:root{--ink-950: #0b1220;--ink-800: #1f2a3d;--ink-600: #526075;--ink-500: #6b7688;--line: #dfe5ee;--line-soft: #edf1f6;--bg: #f5f7fb;--panel: #ffffff;--brand: #0b6f85;--brand-strong: #074d62;--brand-soft: #e7f7fb;--success: #0f8a5f;--success-soft: #e8f8f1;--warning: #a86600;--warning-soft: #fff4df;--danger: #bd1e3a;--danger-soft: #fff0f3;--violet: #6254d9;--violet-soft: #f0efff;background:var(--bg);color:var(--ink-950);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,textarea{font:inherit}button{align-items:center;border:0;border-radius:7px;cursor:pointer;display:inline-flex;font-weight:850;gap:8px;justify-content:center;min-height:36px;padding:0 12px}.crm-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.crm-sidebar{background:#fff;border-right:1px solid var(--line);color:var(--ink-950);display:flex;flex-direction:column;gap:20px;padding:20px 14px}.brand{border-bottom:1px solid var(--line-soft);display:grid;gap:3px;padding:0 7px 18px}.brand span{font-size:22px;font-weight:950;letter-spacing:0}.brand span span{color:var(--brand)}.brand small{color:var(--ink-500);font-size:11px;font-weight:850;text-transform:uppercase}.crm-sidebar nav{display:grid;gap:5px}.crm-sidebar nav button{background:transparent;color:var(--ink-600);justify-content:flex-start;min-height:38px;padding:0 10px}.crm-sidebar nav button.active,.crm-sidebar nav button:hover{background:var(--brand-soft);color:var(--brand-strong)}.crm-sidebar nav svg,.agent-rail svg,.trust-rail svg{color:var(--brand)}.agent-rail,.trust-rail{border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:9px;padding:12px}.agent-rail>div{align-items:center;display:flex;gap:8px}.agent-rail strong{font-size:13px}.agent-rail article{align-items:center;display:grid;gap:2px 8px;grid-template-columns:9px minmax(0,1fr);min-height:36px}.agent-rail i{background:var(--success);border-radius:999px;box-shadow:0 0 0 4px var(--success-soft);grid-row:1 / span 2;height:8px;width:8px}.agent-rail span,.agent-rail small,.trust-rail span{display:block;min-width:0}.agent-rail span{color:var(--ink-950);font-size:12px;font-weight:900}.agent-rail small{color:var(--ink-500);font-size:11px}.trust-rail{margin-top:auto}.trust-rail span{align-items:center;color:var(--ink-600);display:inline-flex;font-size:11px;font-weight:800;gap:7px;min-height:26px}.crm-content{display:grid;gap:14px;grid-template-rows:auto auto auto 1fr;min-width:0;padding:18px}.topbar{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;min-height:78px;padding:14px 16px}.topbar p,.panel-head p,.conversation-header p,.customer-card p{color:var(--ink-500);font-size:12px;font-weight:800;margin:0}.topbar h1,.panel-head h2,.conversation-header h2,.customer-card h2{color:var(--ink-950);font-size:20px;font-weight:950;letter-spacing:0;line-height:1.15;margin:0}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.primary-button,.ghost-button,.send-button{border:1px solid transparent}.primary-button{background:var(--ink-950);color:#fff}.ghost-button{background:#fff;border-color:var(--line);color:var(--ink-800)}.primary-button.wide{width:100%}.sync-state{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:950;min-height:28px;padding:0 10px;text-transform:uppercase}.sync-state.ready{background:var(--success-soft);color:var(--success)}.sync-state.error{background:var(--danger-soft);color:var(--danger)}.sync-state.demo,.sync-state.loading,.sync-state.idle{background:var(--brand-soft);color:var(--brand-strong)}.metrics{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;gap:7px;min-height:92px;padding:14px}.metrics svg{color:var(--brand)}.metrics strong{color:var(--ink-950);font-size:26px;font-weight:950;line-height:1}.metrics span{color:var(--ink-500);font-size:12px;font-weight:800}.workspace{align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(290px,.76fr) minmax(430px,1.35fr) minmax(300px,.82fr);min-height:640px}.inbox-panel,.conversation-panel,.context-panel,.funnel-card,.campaign-card,.supervisor-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.inbox-panel,.conversation-panel,.context-panel{display:grid;gap:12px;grid-template-rows:auto auto 1fr;padding:14px}.context-panel{align-content:start;grid-template-rows:initial}.panel-head,.conversation-header,.customer-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.call-actions button{background:#fff;border:1px solid var(--line);color:var(--ink-600);height:34px;min-height:34px;padding:0;width:34px}.panel-head>button:not(.ghost-button):not(.primary-button){background:#fff;border:1px solid var(--line);color:var(--ink-600);height:34px;min-height:34px;padding:0;width:34px}.panel-head .ghost-button{min-height:34px;width:auto}.panel-head svg{color:var(--brand)}.queue-tabs,.segmented{background:#f4f7fb;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px}.queue-tabs button,.segmented button{background:transparent;color:var(--ink-600);font-size:12px;min-height:30px;padding:0 8px}.queue-tabs button.selected,.segmented button.selected{background:#fff;box-shadow:0 1px 4px #0b122014;color:var(--ink-950)}.segmented.compact{grid-template-columns:repeat(2,minmax(0,1fr));min-width:200px}.conversation-list{display:grid;gap:8px;max-height:100%;overflow:auto;padding-right:2px}.conversation-list button{align-items:start;background:#fff;border:1px solid var(--line-soft);border-radius:8px;color:var(--ink-950);display:grid;gap:9px;grid-template-columns:38px minmax(0,1fr) auto;justify-content:initial;min-height:96px;padding:11px;position:relative;text-align:left;width:100%}.conversation-list button.selected{border-color:#0b6f8573;box-shadow:inset 3px 0 0 var(--brand),0 8px 18px #0b12200f}.avatar{align-items:center;background:var(--brand-soft);border:1px solid rgba(11,111,133,.16);border-radius:50%;color:var(--brand-strong);display:inline-flex;flex:none;font-size:12px;font-weight:950;height:36px;justify-content:center;width:36px}.avatar.large{font-size:15px;height:46px;width:46px}.conversation-list strong,.conversation-list small,.conversation-list em,.conversation-list b{display:block;min-width:0}.conversation-list strong{font-size:13px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list small,.conversation-list em,.conversation-list b{color:var(--ink-500);font-size:11px;font-style:normal;font-weight:800}.conversation-list em{margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list i,.case-strip span{border-radius:999px;font-size:10px;font-style:normal;font-weight:950;padding:5px 7px;text-align:center;text-transform:uppercase}.conversation-list b{bottom:10px;position:absolute;right:11px}.steady,.info{background:var(--brand-soft);color:var(--brand-strong)}.success{background:var(--success-soft);color:var(--success)}.warning{background:var(--warning-soft);color:var(--warning)}.danger{background:var(--danger-soft);color:var(--danger)}.conversation-panel{grid-template-rows:auto auto 1fr auto}.conversation-title{align-items:center;display:flex;gap:11px;min-width:0}.call-actions{display:flex;gap:6px}.call-actions button.resolve{background:var(--success-soft);border-color:#0f8a5f38;color:var(--success)}.ai-status-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f2fbfd);border:1px solid var(--line-soft);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.ai-status-card span,.ai-status-card strong{align-items:center;display:flex;gap:7px}.ai-status-card span{color:var(--brand-strong);font-size:12px;font-weight:950}.ai-status-card strong{color:var(--ink-600);font-size:12px;margin-top:3px}.waveform{align-items:center;display:flex;gap:3px;height:30px}.waveform i{background:var(--brand);border-radius:999px;display:block;width:4px}.waveform i:nth-child(1){height:12px;opacity:.45}.waveform i:nth-child(2){height:21px;opacity:.75}.waveform i:nth-child(3){height:28px}.waveform i:nth-child(4){height:17px;opacity:.65}.waveform i:nth-child(5){height:25px;opacity:.9}.waveform i:nth-child(6){height:14px;opacity:.55}.waveform i:nth-child(7){height:22px;opacity:.8}.transcript{align-content:start;background:#f8fafc;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:10px;overflow:auto;padding:14px}.transcript article{border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:5px;max-width:88%;padding:11px 12px}.transcript article.customer{background:#fff;justify-self:start}.transcript article.agent{background:var(--ink-950);color:#fff;justify-self:end}.transcript strong{font-size:11px;font-weight:950;text-transform:uppercase}.transcript p{font-size:13px;font-weight:700;line-height:1.45;margin:0}.transcript small{color:var(--ink-500);font-size:11px;font-weight:800}.transcript .agent small{color:#b7c4d2}.composer{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:auto auto minmax(0,1fr) 38px;padding:10px}.composer button{background:#f4f7fb;color:var(--ink-700, #344252);min-height:34px}.composer div{border-left:1px solid var(--line-soft);display:grid;gap:2px;padding-left:10px}.composer span{color:var(--ink-500);font-size:11px;font-weight:950;text-transform:uppercase}.composer p{color:var(--ink-800);font-size:12px;font-weight:750;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer .send-button{background:var(--brand);color:#fff;height:36px;padding:0;width:36px}.customer-card,.next-action,.insight-card,.event-stream{border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:12px;padding:13px}.case-strip{display:flex;flex-wrap:wrap;gap:7px}.case-strip span:not(.steady):not(.warning):not(.danger){background:#f4f7fb;color:var(--ink-600)}.next-action{background:#fbfcfe}.next-action strong,.event-stream>strong,.insight-card h3{color:var(--ink-950);font-size:12px;font-weight:950;margin:0;text-transform:uppercase}.next-action p{color:var(--ink-600);font-size:13px;font-weight:750;line-height:1.4;margin:0}.next-action button{background:var(--ink-950);color:#fff;justify-self:start}.insight-card dl{display:grid;gap:9px;margin:0}.insight-card div{display:flex;justify-content:space-between}.insight-card dt,.insight-card dd{font-size:12px;font-weight:850;margin:0}.insight-card dt{color:var(--ink-500)}.insight-card dd{color:var(--ink-950)}.event-stream article{align-items:center;display:grid;gap:8px;grid-template-columns:8px minmax(0,1fr) auto}.event-stream i{background:var(--success);border-radius:999px;height:7px;width:7px}.event-stream span,.event-stream small{color:var(--ink-500);font-size:11px;font-weight:850}.lower-grid{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(360px,1fr) minmax(340px,.95fr) minmax(310px,.8fr)}.module-grid{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.module-main,.module-side{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;min-width:0;padding:14px}.module-side{align-content:start}.customer-table{border:1px solid var(--line-soft);border-radius:8px;overflow:hidden}.customer-table-head,.customer-table article{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(220px,1.25fr) minmax(140px,.8fr) 90px 80px 110px 90px;min-height:56px;padding:0 12px}.customer-table-head{background:#f8fafc;color:var(--ink-500);font-size:11px;font-weight:950;text-transform:uppercase}.customer-table article{background:#fff;border-top:1px solid var(--line-soft)}.customer-table article>div{align-items:center;display:grid;gap:2px 10px;grid-template-columns:38px minmax(0,1fr)}.customer-table .avatar{grid-row:1 / span 2}.customer-table b,.customer-table small,.customer-table span,.customer-table strong{display:block;min-width:0}.customer-table b,.customer-table strong{color:var(--ink-950);font-size:13px;font-weight:950}.customer-table small,.customer-table span{color:var(--ink-500);font-size:12px;font-weight:800}.customer-table i,.contact-preview i,.quality-table i{border-radius:999px;font-size:10px;font-style:normal;font-weight:950;padding:5px 7px;text-align:center;text-transform:uppercase}.timeline-card,.contact-preview{border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:12px;padding:13px}.timeline-card h3,.contact-preview h3{color:var(--ink-950);font-size:12px;font-weight:950;margin:0;text-transform:uppercase}.timeline-card article{align-items:start;display:grid;gap:9px;grid-template-columns:9px minmax(0,1fr)}.timeline-card i{background:var(--success);border-radius:999px;height:8px;margin-top:5px;width:8px}.timeline-card i.warning-dot{background:var(--warning)}.timeline-card strong,.timeline-card p,.contact-preview strong,.contact-preview p{display:block;margin:0}.timeline-card strong,.contact-preview strong{color:var(--ink-950);font-size:12px;font-weight:950}.timeline-card p,.contact-preview p,.module-copy{color:var(--ink-500);font-size:12px;font-weight:750;line-height:1.4;margin:0}.kanban{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding-bottom:2px}.kanban-column{background:#f8fafc;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:9px;min-width:180px;padding:10px}.kanban-column header{align-items:center;display:flex;justify-content:space-between}.kanban-column header strong,.kanban-column header span{color:var(--ink-950);font-size:12px;font-weight:950}.kanban-column header span{align-items:center;background:#fff;border:1px solid var(--line-soft);border-radius:999px;display:inline-flex;height:24px;justify-content:center;min-width:28px}.kanban-column article{background:#fff;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:5px;padding:10px}.kanban-column article b,.kanban-column article p,.kanban-column article small{display:block;margin:0}.kanban-column article b{color:var(--ink-950);font-size:12px;font-weight:950}.kanban-column article p,.kanban-column article small{color:var(--ink-500);font-size:11px;font-weight:750;line-height:1.35}.campaign-builder{display:grid;gap:14px}.large-dropzone{min-height:180px}.contact-preview article{align-items:center;border-top:1px solid var(--line-soft);display:grid;gap:9px;grid-template-columns:36px minmax(0,1fr) auto;padding-top:10px}.contact-preview article:first-of-type{border-top:0;padding-top:0}.supervisor-board{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.supervisor-board article{background:#f8fafc;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:8px;min-height:120px;padding:13px}.supervisor-board svg{color:var(--brand)}.supervisor-board span,.supervisor-board p{color:var(--ink-500);font-size:12px;font-weight:800;margin:0}.supervisor-board strong{color:var(--ink-950);font-size:26px;font-weight:950}.quality-table{border:1px solid var(--line-soft);border-radius:8px;overflow:hidden}.quality-table>div,.quality-table article{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(170px,1fr) minmax(140px,.8fr) 70px 90px;min-height:50px;padding:0 12px}.quality-table>div{background:#f8fafc;color:var(--ink-500);font-size:11px;font-weight:950;text-transform:uppercase}.quality-table article{border-top:1px solid var(--line-soft)}.quality-table strong,.quality-table span,.quality-table b{display:block;font-size:12px;font-weight:900}.quality-table span{color:var(--ink-500)}.funnel-card,.campaign-card,.supervisor-card{display:grid;gap:14px;padding:14px}.funnel{display:grid;gap:8px}.funnel article{align-items:center;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr) 48px;min-height:46px;padding:8px 10px}.funnel article span{align-items:center;background:#fff;border-radius:999px;display:inline-flex;font-size:11px;font-weight:950;height:24px;justify-content:center;width:24px}.funnel strong,.funnel b{font-size:13px;font-weight:950}.funnel b{text-align:right}.campaign-body{display:grid;gap:12px}.channel-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.channel-grid button{background:#f4f7fb;border:1px solid var(--line-soft);color:var(--ink-600);display:grid;min-height:60px;padding:9px}.channel-grid button.selected{background:var(--ink-950);color:#fff}.message-editor,.dropzone{color:var(--ink-600);display:grid;font-size:11px;font-weight:950;gap:7px;text-transform:uppercase}textarea{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink-950);line-height:1.45;min-height:96px;outline:none;padding:10px;resize:vertical;width:100%}textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b6f851f}.dropzone{align-items:center;background:#fbfcfe;border:1px dashed rgba(11,111,133,.38);border-radius:8px;cursor:pointer;justify-items:center;min-height:118px;padding:18px;text-align:center;text-transform:none}.dropzone svg{color:var(--brand)}.dropzone strong{color:var(--ink-950);font-size:14px}.dropzone span{color:var(--ink-500);font-size:12px}.dropzone input{display:none}.supervisor-metrics{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.supervisor-metrics article{background:#f8fafc;border:1px solid var(--line-soft);border-radius:8px;display:grid;gap:6px;padding:10px}.supervisor-metrics svg{color:var(--brand)}.supervisor-metrics span{color:var(--ink-500);font-size:11px;font-weight:850}.supervisor-metrics strong{color:var(--ink-950);font-size:18px;font-weight:950}.agent-plan{display:grid;gap:8px}.agent-plan article{align-items:start;border-top:1px solid var(--line-soft);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr);padding-top:10px}.agent-plan strong,.agent-plan p{display:block;margin:0}.agent-plan strong{color:var(--ink-950);font-size:12px;font-weight:950}.agent-plan p{color:var(--ink-500);font-size:11px;line-height:1.35;margin-top:3px}@media(max-width:1320px){.workspace,.lower-grid,.module-grid{grid-template-columns:1fr}.workspace{min-height:auto}.conversation-panel{min-height:640px}.kanban{grid-template-columns:repeat(5,minmax(220px,1fr))}}@media(max-width:940px){.crm-shell{grid-template-columns:1fr}.crm-sidebar{position:static}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions,.topbar-actions button{width:100%}.composer{grid-template-columns:1fr}.composer div{border-left:0;border-top:1px solid var(--line-soft);padding-left:0;padding-top:10px}.composer .send-button{width:100%}.customer-table,.quality-table{overflow-x:auto}.customer-table-head,.customer-table article{min-width:820px}.quality-table>div,.quality-table article{min-width:520px}.supervisor-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.crm-content,.crm-sidebar{padding:14px}.metrics,.channel-grid,.supervisor-metrics,.queue-tabs,.supervisor-board{grid-template-columns:1fr}.conversation-header,.panel-head,.customer-card-head{align-items:flex-start;flex-direction:column}.call-actions{width:100%}.call-actions button{flex:1}.transcript article{max-width:100%}.segmented.compact{min-width:0;width:100%}.panel-head .primary-button,.panel-head .ghost-button{width:100%}}