:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f0;--surface:#fff;--surface-2:#f7faf8;--ink:#121a17;--muted:#61706b;--line:#d8e0dc;--accent:#087f6f;--accent-2:#0f5f95;--accent-soft:#e3f5f1;--danger:#b23b3b;--danger-soft:#f9e7e7;--warning:#9d5f16;--shadow:0 18px 45px #14231d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{letter-spacing:0;margin:0}h1{font-size:26px}h2{font-size:17px}h3{font-size:34px;line-height:1.05}p,span,time,small{color:var(--muted)}.appShell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.nav{color:#fff;background:#101815;flex-direction:column;gap:18px;padding:18px;display:flex}.logo{align-items:center;gap:12px;padding:4px 4px 14px;display:flex}.logo strong{font-size:18px;display:block}.logo span,.connection span{color:#9fb0aa;font-size:12px}.logoMark{color:#74e0d2;background:#143b35;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.nav nav{gap:7px;display:grid}.nav button{color:#dfe7e4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.nav button:hover,.nav button.active{color:#fff;background:#1c2925}.connection{border:1px solid #263631;border-radius:8px;gap:5px;margin-top:auto;padding:12px;display:grid}.connection strong{color:#fff;overflow-wrap:anywhere;font-size:13px}.content{flex-direction:column;gap:16px;min-width:0;padding:22px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.topbar p{margin-top:5px;font-size:14px}.topActions{align-items:center;gap:9px;display:flex}.topActions select{min-width:260px}button,input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px}button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}button:hover{border-color:#9aacaa}button:disabled{opacity:.45;cursor:not-allowed}input,select{height:40px;padding:0 11px}textarea{resize:vertical;min-height:112px;padding:11px;line-height:1.35}.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.primary:hover{background:#056b5e;border-color:#056b5e}.xl{height:52px;font-weight:700}.full{width:100%}.iconButton{width:36px;height:36px;min-height:36px;padding:0}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:16px}.sectionTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sectionTitle h2{align-items:center;gap:7px;display:flex}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.inbound{color:var(--warning);background:#fff6e5;border:1px solid #e8b86e;border-radius:8px;align-items:center;gap:11px;padding:12px 14px;display:flex}.inbound span{color:var(--warning)}.inbound button{margin-left:auto}.dialerGrid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.heroDialer{background:var(--surface);border:1px solid var(--line);min-height:560px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:16px;padding:18px;display:flex}.kpiStrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.dialerControls,.leadIdentity,.callBar{justify-content:space-between;align-items:center;gap:14px;display:flex}.callBar{flex-wrap:wrap;justify-content:flex-start}.callPrimary{min-width:220px;min-height:58px;font-size:18px}.secondaryCall{min-width:140px}.screeningButton{color:#6f5100;background:#fff7d1;border-color:#d5b23f;min-width:150px;font-weight:800}.dialerControls h2{font-size:24px}.browserPhoneStatus{color:var(--accent-2);margin-top:6px;font-size:13px;font-weight:700}.controlPills{flex-wrap:wrap;gap:8px;display:flex}.controlPills label,.checkLine{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:13px;display:inline-flex}.voiceToggle{color:#5e2b8c;font-weight:800;background:#faf5ff!important;border-color:#c89df0!important}.voiceChangerPanel{color:#4b226e;background:#fbf7ff;border:1px solid #d7b7f5;border-radius:8px;grid-template-columns:minmax(210px,.8fr) minmax(240px,1fr);align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:800;display:grid}.voiceEngineStatus{align-items:center;gap:10px;display:flex}.voiceEngineStatus div,.voiceInputSelect,.voiceStrength{gap:5px;display:grid}.voiceEngineStatus span,.voiceInputSelect span,.voiceStrength span{color:#77528f;text-transform:uppercase;font-size:11px;font-weight:800}.voiceEngineStatus strong{color:#3d185c;font-size:14px}.voiceInputSelect select{background:#fff;border-color:#d7b7f5;width:100%;min-height:40px}.voiceStrength{grid-column:1/-1;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center}.voiceChangerPanel input[type=range]{accent-color:#7c3fb2;width:100%}.voiceActions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.voiceActions button{min-height:38px}.manualDialPanel{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(120px,auto) minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.manualDialPanel strong{margin-top:2px;font-size:14px;display:block}.manualDialPanel input{width:100%;min-height:42px}.leadCard{border:1px solid var(--line);background:linear-gradient(#fbfdfc 0%,#f5faf8 100%);border-radius:8px;padding:18px}.leadIdentity p{margin-top:7px}.leadBadges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.hot{min-height:34px;color:var(--muted);background:#fff}.hot.activeHot{color:#8a5a00;background:#fff3c4;border-color:#e5c15b}.statusBadge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.statusBadge.closed{background:var(--danger-soft);color:var(--danger)}.quickFacts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.dealControls{grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:14px;display:grid}.dealControls label{gap:4px;display:grid}.dealControls span{font-size:12px}.metric{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:10px}.metric strong{color:var(--ink);overflow-wrap:anywhere;font-size:20px;display:block}.metric span{font-size:12px}.infoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.infoGrid div{border-top:1px solid var(--line);min-width:0;padding-top:10px}.infoGrid span,.field span{margin-bottom:4px;font-size:12px;display:block}.infoGrid strong{overflow-wrap:anywhere;display:block}.emptyState{color:var(--muted);border:1px dashed #b8c5c0;border-radius:8px;flex:1;align-content:center;place-items:center;gap:10px;min-height:360px;display:grid}.emptyState h3{color:var(--ink);font-size:24px}.callBar{border-top:1px solid var(--line);justify-content:flex-start;margin-top:auto;padding-top:16px}.speedPanel{color:#fff;box-shadow:var(--shadow);background:#17231f;border-radius:8px;padding:16px}.speedPanel textarea{color:#fff;background:#22302b;border-color:#33443e;width:100%;margin-top:12px}.speedButtons{gap:8px;display:grid}.speedButtons button{color:#fff;background:#22302b;border-color:#33443e;justify-content:flex-start;min-height:56px;padding:0 12px}.speedButtons button:hover{border-color:#78d8cc}.speedButtons button small{color:#99b5ae;margin-left:auto;font-weight:700}.speedButtons .suppressAction{background:#351f21;border-color:#5b3033}.scriptBox{gap:8px;margin-top:12px;display:grid}.scriptBox button{text-align:left;white-space:normal;color:#fff;background:#22302b;border-color:#33443e;justify-content:stretch;gap:3px;min-height:0;padding:9px;display:grid}.scriptBox button span{color:#b9cbc6;font-size:12px}.hotkeys{color:#b9cbc6;margin-top:12px;font-size:12px}.timeline{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}.timeline>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.timeline h2{margin-bottom:10px}.timelineRow{border-top:1px solid var(--line);grid-template-columns:110px minmax(0,1fr) 150px;gap:10px;padding:9px 0;font-size:13px;display:grid}.timelineRow span{overflow-wrap:anywhere}.pageStack{gap:16px;display:grid}.builder{grid-template-columns:1fr 1.2fr;gap:16px;display:grid}.createBox,.uploadBox{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:16px}.inlineForm{align-items:center;gap:9px;margin-top:12px;display:flex}.inlineForm input{flex:1;min-width:0}.dropZone{text-align:center;background:var(--surface-2);cursor:pointer;border:1px dashed #9db0aa;border-radius:8px;align-content:center;place-items:center;gap:6px;min-height:124px;margin-top:12px;display:grid}.dropZone input{display:none}.mappingGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.field{gap:4px;display:grid}.field input,.field select,.field textarea{width:100%}.previewTable{border:1px solid var(--line);border-radius:8px;margin-top:14px;overflow:hidden}.previewTable div{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.previewTable div:first-child{border-top:0}.previewTable span{text-overflow:ellipsis;white-space:nowrap;padding:8px;overflow:hidden}.campaignLayout{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.campaignRows,.leadRows,.templateList,.suppressionRows{gap:8px;display:grid}.campaignRow{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:minmax(180px,1fr) 90px 90px 90px 42px;align-items:center;gap:9px;padding:9px;display:grid}.campaignRow.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.campaignRow strong,.campaignRow span{display:block}.campaignRow .metric{text-align:center;padding:7px}.leadRows div,.suppressionRows div{border-top:1px solid var(--line);grid-template-columns:minmax(160px,1fr) 150px 100px 160px 42px;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:grid}.templatesGrid{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:16px;display:grid}.templateList button{text-align:left;white-space:normal;grid-template-columns:minmax(160px,.7fr) 120px minmax(0,1fr);justify-content:stretch;align-items:center;gap:10px;min-height:78px;display:grid}.templateList small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor{gap:12px;display:grid}.helper{color:var(--muted);font-size:13px}.searchBox{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:0 10px;display:flex}.searchBox input{border:0;flex:1;padding-left:0}.leadSearch{margin-bottom:12px}.conversationGrid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:16px;display:grid}.settingsGrid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:16px;display:grid}.conversationListPanel{min-height:680px}.newTextBox{grid-template-columns:1fr 42px;gap:8px;margin-bottom:12px;display:grid}.conversationList{gap:8px;max-height:580px;padding-right:4px;display:grid;overflow:auto}.conversationRow{border:1px solid var(--line);text-align:left;white-space:normal;background:#fff;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 86px;align-items:center;gap:10px;min-height:82px;padding:10px;display:grid}.conversationRow.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.conversationRow .avatar{color:#fff;background:#18342f;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.conversationRow strong,.conversationRow span,.conversationRow small{min-width:0;display:block}.conversationRow small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.conversationRow time{text-align:right;align-self:start;font-size:11px}.threadPanel{grid-template-rows:auto minmax(360px,1fr) auto;min-height:680px;display:grid}.threadPanel .sectionTitle p{margin-top:4px;font-size:13px}.threadCounts{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px}.threadFeed{border:1px solid var(--line);background:linear-gradient(#f8fbfa 0%,#eef4f1 100%);border-radius:8px;flex-direction:column;gap:10px;max-height:560px;padding:8px 4px 14px;display:flex;overflow:auto}.bubble{border-radius:8px;gap:6px;max-width:min(680px,78%);padding:10px 12px;display:grid;box-shadow:0 8px 20px #1018150f}.bubble.inbound{border:1px solid var(--line);background:#fff;align-self:flex-start}.bubble.outbound{background:var(--accent);color:#fff;align-self:flex-end}.bubble p{color:inherit;overflow-wrap:anywhere}.bubble>span{justify-content:space-between;gap:10px;font-size:11px;display:flex}.bubble.outbound span,.bubble.outbound time{color:#d9fff8}.replyBar{grid-template-columns:minmax(0,1fr) 110px;align-items:end;gap:10px;margin-top:12px;display:grid}.replyBar textarea{min-height:70px}.compactEmpty{background:0 0;border:0;min-height:260px}.emptyMini{min-height:120px;color:var(--muted);border:1px dashed #aec0ba;border-radius:8px;place-items:center;display:grid}.settingsPanel,.webhookPanel,.rescuePanel{gap:14px;display:grid}.rescuePanel{grid-column:1/-1}.settingsForm{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settingsForm .wide{grid-column:1/-1}.connectedBadge,.offlineBadge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.connectedBadge{background:var(--accent-soft);color:var(--accent)}.offlineBadge{background:var(--danger-soft);color:var(--danger)}.webhookRows{gap:10px;display:grid}.webhookRows div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:6px;padding:11px;display:grid}.webhookRows code{color:var(--ink);border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:6px;padding:8px}@media (width<=1120px){.dialerGrid,.campaignLayout,.templatesGrid,.builder,.timeline,.conversationGrid,.settingsGrid{grid-template-columns:1fr}.mappingGrid,.kpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.appShell{grid-template-columns:1fr}.nav{min-height:auto}.nav nav{grid-template-columns:repeat(2,1fr)}.content{padding:14px}.topbar,.topActions,.dialerControls,.leadIdentity,.callBar,.inlineForm{flex-direction:column;align-items:stretch}.topActions select{width:100%;min-width:0}.quickFacts,.infoGrid,.mappingGrid,.settingsForm,.dealControls,.kpiStrip,.campaignRow,.leadRows div,.suppressionRows div,.timelineRow,.templateList button,.previewTable div{grid-template-columns:1fr}.settingsForm .wide{grid-column:auto}.conversationRow,.replyBar{grid-template-columns:1fr}.conversationRow .avatar{display:none}.conversationRow time{text-align:left}.bubble{max-width:100%}.voiceChangerPanel{grid-template-columns:1fr}.voiceStrength,.voiceActions{grid-column:auto}.voiceStrength,.manualDialPanel{grid-template-columns:1fr}}:root{--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fb;--ink:#151821;--muted:#707783;--line:#dfe2e7;--line-strong:#c8cdd5;--accent:#4654c8;--accent-2:#4654c8;--accent-soft:#eef0ff;--danger:#c6474f;--danger-soft:#fff0f1;--warning:#b47712;--success:#2f9b70;--shadow:0 8px 26px #181d280f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f14;--surface:#151820;--surface-2:#1b1f28;--ink:#f2f4f8;--muted:#8b93a2;--line:#2b303b;--line-strong:#3b4250;--accent:#7784f4;--accent-2:#7784f4;--accent-soft:#242a52;--danger:#ee6a73;--danger-soft:#351d23;--warning:#e5ae4f;--success:#55c18d;--shadow:0 12px 32px #00000038}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;color:var(--ink)}button,input,select,textarea,h1,h2,h3,p,span,small,strong,time{letter-spacing:0}button,input,select,textarea{border-color:var(--line);border-radius:7px;outline:none}button{min-height:38px;padding:0 12px;font-weight:650;transition:border-color .15s,background-color .15s,color .15s,transform .15s}button:hover:not(:disabled){border-color:#aeb6c0}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);border-color:var(--accent-2)}input,select{height:40px}textarea{line-height:1.45}.primary{background:var(--accent);border-color:var(--accent)}.primary:hover:not(:disabled){background:#3542ad;border-color:#3542ad}.nav{background:#181a1f;border-right:1px solid #292c33;gap:14px;height:100vh;padding:18px 14px 14px;position:sticky;top:0}.logoMark{color:#75ead5;background:#173b35;border-radius:7px;width:38px;height:38px}.logo strong{color:#fff;font-size:17px}.navLabel{color:#767f8b;text-transform:uppercase;padding:0 10px;font-size:10px;font-weight:800}.nav nav button{color:#b8bec7;border-radius:7px;min-height:42px;padding:0 11px;position:relative}.nav nav button svg{color:#8e96a2}.nav nav button.active:before{content:"";background:#43d1b8;border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;left:0}.connectionState,.connectionMeta{align-items:center;gap:8px;display:flex}.liveDot,.offlineDot,.runningBadge span,.appStatus>span{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.liveDot,.runningBadge span{background:#37c99f;box-shadow:0 0 0 3px #37c99f1f}.offlineDot{background:#ed6b73}.connectionMeta{border-top:1px solid #30343b;justify-content:space-between;padding-top:8px}.connectionMeta span{color:#818a97;text-transform:uppercase;font-size:10px}.connectionMeta strong{color:#d7dbe1;text-align:right;text-overflow:ellipsis;max-width:118px;font-size:11px;overflow:hidden}.content{gap:14px;min-height:100vh;padding:0 24px 28px}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#f3f5f7f5;min-height:84px;margin:0 -24px;padding:14px 24px;position:sticky;top:0}.pageHeading{min-width:0}.pageTitleRow,.appStatus,.runningBadge{align-items:center;display:flex}.pageTitleRow{gap:10px}.pageTitleRow h1{font-size:23px;line-height:1.15}.runningBadge{color:#0c715e;background:var(--accent-soft);text-transform:uppercase;border:1px solid #bfe7dc;border-radius:999px;gap:6px;min-height:24px;padding:0 8px;font-size:11px;font-weight:800}.appStatus{max-width:min(620px,65vw);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;gap:7px;overflow:hidden;margin-top:6px!important;font-size:12px!important}.campaignPicker{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:auto minmax(190px,270px);align-items:center;gap:9px;padding-left:10px;display:grid}.campaignPicker span{text-transform:uppercase;font-size:11px;font-weight:750}.campaignPicker select{border:0;border-left:1px solid var(--line);border-radius:0 7px 7px 0;min-width:0;font-weight:700}.pauseButton{min-height:42px}.inbound{background:#fff8e8;border-color:#edc57f;min-height:48px;padding:8px 12px}.panel,.createBox,.uploadBox,.timeline>div{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:16px}.sectionTitle{margin-bottom:12px}.sectionTitle h2{color:var(--ink);font-size:16px}.eyebrow{color:var(--accent-2);letter-spacing:0;margin-bottom:4px;font-size:10px}.dialerGrid{grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-width:0}.heroDialer{width:100%;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0}.kpiStrip{background:var(--surface);border:1px solid var(--line);width:100%;min-width:0;box-shadow:var(--shadow);border-radius:8px;gap:0;padding:0 8px}.metric{border:0;border-left:1px solid var(--line);background:0 0;border-radius:0;min-height:62px;padding:10px 12px}.metric:first-child{border-left:0}.metric strong{font-size:18px;line-height:1.2}.metric span{text-transform:uppercase;margin-top:3px;font-size:10px}.dialerControls{background:var(--surface);border:1px solid var(--line);min-width:0;min-height:76px;box-shadow:var(--shadow);border-radius:8px;padding:12px 14px}.dialerControls h2{font-size:19px;line-height:1.2}.browserPhoneStatus{color:var(--accent-2);margin-top:4px;font-size:11px}.controlPills{justify-content:flex-end;gap:6px;min-width:0}.controlPills label,.checkLine{border-color:var(--line);background:var(--surface-2);min-height:34px;padding:0 9px;font-size:11px}.controlPills input,.checkLine input{accent-color:var(--accent)}.controlPills label>select{border:1px solid var(--line);width:58px;min-height:26px;color:var(--ink);background:#fff;border-radius:6px;padding:0 6px;font-weight:800}.predictiveToggle{color:#075f50;font-weight:800;background:#effbf8!important;border-color:#8ccdc1!important}.inlineNotice{border:1px solid var(--line);border-radius:7px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.warningNotice{color:#6f4b06;background:#fff9e9;border-color:#e8c77d}.warningNotice svg{flex:none;margin-top:1px}.predictiveBoard{background:#f3fbf9;border:1px solid #9ed8cc;border-radius:8px;gap:10px;padding:13px 14px;display:grid}.predictiveBoardHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.predictiveBoardHeader h3{color:var(--ink);font-size:16px}.predictiveState{color:#075f50;text-transform:uppercase;background:#d9f2eb;border-radius:6px;align-items:center;min-height:26px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.predictiveSlots{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.predictiveSlot{background:#fff;border:1px solid #d4e4df;border-radius:7px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:24px minmax(0,1fr);gap:4px 7px;min-width:0;min-height:66px;padding:8px;display:grid}.predictiveSlotNumber{color:#176b5e;background:#e1f5f0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:inline-grid}.predictiveSlotIdentity{gap:2px;min-width:0;display:grid}.predictiveSlotIdentity strong,.predictiveSlotIdentity span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.predictiveSlotIdentity strong{color:var(--ink);font-size:11px}.predictiveSlotIdentity span{color:var(--muted);font-size:10px}.predictiveSlotStatus{color:#7d8793;letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;font-size:9px;font-weight:900}.predictiveSlot.ringing,.predictiveSlot.in-progress,.predictiveSlot.answered{background:#fffaf0;border-color:#f0cf83}.predictiveSlot.human{background:#e9f8f3;border-color:#73c5ae}.predictiveSlot.retrying{background:#fff8e8;border-color:#e8b45a}.predictiveSlot.failed,.predictiveSlot.error{background:#fff1f1;border-color:#e59a9a}.predictiveSlot.voicemail,.predictiveSlot.no_answer,.predictiveSlot.dropped,.predictiveSlot.paused{opacity:.68}.predictiveEmpty{color:var(--muted);font-size:12px}.smsEligibility{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.smsEligibility input{accent-color:var(--accent)}.voiceToggle{color:#62408b;background:#faf6ff!important;border-color:#d9c8eb!important}.callBar{border:1px solid var(--line);width:100%;min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:minmax(180px,1fr) repeat(4,auto);gap:8px;margin:0;padding:10px;display:grid}.callPrimary{width:100%;min-width:0;font-size:17px}.callPrimary svg{fill:#ffffff1f}.secondaryCall,.screeningButton,.hangupButton{min-width:112px}.secondaryCall{color:#3f4855;background:#f7f8fa}.leadCard,.emptyState{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.leadCard{padding:16px}.leadIdentity h3{font-size:27px;line-height:1.1}.leadIdentity p{margin-top:5px;font-size:13px}.leadBadges{flex-wrap:nowrap}.hot,.statusBadge{border-radius:6px;min-height:30px;padding:0 9px;font-size:11px}.statusBadge{background:var(--accent-soft);align-items:center;display:inline-flex}.quickFacts{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;gap:0;margin-top:14px;padding:0 4px}.quickFacts .metric{min-height:58px}.dealControls{gap:8px;margin-top:12px}.dealControls label{gap:3px}.dealControls span,.infoGrid span,.field span{color:#737c89;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:750}.infoGrid{gap:8px 16px;margin-top:12px}.infoGrid div{padding-top:8px}.infoGrid strong{font-size:12px}.emptyState{min-height:230px;box-shadow:none;border-style:dashed;gap:7px}.emptyState svg{color:#9aa3ae}.emptyState h3{font-size:19px}.emptyState p{font-size:12px}.manualDialPanel{border-color:var(--line);box-shadow:var(--shadow);background:#fff;grid-template-columns:130px minmax(160px,1fr) auto;gap:8px;padding:9px 10px}.manualDialPanel .eyebrow{margin:0}.manualDialPanel strong{margin:0;font-size:12px}.manualDialPanel input{min-height:40px}.voiceChangerPanel{box-shadow:var(--shadow);background:#fbf8ff;border-color:#dccfea;padding:12px}.voiceEngineStatus strong{font-size:12px}.voiceEngineStatus span,.voiceInputSelect span,.voiceStrength span{letter-spacing:0}.speedPanel{max-height:calc(100vh - 114px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:14px;position:sticky;top:98px;overflow:auto}.speedButtons button{color:#303640;border-color:var(--line);background:#f8f9fb;min-height:44px;padding:0 10px}.speedButtons .suppressAction{color:#994047;background:#fff5f5;border-color:#f0d4d6}.dispositionNotes{gap:5px;margin-top:10px;display:grid}.dispositionNotes>span{color:#737c89;text-transform:uppercase;font-size:10px;font-weight:800}.speedPanel .dispositionNotes textarea{min-height:72px;color:var(--ink);border-color:var(--line);background:#fff;margin:0}.scriptBox{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;margin-top:10px}.scriptBox summary{color:#4b5360;cursor:pointer;padding:10px;font-size:11px;font-weight:800}.scriptBox>div{gap:5px;padding:0 7px 7px;display:grid}.scriptBox button{color:var(--ink);border-color:var(--line);background:#fff}.scriptBox button span{color:var(--muted)}.timeline{gap:14px}.timeline h2{font-size:14px}.timelineRow{grid-template-columns:90px minmax(0,1fr) 132px;font-size:11px}.pageStack{gap:14px}.builder{grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:14px}.createBox,.uploadBox{box-shadow:var(--shadow)}.createBox h2,.uploadBox h2{font-size:15px}.inlineForm{gap:7px;margin-top:10px}.dropZone{background:#fafbfc;border-color:#b8c0ca;min-height:98px;margin-top:10px}.dropZone:hover{border-color:var(--accent);background:#f2f8f6}.mappingGrid{gap:8px}.previewTable{border-radius:7px;margin-top:12px}.campaignLayout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.campaignRows,.leadRows,.templateList,.suppressionRows{gap:5px}.campaignRow{background:#fff;border-radius:7px;min-height:64px;padding:7px 9px}.campaignRow:hover{background:#fafbfc}.campaignRow.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-color:#9bd4c5}.campaignRow .metric{text-align:center;min-height:42px;padding:5px}.campaignRow .metric strong{font-size:14px}.leadRows div,.suppressionRows div{min-height:48px;padding:7px 4px}.leadRows div{grid-template-columns:minmax(112px,1fr) minmax(110px,.8fr) 68px}.templatesGrid{grid-template-columns:minmax(0,1fr) 390px;gap:14px}.templateList button{border-radius:7px;grid-template-columns:minmax(150px,.7fr) 105px minmax(0,1fr);min-height:64px}.templateList button:hover{background:#f7faf9;border-color:#a7d8cc}.editor{position:sticky;top:98px}.searchBox{background:#fff;min-height:40px;margin-top:10px}.conversationGrid{grid-template-columns:330px minmax(0,1fr);gap:14px}.conversationListPanel,.threadPanel{height:calc(100vh - 112px);min-height:590px}.conversationListPanel{padding-right:10px}.conversationList{max-height:none;overflow:hidden}.paginationBar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:10px 2px 0;font-size:11px;font-weight:700;display:flex}.paginationBar small{color:var(--subtle);margin-left:5px;font-size:10px;font-weight:500}.paginationActions{gap:5px;display:flex}.paginationActions .iconButton{width:30px;height:30px;min-height:30px}.conversationRow{border:0;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:36px minmax(0,1fr) 68px;min-height:72px;padding:8px}.conversationRow:hover{background:#f7f8fa}.conversationRow.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-color:#d4ebe5}.conversationRow .avatar{background:#2f63d6;width:36px;height:36px}.conversationRow time{font-size:9px}.threadPanel{grid-template-rows:auto minmax(0,1fr) auto}.threadFeed{border-color:var(--line);background:#f5f7f8;max-height:none;padding:14px}.bubble{max-width:min(620px,76%);box-shadow:none}.bubble.inbound{background:#fff}.bubble.outbound{background:#2f63d6}.replyBar{margin-top:10px}.settingsGrid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.settingsPanel,.webhookPanel,.rescuePanel{gap:12px}.settingsHint{align-self:center;margin:0;font-size:10px;line-height:1.35}.connectedBadge,.offlineBadge,.threadCounts{border-radius:6px}.webhookRows{gap:7px}.webhookRows div{border-radius:7px;padding:9px}.webhookRows code{background:#f8f9fb;font-size:11px}.voicemailDropEditor{border-top:1px solid var(--line);padding-top:16px}.voicemailAudio{width:min(100%,560px);margin:12px 0;display:block}.recordingStatus{color:var(--muted);align-self:center;font-size:12px}@media (width<=1180px){.dialerGrid,.campaignLayout,.templatesGrid,.builder,.timeline,.conversationGrid,.settingsGrid{grid-template-columns:1fr}.speedPanel,.editor{max-height:none;position:static}.speedButtons{grid-template-columns:repeat(2,minmax(0,1fr))}.conversationListPanel,.threadPanel{height:auto}.conversationListPanel{min-height:360px}.conversationList{max-height:none;overflow:hidden}}@media (width<=820px){.appShell{display:block}.nav{z-index:40;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%;height:auto;min-height:0;padding:8px 10px;display:grid;position:sticky;top:0}.logo{padding:0}.logo>div:last-child,.navLabel,.connection{display:none}.logoMark{width:36px;height:36px}.nav nav{gap:3px;display:flex;overflow-x:auto}.nav nav button{min-width:42px;min-height:38px;padding:0 9px;font-size:0}.nav nav button svg{width:18px;height:18px}.nav nav button.active:before{width:18px;height:2px;bottom:0;left:50%;transform:translate(-50%)}.content{padding:0 12px 18px}.topbar{min-height:72px;margin:0 -12px;padding:10px 12px;top:54px}.pageTitleRow h1{font-size:20px}.campaignPicker{grid-template-columns:minmax(150px,1fr);padding:0}.campaignPicker span{display:none}.campaignPicker select{border:0;width:100%}.callBar{grid-template-columns:1fr 1fr}.callPrimary{grid-column:1/-1}.secondaryCall,.screeningButton,.hangupButton{min-width:0}.kpiStrip{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;overflow:hidden}.metric{border-left:1px solid var(--line)}.metric:first-child{border-left:0}.kpiStrip .metric:nth-child(4){border-top:1px solid var(--line);border-left:0}.kpiStrip .metric:nth-child(5){border-top:1px solid var(--line)}.dialerControls,.leadIdentity{flex-direction:column;align-items:stretch}.controlPills{justify-content:flex-start}.predictiveSlots,.quickFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.quickFacts .metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.quickFacts .metric:nth-child(4){border-top:1px solid var(--line)}.dealControls,.infoGrid,.mappingGrid,.settingsForm{grid-template-columns:1fr}.settingsForm .wide{grid-column:auto}.manualDialPanel,.voiceChangerPanel{grid-template-columns:1fr}.voiceStrength,.voiceActions{grid-column:auto}.speedButtons,.campaignRow,.leadRows div,.suppressionRows div,.timelineRow,.templateList button,.previewTable div{grid-template-columns:1fr}.campaignRow .metric{display:none}.conversationRow{grid-template-columns:36px minmax(0,1fr)}.conversationRow .avatar{display:grid}.conversationRow time{display:none}.replyBar{grid-template-columns:1fr}.bubble{max-width:92%}}@media (width<=520px){.appStatus{max-width:54vw}.runningBadge{display:none}.topActions{min-width:138px}.leadIdentity h3{font-size:23px}.voiceActions button,.inlineForm,.topActions{width:100%}.inlineForm{flex-direction:column;align-items:stretch}}.nav{background:#11131a;border-right:1px solid #252a35}.logoMark{color:#aab4ff;background:#252b5a}.nav nav button.active{background:#20243b}.nav nav button.active:before{background:var(--accent)}.connection{background:#191c25;border-color:#2b303c}.content{padding:0 24px 132px}.topbar{background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:76px}.pageTitleRow h1{letter-spacing:-.02em;font-size:22px}.appStatus{color:var(--muted)}.appStatus>span{background:var(--accent)}.runningBadge{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.themeButton{width:38px;min-height:38px;color:var(--muted);background:var(--surface);border-color:var(--line);padding:0}.themeButton:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.campaignPicker{background:var(--surface);border-color:var(--line)}.kpiStrip{border:1px solid var(--line);box-shadow:none;background:0 0;border-radius:8px;padding:0;display:flex;overflow:hidden}.kpiStrip .metric{background:var(--surface);border-left:1px solid var(--line);flex:1 1 0;min-height:56px;padding:9px 13px}.kpiStrip .metric:first-child{border-left:0}.metric span,.eyebrow,.dealControls span,.infoGrid span,.field span,.dispositionNotes>span,.liveNotes>span{letter-spacing:.08em}.metric span{color:var(--muted);margin-top:3px;font-size:9px;font-weight:750}.dialerControls{min-height:68px;box-shadow:none;background:0 0;border:0;padding:8px 0}.dialerControls h2{letter-spacing:-.01em;font-size:18px}.browserPhoneStatus{color:var(--muted);font-weight:600}.controlPills{gap:5px}.controlPills label{min-height:30px;color:var(--muted);background:var(--surface);border-color:var(--line);padding:0 8px;font-size:10px;font-weight:650}.controlPills label:has(input:checked){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft)}.controlPills label input[type=checkbox]{appearance:none;background:var(--line-strong);cursor:pointer;border:0;border-radius:999px;width:28px;height:16px;margin:0;position:relative}.controlPills label input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:3px;left:3px}.controlPills label input[type=checkbox]:checked{background:var(--accent)}.controlPills label input[type=checkbox]:checked:after{transform:translate(12px)}.predictiveToggle,.voiceToggle{color:var(--muted)!important;background:var(--surface)!important;border-color:var(--line)!important}.predictiveToggle:has(input:checked){color:var(--accent)!important;background:var(--accent-soft)!important;border-color:color-mix(in srgb, var(--accent) 42%, var(--line))!important}.voiceToggle:has(input:checked){color:var(--accent)!important}.predictiveBoard{background:var(--surface);border-color:var(--line-strong);min-height:184px;box-shadow:var(--shadow);padding:16px}.predictiveBoardHeader h3{letter-spacing:-.01em;font-size:18px}.predictiveState{color:var(--accent);background:var(--accent-soft)}.predictiveState.connected{color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface))}.predictiveSlots{gap:8px}.predictiveSlot{border:1px solid var(--line);border-left:3px solid var(--line-strong);background:var(--surface);border-radius:6px;min-height:72px;padding:9px 9px 9px 11px;position:relative}.predictiveSlot:before{content:"";background:var(--line-strong);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:10px}.predictiveSlot.ringing:before,.predictiveSlot.in-progress:before,.predictiveSlot.answered:before{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 16%, transparent)}.predictiveSlot.human:before{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 16%, transparent)}.predictiveSlot.failed:before,.predictiveSlot.error:before{background:var(--danger)}.predictiveSlot.ringing,.predictiveSlot.in-progress,.predictiveSlot.answered{border-color:var(--line);border-left-color:var(--warning);background:var(--surface)}.predictiveSlot.human{border-color:var(--line);border-left-color:var(--success);background:var(--surface)}.predictiveSlot.retrying{border-color:var(--line);border-left-color:var(--warning);background:var(--surface)}.predictiveSlot.failed,.predictiveSlot.error{border-color:var(--line);border-left-color:var(--danger);background:var(--surface)}.predictiveSlotNumber{color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.predictiveSlotStatus{color:var(--muted)}.callBar{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(200px,1fr) auto auto auto;gap:7px;padding:0;display:grid}.callBar .xl{height:46px}.callPrimary{min-height:54px;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 18%, transparent);font-size:16px}.callPrimary:hover:not(:disabled){background:#3542ad}.secondaryCall,.screeningButton,.hangupButton{min-width:0;color:var(--muted);background:var(--surface);border-color:var(--line);padding:0 11px;font-size:11px}.hangupButton{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 32%, var(--line))}.screeningButton{color:var(--warning);background:var(--surface);border-color:color-mix(in srgb, var(--warning) 34%, var(--line))}.leadCard{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);box-shadow:var(--shadow);padding:18px;position:relative}.leadIdentity h3{letter-spacing:-.025em;font-size:28px}.leadIdentity p{color:var(--muted)}.statusBadge{color:var(--accent);background:var(--accent-soft)}.statusBadge.closed{color:var(--danger);background:var(--danger-soft)}.activeCallMeta{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;align-items:center;gap:7px;margin-top:12px;padding:8px 10px;font-size:11px;display:flex}.activeCallMeta strong{color:var(--ink);font-size:11px}.activeCallMeta>span:last-child{max-width:48%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.callStateDot{background:var(--line-strong);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.callStateDot.connected{background:var(--success)}.callStateDot.ringing{background:var(--warning)}.quickFacts{background:var(--surface-2);border-color:var(--line);margin-top:12px}.quickFacts .metric{border:0;border-left:1px solid var(--line);border-radius:0}.quickFacts .metric:first-child{border-left:0}.liveNotes{gap:5px;margin-top:13px;display:grid}.liveNotes textarea{min-height:62px;color:var(--ink);background:var(--surface-2);border-color:var(--line)}.emptyState.idleEmpty{border:1px dashed var(--line-strong);min-height:116px;box-shadow:none;background:0 0;padding:20px}.emptyState.idleEmpty p{font-size:11px}.speedPanel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.speedPanel h2{color:var(--ink)}.dispositionHint{color:var(--muted);margin:-2px 0 10px;font-size:11px}.speedButtons button{min-height:42px;color:var(--ink);background:var(--surface-2);border-color:var(--line)}.speedButtons button:disabled{opacity:.48}.speedButtons .suppressAction svg{color:var(--danger)}.scriptBox,.scriptBox button{border-color:var(--line);background:var(--surface-2)}.scriptBox button{color:var(--ink)}.utilityFooter{z-index:25;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 93%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:9px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:10px;padding:8px 10px;display:grid;position:fixed;bottom:12px;left:256px;right:24px}.utilityFooter .voiceChangerPanel,.utilityFooter .manualDialPanel{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.utilityFooter .voiceChangerPanel{grid-template-columns:minmax(170px,.9fr) minmax(150px,1fr) auto;gap:8px}.utilityFooter .voiceEngineStatus{min-width:0}.utilityFooter .voiceEngineStatus svg{color:var(--accent)}.utilityFooter .voiceEngineStatus span,.utilityFooter .voiceInputSelect span,.utilityFooter .voiceStrength span{color:var(--muted);letter-spacing:.08em;font-size:9px}.utilityFooter .voiceEngineStatus strong{max-width:220px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.utilityFooter .voiceInputSelect select,.utilityFooter .manualDialPanel input{background:var(--surface);border-color:var(--line);height:34px;min-height:34px;font-size:11px}.utilityFooter .voiceInputSelect{gap:4px;min-width:0;display:grid}.utilityFooter .voiceInputSelect select{min-width:0;max-width:100%}.audioDeviceHint{grid-column:2/-1;margin:-2px 0 0;font-size:10px;line-height:1.35}.utilityFooter .voiceActions{flex-wrap:wrap;grid-column:auto;gap:5px}.utilityFooter .voiceActions button,.utilityFooter .manualDialPanel button{min-height:34px;padding:0 8px;font-size:10px}.audioSignalPanel{border-top:1px solid var(--line);grid-column:1/-1;gap:6px;padding-top:8px;display:grid}.audioSignalRow{color:var(--muted);grid-template-columns:68px minmax(90px,1fr) 34px;align-items:center;gap:8px;font-size:10px;display:grid}.audioSignalRow strong{color:var(--ink);text-align:right;font-size:10px}.audioSignalTrack{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.audioSignalTrack i{background:var(--accent);border-radius:inherit;min-width:2px;height:100%;transition:width 80ms linear;display:block}.audioSignalPanel small{color:var(--subtle);font-size:10px}.utilityFooter .manualDialPanel{grid-template-columns:92px minmax(100px,1fr) auto;gap:6px}.utilityFooter .manualDialPanel .eyebrow{margin:0}.utilityFooter .manualDialPanel strong{color:var(--ink);font-size:10px}.suppressionTools{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.1fr) minmax(220px,.7fr)}.suppressionUploadBox .dropZone{min-height:96px}.uploadStatus{color:var(--accent);margin-top:8px;font-size:11px;font-weight:700}:root[data-theme=dark] .nav{background:#090b10;border-right-color:#20242d}:root[data-theme=dark] .nav nav button.active{background:#1b2040}:root[data-theme=dark] .connection{background:#11141b;border-color:#242a35}:root[data-theme=dark] .inbound,:root[data-theme=dark] .warningNotice{color:#e5ae4f;background:#292318;border-color:#60491e}:root[data-theme=dark] .inbound span,:root[data-theme=dark] .warningNotice span{color:#e5ae4f}:root[data-theme=dark] .primary:hover:not(:disabled),:root[data-theme=dark] .callPrimary:hover:not(:disabled){background:#606dda;border-color:#606dda}:root[data-theme=dark] .dropZone,:root[data-theme=dark] .threadFeed,:root[data-theme=dark] .bubble.inbound,:root[data-theme=dark] .webhookRows code{background:var(--surface-2)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .campaignPicker select,:root[data-theme=dark] .audioConnectButton{color:var(--ink);background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .audioConnectButton:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}:root[data-theme=dark] .voiceChangerPanel,:root[data-theme=dark] .manualDialPanel,:root[data-theme=dark] .speedPanel,:root[data-theme=dark] .panel,:root[data-theme=dark] .createBox,:root[data-theme=dark] .uploadBox,:root[data-theme=dark] .timeline>div,:root[data-theme=dark] .heroDialer,:root[data-theme=dark] .leadCard,:root[data-theme=dark] .predictiveBoard,:root[data-theme=dark] .utilityFooter,:root[data-theme=dark] .speedPanel,:root[data-theme=dark] .speedPanel h2{color:var(--ink)}:root[data-theme=dark] .bubble.outbound{color:#fff;background:#4654c8}.authShell{background:var(--bg);min-height:100vh;color:var(--ink);place-items:center;padding:24px;display:grid}.authPanel{background:var(--surface);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:10px;gap:24px;padding:30px;display:grid}.authLoading{width:auto;min-width:220px;color:var(--muted);place-items:center}.authBrand{align-items:center;gap:12px;display:flex}.authBrand strong,.authBrand span{display:block}.authBrand strong{color:var(--ink);font-size:18px}.authBrand span{margin-top:2px;font-size:12px}.authHeading{gap:7px;display:grid}.authForm{gap:14px;display:grid}.formError{color:var(--danger);font-size:13px}.userBadge{align-items:center;gap:8px;min-width:0;display:flex}.userBadge>span,.userAvatar{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.userBadge div{gap:1px;min-width:0;display:grid}.userBadge strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.usersGrid{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);align-items:start;gap:16px;display:grid}.userCreatePanel,.usersListPanel{gap:16px;display:grid}.userFormGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.usersList{gap:8px;display:grid}.userRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;min-height:62px;padding:10px;display:grid}.userIdentity{align-items:center;gap:10px;min-width:0;display:flex}.userIdentity>div{gap:2px;min-width:0;display:grid}.userIdentity strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.userIdentity span:not(.userAvatar){text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.roleBadge,.userState{color:var(--muted);white-space:nowrap;font-size:11px}.userState.active{color:var(--success);font-weight:800}.userRow button{min-height:34px;padding:0 10px;font-size:11px}.userEditor{border-block:1px solid var(--line);gap:12px;min-width:0;padding:16px 0;display:grid}.userEditor fieldset{border:0;min-width:0;margin:0;padding:0}.userEditActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.userEditor input,.userEditor select{width:100%;min-width:0}@media (width<=1180px){.suppressionTools{grid-template-columns:1fr}.utilityFooter{grid-template-columns:1fr;margin-top:4px;position:static}.content{padding-bottom:28px}}@media (width<=820px){.usersGrid,.userFormGrid{grid-template-columns:1fr}.userRow{grid-template-columns:minmax(0,1fr) auto}.userRow .roleBadge,.userRow .userState{justify-self:start}.content{padding-bottom:18px}.kpiStrip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kpiStrip .metric{border-left:1px solid var(--line)}.kpiStrip .metric:nth-child(4),.kpiStrip .metric:nth-child(5){border-top:1px solid var(--line)}.kpiStrip .metric:nth-child(4){border-left:0}.callBar{grid-template-columns:1fr 1fr}.callPrimary{grid-column:1/-1}.utilityFooter .voiceChangerPanel,.utilityFooter .manualDialPanel{grid-template-columns:1fr}.utilityFooter .voiceActions{flex-wrap:wrap}.utilityFooter .voiceStrength,.utilityFooter .voiceActions{grid-column:auto}.activeCallMeta>span:last-child{max-width:42%}}.availabilityPicker{background:var(--surface);border:1px solid var(--line);border-radius:7px;align-items:center;gap:7px;min-height:38px;padding:0 8px;display:inline-flex}.availabilityPicker select{height:34px;color:var(--ink);background:0 0;border:0;padding:0 18px 0 0;font-size:11px;font-weight:800}.availabilityDot,.availabilityBadge>span,.liveTeamBadge>span{background:var(--muted);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.availabilityPicker.available .availabilityDot,.availabilityBadge.available>span{background:var(--success)}.availabilityPicker.on_call .availabilityDot,.availabilityBadge.on_call>span{background:var(--warning)}.availabilityPicker.break .availabilityDot,.availabilityBadge.break>span{background:var(--accent)}.availabilityPicker.offline .availabilityDot,.availabilityBadge.offline>span{background:var(--muted)}.teamPage{gap:14px;display:grid}.teamHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.teamHeader h2{color:var(--ink);font-size:23px}.teamHeader p{color:var(--muted);margin-top:5px;font-size:12px}.liveTeamBadge{min-height:30px;color:var(--success);background:var(--surface);border:1px solid var(--line);text-transform:uppercase;border-radius:7px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.liveTeamBadge>span{background:var(--success)}.teamMetrics,.importQualityGrid{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.teamMetrics .metric,.importQualityGrid .metric{border-left:1px solid var(--line)}.teamMetrics .metric:first-child,.importQualityGrid .metric:first-child{border-left:0}.activeCallPanel,.teamRosterPanel{gap:12px;display:grid}.activeCallList,.teamRoster{gap:7px;display:grid}.activeCallRow{border:1px solid var(--line);border-left:3px solid var(--success);background:var(--surface-2);border-radius:7px;grid-template-columns:minmax(180px,1.15fr) minmax(130px,.8fr) 86px minmax(320px,1.6fr);align-items:center;gap:12px;padding:11px;display:grid}.activeCallLead,.activeCallRep,.activeCallTime,.supervisorActions,.transferControl,.availabilityBadge{align-items:center;display:flex}.activeCallLead{gap:8px;min-width:0}.activeCallLead>div,.activeCallRep{gap:2px;min-width:0;display:grid}.activeCallLead strong,.activeCallRep strong,.activeCallTime strong{color:var(--ink);font-size:12px}.activeCallLead span:not(.callStateDot),.activeCallRep small,.activeCallTime span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activeCallRep>span,.activeCallTime>span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.activeCallRep>span{color:var(--accent)}.activeCallTime{gap:2px;display:grid}.supervisorActions{flex-wrap:wrap;gap:5px}.supervisorActions button,.transferControl button{min-height:32px;padding:0 8px;font-size:10px}.supervisorActions button:not(.danger){color:var(--ink);background:var(--surface)}.supervisorActions button:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}.transferControl{grid-column:1/-1;justify-content:flex-end;gap:5px}.transferControl select{min-width:150px;height:32px;font-size:10px}.teamEmpty{min-height:160px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:7px;align-content:center;place-items:center;gap:6px;display:grid}.teamEmpty svg{color:var(--accent)}.teamEmpty strong{color:var(--ink);font-size:13px}.teamEmpty span{font-size:11px}.teamRosterRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(200px,1fr) 110px 55px 70px 80px 76px;align-items:center;gap:12px;min-height:58px;padding:8px 10px;display:grid}.availabilityBadge{color:var(--muted);text-transform:capitalize;justify-content:flex-start;gap:6px;font-size:10px;font-weight:800}.rosterStat{gap:2px;display:grid}.rosterStat span,.lastSeen{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.rosterStat strong{color:var(--ink);font-size:13px}.lastSeen{text-align:right;text-transform:none;letter-spacing:0}.importQuality{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;gap:8px;margin-top:14px;padding:11px;display:grid}.importQualityHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.importQualityHeader>div{gap:2px;display:grid}.importQualityHeader strong{color:var(--ink);font-size:12px}.importQualityHeader>span{color:var(--muted);font-size:10px}.importQualityGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.importQualityGrid .metric{min-height:52px;padding:7px 9px}.importQualityGrid .metric strong{font-size:15px}.queueRulesPanel{grid-column:1/-1}.queueRulesGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.queueRulesGrid .field{min-width:0}@media (width<=1180px){.activeCallRow{grid-template-columns:minmax(180px,1fr) minmax(130px,.8fr) 86px}.supervisorActions{grid-column:1/-1}.teamRosterRow{grid-template-columns:minmax(180px,1fr) repeat(4,auto)}.lastSeen{display:none}}@media (width<=820px){.teamHeader{flex-direction:column}.teamMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.teamMetrics .metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.teamMetrics .metric:nth-child(4){border-top:1px solid var(--line)}.activeCallRow{grid-template-columns:1fr 1fr}.activeCallLead,.activeCallRep,.activeCallTime,.supervisorActions,.transferControl{grid-column:1/-1}.transferControl{justify-content:stretch}.transferControl select,.transferControl button{flex:1 1 0}.teamRosterRow{grid-template-columns:minmax(0,1fr) auto auto}.teamRosterRow .rosterStat:nth-of-type(3){display:none}.importQualityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.importQualityGrid .metric:nth-child(odd){border-left:0}.importQualityGrid .metric:nth-child(n+3){border-top:1px solid var(--line)}.queueRulesGrid{grid-template-columns:1fr 1fr}.availabilityPicker{min-width:104px}}@media (width<=520px){.teamRosterRow{grid-template-columns:1fr 1fr}.teamRosterRow .userIdentity{grid-column:1/-1}.availabilityBadge{justify-self:start}.queueRulesGrid{grid-template-columns:1fr}.importQualityHeader{flex-direction:column;align-items:flex-start}}.appShell{grid-template-columns:214px minmax(0,1fr)}.logo{padding:0 7px 15px}.logoMark{color:#8fd6cb;background:#203b39;border:1px solid #2c504c;width:36px;height:36px}.logo strong{font-size:16px}.logo span{color:#838c97;font-size:10px}.nav nav{scrollbar-width:thin;gap:16px;display:grid;overflow-y:auto}.navGroup{gap:3px;display:grid}.navGroupLabel{color:#69727e;letter-spacing:.1em;text-transform:uppercase;padding:0 10px 5px;font-size:9px;font-weight:800}.nav nav button span{color:inherit}.nav nav button.active{color:#fff;background:#24292f}.nav nav button.active:before{background:#65c0b3;width:3px;height:24px;left:-12px}.connection{background:#1c2025;border-color:#2b3138;gap:8px;padding:10px}.connectionState strong{font-size:11px}.connectionMeta{padding-top:6px}.connectionMeta span{font-size:8px}.connectionMeta strong{font-size:9px}.content{background:var(--bg);gap:12px;padding:0 22px 30px}.topbar{background:color-mix(in srgb, var(--bg) 95%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:72px;margin:0 -22px;padding:11px 22px}.pageTitleRow h1{font-size:20px;font-weight:760}.appStatus{max-width:min(520px,48vw);margin-top:4px!important;font-size:10px!important}.campaignPicker{box-shadow:none;border-radius:6px;grid-template-columns:auto minmax(170px,235px);gap:7px;padding-left:8px}.campaignPicker span{font-size:9px}.campaignPicker select{height:36px;font-size:11px}.microphoneChip{min-height:38px;color:var(--muted);background:var(--surface);border-color:var(--line);gap:6px;padding:0 9px;font-size:10px}.microphoneChip span{color:inherit}.microphoneChip.ready{color:var(--success)}.microphoneChip.starting{color:var(--warning)}.microphoneChip.blocked{color:var(--danger)}.availabilityPicker{border-radius:6px;min-height:38px}.availabilityPicker select{font-size:10px}.themeButton,.iconButton{border-radius:6px}.panel,.createBox,.uploadBox,.timeline>div{box-shadow:none;border-radius:7px}.heroDialer{gap:10px}.dialerLaunch{background:var(--surface);border:1px solid var(--line);border-radius:7px;gap:11px;padding:15px 16px;display:grid}.launchHeading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.launchHeading h2{color:var(--ink);font-size:20px;line-height:1.2}.phoneReadiness{align-items:center;gap:7px;min-width:0;margin-top:6px;display:flex}.phoneReadiness>span{background:var(--warning);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.phoneReadiness.ready>span{background:var(--success)}.phoneReadiness.blocked>span{background:var(--danger)}.phoneReadiness strong{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.modeSegment{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:inline-grid}.modeSegment button{min-width:88px;min-height:31px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:10px}.launchToggles{border-top:1px solid var(--line);justify-content:flex-start;padding-top:10px}.controlPills label{border-radius:6px;min-height:32px;padding:0 8px;font-size:10px}.controlPills .linePicker{gap:6px}.controlPills .linePicker>span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:750}.controlPills .linePicker select{background:0 0;border:0;width:48px;height:26px;padding:0 5px;font-size:10px}.sessionStrip{border-radius:7px;min-height:54px}.sessionStrip .metric strong{font-size:15px}.primaryCallSurface{background:var(--surface);border:1px solid var(--line-strong);border-left:3px solid var(--accent);border-radius:7px;grid-template-columns:minmax(220px,.72fr) minmax(400px,1.28fr);align-items:center;gap:14px;padding:13px 14px;display:grid}.callSurfaceState{align-items:center;gap:9px;min-width:0;display:flex}.callSurfaceState>div{gap:2px;min-width:0;display:grid}.callSurfaceState span:not(.callStateDot){color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.callSurfaceState strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.primaryCallSurface .callBar{grid-template-columns:minmax(190px,1fr) auto auto;align-items:center}.primaryCallSurface .callPrimary{min-height:50px;box-shadow:none;font-size:14px}.primaryCallSurface .secondaryCall,.primaryCallSurface .screeningButton{height:42px;font-size:10px}.primary:hover:not(:disabled),.callPrimary:hover:not(:disabled){background:#0d574f;border-color:#0d574f}.leadCard{border-left-color:var(--accent);box-shadow:none;border-radius:7px;padding:17px}.leadIdentity h3{font-size:27px;font-weight:760}.leadIdentity p{align-items:center;gap:8px;font-size:12px;display:flex}.leadDivider{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.quickFacts{border-radius:6px;overflow:hidden}.dealControls input,.dealControls select{height:36px;font-size:11px}.infoGrid strong{color:var(--ink);font-size:11px}.liveNotes textarea{min-height:72px}.emptyState.idleEmpty{background:var(--surface);border-style:solid;min-height:170px}.emptyState.idleEmpty h3{font-size:17px}.operatorTools,.activityPanel{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.operatorTools>summary,.activityPanel>summary{cursor:pointer;align-items:center;min-height:54px;list-style:none;display:grid}.operatorTools>summary::-webkit-details-marker{display:none}.activityPanel>summary::-webkit-details-marker{display:none}.operatorTools>summary{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:8px 12px}.operatorTools>summary>div:nth-child(2){gap:2px;min-width:0;display:grid}.operatorTools>summary strong,.activityPanel>summary strong{color:var(--ink);font-size:11px}.operatorTools>summary span,.activityPanel>summary span{color:var(--muted);font-size:9px}.operatorTools>summary>svg,.activityPanel>summary>svg{color:var(--muted);transition:transform .16s}.operatorTools[open]>summary>svg,.activityPanel[open]>summary>svg{transform:rotate(90deg)}.toolSummaryIcon{width:32px;height:32px;color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--surface));border-radius:6px;place-items:center;display:grid}.toolSummaryIcon.ready{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.toolSummaryIcon.blocked{color:var(--danger);background:var(--danger-soft)}.utilityFooter{background:var(--surface-2);border:0;border-top:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:10px;margin:0;padding:12px;display:grid;position:static}.utilityFooter .voiceChangerPanel{grid-template-columns:minmax(170px,.9fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:center}.utilityFooter .voiceToggle{border-radius:6px;align-items:center;gap:7px;min-height:34px;padding:0 8px;font-size:10px;display:inline-flex;color:var(--muted)!important;background:var(--surface)!important;border:1px solid var(--line)!important}.utilityFooter .voiceToggle:has(input:checked){color:var(--accent)!important;background:var(--accent-soft)!important}.utilityFooter .manualDialPanel{grid-template-columns:90px minmax(120px,1fr) auto}.speedPanel{background:var(--surface);border:1px solid var(--line);max-height:calc(100vh - 98px);box-shadow:none;border-radius:7px;padding:14px;position:sticky;top:84px;overflow:auto}.speedPanel .sectionTitle{border-bottom:1px solid var(--line);margin-bottom:7px;padding-bottom:10px}.dispositionHint{margin:0 0 11px;line-height:1.45}.dispositionHint.required{color:var(--danger);font-weight:700}.speedButtons{gap:6px}.speedButtons button{background:var(--surface-2);border-radius:6px;min-height:46px;padding:0 9px;font-size:11px}.speedButtons button span{min-width:0;color:inherit;text-overflow:ellipsis;overflow:hidden}.speedButtons button small{color:var(--subtle);text-transform:uppercase;font-size:8px}.scriptBox{margin-top:10px}.scriptBox summary{font-size:10px}.activityPanel{grid-column:1/-1}.activityPanel>summary{grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;padding:0 12px}.activityPanel>summary>span{text-align:right}.activityPanel .timeline{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;padding:0}.activityPanel .timeline>div{border:0;border-left:1px solid var(--line);background:var(--surface-2);border-radius:0;min-width:0;padding:12px}.activityPanel .timeline>div:first-child{border-left:0}.activityPanel .timelineRow{grid-template-columns:86px minmax(0,1fr) 122px;font-size:10px}.predictiveBoard{min-height:168px;box-shadow:none;border-radius:7px;padding:14px}.predictiveBoardHeader h3{font-size:16px}.predictiveSlot{min-height:68px}.authPanel{border-radius:8px;width:min(420px,100%);box-shadow:0 22px 70px #0000003d}.authHeading h1{font-size:23px}@media (width<=1240px){.dialerWorkspace{grid-template-columns:minmax(0,1fr) 296px}.primaryCallSurface,.utilityFooter{grid-template-columns:1fr}}@media (width<=1060px){.dialerWorkspace{grid-template-columns:1fr}.speedPanel{grid-row:2;max-height:none;position:static}.speedButtons{grid-template-columns:repeat(2,minmax(0,1fr))}.activityPanel{grid-row:3}}@media (width<=860px){.appShell{display:block}.nav{z-index:50;border:0;border-top:1px solid #2b3138;width:100%;height:66px;min-height:66px;padding:6px 8px;display:block;bottom:0;left:0;right:0;position:fixed!important;top:auto!important}.nav .logo,.nav .connection,.navGroupLabel{display:none}.nav nav{gap:3px;width:100%;height:100%;display:flex;overflow:auto hidden}.navGroup{display:contents}.nav nav button{flex-direction:column;flex:1 0 64px;gap:3px;min-width:64px;min-height:52px;padding:5px 6px;font-size:9px}.nav nav button.active:before{width:24px;height:3px;top:-6px;left:50%;transform:translate(-50%)}.content{padding:0 12px 82px}.topbar{min-height:68px;margin:0 -12px;padding:9px 12px;top:0}.pageTitleRow h1{font-size:18px}.appStatus{max-width:40vw}.userBadge>div,.microphoneChip span{display:none}.microphoneChip{width:38px;padding:0}.campaignPicker{grid-template-columns:minmax(140px,1fr);padding-left:0}.campaignPicker>span{display:none}.campaignPicker select{border:0;width:100%}}@media (width<=680px){.topbar{flex-wrap:wrap;align-items:flex-start}.pageHeading{width:100%}.appStatus{max-width:calc(100vw - 40px)}.topActions{flex-flow:wrap;align-items:center;width:100%}.campaignPicker{flex:100%;width:100%;height:38px}.availabilityPicker{flex:140px;width:auto;min-width:94px}.userBadge{width:auto}.themeButton,.topActions>.iconButton{display:none}.launchHeading{flex-direction:column}.modeSegment{width:100%}.modeSegment button{min-width:0}.launchToggles{align-items:stretch}.sessionStrip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sessionStrip .metric:nth-child(4){border-left:0}.sessionStrip .metric:nth-child(n+4){border-top:1px solid var(--line)}.primaryCallSurface{padding:11px}.primaryCallSurface .callBar{grid-template-columns:1fr 1fr}.primaryCallSurface .callPrimary{grid-column:1/-1}.leadIdentity{flex-direction:column;align-items:flex-start}.leadBadges{justify-content:flex-start}.leadIdentity h3{font-size:23px}.quickFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.quickFacts .metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.quickFacts .metric:nth-child(4){border-top:1px solid var(--line)}.dealControls,.infoGrid,.speedButtons,.utilityFooter .voiceChangerPanel,.utilityFooter .manualDialPanel{grid-template-columns:1fr}.utilityFooter .voiceActions{grid-column:auto}.activityPanel>summary>span{display:none}.activityPanel .timeline{grid-template-columns:1fr}.activityPanel .timeline>div{border-left:0;border-top:1px solid var(--line)}.activityPanel .timeline>div:first-child{border-top:0}.activityPanel .timelineRow{grid-template-columns:72px minmax(0,1fr)}.activityPanel .timelineRow time{display:none}}:root{--bg:#f6f3ef;--surface:#fff;--surface-2:#fbfaf8;--ink:#1d2636;--muted:#718096;--subtle:#a1a9b5;--line:#e4ded7;--line-strong:#d2c9c0;--accent:#f05220;--accent-2:#f05220;--accent-soft:#fff0e9;--danger:#d52d27;--danger-soft:#fff0ee;--warning:#b8752c;--success:#3b8d78;--shadow:0 1px 2px #1c24330a, 0 12px 28px #1c243309}:root[data-theme=dark]{--bg:#111722;--surface:#192231;--surface-2:#202b3c;--ink:#f4f7fb;--muted:#a5b0c0;--subtle:#7d899b;--line:#2d394b;--line-strong:#3d4b60;--accent:#ff6733;--accent-2:#ff6733;--accent-soft:#45271f;--danger:#ff756c;--danger-soft:#422321;--warning:#e2a356;--success:#65c4a7;--shadow:0 14px 34px #00000038}body{background:var(--bg)}.appShell{background:var(--bg);grid-template-columns:184px minmax(0,1fr)}.nav{background:#182337;border-right:0;gap:16px;padding:13px 6px 8px}.logo{gap:9px;padding:0 8px 14px}.logoMark{color:#fff;background:var(--accent);border:0;border-radius:6px;width:28px;height:28px}.logoMark svg{width:16px;height:16px}.logo strong{color:#f7f9fc;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.logo span{color:#9aa7bb;margin-top:2px;font-size:9px}.nav nav{gap:13px}.navGroup{gap:2px}.navGroupLabel{color:#8190a7;letter-spacing:.12em;padding:0 10px 5px;font-size:8px}.nav nav button{color:#b8c2d2;border-radius:6px;gap:9px;min-height:34px;padding:0 10px;font-size:11px;font-weight:650}.nav nav button svg{color:#94a2b8;width:15px;height:15px}.nav nav button:hover{color:#fff;background:#23314a}.nav nav button.active{color:#fff;background:var(--accent);box-shadow:0 5px 12px #f052202e}.nav nav button.active:before{display:none}.nav nav button.active svg{color:#fff}.connection{background:#202e45;border:1px solid #2f3e56;border-radius:6px;gap:7px;margin:auto 2px 0;padding:10px}.connectionState strong{color:#eef3fa;font-size:10px}.connectionMeta{border-top-color:#304058;padding-top:6px}.connectionMeta span{color:#8b9ab0;font-size:8px}.connectionMeta strong{color:#d8e1ec;font-size:8px}.content{gap:16px;padding:0 34px 30px}.topbar{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;min-height:58px;margin:0 -34px;padding:10px 34px}.pageTitleRow h1{color:var(--ink);font-size:17px;font-weight:800}.appStatus{max-width:min(580px,55vw);color:var(--muted);margin-top:2px!important;font-size:9px!important}.topActions{gap:6px}.campaignPicker{background:var(--surface);border-color:var(--line);border-radius:6px;grid-template-columns:auto minmax(170px,230px);min-height:36px}.campaignPicker span{color:var(--muted);letter-spacing:.08em;font-size:8px}.campaignPicker select{height:34px;color:var(--ink);font-size:10px}.microphoneChip,.availabilityPicker,.themeButton,.topActions>.iconButton{min-height:36px;box-shadow:none;border-radius:6px}.microphoneChip,.availabilityPicker{background:var(--surface);border-color:var(--line)}.microphoneChip{font-size:9px}.availabilityPicker select{height:34px;font-size:9px}.userBadge>span{background:#367d70;width:27px;height:27px;font-size:10px}.userBadge strong{font-size:10px}.userBadge small{font-size:8px}.primary,.callPrimary{color:#fff;background:var(--accent);border-color:var(--accent)}.primary:hover:not(:disabled),.callPrimary:hover:not(:disabled){color:#fff;background:#d94416;border-color:#d94416}.danger{color:var(--danger);background:var(--danger-soft);border-color:#f0c3bd}.panel,.createBox,.uploadBox,.timeline>div,.dialerLaunch,.sessionStrip,.primaryCallSurface,.leadCard,.speedPanel,.operatorTools,.activityPanel,.predictiveBoard{box-shadow:var(--shadow);border-radius:7px}.eyebrow,.metric span,.dealControls span,.infoGrid span,.field span,.dispositionNotes>span,.liveNotes>span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:800}.dialerWorkspace{grid-template-columns:minmax(0,1fr) 340px;gap:14px}.dialerLaunch{background:var(--surface);border-color:var(--line);padding:14px 16px}.launchHeading h2{letter-spacing:-.01em;font-size:19px}.modeSegment{background:var(--surface-2);border-radius:6px;padding:3px}.modeSegment button{border-radius:5px;min-height:29px;font-size:9px}.modeSegment button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #1d26361a}.launchToggles{padding-top:10px}.controlPills label{min-height:30px;color:var(--muted);background:var(--surface);border-color:var(--line);font-size:9px}.controlPills label:has(input:checked){color:var(--accent);background:var(--accent-soft);border-color:#f4b59e}.controlPills input[type=checkbox]:checked{background:var(--accent)}.sessionStrip{background:var(--surface);border-color:var(--line);min-height:58px}.sessionStrip .metric{min-height:56px;padding:9px 12px}.metric strong{color:var(--ink);font-size:16px;font-weight:800}.sessionStrip .metric span{color:var(--muted);font-size:8px}.primaryCallSurface{border-color:var(--line);border-left:3px solid var(--accent);background:var(--surface);padding:12px 14px}.primaryCallSurface.connected{border-left-color:var(--success)}.primaryCallSurface.dialing{border-left-color:var(--warning)}.callSurfaceState strong{font-size:11px}.callSurfaceState span:not(.callStateDot){color:var(--muted);font-size:8px}.primaryCallSurface .callPrimary{min-height:48px;box-shadow:0 6px 14px #f0522026}.secondaryCall,.screeningButton{background:var(--surface);border-color:var(--line);color:var(--muted)}.screeningButton{color:var(--warning);border-color:#e7cda9}.leadCard{border-color:var(--line);border-left:3px solid var(--accent);background:var(--surface);padding:18px}.leadIdentity h3{color:var(--ink);letter-spacing:-.025em;font-size:27px}.leadIdentity p{color:var(--muted);font-size:11px}.statusBadge{color:var(--success);background:#edf7f4;border:1px solid #cce6de}.quickFacts{background:var(--surface-2);border-color:var(--line)}.quickFacts .metric strong{font-size:14px}.speedPanel{background:var(--surface);border-color:var(--line);padding:15px;top:72px}.speedPanel .sectionTitle{border-bottom-color:var(--line);padding-bottom:11px}.speedPanel .sectionTitle svg{color:var(--accent)}.speedPanel h2{font-size:15px}.dispositionHint{color:var(--muted);font-size:10px}.speedButtons button{min-height:44px;color:var(--ink);background:var(--surface-2);border-color:var(--line);border-radius:6px;font-size:10px}.speedButtons button svg{color:var(--accent)}.speedButtons button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);border-color:#f4b59e}.speedButtons .suppressAction,.speedButtons .suppressAction:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:#f0c3bd}.emptyState.idleEmpty{background:var(--surface);border-color:var(--line);min-height:150px}.emptyState.idleEmpty svg{color:var(--accent)}.emptyState.idleEmpty h3{color:var(--ink);font-size:16px}.operatorTools,.activityPanel{border-color:var(--line);background:var(--surface)}.operatorTools>summary,.activityPanel>summary{min-height:50px}.toolSummaryIcon{color:var(--accent);background:var(--accent-soft)}.templatesGrid,.settingsGrid,.conversationGrid,.campaignLayout,.builder,.usersGrid{gap:16px}.conversationListPanel,.threadPanel{border-color:var(--line);box-shadow:var(--shadow)}.conversationRow.active,.campaignRow.selected,.templateList button.selected{color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-color:#f4b59e}.conversationRow:hover,.campaignRow:hover,.templateList button:hover{background:#fff8f4}.bubble.outbound{color:#fff;background:#3b8175}.dropZone:hover{background:var(--accent-soft);border-color:var(--accent)}.connectedBadge{color:var(--success);background:#edf7f4;border-color:#cce6de}.offlineBadge{color:var(--muted);background:var(--surface-2);border-color:var(--line)}.authShell{background:#182337}.authPanel{border-color:#2f3e56;box-shadow:0 24px 70px #040a144d}@media (width<=860px){.appShell{display:block}.nav{background:#182337}.content{padding-left:14px;padding-right:14px}.topbar{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}@media (width<=680px){.primaryCallSurface .callBar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.primaryCallSurface .callBar button{text-overflow:ellipsis;min-width:0;overflow:hidden}.primaryCallSurface .callPrimary{grid-column:1/-1;min-width:0}}.settingsPage{gap:18px;width:100%;max-width:1110px;margin:0 auto;display:grid}.settingsPageHeader{justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 2px 0;display:flex}.settingsPageHeader h2{color:var(--ink);letter-spacing:-.035em;margin-top:2px;font-size:28px;line-height:1.1}.settingsPageHeader p{color:var(--muted);margin-top:6px;font-size:11px}.settingsSaveButton{min-height:40px;padding:0 14px;font-size:11px}.settingsWorkspace{grid-template-columns:166px minmax(0,1fr);align-items:start;gap:22px;display:grid}.settingsNavPanel{gap:8px;min-width:0;display:grid;position:sticky;top:74px}.settingsNavTitle{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;padding:0 10px 4px;font-size:8px;font-weight:850}.settingsNav{gap:3px;display:grid}.settingsNav button{min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:flex-start;align-items:center;gap:9px;padding:7px 9px;display:flex}.settingsNav button svg{color:var(--muted);flex:none}.settingsNav button>span{gap:2px;min-width:0;display:grid}.settingsNav button strong{color:inherit;font-size:10px;font-weight:750}.settingsNav button small{color:var(--subtle);font-size:8px}.settingsNav button:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}.settingsNav button.active{color:var(--accent);background:var(--surface);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent), var(--shadow)}.settingsNav button.active svg,.settingsNav button.active small{color:var(--accent)}.settingsNavStatus{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;display:flex}.settingsNavStatus>div{gap:3px;min-width:0;display:grid}.settingsNavStatus strong{color:var(--ink);font-size:9px}.settingsNavStatus small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.settingsMain{gap:12px;min-width:0;display:grid}.settingsCard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:7px;gap:15px;padding:18px;display:grid}.settingsCardHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.settingsCardHeader h2{color:var(--ink);margin-top:3px;font-size:16px;font-weight:750}.settingsCardHeader p{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45}.settingsCardHeader>svg{color:var(--muted);flex:none}.settingsRows{display:grid}.settingsRow,.settingsToggleRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 0;display:flex}.settingsRow:last-child,.settingsToggleRow:last-child{border-bottom:0;padding-bottom:0}.settingsRow>div,.settingsToggleRow>span{gap:4px;min-width:0;display:grid}.settingsRow strong,.settingsToggleRow strong{color:var(--ink);font-size:11px}.settingsRow span,.settingsToggleRow small{color:var(--muted);font-size:9px;line-height:1.35}.compactSettingInput{text-align:center;width:56px;height:34px;padding:0 8px;font-size:10px}.staticSettingState{flex:none;align-items:center;gap:6px;font-weight:750;display:inline-flex;color:var(--success)!important;font-size:9px!important}.staticSettingState .liveDot{flex-basis:6px;width:6px;height:6px}.settingsToggleRow input[type=checkbox]{appearance:none;background:var(--line-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:31px;height:18px;margin:0;position:relative}.settingsToggleRow input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:3px;left:3px}.settingsToggleRow input[type=checkbox]:checked{background:var(--accent)}.settingsToggleRow input[type=checkbox]:checked:after{transform:translate(13px)}.settingsFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settingsFieldGrid .wide{grid-column:1/-1}.settingsFieldGrid .field{min-width:0}.settingsFieldGrid input,.settingsFieldGrid select{width:100%}.settingsFieldGrid textarea{width:100%;min-height:82px}.settingsNote{color:var(--muted);margin:-2px 0 0;font-size:9px;line-height:1.5}.settingsInlineStatus,.settingsConnectionBadge{justify-content:flex-end;align-items:center;margin-top:-6px;display:flex}.settingsWebhookList{gap:7px;display:grid}.settingsWebhookList>div{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;gap:5px;padding:10px;display:grid}.settingsWebhookList span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.settingsWebhookList code{color:var(--ink);overflow-wrap:anywhere;font-size:10px}.settingsCallout{color:var(--accent);background:var(--accent-soft);border:1px solid #f4b59e;border-radius:7px;align-items:flex-start;gap:9px;padding:12px 14px;display:flex}.settingsCallout>div{gap:3px;display:grid}.settingsCallout strong{color:var(--ink);font-size:10px}.settingsCallout span{color:var(--muted);font-size:9px;line-height:1.4}@media (width<=760px){.settingsPageHeader{flex-direction:column;align-items:flex-start}.settingsSaveButton{width:100%}.settingsWorkspace{grid-template-columns:1fr;gap:12px}.settingsNavPanel{position:static}.settingsNav{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.settingsNav button{min-width:max-content}.settingsNav button small,.settingsNavStatus{display:none}.settingsFieldGrid{grid-template-columns:1fr}.settingsFieldGrid .wide{grid-column:auto}}.outcomesHeader{justify-content:space-between;align-items:center;gap:18px;display:flex}.outcomesHeader h2{color:var(--ink);font-size:20px}.outcomesHeader p{margin-top:5px;font-size:12px}.outcomeHeaderActions{flex:none;align-items:center;gap:8px;display:flex}.outcomeStats{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.outcomeStats .metric{border-left:1px solid var(--line)}.outcomeStats .metric:first-child{border-left:0}.outcomesTablePanel{min-width:0}.outcomeFilters{grid-template-columns:minmax(240px,1fr) 150px 210px;align-items:end;gap:9px;margin-bottom:12px;display:grid}.outcomeFilters .searchBox{background:var(--surface);min-width:0;height:40px;margin-top:0}.outcomeFilters .field select{width:100%}.dispositionQuickFilters{flex-wrap:wrap;gap:6px;margin:-2px 0 12px;display:flex}.dispositionQuickFilters button{min-height:32px;color:var(--muted);background:var(--surface-2);border-color:var(--line);border-radius:6px;padding:0 9px;font-size:10px;font-weight:750}.dispositionQuickFilters button:hover,.dispositionQuickFilters button.active{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.dispositionQuickFilters button span{min-width:18px;color:inherit;text-align:center;font-size:9px;font-weight:800}.outcomeTable{border:1px solid var(--line);border-radius:7px;overflow-x:auto}.outcomeTableHeader,.outcomeRow{grid-template-columns:minmax(210px,1.35fr) minmax(150px,1fr) 130px minmax(210px,1.4fr) 170px;align-items:center;gap:12px;min-width:940px;display:grid}.outcomeTableHeader{color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;font-size:9px;font-weight:800}.outcomeRow{border-top:1px solid var(--line);background:var(--surface);padding:11px 12px}.outcomeRow:first-of-type{border-top:0}.outcomeLead,.outcomeCell{gap:3px;min-width:0;display:grid}.outcomeLead{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px}.outcomeAvatar{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.outcomeLead strong,.outcomeCell strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.outcomeLead span,.outcomeCell span,.outcomeCell small,.outcomeCell time,.outcomeRow>div>small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.outcomePill{border:1px solid var(--line);border-radius:999px;align-items:center;width:max-content;min-height:24px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.outcomePill.connected{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 30%, var(--line))}.outcomePill.noAnswer{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent);border-color:color-mix(in srgb, var(--warning) 30%, var(--line))}.outcomeEmpty{min-height:180px;color:var(--muted);align-content:center;place-items:center;gap:6px;display:grid}.outcomeEmpty svg{color:var(--accent)}.outcomeEmpty strong{color:var(--ink);font-size:13px}.outcomeEmpty span{font-size:11px}.outcomePagination{margin-top:10px}@media (width<=760px){.outcomesHeader{flex-direction:column;align-items:flex-start}.outcomeHeaderActions{width:100%}.outcomeHeaderActions button{flex:1 1 0}.outcomeStats{grid-template-columns:repeat(2,minmax(0,1fr))}.outcomeStats .metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.outcomeStats .metric:nth-child(4){border-top:1px solid var(--line)}.outcomeFilters{grid-template-columns:1fr 1fr}.outcomeSearch{grid-column:1/-1}}@media (width<=1060px){.dialerWorkspace{grid-template-columns:minmax(0,1fr)}.speedPanel{max-height:none;position:static}.primaryCallSurface{grid-template-columns:minmax(0,1fr)}.utilityFooter{grid-template-columns:1fr}}@media (width<=680px){.primaryCallSurface .callBar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.primaryCallSurface .callBar button{text-overflow:ellipsis;min-width:0;overflow:hidden}.primaryCallSurface .callPrimary{grid-column:1/-1;min-width:0}}.campaignContinuation{border-top:1px solid var(--border,#d8dee4);margin-top:12px;padding-top:10px;font-size:12px}.campaignContinuation summary{cursor:pointer;font-weight:600}.campaignContinuation summary span{color:var(--muted);margin-left:8px;font-weight:400}.continuationLists{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding-top:10px;display:grid}.continuationLists label{align-items:center;gap:8px;min-width:0;display:flex}.continuationLists label span{overflow-wrap:anywhere}.continuationLists small{color:var(--muted);margin-left:auto}.dialerPerformance{border-block:1px solid var(--border,#d8dee4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dialerPerformance .metric{min-width:0;box-shadow:none;border-radius:0;padding:12px}.dialerPerformance .metric strong{font-size:18px}.dialerPerformance .metric span{overflow-wrap:anywhere;font-size:10px}.recentDialOutcomes{border-top:1px solid var(--border,#d8dee4);color:var(--muted);gap:6px;margin-top:12px;padding-top:10px;font-size:11px;display:grid}.recentDialOutcomes div{justify-content:space-between;gap:12px;display:flex}.recentDialOutcomes span{overflow-wrap:anywhere}.recentDialOutcomes strong{text-align:right;font-weight:600}@media (width<=700px){.dialerPerformance{grid-template-columns:repeat(2,minmax(0,1fr))}}