.marketing-panel-demo{color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.5;overflow:clip}.demo-banner{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.demo-banner p{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.demo-banner strong{font-weight:600}.demo-banner span{color:var(--muted);font-size:12px}.marketing-panel-demo button,.marketing-panel-demo input,.marketing-panel-demo select,.marketing-panel-demo textarea{font:inherit}.marketing-panel-demo button{cursor:pointer}.marketing-panel-demo :is(button,input,select,textarea):focus-visible{outline:3px solid var(--brand);outline-offset:3px}.demo-reset{min-height:44px;color:var(--muted);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px;display:inline-flex}.demo-reset:hover{color:var(--ink)}.demo-workspace{grid-template-columns:208px minmax(0,1fr);display:grid}.demo-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;gap:32px;padding:28px 16px;display:flex}.demo-company{align-items:center;gap:12px;display:flex}.demo-nav{gap:8px;display:grid}.demo-nav button{text-align:left;border-radius:var(--radius-control);width:100%;min-height:48px;color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.demo-nav button:is(:hover,[aria-pressed=true]){background:var(--sidebar-hover);color:#fff}.demo-nav button[aria-pressed=true]{border-color:#60705d}.demo-nav button>span{font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.demo-sidebar-note{color:var(--sidebar-muted);font-size:12px;line-height:1.8;margin-top:auto!important}.demo-content{min-width:0;min-height:480px;padding:32px}.demo-heading{margin-bottom:24px}.demo-heading h3{letter-spacing:-.025em;font-size:26px;font-weight:600;line-height:1.25}.demo-heading>p{color:var(--muted);margin-top:8px}.demo-search{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);min-height:48px;color:var(--muted);align-items:center;gap:12px;margin-bottom:20px;padding:0 14px;display:flex}.demo-search input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0}.demo-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.demo-items{gap:10px;display:grid}.demo-items button{text-align:left;width:100%;min-width:0;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-control);align-items:center;gap:12px;padding:14px;display:flex}.demo-items button:hover{border-color:var(--brand)}.demo-items button[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.demo-items button>img{object-fit:cover;border-radius:5px;flex-shrink:0;width:60px;height:60px}.demo-items button>span:not(.demo-avatar){gap:6px;min-width:0;display:grid}.demo-items strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.demo-items small{color:var(--muted);font-size:12px}.demo-items b{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.demo-property,.demo-lead-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-control);overflow:hidden}.demo-property>img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.demo-property>div{padding:20px}.demo-badge{background:var(--success-soft);color:var(--success-ink);border-radius:4px;margin-bottom:12px;padding:4px 8px;font-size:11px;display:inline-block}.demo-property h4,.demo-lead-form h4,.demo-followups h4,.demo-empty h4{margin:0;font-size:16px;font-weight:600;line-height:1.4}.demo-property p,.demo-lead-form>p{color:var(--muted);margin-top:8px;font-size:12px}.demo-property dl{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:20px;display:flex}.demo-property dt{color:var(--muted);font-size:11px}.demo-property dd{margin-top:4px;font-size:13px;font-weight:600}.demo-avatar{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.demo-lead-form{gap:16px;padding:24px;display:grid}.demo-lead-form>p{margin-top:-8px}.demo-lead-form label{gap:8px;min-width:0;font-size:12px;font-weight:500;display:grid}.demo-lead-form :is(input,select,textarea){border:1px solid var(--line);border-radius:var(--radius-control);width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--paper);padding:10px}.demo-lead-form textarea{resize:vertical}.demo-primary,.demo-secondary{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 14px;line-height:1.4;display:inline-flex;font-weight:500!important}.demo-primary{border:1px solid var(--brand);background:var(--brand);color:#fff}.demo-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.demo-secondary{border:1px solid var(--line);color:var(--ink);background:var(--paper)}.demo-secondary:hover{border-color:var(--brand)}.demo-followups{gap:16px;display:grid}.demo-followups article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-control);align-items:start;gap:16px;padding:20px;display:flex}.demo-followups article>svg{color:var(--brand);margin-top:3px}.demo-followups article>div:first-of-type{flex:1;min-width:0}.demo-followups p{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:13px}.demo-followup-actions{flex-shrink:0;gap:8px;display:grid}.demo-empty{border:1px dashed var(--line);border-radius:var(--radius-control);text-align:center;justify-items:center;gap:16px;padding:40px 24px;display:grid}.demo-empty>p{max-width:50ch;color:var(--muted)}.demo-feedback{color:var(--success-ink);font-size:13px;margin-top:16px!important}.demo-feedback:empty{display:none}.marketing-panel-demo--compact .demo-workspace{grid-template-columns:minmax(0,1fr)}.marketing-panel-demo--compact .demo-sidebar{gap:0;padding:10px 12px}.marketing-panel-demo--compact .demo-company,.marketing-panel-demo--compact .demo-sidebar-note{display:none}.marketing-panel-demo--compact .demo-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.marketing-panel-demo--compact .demo-nav button{gap:8px;padding:10px;font-size:12px}.marketing-panel-demo--compact .demo-nav button>span{display:none}.marketing-panel-demo--compact .demo-content{min-height:400px;padding:22px}.marketing-panel-demo--compact .demo-heading{margin-bottom:18px}.marketing-panel-demo--compact .demo-heading h3{font-size:22px}.marketing-panel-demo--compact .demo-heading>p{font-size:12px}.marketing-panel-demo--compact .demo-detail-layout{gap:14px}.marketing-panel-demo--compact .demo-items button{align-items:flex-start;gap:10px;padding:12px}.marketing-panel-demo--compact .demo-items button>img{width:42px;height:42px}.marketing-panel-demo--compact .demo-items strong{font-size:12px}.marketing-panel-demo--compact .demo-items small{font-size:11px}.marketing-panel-demo--compact .demo-property>div{padding:16px}.marketing-panel-demo--compact .demo-property h4{font-size:14px}.marketing-panel-demo--compact .demo-property dl{gap:10px}.marketing-panel-demo--compact .demo-lead-form{padding:16px}.marketing-panel-demo--compact .demo-followups article{flex-wrap:wrap}.marketing-panel-demo--compact .demo-followup-actions{flex-wrap:wrap;flex-basis:100%;display:flex}@media (max-width:1100px){.demo-workspace{grid-template-columns:176px minmax(0,1fr)}.demo-content{padding:24px}.demo-detail-layout{gap:16px}.demo-items button{align-items:start;padding:12px}.demo-items button>img{width:44px;height:44px}.demo-lead-form{padding:16px}.demo-followups article{flex-wrap:wrap}.demo-followup-actions{flex-wrap:wrap;flex-basis:100%;display:flex}}@media (max-width:820px){.demo-workspace{grid-template-columns:minmax(0,1fr)}.demo-sidebar{gap:16px;padding:12px}.demo-company,.demo-sidebar-note{display:none}.demo-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.demo-nav button{gap:8px;font-size:13px}.demo-nav button>span{display:none}}@media (max-width:600px){.marketing-panel-demo--compact .demo-content{padding:20px 16px}.marketing-panel-demo--compact .demo-detail-layout{grid-template-columns:minmax(0,1fr)}.marketing-panel-demo--compact .demo-nav button{justify-content:center;padding-inline:6px}.marketing-panel-demo--compact .demo-items button>img{width:56px;height:56px}.marketing-panel-demo--compact .demo-property{grid-template-columns:96px minmax(0,1fr);align-items:stretch;display:grid}.marketing-panel-demo--compact .demo-property>img{aspect-ratio:auto;height:100%;min-height:160px}.marketing-panel-demo--compact .demo-property dl{margin-top:12px}.demo-banner{gap:8px;padding:10px 12px}.demo-banner p{display:grid}.demo-nav button{justify-content:center;gap:6px;padding:10px 8px;font-size:12px}.demo-content{padding:20px 16px}.demo-heading h3{font-size:23px}.demo-detail-layout{grid-template-columns:minmax(0,1fr)}.demo-items button{align-items:center}.demo-items button>img{width:60px;height:60px}.demo-property>img{max-height:220px}.demo-property>div,.demo-lead-form{padding:20px}.demo-contacts{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-contacts button{align-items:start}.demo-contacts .demo-avatar{display:none}.demo-empty{padding-inline:12px}}