:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--panel:#fff;--panel-soft:#edf8f4;--ink:#172322;--muted:#64736f;--line:#dce4e1;--brand:#087f6c;--brand-strong:#056655;--accent:#d97706;--danger:#b42318;--success:#067647;--shadow:0 12px 34px #17232212;--shadow-hover:0 16px 42px #17232221}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #087f6c38}.auth-page{grid-template-columns:minmax(320px,460px) 1fr;min-height:100vh;display:grid}.auth-panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:48px;display:flex;overflow-y:auto;box-shadow:18px 0 50px #1723220f}.auth-brand{color:var(--brand);letter-spacing:0;margin-bottom:32px;font-weight:800}.auth-visual{background:radial-gradient(circle at 20% 20%,#0f766e3d,#0000 34%),radial-gradient(circle at 80% 70%,#b4530933,#0000 28%),#eef6f1;align-items:center;padding:64px;display:flex}.auth-copy{max-width:560px}.auth-copy h1,.auth-panel h1{margin:0 0 16px;font-size:40px;line-height:1.06}.auth-copy p,.auth-panel p{color:var(--muted);line-height:1.6}.form{gap:14px;display:grid}.field{color:var(--muted);gap:7px;font-size:14px;display:grid}.address-fields{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:14px;display:grid}.address-fields legend{color:var(--muted);padding:0 6px;font-size:14px}.consent-field{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.consent-field input{flex:none;width:17px;height:17px;margin:2px 0 0}.input,.textarea,.select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #087f6c1a}.textarea{resize:vertical;min-height:100px}.button{background:var(--brand);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #087f6c29}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button.danger{background:var(--danger)}.button.ghost-danger{color:var(--danger);background:#fff;border:1px solid #fecaca}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--brand);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.workspace-card{border:1px solid #ffffff1f;border-radius:10px;gap:5px;padding:12px;display:grid}.workspace-card span{color:#9ba8b5;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.workspace-card select{color:#fff;background:0 0;border:0;width:100%;font-weight:700}.workspace-card option{color:#17202a}.nav a.active{color:#fff;background:#ffffff21}.sidebar-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.sidebar-footer>button{color:#b9c3ce;background:0 0}.user-chip{align-items:center;gap:9px;min-width:0;display:flex}.user-chip>span,.avatar{width:34px;height:34px;color:var(--brand);background:#dff3eb;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.user-chip div{min-width:0;display:grid}.user-chip strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-chip small{color:#91a0ad;font-size:11px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:11px;font-weight:800}.member-form{grid-template-columns:1fr minmax(220px,1.4fr) 180px auto;align-items:end;gap:14px;margin-bottom:18px;display:grid}.member-form p{margin:5px 0 0;font-size:13px}.table-panel{padding:0;overflow:hidden}.table-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.table-heading>div{align-items:center;gap:9px;display:flex}.badge{text-align:center;background:var(--panel-soft);min-width:28px;color:var(--brand);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.member-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr 160px auto;align-items:center;gap:14px;padding:14px 20px;display:grid}.member-name{gap:3px;display:grid}.member-name span{color:var(--muted);font-size:13px}.select.compact{min-height:36px;padding:5px 9px}.icon-button{background:0 0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.danger-text{color:var(--danger)}.error{color:var(--danger);font-size:14px}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#142522 0%,#10201d 100%);flex-direction:column;gap:20px;padding:24px 18px;display:flex}.sidebar strong{font-size:20px}.nav{gap:8px;display:grid}.nav a,.nav button{color:#eef2f6;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:flex}.nav a:hover,.nav button:hover{background:#ffffff1a}.content{padding:28px;overflow:hidden}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.toolbar h1{letter-spacing:-.03em;margin:0;font-size:28px}.toolbar-actions{align-items:center;gap:10px;display:flex}.board{grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:10px;display:grid;overflow-x:auto}.column{border:1px solid var(--line);background:#eef2f1;border-radius:14px;min-height:68vh;padding:12px;transition:outline-color .16s,background .16s}.column-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.column-title{align-items:center;gap:8px;font-weight:800;display:flex}.swatch{border-radius:999px;width:12px;height:12px}.deal-card,.panel,.chat-message{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.deal-card{gap:10px;margin-bottom:11px;padding:13px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.deal-card:hover{box-shadow:var(--shadow-hover);border-color:#c7d7d2;transform:translateY(-2px)}.deal-card.dragging{box-shadow:0 24px 55px #17232233}.card-top{align-items:center;gap:7px;display:flex}.card-top .card-actions{margin-left:auto}.card-actions{justify-content:flex-end;gap:3px;display:flex}.card-actions button,.stage-actions button{width:26px;height:26px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;display:grid}.card-actions button:hover,.stage-actions button:hover{color:var(--ink);background:#eef1f5}.drag-handle{cursor:grab;touch-action:none;color:#93a19d!important}.drag-handle:active{cursor:grabbing}.stage-actions{align-items:center;gap:2px;display:flex}.stage-actions button:disabled{opacity:.3;cursor:default}.deal-card strong{overflow-wrap:anywhere}.deal-contact{text-align:left;color:var(--ink);background:0 0;gap:3px;padding:0;display:grid}.deal-contact strong{letter-spacing:-.01em;font-size:15px}.deal-contact span{color:var(--muted);font-size:12px}.status-pill{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#eef2f1;border-radius:999px;align-items:center;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.status-pill.won{color:#067647;background:#dcfae6}.status-pill.lost{color:#b42318;background:#fee4e2}.deal-tags{flex-wrap:wrap;gap:5px;min-height:2px;display:flex}.deal-tags>span{color:#596661;background:#f1f3f5;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.deal-meta{border-top:1px solid #edf0ef;justify-content:space-between;align-items:center;padding-top:9px;display:flex}.deal-meta>strong{color:var(--brand-strong);font-size:14px}.deal-meta>span{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.muted{color:var(--muted)}.grid-2{grid-template-columns:minmax(280px,380px) 1fr;gap:16px;display:grid}.panel{padding:18px}.list{gap:10px;display:grid}.instance-row,.conversation-row{text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;gap:5px;width:100%;padding:12px;display:grid}.instance-row.active,.conversation-row.active{border-color:var(--brand);background:var(--panel-soft)}.qr{border:1px solid var(--line);border-radius:8px;width:100%;max-width:280px}.chat-layout{grid-template-columns:330px minmax(420px,1fr) 280px;gap:16px;height:calc(100vh - 96px);display:grid}.chat-window{grid-template-rows:auto 1fr auto;min-height:0;display:grid}.chat-controls{gap:8px;padding:8px 0 12px;display:flex}.messages{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow:auto}.chat-message{max-width:min(620px,82%);box-shadow:none;padding:10px 12px}.chat-message.outbound{background:#e7f6ef;align-self:flex-end}.alert{border-radius:10px;margin:0 24px 14px;padding:11px 13px;font-size:13px}.alert.error{background:#fef3f2;border:1px solid #fecdca}.alert.success{color:var(--success);background:#ecfdf3;border:1px solid #abefc6}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1c196b;justify-content:flex-end;animation:.18s both backdrop-in;display:flex;position:fixed;inset:0}.lead-drawer{background:#f7f9f8;width:min(760px,96vw);height:100%;animation:.22s cubic-bezier(.2,.8,.2,1) both drawer-in;overflow:auto;box-shadow:-24px 0 70px #0d1c1933}.drawer-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;display:flex;position:sticky;top:0}.drawer-header h2{letter-spacing:-.03em;margin:0 0 5px;font-size:24px}.drawer-loading{color:var(--muted);padding:42px 24px}.drawer-content{gap:16px;padding:18px 24px 36px;display:grid}.detail-section{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 20px #1723220a}.section-heading{color:var(--brand);align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.section-heading h3{color:var(--ink);margin:0;font-size:16px}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.address{grid-template-columns:1.8fr .7fr 1fr}.form-grid .wide{grid-column:span 2}.address-block{background:#fafcfb;border:1px solid #e4e9e7;border-radius:11px;padding:14px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.align-self-end{justify-self:end}.deal-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.timeline{gap:0;display:grid;position:relative}.timeline:before{content:"";background:#dfe7e4;width:2px;position:absolute;top:10px;bottom:16px;left:6px}.timeline-item{grid-template-columns:14px 1fr;gap:12px;padding:0 0 18px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{z-index:1;background:var(--brand);border:3px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:3px;position:relative;box-shadow:0 0 0 1px #cbd7d3}.timeline-item strong{flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;display:flex}.timeline-item p{color:var(--muted);margin:4px 0 0;font-size:12px}.purchase-heading>strong{color:var(--brand-strong);margin-left:auto;font-size:18px}.purchase-form{grid-template-columns:1.5fr .6fr .8fr auto;align-items:center;gap:9px;margin-bottom:14px;display:grid}.purchase-list{display:grid}.purchase-row{border-top:1px solid #edf0ef;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 4px;display:grid}.purchase-row>div{gap:3px;display:grid}.purchase-row span{color:var(--muted);font-size:12px}.empty-state{color:var(--muted);text-align:center;background:#f7f9f8;border-radius:10px;padding:16px;font-size:13px}@keyframes backdrop-in{0%{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translate(25px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.chat-message.inbound{align-self:flex-start}.full-width{width:100%}.contact-insight-panel{align-self:stretch;min-width:0;overflow:auto}.contact-insight-header{text-align:center;border-bottom:1px solid var(--line);justify-items:center;padding:8px 0 20px;display:grid}.contact-insight-avatar{background:var(--panel-soft);width:58px;height:58px;color:var(--brand);border-radius:18px;place-items:center;font-weight:850;display:grid}.contact-insight-header h2{margin:10px 0 3px;font-size:17px}.contact-insight-header p{color:var(--muted);margin:0;font-size:12px}.contact-insight-list{margin:8px 0 16px;display:grid}.contact-insight-list>span{min-width:0;color:var(--brand);border-bottom:1px solid #edf0ef;grid-template-columns:20px 1fr;gap:9px;padding:11px 0;display:grid}.contact-insight-list div{gap:3px;min-width:0;display:grid}.contact-insight-list small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:750}.contact-insight-list strong{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.text-link{color:var(--brand);align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:800;display:inline-flex}.contact-deals{gap:8px;display:grid}.contact-deal-row{background:#fafcfb;border:1px solid #e6ebe9;border-radius:10px;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.contact-deal-row>div{gap:3px;display:grid}.contact-deal-row small{color:var(--muted);font-size:11px}.compact-detail .section-heading{margin-bottom:8px}.flow-runtime{gap:16px;margin-top:16px;display:grid}.runtime-panel{gap:14px;display:grid}.runtime-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.runtime-heading h2{margin:0 0 4px;font-size:18px}.runtime-heading p{margin:0}.runtime-critical{gap:5px;margin:0;display:grid}.runtime-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.runtime-list{display:grid}.runtime-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.runtime-row>div{gap:4px;min-width:0;display:grid}.runtime-row span,.runtime-row small{color:var(--muted);overflow-wrap:anywhere}.runtime-row small{font-size:12px}.runtime-risk{max-width:260px;color:var(--muted);align-items:flex-start;gap:6px;font-size:12px;display:flex}.runtime-confirm{align-self:center;gap:14px;width:min(520px,100vw - 32px);margin:auto;display:grid}.runtime-confirm h2,.runtime-confirm p{margin:0}.runtime-confirm>label{align-items:center;gap:8px;display:flex}.runtime-drawer .detail-section h3{margin-top:0}.runtime-step-list{gap:10px;padding-left:22px;display:grid}.runtime-step-list li{border:1px solid var(--line);border-radius:9px;gap:3px;padding:10px;display:grid}.runtime-step-list span,.runtime-step-list small,.runtime-step-list time{color:var(--muted);font-size:12px}.runtime-settings{gap:18px;display:grid}.runtime-windows{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.runtime-windows fieldset{border:1px solid var(--line);border-radius:10px;gap:8px;min-width:0;padding:11px;display:grid}.runtime-windows legend{color:var(--muted);font-size:12px;font-weight:800}.runtime-window{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.runtime-window label{color:var(--muted);gap:4px;font-size:11px;display:grid}.runtime-window input:not([type=checkbox]){border:1px solid var(--line);border-radius:7px;width:75px;padding:7px}.runtime-keywords{gap:8px;display:grid}.runtime-keywords h3{margin:0;font-size:14px}.runtime-keywords>div{gap:8px;display:flex}.runtime-keywords input{border:1px solid var(--line);border-radius:7px;flex:1;padding:8px}.client-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.client-metrics article{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:9px;padding:16px;display:grid;box-shadow:0 5px 18px #1723220a}.client-metrics span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.client-metrics strong{letter-spacing:-.03em;font-size:22px}.clients-panel{padding:0;overflow:hidden}.clients-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.client-search{flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;display:grid}.client-search>svg{color:var(--muted)}.client-search input{background:0 0;border:0;outline:0;min-width:0}.clients-table{display:grid;overflow-x:auto}.clients-head,.client-row{grid-template-columns:1.35fr 1.25fr 1.45fr 1.1fr .8fr;align-items:center;gap:16px;min-width:940px;display:grid}.clients-head{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;background:#f7f9f8;padding:11px 18px;font-size:10px;font-weight:800}.client-row{width:100%;color:var(--ink);text-align:left;background:#fff;border-top:1px solid #edf0ef;padding:13px 18px;transition:background .15s}.client-row:hover{background:#f8fbfa}.client-row>span{gap:4px;min-width:0;display:grid}.client-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.client-row small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.client-identity{align-items:center;grid-template-columns:36px 1fr!important;gap:10px!important}.client-identity>i{background:var(--panel-soft);width:36px;height:36px;color:var(--brand);border-radius:10px;place-items:center;font-size:11px;font-style:normal;font-weight:850;display:grid}.stage-mini-dot{border-radius:50%;width:7px;height:7px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.summary-card{grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;display:grid}.summary-card svg{color:var(--brand);background:var(--panel-soft);border-radius:12px;grid-row:span 2;width:44px;height:44px;padding:10px}.summary-card span{color:var(--muted);font-size:13px}.summary-card strong{font-size:28px;line-height:1}.quick-actions{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.quick-actions h2,.future-metrics h2{margin:4px 0 0}.quick-actions>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.future-metrics{background-image:linear-gradient(135deg, transparent, var(--panel-soft));min-height:150px}.deal-checklist{background:var(--panel-soft);color:var(--brand);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:12px;font-weight:700;display:flex}.deal-checklist input{width:17px;height:17px;accent-color:var(--brand)}.stage-type-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#eef2f7;border-radius:999px;padding:3px 6px;font-size:9px}.stage-type-badge.checklist{background:var(--panel-soft);color:var(--brand)}.module-card{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.module-copy{align-items:center;gap:12px;display:flex}.module-copy p{margin:4px 0 0}.module-icon{width:42px;height:42px;color:var(--brand);background:var(--panel-soft);border-radius:12px;flex:none;place-items:center;display:grid}.automation-panel{margin-top:16px}.automation-form{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:10px;padding:16px 0;display:grid}.automation-form label{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.automation-form .select{width:100%}.automation-list{display:grid}.automation-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 0;display:grid}.automation-row:last-child{border-bottom:0}.automation-row div{gap:4px;display:grid}.automation-row span{color:var(--muted);font-size:13px}.toggle-button{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;width:42px;height:24px;padding:3px}.toggle-button span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block}.toggle-button.active{background:var(--brand)}.toggle-button.active span{transform:translate(18px)}.tag-settings-panel{margin-top:16px}.tag-create-form{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 48px auto;gap:10px;padding:16px 0;display:grid}.color-input{border:1px solid var(--line);background:#fff;border-radius:9px;width:44px;height:42px;padding:4px}.tag-admin-list{display:grid}.tag-admin-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.tag-admin-list small{color:var(--muted)}.contact-tag{border:1px solid;border-radius:999px;align-items:center;width:max-content;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}button.contact-tag{cursor:pointer}.contact-tags-block{border-top:1px solid var(--line);gap:10px;margin-top:16px;padding-top:16px;display:grid}.contact-tags-editor{gap:6px;display:grid}.contact-tags-editor>div{flex-wrap:wrap;gap:7px;display:flex}.card-tag-menu{margin:8px 0;font-size:11px;position:relative}.card-tag-menu summary{color:var(--muted);cursor:pointer;align-items:center;gap:5px;list-style:none;display:inline-flex}.card-tag-menu>div{z-index:20;border:1px solid var(--line);background:#fff;border-radius:10px;gap:7px;min-width:190px;max-height:220px;padding:10px;display:grid;position:absolute;top:24px;left:0;overflow:auto;box-shadow:0 12px 30px #17232229}.card-tag-menu label{cursor:pointer;align-items:center;gap:7px;display:flex}.chat-filters{grid-template-columns:auto minmax(140px,.8fr) repeat(3,minmax(150px,1fr)) auto;align-items:center;gap:9px;margin-bottom:14px;padding:12px;display:grid}.chat-filters select[multiple]{height:42px}.filter-heading{color:var(--brand);align-items:center;gap:7px;display:flex}.chat-conversation-list{background:#fff;align-content:start;gap:0;padding:0;overflow:auto}.empty-conversation-list{padding:18px}.conversation-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;border-radius:0;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:11px;min-height:92px;padding:13px 14px;transition:background .15s;position:relative}.conversation-row:hover{background:#f7faf9}.conversation-row.active{border-color:var(--line);box-shadow:inset 3px 0 0 var(--brand)}.conversation-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:850;display:grid}.conversation-summary{gap:3px;min-width:0;display:grid}.conversation-heading{align-items:baseline;gap:5px;min-width:0;padding-right:22px;display:flex}.conversation-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conversation-heading time{color:#f97316;flex:none;font-size:10px;font-weight:650}.conversation-phone{color:var(--muted);font-size:11px}.conversation-preview{color:#586864;align-items:center;gap:4px;min-width:0;font-size:11px;display:flex}.conversation-preview svg{color:var(--brand);flex:none}.conversation-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-tags{align-items:center;gap:4px;min-width:0;margin-top:2px;display:flex;overflow:hidden}.conversation-tags i{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;max-width:96px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:800;line-height:1.2;overflow:hidden}.conversation-tags b{color:var(--muted);font-size:9px}.unread-badge{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:grid;position:absolute;top:11px;right:10px}.chat-composer{grid-template-columns:auto auto 1fr auto;align-items:end;gap:8px;display:grid}.chat-composer .textarea{min-height:44px;max-height:120px}.icon-button.recording{color:#dc2626;background:#fee2e2;animation:1.2s infinite recording-pulse}@keyframes recording-pulse{50%{box-shadow:0 0 0 6px #dc262614}}.chat-message{max-width:min(78%,520px)}.chat-message p{white-space:pre-wrap}.media-image-button{cursor:zoom-in;background:0 0;border:0;max-width:100%;padding:0;display:block}.media-image-button img{object-fit:contain;border-radius:10px;max-width:100%;max-height:330px;display:block}.media-image-button.sticker img{width:180px;max-height:180px}.audio-player{background:#ffffff94;border-radius:12px;grid-template-columns:38px 34px minmax(150px,1fr);align-items:center;gap:7px;width:min(360px,72vw);padding:8px 9px;display:grid}.audio-control-button,.audio-skip-button{color:var(--brand);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.audio-control-button{color:#fff;background:var(--brand);border-radius:50%;width:38px;height:38px}.audio-skip-button{width:34px;height:34px;position:relative}.audio-skip-button span{font-size:8px;font-weight:800;position:absolute}.audio-skip-button:disabled{opacity:.4;cursor:default}.audio-timeline{gap:3px;min-width:0;display:grid}.audio-timeline input{width:100%;height:18px;accent-color:var(--brand);cursor:pointer;margin:0}.audio-timeline input:disabled{cursor:wait}.audio-timeline div{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.chat-message.outbound .audio-player{background:#ffffffb8}.message-video{background:#111;border-radius:10px;width:min(360px,100%);max-height:360px}.document-card{min-width:250px;color:inherit;background:#ffffff8c;border:1px solid #0000001a;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.document-card span{min-width:0;display:grid}.document-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-card small,.media-loading,.media-error{color:var(--muted);font-size:11px}.media-lightbox{z-index:100;background:#080e0ee0;place-items:center;padding:44px;display:grid;position:fixed;inset:0}.media-lightbox>.icon-button{color:#fff;position:absolute;top:18px;right:18px}.media-lightbox img,.media-lightbox video{object-fit:contain;max-width:92vw;max-height:88vh}.insight-tags{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;display:flex}@media (width<=1180px){.chat-layout{grid-template-columns:320px minmax(420px,1fr);height:auto}.chat-window{height:calc(100vh - 96px)}.contact-insight-panel{grid-column:1/-1}.contact-insight-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}@media (width<=860px){.auth-page,.app,.grid-2,.chat-layout{grid-template-columns:1fr}.auth-visual{display:none}.sidebar{min-height:auto}.content{padding:16px}.member-form,.address-fields{grid-template-columns:1fr}.client-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-toolbar{flex-direction:column;align-items:stretch}.client-search{grid-template-columns:auto 1fr}.client-search .button{grid-column:1/-1}.contact-insight-list,.form-grid.two,.form-grid.address,.deal-form,.purchase-form{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.lead-drawer{width:100%}.drawer-header,.drawer-content{padding-left:16px;padding-right:16px}.summary-grid{grid-template-columns:1fr}.quick-actions,.module-card{flex-direction:column;align-items:stretch}.automation-form{grid-template-columns:1fr 1fr}.runtime-windows{grid-template-columns:1fr}.chat-filters{grid-template-columns:1fr 1fr}.filter-heading{grid-column:1/-1}.tag-create-form{grid-template-columns:1fr auto}.tag-create-form .button{grid-column:1/-1}}@media (width<=620px){.automation-form{grid-template-columns:1fr}.runtime-row{flex-direction:column;align-items:stretch}.chat-filters,.chat-composer{grid-template-columns:auto auto 1fr}.chat-filters>*{grid-column:1/-1}.chat-composer .textarea{grid-area:1/1/auto/-1}.chat-composer .button{grid-column:3}.media-lightbox{padding:20px}}.feature-gate-state{text-align:center;max-width:680px;margin:8vh auto 0;padding:32px}.feature-gate-state h1{margin:0 0 10px}.feature-gate-state .button{margin-top:12px}:root{--demo-bg:#f5f6f8;--demo-ink:#18212b;--demo-muted:#718096;--demo-line:#e6e9ee;--demo-navy:#18242f;--demo-green:#12a36f;--demo-green-dark:#0b8158;--demo-panel:#fff}.demo-app{background:var(--demo-bg);min-height:100vh;color:var(--demo-ink);grid-template-columns:244px minmax(0,1fr);font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.demo-sidebar{z-index:30;background:var(--demo-navy);color:#fff;flex-direction:column;height:100vh;padding:22px 15px 16px;display:flex;position:sticky;top:0}.demo-logo{align-items:center;gap:10px;height:43px;padding:0 8px;font-size:19px;display:flex}.demo-logo>span{background:linear-gradient(145deg,#24c98b,#0e9465);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 7px 20px #12a36f40}.demo-logo>button{color:#fff;background:0 0;margin-left:auto;display:none}.demo-workspace{background:#ffffff12;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:21px 2px 20px;padding:11px;display:grid}.workspace-avatar{color:#473715;background:#f1c66a;border-radius:8px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.demo-workspace div{gap:2px;min-width:0;display:grid}.demo-workspace small{color:#96a2ad;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.demo-workspace strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.demo-sidebar nav{gap:5px;display:grid}.demo-sidebar nav button,.demo-sidebar-bottom>button{color:#aeb8c1;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 11px;font-size:13px;font-weight:600;display:flex}.demo-sidebar nav button.active{color:#41d79f;background:#24c98b21}.demo-sidebar nav button:hover,.demo-sidebar-bottom>button:hover{color:#fff;background:#ffffff0f}.demo-sidebar nav button span,.demo-sidebar-bottom button span{flex:1}.demo-sidebar nav button em{color:#fff;background:#f06464;border-radius:99px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:10px;font-style:normal;display:grid}.demo-sidebar-bottom{gap:14px;margin-top:auto;display:grid}.demo-user{border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:13px 7px 0;display:grid}.demo-user>span{color:#395b9d;background:#dfe8ff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:grid}.demo-user div{gap:2px;min-width:0;display:grid}.demo-user strong{font-size:12px}.demo-user small{color:#8996a2;font-size:10px}.demo-main{min-width:0}.demo-topbar{border-bottom:1px solid var(--demo-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:66px;padding:0 27px;display:flex}.mobile-menu{background:0 0;display:none}.demo-breadcrumb{align-items:center;gap:8px;font-size:12px;display:flex}.demo-breadcrumb span,.demo-breadcrumb b{color:#9aa4af;font-weight:500}.top-actions{align-items:center;gap:10px;display:flex}.demo-mode,.online-pill{color:#28785c;background:#f2fbf7;border:1px solid #dceee7;border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.demo-mode i,.online-pill i,.status-connected i,.status-offline i,.active-member i,.away-member i{background:#20b77b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #20b77b1f}.notification{border:1px solid var(--demo-line);color:#6a7480;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification i{background:#ef5d5d;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.exit-demo{color:#fff;background:#18242f;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.demo-page{padding:25px 27px 32px}.narrow-page{max-width:1180px;margin:0 auto}.demo-page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px;display:flex}.demo-page-title h1{letter-spacing:-.03em;margin:0;font-size:27px;line-height:1.15}.demo-page-title p:not(.eyebrow){color:var(--demo-muted);margin:6px 0 0;font-size:12px}.primary-action{background:var(--demo-green);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 7px 17px #12a36f2b}.primary-action:hover{background:var(--demo-green-dark)}.metrics-row{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px;display:grid}.metrics-row article{border:1px solid var(--demo-line);background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:start;min-height:118px;padding:17px 18px;display:grid;position:relative;box-shadow:0 2px 7px #17222d06}.metrics-row article div{gap:5px;display:grid}.metrics-row article span{color:var(--demo-muted);font-size:11px;font-weight:600}.metrics-row article strong{letter-spacing:-.03em;font-size:23px}.metrics-row article small{color:#8b95a0;grid-column:1/-1;align-self:end;font-size:10px}.metrics-row article small b{color:#14986a}.metric-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.metric-icon.blue{color:#4772cb;background:#edf3ff}.metric-icon.amber{color:#be7c1b;background:#fff5e5}.metric-icon.green{color:#13865f;background:#eaf8f2}.pipeline-tools{border:1px solid var(--demo-line);background:#fff;border-radius:9px;align-items:center;gap:8px;min-height:51px;margin-bottom:13px;padding:8px 10px;display:flex}.demo-search{border:1px solid var(--demo-line);color:#8b95a0;background:#fbfcfd;border-radius:7px;align-items:center;gap:8px;min-width:270px;height:34px;padding:0 10px;display:flex}.demo-search input{width:100%;color:var(--demo-ink);background:0 0;border:0;outline:0;font-size:11px}.pipeline-tools>button{border:1px solid var(--demo-line);color:#66717d;background:#fff;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.pipeline-tools>span{color:#8a94a0;margin-left:auto;padding-right:5px;font-size:10px}.demo-board{grid-auto-columns:minmax(238px,1fr);grid-auto-flow:column;gap:11px;padding-bottom:12px;display:grid;overflow-x:auto}.demo-column{background:#eef0f3;border:1px solid #e2e6eb;border-radius:9px;min-height:460px;padding:11px;transition:border-color .18s,background .18s}.demo-column.over{background:#e8f5f0;border-color:#2ab680}.demo-column-head{justify-content:space-between;align-items:center;display:flex}.demo-column-head>div{align-items:center;gap:7px;display:flex}.demo-column-head>div>span{border-radius:50%;width:8px;height:8px}.demo-column-head strong{font-size:11px}.demo-column-head em{color:#67717d;background:#dfe3e8;border-radius:99px;place-items:center;min-width:20px;height:19px;font-size:9px;font-style:normal;display:grid}.demo-column-head button,.drag-handle{color:#929ba4;background:0 0;place-items:center;display:grid}.column-total{color:#8a949e;margin:6px 0 11px 15px;font-size:9px;font-weight:700}.demo-cards{gap:8px;display:grid}.demo-deal{background:#fff;border:1px solid #e1e5ea;border-radius:8px;padding:11px;transition:box-shadow .16s,opacity .16s;box-shadow:0 2px 5px #17222d09}.demo-deal:hover{box-shadow:0 7px 17px #17222d14}.demo-deal.dragging{opacity:.55;z-index:50}.demo-deal-top{justify-content:space-between;align-items:center;display:flex}.lead-source{color:#76828d;text-transform:uppercase;letter-spacing:.04em;background:#f0f4f7;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:800}.drag-handle{cursor:grab;touch-action:none}.deal-main{text-align:left;background:0 0;gap:3px;width:100%;margin:9px 0 11px;padding:0;display:grid}.deal-main strong{color:#25303b;font-size:12px}.deal-main span{color:#7e8994;font-size:10px}.deal-value{border-top:1px solid #eef0f2;justify-content:space-between;padding-top:9px;display:flex}.deal-value strong{font-size:11px}.deal-value span{color:#8c96a0;font-size:9px}.add-in-column{color:#89939d;background:0 0;border:1px dashed #ced4db;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;height:32px;margin-top:9px;font-size:10px;display:flex}.compact-title{align-items:center}.inbox-page{grid-template-rows:auto 1fr;height:calc(100vh - 66px);display:grid}.demo-inbox{border:1px solid var(--demo-line);background:#fff;border-radius:11px;grid-template-columns:270px minmax(340px,1fr) 230px;min-height:0;display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--demo-line);min-height:0;overflow-y:auto}.conversation-search{border:1px solid var(--demo-line);color:#8b95a0;border-radius:8px;align-items:center;gap:8px;height:48px;margin:12px 12px 5px;padding:0 10px;display:flex}.conversation-search input{border:0;outline:0;width:100%;font-size:11px}.inbox-tabs{border-bottom:1px solid var(--demo-line);gap:12px;padding:6px 12px 10px;display:flex}.inbox-tabs button{color:#8b95a0;background:0 0;padding:0 0 6px;font-size:10px;font-weight:700}.inbox-tabs button.active{color:var(--demo-green);border-bottom:2px solid var(--demo-green)}.conversation-list>button{text-align:left;background:#fff;border-bottom:1px solid #eff1f3;grid-template-columns:auto 1fr auto;gap:9px;width:100%;min-height:80px;padding:12px;display:grid;position:relative}.conversation-list>button.active{box-shadow:inset 3px 0 var(--demo-green);background:#f0faf6}.contact-avatar{color:#47618f;background:#e6edfa;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.conversation-list button div{min-width:0}.conversation-list button strong{font-size:11px;display:block}.conversation-list button p{text-overflow:ellipsis;white-space:nowrap;color:#7b8691;margin:4px 0;font-size:9px;overflow:hidden}.conversation-list button small{color:#a0a8b0;font-size:8px}.conversation-list button time{color:#9aa3ac;font-size:8px}.conversation-list button em{background:var(--demo-green);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;font-style:normal;display:grid;position:absolute;bottom:12px;right:12px}.conversation-window{grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.conversation-window>header{border-bottom:1px solid var(--demo-line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;min-height:62px;padding:10px 15px;display:grid}.contact-avatar.large{width:39px;height:39px}.conversation-window header div:nth-child(2){gap:3px;display:grid}.conversation-window header strong{font-size:12px}.conversation-window header span{color:#8b95a0;font-size:9px}.conversation-status{background:#fff5df;border-radius:99px;padding:5px 7px;font-weight:700;color:#a36b17!important}.conversation-window header button{color:#7c8791;background:0 0}.demo-messages{background:#f7f8fa;flex-direction:column;gap:9px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.day-separator{color:#97a0aa;align-items:center;gap:8px;font-size:8px;display:flex}.day-separator:before,.day-separator:after{content:"";background:#e5e8ec;flex:1;height:1px}.demo-messages article{background:#fff;border:1px solid #e6e9ed;border-radius:9px;max-width:76%;padding:9px 11px;box-shadow:0 2px 5px #17222d06}.demo-messages article.outbound{background:#dcf6ea;border-color:#caecde;align-self:flex-end}.demo-messages article p{color:#39434d;margin:0;font-size:10px;line-height:1.5}.demo-messages article time{color:#89939d;justify-content:flex-end;align-items:center;gap:3px;margin-top:5px;font-size:8px;display:flex}.message-composer{border-top:1px solid var(--demo-line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:65px;padding:10px 13px;display:grid}.message-composer textarea{resize:none;border:1px solid var(--demo-line);width:100%;font:inherit;border-radius:8px;outline:0;padding:10px;font-size:10px}.message-composer>button{color:#7b8690;background:0 0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.message-composer .send-button{background:var(--demo-green);color:#fff}.contact-panel{text-align:center;border-left:1px solid var(--demo-line);padding:22px 17px}.contact-avatar.xlarge{width:55px;height:55px;margin:0 auto 9px;font-size:14px}.contact-panel h3{margin:0 0 4px;font-size:14px}.contact-panel>p{color:#89939d;margin:0;font-size:9px}.contact-details{text-align:left;margin:22px 0 16px;display:grid}.contact-details span{color:#959ea7;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #eef0f2;gap:4px;padding:10px 0;font-size:8px;display:grid}.contact-details strong{color:#3a444e;text-transform:none;letter-spacing:0;font-size:10px}.contact-panel>button{border:1px solid var(--demo-line);color:#55616c;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;height:34px;font-size:9px;font-weight:700;display:flex}.instance-summary{border:1px solid var(--demo-line);background:#fff;border-radius:12px;grid-template-columns:minmax(300px,.8fr) 1.2fr;display:grid;overflow:hidden}.phone-visual{text-align:center;border-right:1px solid var(--demo-line);background:linear-gradient(145deg,#f1f4f6,#e8ecef);flex-direction:column;align-items:center;min-height:470px;padding:70px 35px 35px;display:flex}.phone-visual.connected{background:linear-gradient(145deg,#edf9f4,#e5f3ed)}.phone-speaker{background:#cbd2d8;border-radius:99px;width:55px;height:6px;margin-bottom:72px}.wa-mark{background:var(--demo-green);color:#fff;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:20px;display:grid;box-shadow:0 15px 30px #12a36f33}.phone-visual strong{font-size:20px}.phone-visual p{max-width:260px;color:var(--demo-muted);font-size:12px;line-height:1.6}.instance-info{padding:35px}.instance-heading{border-bottom:1px solid var(--demo-line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:25px;display:grid}.instance-avatar{width:45px;height:45px;color:var(--demo-green);background:#e7f7f0;border-radius:11px;place-items:center;display:grid}.instance-heading small{color:#89939d;font-size:10px}.instance-heading h2{margin:3px 0 0;font-size:17px}.status-connected,.status-offline,.active-member,.away-member{color:#16815d;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.status-offline,.away-member{color:#a36b17}.status-offline i,.away-member i{background:#f2a93b;box-shadow:0 0 0 3px #f2a93b1f}.instance-info dl{grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0;display:grid}.instance-info dl div{gap:6px;display:grid}.instance-info dt{color:#89939d;font-size:10px}.instance-info dd{margin:0;font-size:13px;font-weight:800}.connection-health{background:#f4fbf8;border:1px solid #dceee7;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px;display:flex}.connection-health>div{color:var(--demo-green);align-items:center;gap:10px;display:flex}.connection-health span{text-align:left;gap:3px;display:grid}.connection-health strong{color:#2e443b;font-size:11px}.connection-health small{color:#7c8c85;font-size:9px}.connection-health b{color:var(--demo-green);font-size:12px}.disconnect-button{color:#b94e4e;background:#fff8f8;border:1px solid #f0caca;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.demo-team{border:1px solid var(--demo-line);background:#fff;border-radius:11px;overflow:hidden}.demo-team>header{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;padding:18px;display:flex}.demo-team header strong{font-size:13px}.demo-team header p{color:#89939d;margin:4px 0 0;font-size:10px}.demo-team .demo-search{min-width:220px}.team-row{border-bottom:1px solid #eef0f2;grid-template-columns:auto 1fr 130px 90px auto;align-items:center;gap:12px;min-height:70px;padding:12px 18px;display:grid}.team-row>div{gap:4px;display:grid}.team-row strong{font-size:11px}.team-row p{color:#89939d;margin:0;font-size:9px}.role-pill{color:#687582;background:#f0f3f7;border-radius:6px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:700}.team-row>button{color:#89939d;background:0 0}.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f171f5c;justify-content:flex-end;display:flex;position:fixed;inset:0}.lead-drawer{background:#fff;width:min(420px,100%);height:100%;padding:25px;animation:.2s ease-out drawer-in;overflow-y:auto;box-shadow:-20px 0 60px #0f171f24}.lead-drawer>header{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.lead-drawer h2{margin:0;font-size:23px}.lead-drawer header>button{color:#7e8993;background:0 0}.drawer-form{gap:15px;padding-top:20px;display:grid}.drawer-form label{color:#687480;gap:6px;font-size:11px;font-weight:700;display:grid}.drawer-form input,.drawer-form select{border:1px solid var(--demo-line);outline-color:var(--demo-green);width:100%;height:42px;color:var(--demo-ink);background:#fff;border-radius:8px;padding:0 11px}.drawer-note{color:var(--demo-green);background:#f3faf7;border:1px solid #dceee7;border-radius:8px;gap:9px;padding:12px;display:flex}.drawer-note p{gap:3px;margin:0;display:grid}.drawer-note strong{color:#365147;font-size:10px}.drawer-note span{color:#768a82;font-size:9px;line-height:1.45}@media (width<=1120px){.demo-inbox{grid-template-columns:250px 1fr}.contact-panel{display:none}.metrics-row{grid-template-columns:repeat(3,minmax(190px,1fr));overflow-x:auto}.instance-summary{grid-template-columns:1fr 1.2fr}}@media (width<=820px){.demo-app{grid-template-columns:1fr}.demo-sidebar{width:250px;transition:transform .2s;position:fixed;left:0;transform:translate(-100%);box-shadow:20px 0 50px #0c141b33}.demo-sidebar.open{transform:translate(0)}.demo-logo>button,.mobile-menu{place-items:center;display:grid}.demo-topbar{justify-content:flex-start;gap:12px;padding:0 15px}.demo-breadcrumb span,.demo-breadcrumb b,.demo-mode{display:none}.top-actions{margin-left:auto}.exit-demo{padding:0 10px;font-size:0}.demo-page{padding:20px 15px}.metrics-row{grid-template-columns:repeat(3,230px)}.pipeline-tools{overflow-x:auto}.demo-search{min-width:230px}.demo-inbox{grid-template-columns:220px minmax(300px,1fr)}.instance-summary{grid-template-columns:1fr}.phone-visual{display:none}.member-form{grid-template-columns:1fr}}@media (width<=580px){.demo-page-title{flex-direction:column;align-items:flex-start}.demo-page-title .primary-action{width:100%}.demo-inbox{grid-template-columns:1fr}.conversation-list{display:none}.inbox-page{height:calc(100vh - 66px)}.conversation-window>header{grid-template-columns:auto 1fr auto}.conversation-status{display:none}.instance-info{padding:22px 18px}.instance-heading{grid-template-columns:auto 1fr}.instance-heading>span:last-child{grid-column:2}.instance-info dl{grid-template-columns:1fr}.demo-team>header{flex-direction:column;align-items:flex-start;gap:12px}.demo-team .demo-search{width:100%}.team-row{grid-template-columns:auto 1fr auto}.team-row .role-pill,.team-row .active-member,.team-row .away-member{display:none}}