:root{--bg:#f3f4f1;--surface:#fff;--line:#dde0da;--line-soft:#eef0eb;--line-strong:#a9aea5;--ink:#15171c;--ink-soft:#3d424b;--muted:#5a606b;--on-accent:#fff;--teal:#0b5d5e;--green:#17603a;--amber:#8a4b00;--amber-bar:#b4690e;--red:#b3261e;--teal-text:#0b5d5e;--green-text:#17603a;--amber-text:#8a4b00;--red-text:#b3261e;--disabled-fg:#6b717c;--disabled-bg:#f1f2ef;--disabled-line:#c9cdc5;--ok-bg:#e3f1e8;--ok-fg:#17603a;--warn-bg:#fcebd2;--warn-fg:#8a4b00;--info-bg:#dce8f7;--info-fg:#1b4f91;--wrap-bg:#ece5f6;--wrap-fg:#55388c;--pause-bg:#e9eaec;--pause-fg:#3f4450;--busy-bg:#f3e6da;--busy-fg:#7a4416;--notice-fg:#5c3300;--notice-line:#8a6a30;--here-bg:#fff8ee;--track-warn:#f1e4cf;--font:system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121519;--surface:#1c2027;--line:#333943;--line-soft:#2a2f38;--line-strong:#6b7380;--ink:#e9ebef;--ink-soft:#c2c7d0;--muted:#a3aab6;--teal:#0f7274;--green:#1d7444;--amber:#9a5600;--amber-bar:#d9892b;--red:#b3261e;--teal-text:#5cc8c9;--green-text:#6fd698;--amber-text:#f2b45a;--red-text:#ff8f86;--disabled-fg:#9aa1ac;--disabled-bg:#242932;--disabled-line:#394049;--ok-bg:#1c3a2a;--ok-fg:#86e0a9;--warn-bg:#46320f;--warn-fg:#f5bd6a;--info-bg:#1b3452;--info-fg:#8fbdf3;--wrap-bg:#35294f;--wrap-fg:#c9b3f5;--pause-bg:#2f343c;--pause-fg:#c6cbd4;--busy-bg:#44301f;--busy-fg:#ecbb90;--notice-fg:#f7d29a;--notice-line:#b08a4a;--here-bg:#2c2415;--track-warn:#3f3422;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121519;--surface:#1c2027;--line:#333943;--line-soft:#2a2f38;--line-strong:#6b7380;--ink:#e9ebef;--ink-soft:#c2c7d0;--muted:#a3aab6;--teal:#0f7274;--green:#1d7444;--amber:#9a5600;--amber-bar:#d9892b;--red:#b3261e;--teal-text:#5cc8c9;--green-text:#6fd698;--amber-text:#f2b45a;--red-text:#ff8f86;--disabled-fg:#9aa1ac;--disabled-bg:#242932;--disabled-line:#394049;--ok-bg:#1c3a2a;--ok-fg:#86e0a9;--warn-bg:#46320f;--warn-fg:#f5bd6a;--info-bg:#1b3452;--info-fg:#8fbdf3;--wrap-bg:#35294f;--wrap-fg:#c9b3f5;--pause-bg:#2f343c;--pause-fg:#c6cbd4;--busy-bg:#44301f;--busy-fg:#ecbb90;--notice-fg:#f7d29a;--notice-line:#b08a4a;--here-bg:#2c2415;--track-warn:#3f3422;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:15px}h1,h2{margin:0}h2{font-size:16px}button,select{font:inherit}button:focus-visible,select:focus-visible{outline:3px solid var(--teal-text);outline-offset:2px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:14px}.ink{color:var(--ink)}.amber{color:var(--amber-text)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.btn{border:1px solid var(--line-strong);background:var(--surface);height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 16px;font-weight:600}.btn:disabled{cursor:not-allowed;color:var(--disabled-fg);background:var(--disabled-bg);border-color:var(--disabled-line)}.btn-sm{height:40px}.btn-status[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn-primary{background:var(--teal);border-color:var(--teal);color:var(--on-accent)}.btn-answer{background:var(--green);border-color:var(--green);height:56px;color:var(--on-accent);padding:0 32px;font-size:18px}.btn-hangup{background:var(--red);border-color:var(--red);color:var(--on-accent);margin-left:auto}.header{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 28px;padding:12px 24px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand strong{font-size:17px}.status-group{flex-wrap:wrap;flex:420px;align-items:center;gap:6px;display:flex}.field select{border:1px solid var(--line-strong);background:var(--surface);height:44px;color:var(--ink);border-radius:8px;padding:0 10px}.conn{color:var(--ink-soft);align-items:center;gap:8px;font-size:14px;display:flex}.dot{background:var(--amber-bar);border-radius:50%;width:10px;height:10px}.dot-open{background:var(--green-text)}.dot-failed{background:var(--red-text)}.queue{box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:0 0 300px;gap:14px;min-width:0;max-width:100%;padding:20px;display:flex}.queue-top{flex-direction:column;gap:12px;display:flex}.queue-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.queue-figures{flex-direction:column;gap:4px;display:flex}.queue-figures>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.figure-label{color:var(--muted);font-size:13px}.figure{font-variant-numeric:tabular-nums;margin-left:4px;font-size:22px}.load{border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.load-calm{background:var(--ok-bg);color:var(--ok-fg)}.load-elevated{background:var(--warn-bg);color:var(--warn-fg)}.load-high{background:var(--red);color:var(--on-accent)}.alert-full{background:var(--red);color:var(--on-accent);border-radius:8px;padding:10px 14px;font-weight:600}.queue-empty{margin:0;padding:8px 0}.queue-list{flex-direction:column;gap:12px;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative}.qcard-here{background:var(--here-bg);border:2px solid var(--amber-bar)}.qcard-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.qcard-pos{color:var(--muted);font-size:13px;font-weight:600}.ring-badge{color:var(--on-accent);background:var(--amber);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.ring-note{color:var(--amber-text);font-size:12px;font-weight:600}.qcard-number{font-family:var(--mono);white-space:nowrap;font-size:17px;font-weight:600}.qcard-number-hidden{font-family:var(--font);color:var(--muted);font-size:15px}.qcard-times{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.qcard-wait{font-size:24px;font-weight:600}.qcard-wait.late{color:var(--amber-text)}.qcard-vm{color:var(--muted);font-size:12px}.bar{background:var(--line-soft);border-radius:2px;height:4px;overflow:hidden}.bar-wide{background:var(--track-warn);max-width:720px;height:6px}.bar-fill{background:var(--teal);height:100%}.bar-fill.late{background:var(--amber-bar)}.badges{flex-wrap:wrap;gap:6px;min-height:26px;display:flex}.badge{white-space:nowrap;background:var(--line-soft);color:var(--ink-soft);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.badge-strong{background:var(--warn-bg);color:var(--warn-fg)}.toast{z-index:20;box-sizing:border-box;background:var(--warn-bg);width:max-content;max-width:calc(100vw - 32px);color:var(--notice-fg);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.toast .btn{border-color:var(--notice-line);color:var(--notice-fg);background:0 0}.main{flex-wrap:wrap;flex:1;align-items:flex-start;gap:24px;width:100%;max-width:1720px;margin:0 auto;padding:24px;display:flex}.main-left{flex-direction:column;flex:999 560px;gap:16px;min-width:0;display:flex}.main-right{flex:340px;min-width:0}.callpanel{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:20px;min-height:360px;padding:28px;display:flex}.callpanel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pending{color:var(--wrap-fg);background:var(--wrap-bg);border-radius:6px;padding:6px 10px;font-size:14px}.state-block{flex-direction:column;gap:8px;padding:16px 0;display:flex}.state-block.gap{gap:18px}.state-title{font-size:30px;font-weight:600}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--amber-text);font-size:14px;font-weight:600}.bignumber{font-size:40px;font-weight:600}.bignumber.plain{font-family:var(--font)}.small-number{font-size:34px}.talk-head{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.talk-time{color:var(--info-fg);font-size:22px}.history-note{background:var(--warn-bg);color:var(--notice-fg);border-radius:8px;padding:10px 14px;font-weight:500}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px;margin:0;display:grid}.facts dt{color:var(--muted);font-size:13px}.facts dd{margin:0;font-weight:600}.actions{flex-wrap:wrap;gap:10px;display:flex}.wrap-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wrap-time{color:var(--wrap-fg);font-size:28px}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.chip-AVAILABLE{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bg)}.chip-OFFERED{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bg)}.chip-TALKING{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-bg)}.chip-WRAP_UP{background:var(--wrap-bg);color:var(--wrap-fg);border-color:var(--wrap-bg)}.chip-PAUSE{background:var(--pause-bg);color:var(--pause-fg);border-color:var(--pause-bg)}.chip-BUSY{background:var(--busy-bg);color:var(--busy-fg);border-color:var(--busy-bg)}.chip-LOGGED_OUT{background:var(--surface);color:var(--muted);border-color:var(--line-strong)}.team h2{margin-bottom:12px}.team-list{margin:0;padding:0;list-style:none}.team-row{border-top:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 0;display:flex}.team-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.team-name{overflow-wrap:anywhere;font-weight:500}.team-state{align-items:center;gap:10px;display:flex}.team-note{color:var(--red-text);font-size:12px;font-weight:400}.team-dur{color:var(--ink-soft);font-size:13px}.team-action{flex:none;justify-content:flex-end;align-items:center;width:104px;min-height:40px;display:flex}.team-action .btn{width:100%;padding:0 10px}.sim{border:1px dashed var(--line-strong);border-radius:10px;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.sim h2{color:var(--ink-soft);font-size:14px}.sim p{margin:0}.sim-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sim-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.login,.takeover{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card,.takeover-card{flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px;display:flex}.takeover-card p{margin:0}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}.field select{font-weight:400}.alert-warn{background:var(--warn-bg);color:var(--notice-fg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}@media (width<=640px){.header,.main{padding-left:12px;padding-right:12px}.queue{flex-basis:100%}.callpanel{padding:16px}.facts{grid-template-columns:1fr}.bignumber{font-size:30px}}.phone-status{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.phone-dot{background:var(--amber-bar);border-radius:50%;flex:none;width:10px;height:10px}.phone-ready .phone-dot{background:var(--green-text)}.phone-error .phone-dot{background:var(--red-text)}.phone-error{color:var(--red-text)}.signout{white-space:nowrap}.theme-select select{border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);border-radius:8px;padding:0 8px}.hold-note{background:var(--warn-bg);color:var(--warn-fg);border-radius:8px;margin:0;padding:8px 12px;font-weight:600}.incident{background:var(--warn-bg);color:var(--warn-fg);border-bottom:1px solid var(--notice-line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;padding:10px 24px;display:flex}.incident-text{overflow-wrap:anywhere}.incident-meta{font-size:.875rem}.transfer{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:12px;padding:12px;display:grid}.transfer-head{justify-content:space-between;align-items:center;display:flex}.transfer-head h3{margin:0;font-size:16px}.transfer-block{gap:6px;display:grid}.transfer-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.transfer-list li{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.transfer-actions{flex-wrap:wrap;gap:6px;display:flex}.input{border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:15px}.transfer-status{background:var(--info-bg);color:var(--info-fg);border-radius:8px;gap:6px;padding:10px 12px;display:grid}.transfer-status .muted{color:var(--info-fg)}.callback{border-top:1px solid var(--line-soft);gap:6px;margin-top:8px;padding-top:12px;display:grid}.callback-row{gap:8px;display:flex}.callback-row .input{flex:auto;min-width:0}.mic{align-items:center;gap:8px;margin-left:12px;display:inline-flex}.mic-label{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.mic-bar{background:var(--line);border-radius:4px;width:120px;height:8px;position:relative;overflow:hidden}.mic-fill{background:var(--green);transition:width .2s linear;position:absolute;inset:0 auto 0 0}.mic-note{color:var(--amber-text);font-weight:600}.audio-settings{margin:0}.audio-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:10px;margin-top:8px;padding:12px;display:grid}.audio-field{gap:4px;display:grid}.audio-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.linklike{color:var(--teal-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.device-select{color:var(--ink-soft);align-items:center;gap:8px;font-size:14px;display:flex}.device-select select{border:1px solid var(--line-strong);background:var(--surface);height:36px;color:var(--ink);border-radius:8px;padding:0 8px}.phone-note{background:var(--info-bg);color:var(--info-fg);border-radius:8px;margin:0;padding:8px 12px;font-weight:600}.my-times{margin-top:16px}.my-times-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.my-times-head h2{margin:0}.my-times-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px 16px;margin:0;display:grid}.my-times-grid dt{color:var(--muted);font-size:12px}.my-times-grid dd{margin:2px 0 0;font-size:16px}.my-log{margin-top:14px}.my-log summary{cursor:pointer;font-weight:500}.my-log-list{margin:8px 0 0;padding:0;font-size:13px;list-style:none}.my-log-list li{border-top:1px solid var(--line-soft);grid-template-columns:48px 76px 1fr auto;gap:8px;padding:6px 0;display:grid}.my-times-note{margin:10px 0 0;font-size:12px}.volume{padding:16px 20px}.volume-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.volume-head h2{margin:0}.volume-row{grid-template-columns:120px 1fr 64px;align-items:center;gap:12px;margin-top:10px;display:grid}.volume-row input[type=range]{width:100%;accent-color:var(--teal)}.volume-row output{text-align:right;font-size:13px}.volume-check{align-items:center;gap:8px;margin:6px 0 0 132px;font-size:14px;display:flex}.volume-note{margin:10px 0 0;font-size:12px}@media (width<=640px){.volume-row{grid-template-columns:1fr 64px}.volume-row label{grid-column:1/-1}.volume-check{margin-left:0}}.audio-check{flex-direction:column;gap:6px;font-size:14px;display:flex}.audio-check-row{align-items:center;gap:8px;min-height:32px;display:flex}.check-dot{border-radius:50%;flex:none;width:9px;height:9px}.check-ok{background:var(--ok-fg)}.check-bad{background:var(--red-text)}.audio-check-hint{color:var(--red-text);margin:0;font-size:13px}.my-log-number{font-family:var(--mono);text-align:left;justify-self:start;font-size:13px}.my-log-number:disabled{color:inherit;cursor:default;text-decoration:none}.sim-number{align-items:center;gap:8px;font-size:13px;display:flex}.sim-number .input{width:170px;height:40px}.headset{align-items:center;gap:8px;min-height:40px;font-size:14px;display:flex}.headset-text{flex:1;min-width:0}.headset-problem{color:var(--red-text)}.check-off{background:var(--line-strong)}.mini-auto{white-space:nowrap;align-items:center;gap:6px;display:flex}.mini-body{background:var(--surface);margin:0;overflow:hidden}.mini{white-space:nowrap;align-items:center;gap:8px;height:100vh;min-height:32px;padding:0 6px 0 10px;font-size:13px;display:flex}.mini-dot{border-radius:50%;flex:none;width:10px;height:10px}.mini-blink{animation:1s step-end infinite mini-blink}@keyframes mini-blink{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.mini-blink{animation:none}}.mini-select{border:1px solid var(--line);background:var(--surface);width:118px;height:26px;color:var(--ink);font:inherit;border-radius:6px;padding:0 4px;font-weight:600}.mini-phase{color:var(--ink-soft)}.mini-who{text-overflow:ellipsis;min-width:0;color:var(--ink);flex:1;font-weight:600;overflow:hidden}.mini-actions{gap:4px;display:flex}.mini-btn{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.mini-btn svg{fill:currentColor;width:15px;height:15px}.mini-btn:hover:not(:disabled){border-color:var(--line-strong)}.mini-btn:focus-visible{outline:2px solid var(--teal-text);outline-offset:2px}.mini-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.mini-btn:disabled{opacity:.45;cursor:default}.mini-answer{background:var(--green);border-color:var(--green);color:var(--on-accent)}.mini-hangup{background:var(--red);border-color:var(--red);color:var(--on-accent)}.mini-queue{border-left:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;padding-left:8px}.mini-queue,.mini-actions,.mini-select,.mini-phase{flex:none}@media (width<=520px){.mini .mini-label{display:none}}@media (width<=380px){.mini{gap:5px;padding:0 6px 0 8px}.mini-who{display:none}.mini-btn{width:26px;height:26px}}.sso-login{gap:12px;margin-bottom:4px;display:grid}.sso-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sso-or{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.sso-or:before,.sso-or:after{content:"";border-top:1px solid var(--line);flex:1}
