:root{--bg:#f5f6f7;--surface:#fff;--fg:#18202a;--muted:#5c6875;--line:#d8dde3;--accent:#0b6e8a;--accent-fg:#fff;--accent-soft:#e3f1f5;--danger:#b3261e;--danger-soft:#fbe9e7;--ok:#1b6e3c;--warn:#8a5a00;--warn-soft:#fbf1dc;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}:root.light{color-scheme:light}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#12161a;--surface:#1b2127;--fg:#e5e9ed;--muted:#9aa5b0;--line:#343d46;--accent:#4fb8d4;--accent-fg:#06222b;--accent-soft:#15313a;--danger:#f2877f;--danger-soft:#3a1c1a;--ok:#7fd39f;--warn:#e3ad55;--warn-soft:#3a2c16;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}body,h1{margin:0}h1{font-size:18px}h1,h2{font-weight:600}h2{font-size:15px;margin:0 0 4px}p{margin:0}a{color:var(--accent)}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wrap{max-width:1180px;margin:0 auto;padding:20px 20px 60px;display:grid;grid-gap:16px;gap:16px}.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row .spacer,.top .spacer{flex:1 1}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-gap:12px;gap:12px}.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}label.field{display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--muted)}input[type=date],input[type=password],input[type=text],select{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px 9px;min-width:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picker{position:relative;display:block}.picker input{width:260px;max-width:100%;padding-right:26px;text-overflow:ellipsis}.picker:after{content:"▾";position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.picker-list{position:absolute;z-index:5;top:100%;left:0;min-width:100%;max-height:320px;overflow:auto;margin-top:3px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 18px rgb(0 0 0/.25)}.picker-opt{display:flex;justify-content:space-between;gap:16px;padding:6px 9px;font-size:14px;color:var(--fg);white-space:nowrap;cursor:pointer}.picker-opt.active{background:var(--accent-soft)}.picker-opt[aria-selected=true]{font-weight:600}button{font:inherit;cursor:pointer;border-radius:6px;padding:7px 12px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button.danger.solid{background:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:8px 12px;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.tabs{overflow-x:auto;scrollbar-width:none}.tabs button{white-space:nowrap;flex:none}.nav{display:grid;grid-gap:8px;gap:8px}.nav-groups{display:flex;gap:4px;flex-wrap:wrap}.nav-groups button{position:relative;border-color:transparent;background:none;color:var(--muted);font-weight:600;padding:6px 14px;border-radius:999px}.nav-groups button:hover{color:var(--fg);background:var(--surface)}.nav-groups button[aria-selected=true]{background:var(--accent-soft);color:var(--fg)}.nav-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--warn)}.badge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}label.field.grow{flex:1 1;min-width:200px}label.check{display:flex;gap:6px;align-items:center;padding-bottom:8px;font-size:13px}button.link{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.nowrap{white-space:nowrap}.small{font-size:12px}.grid{border:1px solid var(--line);border-radius:6px;overflow:hidden}.grid-head,.grid-row{display:grid;grid-template-columns:36px 120px minmax(150px,260px) 1fr;align-items:center;grid-gap:0 8px;gap:0 8px;padding:0 10px}.grid-head{height:34px;background:var(--bg);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:600}.grid-body{height:55vh;min-height:260px;overflow:auto;position:relative}.grid-row{height:32px;position:absolute;left:0;right:0;border-bottom:1px solid var(--line)}.grid-row.sel{background:var(--accent-soft)}.grid-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid.numbers .grid-head,.grid.numbers .grid-row{grid-template-columns:36px 110px minmax(130px,220px) minmax(130px,240px) 1fr}.flag{color:var(--warn)}ol.steps{margin:0;padding-left:20px;display:grid;grid-gap:4px;gap:4px}table.plain{border-collapse:collapse;width:100%;font-size:13px}table.plain td,table.plain th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.plain th{font-size:12px;color:var(--muted);font-weight:600}.scroll-x{overflow-x:auto}.stats{display:flex;gap:18px;flex-wrap:wrap}.stats b{font:600 18px var(--mono);display:block}.screen-setup{display:grid;grid-gap:10px;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.service-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:2px 12px;gap:2px 12px;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:6px}.service-picks label{display:flex;gap:6px;align-items:center;padding:3px 4px;border-radius:4px;font-size:13px;cursor:pointer}.service-picks label.on{background:var(--accent-soft)}.note{padding:9px 12px;border-radius:6px;background:var(--warn-soft);color:var(--warn);font-size:13px}.note.error{background:var(--danger-soft);color:var(--danger)}.note.ok{background:var(--accent-soft);color:var(--fg)}.overlay{position:fixed;inset:0;background:rgb(0 0 0/.45);display:grid;place-items:center;padding:16px;z-index:10}.dialog{background:var(--surface);border-radius:10px;padding:20px;width:min(460px,100%);display:grid;grid-gap:14px;gap:14px}.dialog .row{justify-content:flex-end}progress{width:100%;height:10px;accent-color:var(--accent)}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{width:min(340px,100%)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.tiles>div{border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--muted);font-size:13px}.tiles b{font:600 26px/1.2 var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:block;color:var(--fg)}.tiles>div.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.tiles>div.bad{background:var(--danger-soft);border-color:transparent;color:var(--danger)}table.plain td.num,table.plain th.num{text-align:right}table.plain td.warn{color:var(--warn);font-weight:600}table.plain td.bad{color:var(--danger);font-weight:600}.chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--bg);color:var(--muted)}.chip.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.chip.busy{background:var(--accent-soft);color:var(--accent)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.live{display:grid;grid-gap:16px;gap:16px}.tiles>div.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:transparent;color:var(--ok)}.tv{height:100vh;width:100vw;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:1.4vh;gap:1.4vh;padding:1.6vh 1.2vw;font-size:2.1vh;line-height:1.25}.tv header{display:flex;align-items:baseline;gap:1.5vw}.tv h1{font-size:3vh}.tv h2{font-size:2.2vh;margin:0}.tv h2 span{font-weight:400;color:var(--muted)}.tv-time{margin-left:auto;font:600 3vh var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tv-alert{color:var(--danger);font-weight:600}.tv-wait{align-self:center;justify-self:center;grid-row:2/4;color:var(--muted);font-size:3vh}.tv-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:1vw;gap:1vw}.tv-tiles>div{background:var(--surface);border:1px solid var(--line);border-radius:1.2vh;padding:1.2vh 1.2vw;color:var(--muted);font-size:2.2vh}.tv-tiles b{display:block;font:600 min(8vh,3.5vw)/1.05 var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg)}.tv-tiles>div.ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface));color:var(--ok)}.tv-tiles>div.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.tv-tiles>div.bad{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.tv-tiles>div.bad b,.tv-tiles>div.ok b,.tv-tiles>div.warn b{color:inherit}.tv-body{grid-template-columns:minmax(0,36fr) minmax(0,64fr);grid-gap:1vw;gap:1vw}.tv-body,.tv-left{display:grid;min-height:0}.tv-left{grid-template-rows:minmax(0,10fr) minmax(0,6fr);grid-gap:1.4vh;gap:1.4vh}.tv-panel{background:var(--surface);border:1px solid var(--line);border-radius:1.2vh;padding:1.2vh 1vw;grid-template-rows:auto minmax(0,1fr);grid-gap:.8vh;gap:.8vh}.tv-list,.tv-panel,.tv-row{display:grid;min-height:0}.tv-row{grid-template-columns:minmax(0,1fr) 4vw 7vw;align-items:center;grid-gap:1vw;gap:1vw;border-top:1px solid var(--line)}.tv-row.four{grid-template-columns:minmax(0,1fr) 5vw 5vw 4vw}.tv-row.five{grid-template-columns:minmax(0,1fr) 4.5vw 4.5vw 4vw 4vw;gap:.8vw}.tv-scroller{overflow:hidden}.tv-scrolling{display:grid;animation:tv-scroll linear infinite}@keyframes tv-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.tv-row b{font:600 3vh var(--mono);text-align:right}.tv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-num{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.tv-num.warn{color:var(--warn);font-weight:600}.tv-num.bad{color:var(--danger);font-weight:600}.tv-quiet{color:var(--muted)}.tv-agents{display:grid;grid-gap:.8vh .6vw;gap:.8vh .6vw;min-height:0;align-content:start;font-size:min(2.6vh,calc(62vh / var(--rows) / 3.3),calc(60vw / var(--cols, 4) / 13.5))}a.page-link{text-decoration:none;color:var(--fg)}a.page-link:hover{border-color:var(--accent)}.tv-pairing{grid-template-rows:auto minmax(0,1fr)}.tv-pairing>div{align-self:center;justify-self:center;text-align:center;display:grid;grid-gap:2vh;gap:2vh;font-size:3.2vh}.tv-pair-where{font:600 5vh var(--mono);color:var(--accent)}.tv-pair-code{font:700 18vh/1.1 var(--mono);letter-spacing:.08em}.tv-pairing .tv-quiet{font-size:2.4vh}@font-face{font-family:DSEG7;src:url(/_next/static/media/DSEG7Classic-Bold.37dc784b.woff2) format("woff2");font-weight:700;font-display:swap}.tv{--tv-call:#15803d;--tv-ready:#1d4ed8;--tv-away:#b91c1c;--tv-wrap:#5b6673;--tv-box:#0b1016;--tv-digit:#f4f6f8;--tv-mid:#4ade80;--tv-long:#16a34a}.tv-tiles>div.call{background:color-mix(in srgb,var(--tv-call) 12%,var(--surface));border-color:transparent;color:var(--tv-call)}.tv-tiles>div.ready{background:color-mix(in srgb,var(--tv-ready) 10%,var(--surface));border-color:transparent;color:var(--tv-ready)}.tv-tiles>div.away{background:color-mix(in srgb,var(--tv-away) 10%,var(--surface));border-color:transparent;color:var(--tv-away)}.tv-tiles>div.away b,.tv-tiles>div.call b,.tv-tiles>div.ready b{color:inherit}.bug{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.15fr);border-radius:.9vh;overflow:hidden;min-height:0;background:var(--tv-wrap);color:#fff}.bug.call{background:var(--tv-call)}.bug.ready{background:var(--tv-ready)}.bug.away{background:var(--tv-away)}.bug-who{display:flex;align-items:center;gap:.6em;padding:0 .7vw;min-width:0;min-height:0}.bug-who .tv-name{flex:0 1 auto;font-weight:700;letter-spacing:.01em}.bug-doing{flex:1 1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78em;opacity:.9}.bug-box{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:0 .7vw;min-height:0;background:var(--tv-box);color:var(--tv-digit);font-family:"DSEG7",var(--mono)}.bug-clock{font-size:1.35em;line-height:1}.bug-clock.hours{font-size:1.1em}.bug-clock.mid{color:var(--tv-mid)}.bug-clock.long{color:var(--tv-long)}.bug-count{font-size:1em;line-height:1;white-space:nowrap}.bug-count i{font-style:normal;padding:0 .1em;opacity:.55}.bug-count em{font:600 .7em var(--mono);font-style:normal;padding-left:.1em;opacity:.7}@media (prefers-color-scheme:dark){:root:not(.light) .tv-tiles>div.call{color:#4ade80}:root:not(.light) .tv-tiles>div.ready{color:#93b4ff}:root:not(.light) .tv-tiles>div.away{color:#f2877f}}:root{--heat-0:#e9ecef;--heat-1:#cde2fb;--heat-2:#9ec5f4;--heat-3:#6da7ec;--heat-4:#3987e5;--heat-5:#256abf;--heat-6:#184f95;--heat-7:#0d366b;--heat-edge:#fff}@media (prefers-color-scheme:dark){:root:not(.light){--heat-0:#262d35;--heat-1:#0d366b;--heat-2:#184f95;--heat-3:#256abf;--heat-4:#3987e5;--heat-5:#6da7ec;--heat-6:#9ec5f4;--heat-7:#cde2fb;--heat-edge:#1b2127}}.map{position:relative}.map svg{display:block;width:100%;height:auto;max-height:70vh}.heat{stroke:var(--heat-edge);stroke-width:1.5;stroke-linejoin:round}.heat.on{stroke:var(--fg);stroke-width:2}.heat-0{fill:var(--heat-0);background:var(--heat-0)}.heat-1{fill:var(--heat-1);background:var(--heat-1)}.heat-2{fill:var(--heat-2);background:var(--heat-2)}.heat-3{fill:var(--heat-3);background:var(--heat-3)}.heat-4{fill:var(--heat-4);background:var(--heat-4)}.heat-5{fill:var(--heat-5);background:var(--heat-5)}.heat-6{fill:var(--heat-6);background:var(--heat-6)}.heat-7{fill:var(--heat-7);background:var(--heat-7)}.heat-label{font:600 13px system-ui,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}.heat-label.pale{fill:#10233c}.heat-label.dark{fill:#fff}@media (prefers-color-scheme:dark){:root:not(.light) .heat-label.pale{fill:#fff}:root:not(.light) .heat-label.dark{fill:#10233c}}.map-tip{position:absolute;z-index:3;width:180px;pointer-events:none;display:grid;grid-gap:2px;gap:2px;padding:8px 10px;border-radius:6px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px rgb(0 0 0/.25);font-size:13px}.map-key,.map-tip span{color:var(--muted)}.map-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px}.map-key span{display:inline-flex;align-items:center;gap:6px}.map-key i{width:18px;height:12px;border-radius:2px;border:1px solid var(--line)}.map-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;align-items:start}.map-scroll{max-height:420px;overflow-y:auto}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.dot{fill:var(--heat-5);fill-opacity:.55;stroke:var(--heat-edge);stroke-width:.6}.dot.on{fill-opacity:.95;stroke:var(--fg);stroke-width:1.5}.heat.thin{stroke:var(--muted);stroke-dasharray:3 3;stroke-width:1}.map-key i.thin{border:1px dashed var(--muted)}.card>.row>.tabs,.map .tabs{border-bottom:0}table.plain td.rate-low{color:var(--danger);font-weight:600}table.plain td.rate-high{color:var(--ok);font-weight:600}.bug-count .rate-low{color:#f87171}.bug-count .rate-high{color:#4ade80}.bug-count .rate-high em,.bug-count .rate-low em{opacity:1}.tv{--tv-dialout:#7e22ce}.bug.dialout{background:var(--tv-dialout)}.chip.heard{margin-left:6px;background:color-mix(in srgb,#7e22ce 16%,transparent);color:#7e22ce}@media (prefers-color-scheme:dark){:root:not(.light) .chip.heard{color:#c79bf2}}table.calls tr.pick{cursor:pointer}table.calls tr.pick.sel,table.calls tr.pick:hover{background:var(--accent-soft)}table.calls td.ok{color:var(--ok)}table.calls td.bad{color:var(--danger)}table.calls .chip{margin:0 4px 2px 0}tr.call-open>td{background:var(--bg);padding:12px}.call-detail{display:grid;grid-gap:12px;gap:12px}.player{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;outline:none}.player:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.player audio{display:none}.player-wave{display:flex;padding:8px 12px 6px 0}.player-lanes{display:grid;flex:none;width:84px;border-right:2px solid var(--fg);margin-right:8px}.player-lanes span{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;color:var(--fg)}.player-strip{position:relative;flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden}.player-strip canvas{position:absolute;left:0;top:0;display:block;cursor:pointer;touch-action:none}.player-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 12px;border-top:1px solid var(--line);background:var(--bg);border-radius:0 0 6px 6px}.player-bar .spacer{flex:1 1}.player-bar button.icon{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--accent);cursor:pointer;border-radius:6px}.player-bar button.icon:hover{background:var(--accent-soft)}.player-bar select{padding:4px 8px}.player-zoom{display:flex;align-items:center;gap:6px;color:var(--muted)}.player-zoom input{width:120px;accent-color:var(--accent)}@media (max-width:600px){.player-lanes{width:70px}}.call-path{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:grid;grid-gap:8px;gap:8px}.call-path ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.call-path li{display:grid;grid-template-columns:48px minmax(120px,max-content) minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:4px 8px;border-radius:6px}.call-path li.here{background:var(--accent-soft)}.call-path li button{padding:3px 10px}.step-who{font-weight:600}.call-path-open{display:grid;grid-gap:8px;gap:8px;border-top:1px solid var(--line);padding-top:10px}@media (max-width:600px){.call-path li{grid-template-columns:40px 1fr auto}.call-path li>.muted:nth-child(3){grid-column:2}}.call-audio{display:grid;grid-gap:12px;gap:12px}.transcript{background:var(--surface);border:1px solid var(--line);border-radius:6px}.transcript-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}.transcript-head h2{margin:0}.transcript-head label{display:flex;align-items:center;gap:6px;font-size:13px}.transcript-lines{position:relative;max-height:420px;overflow-y:auto;padding:8px 12px;display:grid;grid-gap:10px;gap:10px}.transcript .line{display:grid;grid-gap:3px;gap:3px;justify-items:start}.transcript .line.agent{justify-items:end}.line-who{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.transcript .bubble{font:inherit;text-align:left;max-width:min(80%,720px);padding:8px 12px;border-radius:10px;border:1px solid transparent;cursor:pointer;line-height:1.45}.transcript .bubble:disabled{cursor:default;opacity:1}.transcript .customer .bubble{background:var(--bg);color:var(--fg);border-color:var(--line)}.transcript .agent .bubble{background:var(--accent-soft);color:var(--fg)}.transcript .line.now .bubble{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.call-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px}.call-text{white-space:pre-wrap;max-height:360px;overflow-y:auto;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:13px;line-height:1.55}.manage-row td{background:var(--accent-soft)}.manage{display:grid;grid-gap:10px;gap:10px;padding:6px 2px}.manage-actions{display:flex;gap:8px}.manage-actions,.manage-group{flex-wrap:wrap;align-items:center}.manage-group{display:inline-flex;gap:6px}form.manage-group input[type=text]{min-width:260px;flex:1 1}.chat{display:grid;grid-gap:8px;gap:8px;max-width:640px}.chat-lines{max-height:220px;overflow-y:auto;display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.chat-line{margin:0;display:flex;gap:8px;align-items:baseline}.chat-line.me{justify-content:flex-end}.chat-line span{padding:4px 8px;border-radius:6px;background:var(--accent-soft)}.chat-line.agent span{background:color-mix(in srgb,currentColor 8%,transparent)}.chat-line small{opacity:.6;font-size:11px}label.field textarea{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--fg);resize:vertical}