:root{color:#e8eef8;background:#08101d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.desktop{background:#0d1727;border:1px solid #293851;border-radius:18px;width:min(980px,100% - 32px);margin:32px auto;overflow:hidden;box-shadow:0 24px 80px #0008}header{background:linear-gradient(120deg,#142a49,#10213a);justify-content:space-between;padding:24px 28px;display:flex}header strong{letter-spacing:.05em;font-size:20px;display:block}small{color:#8fa4c3}.status{text-align:right;color:#7fe1ae}.warning{color:#ffd18a;background:#3c2a12;padding:12px 28px}.customer{background:#293851;grid-template-columns:2fr repeat(3,1fr);gap:1px;display:grid}.customer div{background:#0d1727;padding:20px 24px}.customer strong,.customer small{display:block}.card{background:#101c2e;border:1px solid #293851;border-radius:14px;margin:20px;padding:22px}h2{margin:0 0 16px;font-size:16px}.row,.transfer{flex-wrap:wrap;gap:10px;display:flex}.transfer{border-top:1px solid #293851;margin-top:16px;padding-top:16px}button{color:#eaf3ff;cursor:pointer;background:#1f5f9c;border:1px solid #3979b7;border-radius:9px;padding:11px 15px;font-weight:650}button:disabled{opacity:.35;cursor:not-allowed}.danger{background:#742e3c;border-color:#a44758}.message{color:#9eb1cc;margin-bottom:0}.ai span{color:#efb965;border:1px solid #735b31;border-radius:20px;padding:4px 8px;font-size:11px}.ai li{color:#c5d2e6;margin:8px 0}footer{color:#76d2d2;font-variant-numeric:tabular-nums;background:#09121f;padding:16px 26px}@media (width<=700px){.customer{grid-template-columns:1fr 1fr}header{gap:20px}.status{font-size:13px}}.device,.diagnostics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.device label{color:#9eb1cc;gap:7px;display:grid}select{color:#e8eef8;background:#091421;border:1px solid #344b69;border-radius:8px;padding:10px}.diagnostics div{background:#0a1423;border-radius:8px;padding:11px}.diagnostics small,.diagnostics strong{display:block}.diagnostics strong{overflow-wrap:anywhere;margin-top:5px;font-size:13px}audio{max-width:280px;height:38px}meter{width:100%;margin-top:14px}.app-shell{background:#07101d;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.app-shell>aside{background:#0a1423;border-right:1px solid #20314a;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand>i{color:#06101d;background:linear-gradient(135deg,#3d8fe5,#7de5c4);border-radius:11px;place-items:center;width:38px;height:38px;font-size:22px;font-style:normal;font-weight:900;display:grid}.brand span{letter-spacing:.08em;font-weight:800}.brand small{letter-spacing:0;color:#7890b2;font-weight:500;display:block}.app-shell nav{gap:6px;display:grid}.app-shell nav button{text-align:left;color:#8ea4c3;background:0 0;border:0}.app-shell nav button.active{color:#fff;background:#183252}.agent{border-top:1px solid #20314a;align-items:center;gap:10px;margin-top:auto;padding:14px 8px;display:flex}.agent>span{background:#263d5c;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.agent strong,.agent small{font-size:12px;display:block}.workspace{min-width:0}.topbar{background:#0a1423;border-bottom:1px solid #20314a;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.topbar h1{margin:2px 0 0;font-size:21px}.top-status{color:#9eb1cc;align-items:center;gap:12px;display:flex}.top-status button{background:#10223a;border-color:#2b4869;padding:8px 11px}.ready-dot,.presence{background:#52d99a;border-radius:50%;width:8px;height:8px;display:inline-block}.bell{min-width:34px;border-radius:50%!important}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:22px;display:grid}.module{background:#0d192a;border:1px solid #20334c;border-radius:14px;padding:18px;box-shadow:0 10px 30px #0002}.module-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.module-title h2{margin:0}.dashboard-grid>.module{grid-column:span 4}.dashboard-grid>.phone-module{grid-column:span 8}.dashboard-grid>.module:nth-child(2),.dashboard-grid>.module:nth-child(3),.dashboard-grid>.module:nth-child(4){grid-column:span 4}.badge{color:#b7c7dd;background:#23344c;border-radius:20px;padding:4px 8px;font-size:11px}.badge.good{color:#73e2b4;background:#173c32}.badge.warn{color:#efc06f;background:#423119}.badge.info{color:#76c7ff;background:#183651}.module h3{color:#8198b7;text-transform:uppercase;margin-top:20px;font-size:12px}.identity{align-items:center;gap:12px;display:flex}.identity p{color:#8ca1bf;margin:3px 0}.avatar{background:#225887;border-radius:13px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.facts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.facts dt,.field{color:#7f96b5;font-size:12px}.facts dd{color:#e4ecf7;margin:4px 0}.history>div,.team>div,.notifications>div{border-top:1px solid #1c2d43;align-items:center;gap:10px;padding:10px 0;display:flex}.history span,.team span:nth-child(2){flex:1}.history strong,.history small,.team strong,.team small{display:block}.history small,.team small{color:#758dab}.ownership{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ownership span{color:#7890ae;font-size:11px}.ownership b{color:#e3ebf6;margin-top:3px;display:block}.score{color:#72e4b8;background:#183f37;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.tags{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.field{gap:7px;margin:12px 0;display:grid}.field textarea,.field input{color:#e8eef8;background:#091421;border:1px solid #344b69;border-radius:8px;min-height:42px;padding:10px}.field textarea{resize:vertical;min-height:95px}.ai-score{gap:28px;display:flex}.ai-score span{color:#8499b7}.ai-score b{color:#fff;margin-top:3px;display:block}.recommend{background:#102943;border-left:3px solid #50a2ee;margin:14px 0;padding:12px}.recommend small,.recommend strong{display:block}.warning-text{color:#efbb68}.transcript{background:#081321;border-radius:8px;max-height:140px;padding:8px 12px;overflow:auto}.transcript p{color:#9fb0c8;font-size:12px}.team>div .badge{margin-left:auto}.presence.oncall{background:#eead54}.presence.paused{background:#78899f}.notifications>div{justify-content:space-between}.notifications .warning{color:#edbd6d}.notifications .success{color:#74ddb0}.count{background:#b94e60;border-radius:20px;padding:3px 8px}.settings{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings label{gap:6px;display:grid}.toggle{align-items:center;display:flex!important}.flags{gap:7px;display:grid}.flags span{font-family:ui-monospace;font-size:12px}.flags i{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.flags i.off{background:#c25c6b}.flags i.on{background:#5bd39c}.call-display{background:#081522;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.call-display span{flex:1}.call-display small,.call-display strong{display:block}.pulse{background:#50d19a;border-radius:50%;width:12px;height:12px}.compact{margin:14px 0}.secondary{background:#14263b;border-color:#2b4563}.inline-alert{color:#f1c371;background:#442f18;border-radius:8px;margin-bottom:12px;padding:9px}.loading{place-items:center;min-height:100vh;display:grid}.workspace>.module{margin:22px}.workspace>.module .diagnostics{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.dashboard-grid>.module,.dashboard-grid>.phone-module{grid-column:span 6}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.app-shell>aside{height:auto;position:static}.app-shell nav{grid-template-columns:repeat(4,1fr)}.agent{display:none}.dashboard-grid>.module,.dashboard-grid>.phone-module{grid-column:1/-1}.topbar{align-items:flex-start}.top-status{flex-wrap:wrap;justify-content:flex-end}.workspace>.module .diagnostics{grid-template-columns:1fr 1fr}}.callback-popup{background:#0b2036;border:2px solid #4aa6ff;border-radius:12px;padding:14px;box-shadow:0 12px 40px #0007}.callback-popup header{background:0 0;padding:0}.callback-popup h3{margin:3px 0;font-size:19px}.callback-popup dl{gap:9px;display:grid}.callback-popup dl div{border-top:1px solid #284461;padding-top:8px}.callback-popup dt{color:#88a3c5;font-size:11px}.callback-popup dd{margin:3px 0}.callback-actions{flex-wrap:wrap;gap:8px;display:flex}.callback-times{grid-template-columns:1fr 1fr;gap:8px;display:grid}.callback-times span{color:#8198b7;font-size:11px}.callback-times b{color:#e8eef8;margin-top:3px;display:block}.sr-status{color:#72e4b8;min-height:20px;margin-top:8px;display:block}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7de5c4}@media (width<=480px){.callback-times{grid-template-columns:1fr}.callback-actions button{flex:45%}}.call-workspace{background:#0c192a;border:1px solid #29415f;border-radius:16px;grid-column:1/-1;overflow:hidden;box-shadow:0 18px 48px #0004}.call-header{border-bottom:1px solid #29415f;align-items:center;padding:18px 22px}.call-header h2{margin:5px 0;font-size:24px}.call-header p{color:#9fb1c9;margin:0}.direction{text-transform:uppercase;letter-spacing:.12em;color:#72dbb0;font-size:12px;font-weight:800}.call-clock{text-align:right;font-variant-numeric:tabular-nums;gap:3px;display:grid}.call-clock strong{text-transform:capitalize;color:#70dfb1}.call-workspace.state-ringing .call-header{box-shadow:inset 5px 0 #eab654}.call-workspace.state-connected .call-header{box-shadow:inset 5px 0 #4fd39b}.call-workspace.state-held .call-header{box-shadow:inset 5px 0 #e08a55}.call-workspace-grid{grid-template-columns:minmax(220px,1fr) minmax(360px,2fr) minmax(240px,1fr);display:grid}.workspace-column{min-width:0;padding:20px}.workspace-column+.workspace-column{border-left:1px solid #223852}.workspace-column h3{text-transform:uppercase;letter-spacing:.08em;color:#87a0bf;margin:0 0 14px;font-size:12px}.customer-360 dl{grid-template-columns:1fr;gap:4px;display:grid}.customer-360 dt{color:#7891af;margin-top:9px;font-size:11px}.customer-360 dd{overflow-wrap:anywhere;margin:0}.quick-actions{gap:8px;margin-top:24px;display:grid}.quick-actions a{color:#83c5ff;padding:8px 0}.timeline{margin:0 0 20px;padding:0;list-style:none}.timeline li{border-left:2px solid #2d5d83;grid-template-columns:74px 1fr;gap:3px 12px;padding:9px 0 9px 13px;display:grid}.timeline time{color:#76bddf;font-variant-numeric:tabular-nums;grid-row:1/3}.timeline small{color:#7891ae}.note-tools{flex-wrap:wrap;gap:7px;display:flex}.wrap-up{background:#10253b;border-radius:12px;margin-top:22px;padding:16px}.interaction-history ul{padding:0;list-style:none}.interaction-history li{border-top:1px solid #243950;padding:10px 0}.interaction-history li p{white-space:pre-wrap;overflow-wrap:anywhere}.interaction-history li small{color:#7891ae;display:block}.workspace-feedback,.workspace-error{color:#82e8bd;background:#113128;grid-column:1/-1;margin:0;padding:12px 18px}.workspace-error{color:#ffb6c1;background:#44252d}.workspace-error button{margin-left:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #78c8ff}@media (width<=1050px){.call-workspace-grid{grid-template-columns:1fr 2fr}.interaction-history{border-top:1px solid #223852;grid-column:1/-1;border-left:0!important}}@media (width<=720px){.call-workspace-grid{grid-template-columns:1fr}.workspace-column+.workspace-column{border-top:1px solid #223852;border-left:0}.call-header{align-items:flex-start}.call-clock{text-align:left}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.supervisor-workspace{grid-template-columns:1fr 1fr;gap:18px;padding:22px;display:grid}.supervisor-workspace>.module{margin:0}.supervisor-detail{grid-column:1/-1}.supervisor-counts{flex-wrap:wrap;gap:10px;display:flex}.supervisor-counts div{background:#10263d;border-radius:10px;padding:12px 18px}.supervisor-counts strong,.supervisor-counts span{text-transform:capitalize;display:block}.agent-row,.call-results button{text-align:left;background:0 0;border:0;border-top:1px solid #24384f;border-radius:0;align-items:center;gap:10px;width:100%;display:flex}.agent-row>span:nth-child(2),.call-results button>span:first-child{flex:1}.agent-row strong,.agent-row small,.call-results strong,.call-results small{display:block}.search-row{align-items:end;gap:10px;display:flex}.search-row .field{flex:1}.call-results{max-height:390px;overflow:auto}.qa-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.qa-grid .field{margin:0}.qa-grid input{width:100%}@media (width<=900px){.supervisor-workspace{grid-template-columns:1fr}.qa-grid{grid-template-columns:1fr 1fr}}