*{box-sizing:border-box}:root{--bg: #080b10;--bg-2: #0c1118;--surface: #111a23;--surface-2: #17212c;--surface-3: #1e2a37;--hover: #1b2733;--border: #1f2b38;--border-2: #2a3a4a;--text: #e9eff5;--text-2: #9db0c1;--text-3: #607386;--teal: #18c1b1;--teal-dim: rgba(24, 193, 177, .13);--teal-line: rgba(24, 193, 177, .45);--amber: #f0aa2e;--amber-dim: rgba(240, 170, 46, .13);--red: #f2564a;--red-dim: rgba(242, 86, 74, .13);--steel: #6f97c4;--steel-dim: rgba(111, 151, 196, .14);--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;color:var(--text);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:1024px;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}@keyframes bridgeIn{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}.shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:radial-gradient(700px 460px at 18% 12%,var(--teal-dim),transparent 68%),radial-gradient(540px 360px at 82% 88%,rgba(111,151,196,.12),transparent 70%),var(--bg)}.brandPanel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px 56px;overflow:hidden;background:linear-gradient(160deg,#0a1017,#0e1822 60%,#0b141c);border-right:1px solid var(--border)}.brandPanel:after{position:absolute;inset:auto 56px 150px 56px;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--teal-line),transparent)}.brandMark,.telemetry,.brandCopy{position:relative;z-index:1}.brandMark{display:flex;align-items:center;gap:12px}.logo{display:grid;width:34px;height:34px;place-items:center;color:#04110f;background:var(--teal);border-radius:9px;box-shadow:0 0 24px var(--teal-line)}.logo.small{width:28px;height:28px}.brandName,.brandOrg,h1,h2,p{margin-top:0}.brandName{margin-bottom:0;font-size:15px;font-weight:600}.brandOrg{margin-bottom:0;color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.brandCopy{max-width:470px}.eyebrow,.cardLabel{margin-bottom:14px;color:var(--teal);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}h1{margin-bottom:18px;font-size:40px;font-weight:600;line-height:1.1}h2{margin-bottom:10px;font-size:28px;font-weight:600}.brandCopy p:last-child,.statusText{color:var(--text-2);font-size:15px;line-height:1.6}.telemetry{display:flex;gap:28px}.telemetry div,.metricCard{display:grid;gap:5px}.telemetry span,.metricCard span{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.telemetry strong,.metricCard strong{color:var(--text);font-family:var(--mono);font-size:15px;font-weight:500}.gatePanel{display:grid;min-height:100vh;place-items:center;padding:40px}.authCard{width:min(100%,430px);padding:30px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 20px 56px #0000009e;animation:bridgeIn .34s ease}.modeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;margin-bottom:24px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px}.modeGrid button,.navItem,.logoutButton,.textButton{color:var(--text-2);background:transparent;border:0}.modeGrid button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:34px;padding:0 8px;font-size:12px;border-radius:8px}.modeGrid button.active{color:var(--text);background:var(--surface-2);box-shadow:0 1px 2px #00000052}.formStack{display:grid;gap:16px}.splitFields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px}.field span{color:var(--text-2);font-size:12px;font-weight:500}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:0 14px;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);border-radius:10px;outline:none}.field textarea{min-height:150px;padding:12px 14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-line);box-shadow:0 0 0 3px var(--teal-dim)}.primaryButton{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;color:#04110f;font-size:14px;font-weight:700;background:var(--teal);border:0;border-radius:11px;box-shadow:0 0 22px var(--teal-line)}.primaryButton.compact,.secondaryButton{min-height:38px;padding:0 15px;font-size:12.5px;border-radius:9px}.secondaryButton{display:flex;gap:7px;align-items:center;justify-content:center;color:var(--text);font-weight:700;background:var(--surface);border:1px solid var(--border-2)}.dangerButton{display:flex;gap:7px;align-items:center;justify-content:center;min-height:38px;padding:0 15px;color:var(--red);font-size:12.5px;font-weight:700;background:var(--red-dim);border:1px solid rgba(242,86,74,.38);border-radius:9px}.amberButton{color:#1a1206;background:var(--amber);box-shadow:none}.textButton{justify-self:center;font-size:13px}.message{padding:11px 13px;margin-top:18px;color:var(--text-2);font-size:12.5px;line-height:1.5;word-break:break-word;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.message.success{color:var(--teal);background:var(--teal-dim);border-color:var(--teal-line)}.message.error{color:var(--red);background:var(--red-dim);border-color:#f2564a61}.statusIcon{display:grid;width:58px;height:58px;place-items:center;color:var(--teal);background:var(--teal-dim);border:1px solid var(--teal-line);border-radius:15px}.statusIcon.amber{color:var(--amber);background:var(--amber-dim);border-color:#f0aa2e4d}.statusIcon.red{color:var(--red);background:var(--red-dim);border-color:#f2564a61}.appShell{display:grid;grid-template-columns:236px 1fr;min-height:100vh;background:var(--bg)}.sidebar{display:flex;flex-direction:column;min-height:100vh;padding:16px 12px;background:var(--bg-2);border-right:1px solid var(--border)}.sideBrand{display:flex;gap:11px;align-items:center;height:42px;padding:0 6px 14px;margin-bottom:12px;border-bottom:1px solid var(--border)}.sidebar nav{display:grid;gap:4px}.navItem,.logoutButton{display:flex;gap:10px;align-items:center;width:100%;min-height:38px;padding:0 10px;font-size:13px;font-weight:600;border-radius:9px}.navItem.active,.navItem:hover{color:var(--text);background:var(--surface-2)}.logoutButton{margin-top:auto;color:var(--red)}.workspace{padding:28px}.workspaceHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.workspaceHeader h1{margin-bottom:0;font-size:32px}.roleChip{padding:6px 12px;color:var(--teal);font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;background:var(--teal-dim);border:1px solid var(--teal-line);border-radius:20px}.roleChip.steelChip{color:var(--steel);background:var(--steel-dim);border-color:#6f97c459}.emptyInstrument{display:grid;min-height:430px;place-items:center;padding:34px;text-align:center;background:radial-gradient(520px 250px at 50% 0%,var(--teal-dim),transparent 68%),var(--surface);border:1px solid var(--border);border-radius:16px}.emptyInstrument svg{color:var(--teal)}.emptyInstrument p{max-width:470px;color:var(--text-2);line-height:1.6}.workstationGrid{min-width:0}.shiftStrip{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.4fr auto auto;gap:10px;align-items:center;padding:12px;margin-bottom:18px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.shiftStrip div{display:grid;gap:4px;min-width:0}.shiftStrip span,.numberHeader{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.shiftStrip strong{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.shiftActions{display:flex!important;grid-template-columns:none!important;gap:7px!important;align-items:center}.readinessBand{display:flex;gap:8px;align-items:center;padding:10px 12px;margin:-6px 0 18px;color:var(--amber);font-size:12px;font-weight:700;background:var(--amber-dim);border:1px solid rgba(240,170,46,.3);border-radius:10px}.audioCheckPanel{display:grid;gap:12px;padding:14px;margin-bottom:18px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.audioCheckControls{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.micMeter{height:10px;overflow:hidden;background:var(--bg-2);border:1px solid var(--border);border-radius:999px}.micMeter span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--amber));transition:width 90ms linear}.audioCheckResult{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,420px);gap:12px;align-items:center;color:var(--text-2);font-size:12px}.audioCheckResult audio{width:100%}.dialerLayout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.1fr) 220px;gap:16px;align-items:start}.dialerPanel,.liveCallPanel,.numberForm{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.dialModeSwitch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.dialModeSwitch button{min-height:34px;color:var(--text-2);font-size:12px;font-weight:800;background:transparent;border:0;border-radius:7px}.dialModeSwitch button.active{color:#03100f;background:var(--teal);box-shadow:0 0 20px #18c1b138}.previewLead{display:flex;gap:13px;align-items:center;min-height:96px;padding:14px;margin:14px 0;background:var(--bg-2);border:1px solid var(--border);border-radius:11px}.previewLead h2{margin-bottom:4px;font-size:20px}.previewLead p,.previewLead small,.callMeter p{margin-bottom:0;color:var(--text-2)}.previewLead small{color:var(--text-3)}.callButton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:66px;color:#03100f;font-size:18px;font-weight:800;background:var(--teal);border:0;border-radius:13px;box-shadow:0 0 34px #18c1b152}.powerControls,.predictiveControls{display:grid;gap:12px;margin-top:14px}.predictiveGreetingPanel{display:grid;gap:10px;padding:12px;background:color-mix(in srgb,var(--bg-2) 82%,var(--surface));border:1px solid var(--border);border-radius:11px}.compactTitle{margin-bottom:0}.predictiveReady{display:grid;gap:6px;padding:14px;background:var(--bg-2);border:1px solid var(--border);border-radius:11px}.predictiveReady.active{border-color:var(--teal-line);box-shadow:0 0 0 3px var(--teal-dim)}.predictiveReady span{color:var(--teal);font-family:var(--mono);font-size:11px;text-transform:uppercase}.predictiveReady strong{font-size:16px}.predictiveFieldGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inlineField{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center}.inlineField span{margin:0}.powerButtonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analyticsConsole{display:grid;gap:16px}.trendGrid,.analyticsSplit,.complianceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.trendPanel,.analyticsPanel{background:var(--surface);border:1px solid var(--border);border-radius:13px}.trendPanel{display:grid;grid-template-columns:150px 1fr;min-height:180px;padding:18px}.trendPanel div{display:grid;align-content:start;gap:8px}.trendPanel span,.leaderRow em,.healthRow em,.metricHeader,.auditHeader{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.trendPanel strong{font-family:var(--mono);font-size:28px;font-weight:700}.trendPanel svg{width:100%;height:140px}.trendPanel polyline{fill:none;stroke:var(--teal);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;vector-effect:non-scaling-stroke}.trendPanel.steel polyline{stroke:var(--steel)}.analyticsPanel{padding:18px;overflow:hidden}.leaderRow,.healthRow{display:grid;grid-template-columns:44px 1fr 94px 94px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.leaderRow strong{color:var(--teal);font-family:var(--mono);font-size:16px}.leaderRow span,.healthRow strong{min-width:0;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.barChart{display:flex;gap:7px;align-items:flex-end;height:210px;padding-top:18px}.barColumn{display:flex;flex:1;flex-direction:column;gap:7px;align-items:center;justify-content:flex-end;height:100%}.barColumn span{width:100%;min-height:4px;background:var(--teal);border-radius:4px 4px 0 0;opacity:.86}.barColumn small{color:var(--text-3);font-family:var(--mono);font-size:9px}.metricTable{overflow-x:auto}.metricHeader,.metricRow{display:grid;gap:10px;min-width:1080px;align-items:center;padding:10px 12px}.agentMetricTable .metricHeader,.agentMetricTable .metricRow{grid-template-columns:92px 1.5fr repeat(8,90px)}.metricHeader{background:var(--bg-2);border:1px solid var(--border);border-radius:9px 9px 0 0}.metricRow{color:var(--text-2);font-family:var(--mono);font-size:12px;border:1px solid var(--border);border-top:0}.healthRow{grid-template-columns:1.4fr 1fr 90px 90px 110px}.complianceGrid .analyticsPanel{min-height:360px}.dncForm{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.dncForm input{min-height:38px;padding:0 12px;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);border-radius:9px;outline:none}.dncImportForm{display:grid;gap:10px;margin-bottom:14px}.sourceNote{display:grid;gap:6px;padding:12px;color:var(--text-2);font-size:12px;line-height:1.45;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.sourceNote strong{color:var(--text)}.compactNote{margin-bottom:12px}.voiceChoice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voiceOption{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;padding:12px;color:var(--text-2);font-size:12px;font-weight:700;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.voiceOption input{accent-color:var(--teal)}.voiceOption.active{color:var(--text);border-color:var(--teal-line);box-shadow:0 0 0 3px var(--teal-dim)}.voiceOption audio{grid-column:1 / -1;width:100%}.auditTable{border:1px solid var(--border);border-radius:11px;overflow:hidden}.auditHeader,.auditRow{display:grid;grid-template-columns:1fr 1.2fr 2fr 1.1fr;gap:12px;align-items:center;padding:11px 14px}.auditHeader{background:var(--bg-2)}.auditRow{color:var(--text-2);font-size:12px;border-top:1px solid var(--border)}.liveCallPanel{min-height:276px;background:radial-gradient(420px 220px at 50% 0%,rgba(111,151,196,.12),transparent 70%),var(--surface)}.liveCallPanel.live{border-color:var(--teal-line);box-shadow:0 0 0 3px var(--teal-dim)}.incomingHandoff{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;margin-bottom:14px;background:var(--teal-dim);border:1px solid var(--teal-line);border-radius:12px;box-shadow:0 0 0 3px #18c1b114}.incomingHandoff span{color:var(--teal);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.incomingHandoff strong{display:block;margin-top:4px;font-size:19px}.incomingHandoff p{margin:4px 0 0;color:var(--text-2);font-size:12px}.incomingActions{display:grid;gap:8px;min-width:150px}.callMeter{display:grid;place-items:center;min-height:160px;padding:22px;margin-bottom:14px;text-align:center;background:var(--bg-2);border:1px solid var(--border);border-radius:12px}.callMeter span{color:var(--teal);font-family:var(--mono);font-size:11px;text-transform:uppercase}.callMeter strong{font-size:26px;font-weight:600}.callControls,.adminTabs,.toggleRow,.capLine{display:flex;gap:8px;align-items:center}.callControls button{flex:1}.dispositionPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}.dispositionPanel .primaryButton{min-height:42px}.statsRail{display:grid;gap:10px}.compactMetric{min-height:78px}.compactMetric strong{font-size:22px}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metricCard{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.metricCard strong{color:var(--teal);font-size:28px}.headerActions,.crmToolbar,.sectionTitle,.modalHeader,.drawerHeader,.noteComposer,.previewStats{display:flex;align-items:center}.headerActions{gap:10px}.crmWorkspace{overflow-x:hidden}.pipelineStrip{display:flex;gap:8px;padding-bottom:16px;overflow-x:auto}.pipelineCard{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;min-width:128px;padding:11px 14px;color:var(--text-2);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:11px}.pipelineCard.active{border-color:var(--teal-line);box-shadow:0 0 0 3px var(--teal-dim)}.pipelineCard strong{grid-column:1 / -1;color:var(--text);font-family:var(--mono);font-size:20px;font-weight:600}.dot{width:7px;height:7px;border-radius:50%}.dot.teal,.statusChip.teal{color:var(--teal);background:var(--teal-dim)}.dot.amber,.statusChip.amber{color:var(--amber);background:var(--amber-dim)}.dot.red,.statusChip.red{color:var(--red);background:var(--red-dim)}.dot.steel,.statusChip.steel{color:var(--steel);background:var(--steel-dim)}.dot{background:currentColor}.crmToolbar{gap:10px;margin-bottom:14px}.searchBox{display:flex;align-items:center;gap:8px;width:280px;height:36px;padding:0 12px;color:var(--text-3);background:var(--surface);border:1px solid var(--border-2);border-radius:9px}.searchBox input{width:100%;color:var(--text);background:transparent;border:0;outline:none}.filterPill{display:flex;gap:6px;align-items:center;height:34px;padding:0 11px;color:var(--teal);background:var(--teal-dim);border:1px solid var(--teal-line);border-radius:20px}.leadTable{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:13px}.leadHeader,.leadRow{display:grid;grid-template-columns:1.7fr 1.25fr 1fr 1.25fr .9fr 1.2fr;gap:0;align-items:center;width:100%;padding:12px 18px}.leadHeader{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-2);border-bottom:1px solid var(--border)}.leadRow{color:var(--text-2);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border)}.leadRow:hover{background:var(--hover)}.leadName{display:flex;gap:10px;align-items:center;min-width:0}.leadName strong{display:block;color:var(--text);font-size:13px}.leadName small,.historyItem small{color:var(--text-3);font-size:11px}.avatar{display:grid;width:30px;height:30px;flex:none;place-items:center;color:var(--steel);font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;background:var(--steel-dim);border-radius:8px}.avatar.large{width:52px;height:52px;font-size:16px;border-radius:14px}.mono{font-family:var(--mono);font-size:12px}.statusChip{display:inline-flex;padding:3px 9px;font-size:11px;font-weight:700;border-radius:20px}.tagLine{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emptyTable{display:grid;min-height:260px;place-items:center;padding:28px;color:var(--text-3);text-align:center}.emptyTable svg{color:var(--teal)}.drawerShade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000008c;border:0}.leadDrawer{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(520px,100vw);padding:22px;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border-2);box-shadow:0 20px 56px #0000009e;animation:bridgeIn .28s ease}.drawerHeader,.modalHeader{gap:12px;justify-content:space-between;margin-bottom:20px}.drawerHeader>div{flex:1}.drawerHeader p{margin-bottom:0;color:var(--text-3)}.iconButton{display:grid;width:34px;height:34px;place-items:center;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border-2);border-radius:9px}.drawerGrid{display:grid;gap:13px}.profileMeta{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:18px;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:11px}.profileMeta div{display:grid;gap:4px;padding:10px 12px;background:var(--surface-2)}.profileMeta span{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.profileMeta strong{color:var(--text);font-size:12px;font-weight:600}.historyPanel{padding-top:18px;margin-top:20px;border-top:1px solid var(--border)}.sectionTitle{gap:8px;margin-bottom:12px;color:var(--text-2);font-size:12px;font-weight:700}.historyItem{display:flex;gap:10px;padding:12px;margin-bottom:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.historyItem svg,.historyEmpty svg{color:var(--teal)}.historyItem p,.historyEmpty p{margin:4px 0;color:var(--text-2);line-height:1.5}.historyEmpty{display:flex;gap:10px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.callHistoryItem audio,.callDetail audio{width:100%;margin-top:9px;accent-color:var(--teal)}.smsHistoryItem.inbound{border-color:#6f97c457}.smsHistoryItem.outbound{border-color:var(--teal-line)}.smsComposer,.threadComposer{display:grid;gap:10px;padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}.smsComposer textarea,.threadComposer textarea{width:100%;min-height:96px;padding:12px;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);border-radius:10px;outline:none;resize:vertical}.templateRail{display:flex;flex-wrap:wrap;gap:7px}.templateRail button{min-height:28px;padding:0 10px;color:var(--steel);font-size:11px;font-weight:700;background:var(--steel-dim);border:1px solid rgba(111,151,196,.24);border-radius:16px}.noteComposer{gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}.noteComposer input{flex:1;height:40px;padding:0 13px;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);border-radius:10px;outline:none}.importModal{position:fixed;top:50%;left:50%;z-index:82;width:min(720px,calc(100vw - 40px));max-height:calc(100vh - 60px);padding:22px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 20px 56px #0000009e;transform:translate(-50%,-50%)}.modeGrid.two{grid-template-columns:1fr 1fr}.fileInput{color:var(--text-2);font-size:12px}.mappingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;margin-top:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px}.compactField span{font-family:var(--mono);font-size:10px}.previewBox{display:grid;gap:8px;padding:14px;margin-top:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.previewStats{gap:10px;color:var(--text-3);font-family:var(--mono);font-size:11px}.previewRow{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;align-items:center;padding:9px 10px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:9px}.messageWorkspace{min-width:0}.messageLayout,.callConsole{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}.threadList,.callList,.conversationPanel,.callDetail{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:13px}.conversationPanel,.callDetail{padding:18px}.threadRow,.callRow{position:relative;display:grid;gap:4px;width:100%;padding:13px 15px;color:var(--text-2);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border)}.threadRow.active,.threadRow:hover,.callRow.active,.callRow:hover{background:var(--hover)}.threadRow strong,.callRow strong{color:var(--text);font-size:13px}.threadRow span,.callRow span{font-family:var(--mono);font-size:11px}.threadRow small,.callRow small{overflow:hidden;color:var(--text-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.threadRow em{position:absolute;top:12px;right:12px;display:grid;min-width:20px;height:20px;place-items:center;color:#04110f;font-style:normal;font-size:11px;font-weight:800;background:var(--teal);border-radius:50%}.messageStream{display:grid;align-content:start;gap:10px;min-height:370px;max-height:55vh;padding:14px;overflow-y:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:12px}.smsBubble{max-width:78%;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.smsBubble.outbound{justify-self:end;background:var(--teal-dim);border-color:var(--teal-line)}.smsBubble p{margin-bottom:5px;color:var(--text);line-height:1.45}.smsBubble small{color:var(--text-3);font-size:10px}.adminTabs{padding:5px;margin-bottom:18px;background:var(--bg-2);border:1px solid var(--border);border-radius:11px}.adminTabs button{display:flex;gap:7px;align-items:center;min-height:34px;padding:0 13px;color:var(--text-2);font-size:12px;font-weight:700;background:transparent;border:0;border-radius:8px}.adminTabs button.active{color:var(--text);background:var(--surface-2)}.numberConsole{display:grid;gap:16px}.accountImport{display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.accountImport>.secondaryButton{justify-self:start}.accountNumberGrid{display:grid;gap:8px}.accountNumberRow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.accountNumberRow>div{display:grid;gap:4px}.accountNumberRow strong{color:var(--text);font-size:13px}.accountNumberRow small{color:var(--text-3);font-size:11px}.numberForm{display:grid;gap:14px}.toggleRow{flex-wrap:wrap}.numberPreview{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:11px}.numberPreview div{display:grid;gap:5px;padding:10px 12px;background:var(--bg-2)}.numberPreview span{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.numberPreview strong{color:var(--text);font-size:13px;font-weight:700}.checkToggle{display:flex;gap:8px;align-items:center;height:36px;padding:0 12px;color:var(--text-2);font-size:12px;font-weight:700;background:var(--bg-2);border:1px solid var(--border-2);border-radius:9px}.checkToggle input{accent-color:var(--teal)}.checkToggle.wide{height:auto;justify-content:flex-start;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.numberSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.numberTable{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:13px}.numberHeader,.numberRow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .8fr .85fr;gap:12px;align-items:center;padding:12px 16px}.numberHeader{background:var(--bg-2);border-bottom:1px solid var(--border)}.numberRow{color:var(--text-2);border-bottom:1px solid var(--border)}.numberRow>span{display:grid;gap:4px;min-width:0}.numberRow strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.numberRow small{overflow:hidden;color:var(--text-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.capLine{flex-wrap:wrap}.capLine span{display:inline-flex;width:max-content;padding:3px 8px;color:var(--steel);font-size:11px;font-weight:700;background:var(--steel-dim);border-radius:20px}@media(max-width:1100px){body{min-width:0}.shell,.appShell{grid-template-columns:1fr}.brandPanel,.gatePanel,.sidebar{min-height:auto}.brandPanel{gap:56px}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.metricGrid{grid-template-columns:1fr 1fr}.shiftStrip,.audioCheckControls,.audioCheckResult,.dialerLayout,.inlineField,.dispositionPanel,.incomingHandoff,.predictiveFieldGrid{grid-template-columns:1fr}.numberSummary{grid-template-columns:1fr 1fr}.messageLayout,.callConsole,.trendGrid,.analyticsSplit,.complianceGrid,.voiceChoice,.trendPanel{grid-template-columns:1fr}.numberHeader,.numberRow{grid-template-columns:1fr 1fr}}
