:root{--ground:#12161c;--surface:#1b2129;--raised:#242b35;--rule:#2f3743;--ink:#ecf0f4;--dim:#97a2b0;--field-line:#7280a0;--warn:#fbbf24;--warn-ink:#fcd34d;--alert:#f87171;--alert-ink:#fca5a5;--good-ink:#6ee7b7;--focus:#93c5fd;--btn:#2563eb;--btn-hover:#1d4ed8;--btn-danger:#dc2626;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-figures:var(--font);--radius:10px;--radius-sm:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.st-available{--st:#34d399;--st-ink:#6ee7b7}.st-ringing{--st:#fbbf24;--st-ink:#fcd34d}.st-oncall{--st:#60a5fa;--st-ink:#93c5fd}.st-wrapup{--st:#22d3ee;--st-ink:#67e8f9}.st-paused{--st:#fb923c;--st-ink:#fdba74}.st-unavailable{--st:#64748b;--st-ink:#a3aebd}.st-unknown{--st:#475569;--st-ink:#a3aebd}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font:500 15px/1.35 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,p,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit}code{font-size:.9em}.dim{color:var(--dim)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app{grid-template-rows:auto minmax(0,1fr);grid-auto-rows:auto;gap:14px;height:100vh;padding:0 20px 18px;display:grid}.empty{color:var(--dim);grid-row:2/-1;place-items:center;font-size:20px;display:grid}.empty.small{grid-area:auto/1/auto/-1;padding:32px;font-size:15px}.header{justify-content:space-between;align-items:center;gap:24px;padding:16px 4px 4px;display:flex}.brand{align-items:baseline;gap:18px;min-width:0;display:flex}.brand h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:28px;font-weight:700;overflow:hidden}.conn{white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.conn i{background:currentColor;border-radius:50%;width:9px;height:9px}.conn-ok{color:var(--good-ink)}.conn-ok i{animation:2.4s ease-in-out infinite breathe}.conn-warn{color:var(--warn-ink)}.conn-bad{color:var(--alert-ink)}@keyframes breathe{50%{opacity:.3}}.header-right{align-items:center;gap:14px;display:flex}.clock{font:600 34px/1 var(--font-figures);align-items:baseline;gap:10px;margin-right:10px;display:flex}.clock small{font:500 16px var(--font);color:var(--dim)}.quiet-btn{border:1px solid var(--rule);cursor:pointer;color:var(--dim);background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:6px 14px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.quiet-btn:hover{color:var(--ink);border-color:var(--dim)}.profile-btn{color:var(--ink);padding-left:6px}.queue-chip{min-width:0;max-width:260px;color:var(--ink);border-color:#60a5fa8c;flex:0 auto;align-self:center}.queue-chip svg{color:#60a5fa;flex:none}.queue-chip .chip-turn{font-variant-numeric:tabular-nums;color:var(--dim);flex:none;font-size:.85em}.queue-chip.all{color:var(--dim);border-color:var(--rule)}.queue-chip>svg:last-of-type:not(:first-of-type){color:var(--dim);margin-left:-2px}.queue-menu{flex:0 auto;align-self:center;min-width:0;display:flex;position:relative}.queue-menu .queue-chip{max-width:300px}.queue-menu-list{z-index:40;background:var(--raised);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;min-width:220px;max-width:320px;max-height:70vh;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 32px #00000073}.queue-menu-list button{border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--ink);font:500 14px var(--font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 10px 6px 28px;display:flex;position:relative}.queue-menu-list button:hover,.queue-menu-list button:focus-visible{background:var(--surface);outline:none}.queue-menu-list button:disabled{cursor:default;color:var(--dim)}.queue-menu-list button.on:before{content:"";background:#60a5fa;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:11px}.queue-menu-list .queue-menu-manage{color:var(--dim)}.queue-menu-sep{background:var(--rule);height:1px;margin:4px 6px}.board{grid-template-columns:minmax(340px,24%) minmax(0,1fr);gap:14px;min-height:0;display:grid}.board.no-queue{grid-template-columns:minmax(0,1fr)}.waiting{--tone:var(--dim);--tone-ink:var(--ink);background:var(--surface);border-radius:var(--radius);border-top:4px solid var(--tone);flex-direction:column;min-height:0;transition:background-color .4s,border-color .4s;display:flex}.waiting.lvl-calm{--tone:var(--rule);--tone-ink:var(--dim)}.waiting.lvl-busy{--tone:#60a5fa}.waiting.lvl-warn{--tone:var(--warn);--tone-ink:var(--warn-ink);background:color-mix(in srgb, var(--warn) 13%, var(--surface))}.waiting.lvl-alert{--tone:var(--alert);--tone-ink:var(--alert-ink);background:color-mix(in srgb, var(--alert) 17%, var(--surface))}.waiting-hero{border-bottom:1px solid var(--rule);padding:18px 22px 20px}.waiting-count{align-items:baseline;gap:14px;display:flex}.waiting-count b{font:600 132px/.9 var(--font-figures);color:var(--tone-ink);letter-spacing:-.02em}.waiting-count>span{color:var(--dim);font-size:22px;font-weight:600}.waiting-stats{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.waiting-stats dt{color:var(--dim);font-size:14px}.waiting-stats dd{font:600 40px/1.05 var(--font-figures)}.waiting-stats .longest dd{color:var(--tone-ink)}.waiting.lvl-calm .waiting-stats dd{color:var(--dim)}.queue-groups{border-bottom:1px solid var(--rule);gap:6px;padding:12px 22px;display:grid}.queue-groups li{grid-template-columns:minmax(0,1fr) auto 56px;align-items:baseline;gap:12px;font-size:16px;display:grid}.queue-groups b{font:600 20px var(--font-figures)}.queue-groups .dim{text-align:right;font-family:var(--font-figures);font-size:18px}.queue-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px;display:flex;overflow:hidden}.queue-empty{text-align:center;max-width:26ch;color:var(--dim);margin:auto;font-size:16px}.qcall{--q:#60a5fa;background:var(--raised);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.qcall.warn{--q:var(--warn)}.qcall.alert{--q:var(--alert)}.qcall-icon{width:36px;height:36px;color:var(--q);background:color-mix(in srgb, var(--q) 16%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.qcall-body{flex:1;min-width:0;display:grid}.qcall-num{align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.qcall-body .dim{font-size:14px}.qcall-wait{font:600 30px/1 var(--font-figures)}.qcall.warn .qcall-wait{color:var(--warn-ink)}.qcall.alert .qcall-wait{color:var(--alert-ink)}.tag{color:#ddd6fe;background:#a78bfa38;border-radius:4px;padding:1px 6px;font-size:12px;font-style:normal;font-weight:700}.agents{background:var(--surface);border-radius:var(--radius);flex-direction:column;min-height:0;padding:16px 18px 12px;display:flex}.agents-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:14px;display:grid}.arrange-btn{align-items:center;gap:7px;display:inline-flex}.agents-tools{align-items:center;gap:10px;min-width:0;display:flex}.agent-search{border:1px solid var(--rule);min-height:36px;color:var(--dim);cursor:text;border-radius:999px;align-items:center;gap:7px;padding:0 12px;transition:color .15s,border-color .15s;display:inline-flex}.agent-search:hover,.agent-search:focus-within,.agent-search.active{color:var(--ink);border-color:var(--dim)}.agent-search:focus-within{border-color:var(--focus)}.agent-search svg{flex:none}.agent-search input{width:150px;min-width:0;color:var(--ink);font:500 14px var(--font);background:0 0;border:0;outline:none;padding:6px 0}.agent-search input::placeholder{color:var(--dim)}.agents-head h2{font-size:22px;font-weight:700}.agents-head h2 .dim{margin-left:4px;font-weight:500}.status-mix{gap:8px;display:grid}.bar{gap:3px;height:8px;display:flex}.seg{background:var(--st);border-radius:4px;min-width:8px;transition:flex-grow .6s}.legend{color:var(--dim);flex-wrap:wrap;gap:4px 22px;font-size:15px;display:flex}.legend li{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.legend i{background:var(--st);border-radius:3px;width:10px;height:10px}.legend b{color:var(--ink);font:600 20px/1 var(--font-figures)}.legend .zero{opacity:.55}.agents-body{flex:1;gap:14px;min-height:0;display:flex}.agent-pages{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pinned-col{flex-direction:column;flex:none;gap:6px;min-height:0;display:flex}.pinned-cards{flex:1;grid-auto-flow:column;align-content:start;gap:10px;min-height:0;display:grid;overflow:hidden}.pinned-label{color:#93c5fd;align-items:center;gap:6px;height:22px;font-size:14px;font-weight:700;display:inline-flex}.agent.pinned{box-shadow:inset 0 0 0 2px #60a5fa8c}.group-head{border-bottom:1px solid var(--rule);grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:16px;min-width:0;padding-bottom:3px;font-size:17px;font-weight:700;display:flex}.group-meta{white-space:nowrap;gap:14px;font-size:14px;font-weight:500;display:inline-flex}.group-meta .st-available{color:var(--st-ink);align-items:center;gap:6px;display:inline-flex}.group-meta i{background:var(--st);border-radius:2px;width:8px;height:8px}.pin-btn{width:26px;height:26px;color:var(--dim);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;flex:none;align-self:center;place-items:center;margin:-4px -8px -4px -2px;transition:opacity .15s;display:grid}.agent:hover .pin-btn,.pin-btn:focus-visible,.pin-btn.on{opacity:1}.pin-btn:hover{color:var(--ink);background:var(--surface)}.pin-btn.on{color:#93c5fd}.pin-btn.on svg{fill:currentColor}.pin-btn.auto{cursor:default}.pin-btn.auto:hover{color:#93c5fd;background:0 0}.pin-btn.auto svg{fill:none}.agent-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));grid-auto-rows:120px;align-content:start;gap:10px;min-height:0;display:grid;overflow:hidden}.agent{background:var(--raised);border-radius:var(--radius-sm);flex-direction:column;gap:3px;min-width:0;padding:9px 14px 9px 18px;display:flex;position:relative;overflow:hidden}.agent:before{content:"";background:var(--st);width:5px;position:absolute;inset:0 auto 0 0}.agent{isolation:isolate;transition:background-color .5s}.agent-flash{z-index:-1;background:var(--st);opacity:0;pointer-events:none;position:absolute;inset:0}.agent:before{transition:background-color .5s}.agent.st-ringing{background:color-mix(in srgb, var(--st) 9%, var(--raised))}.agent.st-ringing:before{animation:1.1s ease-in-out infinite ring}@keyframes ring{50%{opacity:.35}}.agent.st-unavailable,.agent.st-unknown{background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}.agent.st-unavailable .agent-name,.agent.st-unknown .agent-name{color:var(--dim)}.agent-line{align-items:baseline;gap:10px;min-width:0;display:flex}.agent-name{flex:1;font-size:18px;font-weight:700}.ext{--ext:#fcd34d;color:var(--ext);font:700 1.25rem/1.15 var(--font-figures);letter-spacing:.02em;background:var(--ground);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ext) 30%, transparent);border-radius:5px;flex:none;order:2;align-self:center;margin-left:auto;padding:0 7px}.agent.st-unavailable .ext,.agent.st-unknown .ext{--ext:#b59a47}.agent-line .pin-btn{order:1;margin-left:-4px;margin-right:0}.agent-state{justify-content:space-between}.state{color:var(--st-ink);font-size:16px;font-weight:600}.timer{font:600 24px/1 var(--font-figures);flex:none}.agent-call{align-items:center;gap:6px;font-size:14px;display:flex}.agent-call svg{color:var(--st-ink);flex:none}.agent-foot{font:500 15px var(--font-figures);color:var(--dim);justify-content:space-between;gap:8px;margin-top:auto;display:flex}.agent-foot span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.agent-foot .foot-pause{color:var(--alert-ink)}.pager{justify-content:flex-end;align-items:center;gap:6px;padding-top:10px;font-size:14px;display:flex}.pager .dim{margin-right:8px}.dot{cursor:pointer;background:#4a5566;border:0;border-radius:5px;width:10px;height:10px;padding:0;transition:width .3s,background-color .3s}.dot.active{background:var(--ink);width:28px}.ticker{background:var(--surface);border-radius:var(--radius);gap:14px;padding:14px 22px;display:flex}.figures{align-items:center;gap:24px;min-width:0;display:flex}.figures+.figures{border-left:1px solid var(--rule);flex:1;padding-left:26px}.figures h2{color:var(--dim);white-space:nowrap;font-size:16px;font-weight:600}.figures dl{flex-wrap:wrap;gap:30px;display:flex}.figures dt{color:var(--dim);white-space:nowrap;font-size:14px}.figures dd{font:600 32px/1.05 var(--font-figures)}.lbl-short{display:none}.fig-good{--fig:#34d399;--fig-ink:var(--good-ink)}.fig-bad{--fig:#f87171;--fig-ink:var(--alert-ink)}.fig-orange{--fig:#fb923c;--fig-ink:#fdba74}.fig-good,.fig-bad,.fig-orange{border-left:4px solid var(--fig);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--fig) 14%, transparent);padding:4px 12px 4px 10px}.figures .fig-good dt,.figures .fig-bad dt,.figures .fig-orange dt{color:var(--fig-ink);font-weight:600}.figures .fig-good dd,.figures .fig-bad dd,.figures .fig-orange dd{color:var(--fig-ink)}.waiting-figures{border-top:1px solid var(--rule);flex:none;gap:12px;padding:14px 22px 18px;display:grid;container-type:inline-size}.waiting-figures .figures{align-items:stretch;gap:6px;display:grid}.waiting-figures .figures+.figures{border-left:0;border-top:1px solid var(--rule);padding-top:12px;padding-left:0}.waiting-figures .figures h2{letter-spacing:.06em;text-transform:uppercase;width:auto;padding:0;font-size:13px;font-weight:700;line-height:1.2}.waiting-figures .figures dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;display:grid}.waiting-figures .figures+.figures dl{grid-template-columns:repeat(3,minmax(0,1fr))}.waiting-figures .figures dl>div{border-radius:var(--radius-sm);border-left:3px solid var(--fig,transparent);background:color-mix(in srgb, var(--fig,transparent) 14%, transparent);flex-direction:column;justify-content:flex-end;min-width:0;padding:4px 8px 5px;display:flex}.waiting-figures .figures dt{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.2;overflow:hidden}.waiting-figures .figures dd{font-size:28px;line-height:1.05}.waiting-figures .lbl-long{display:none}.waiting-figures .lbl-short{display:inline}@container (width>=380px){.waiting-figures .figures dl{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=620px){.waiting-figures .figures+.figures dl{grid-template-columns:repeat(6,minmax(0,1fr))}}.notice{color:#000;border-radius:var(--radius);background:#facc15;border-left:5px solid #a16207;align-items:center;gap:14px;min-width:0;padding:10px 20px 10px 16px;display:flex}.notice-icon{color:#000;flex:none;display:grid}.notice-window{flex:1;min-width:0;overflow:hidden}.notice-track{white-space:nowrap;width:max-content;font-size:24px;font-weight:650;line-height:1.3;display:flex}.notice-track.scrolling{animation:notice-scroll var(--dur) linear infinite;will-change:transform}@keyframes notice-scroll{to{transform:translateX(calc(-1 * var(--dist)))}}.notice-btn.on{color:var(--warn-ink);border-color:color-mix(in srgb, var(--warn) 60%, transparent)}.notice-current{border-radius:var(--radius-sm);color:#000;background:#facc15;border-left:4px solid #a16207;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 12px;font-size:14px;display:flex}.notice-current .dim{color:#3f3f46}.notice-help{margin-top:-6px;font-size:14px}.modal textarea{font:500 16px/1.4 var(--font);color:var(--ink);resize:vertical;background:var(--raised);border:1px solid var(--field-line);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px}.modal textarea:focus{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.char-count{justify-self:end;font-weight:500}.modal input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.unmapped{background:var(--surface);border-radius:var(--radius);grid-row:2/-1;padding:20px;overflow:auto}.unmapped p{margin:6px 0 0}.kv{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 18px;margin-top:14px;display:grid}.kv div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:10px;padding:4px 0;display:flex}.debug{border:1px solid var(--rule);z-index:10;background:#0d1117f0;border-radius:8px;width:min(560px,45vw);max-height:60vh;padding:8px 12px;position:fixed;bottom:12px;right:12px;overflow:auto}.debug pre{margin:6px 0 0;font-size:11px}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border-top:4px solid #60a5fa;border-radius:14px;gap:16px;width:min(380px,100%);padding:30px 28px 26px;display:grid}.login-card h1{letter-spacing:-.01em;font-size:30px;font-weight:700}.login-card>p{margin-top:-10px}.profile-card{width:min(440px,100%)}.login-card label,.field,.profile-form label{color:var(--dim);gap:6px;font-size:14px;font-weight:600;display:grid}.login-card input,.modal input:not([type=checkbox]),.profile-form input{font:500 16px var(--font);color:var(--ink);background:var(--raised);border:1px solid var(--field-line);border-radius:var(--radius-sm);outline:none;width:100%;min-height:44px;padding:10px 12px}.login-card input:focus,.modal input:focus,.profile-form input:focus{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.login-card button[type=submit],.btn-primary,.modal button[type=submit],.modal .danger,.secondary{border-radius:var(--radius-sm);cursor:pointer;border:0;min-height:44px;padding:10px 18px;font-size:16px;font-weight:700;transition:background-color .15s,border-color .15s}.login-card button[type=submit],.btn-primary,.modal button[type=submit]{background:var(--btn);color:#fff}.login-card button[type=submit]:hover,.btn-primary:hover,.modal button[type=submit]:hover{background:var(--btn-hover)}.modal .danger{background:var(--btn-danger);color:#fff}.secondary{border:1px solid var(--rule);color:var(--ink);background:0 0}.secondary:hover{border-color:var(--dim)}.link-btn{color:var(--dim);cursor:pointer;background:0 0;border:0;justify-self:center;padding:4px;font-size:14px;font-weight:600}.link-btn:hover{color:var(--ink)}button:disabled{opacity:.55;cursor:default}.login-error{color:var(--alert-ink);font-size:14px}.link-btn.danger-text{color:var(--alert-ink)}.profile-form,.modal-body{gap:16px;display:grid}.profile-list{gap:8px;max-height:50vh;display:grid;overflow:auto}.profile-pick{text-align:left;cursor:pointer;background:var(--raised);border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:14px;min-height:56px;padding:10px 14px;font-size:17px;font-weight:600;transition:border-color .15s;display:flex}.profile-pick:hover,.profile-pick.current{border-color:#60a5fa}.profile-none{padding:12px 2px;font-size:15px}.profile-pick small{margin-left:auto;font-size:14px;font-weight:500}.avatar{color:#bfdbfe;width:34px;height:34px;font:700 14px var(--font);background:#60a5fa33;border-radius:50%;flex:none;place-items:center;display:grid}.avatar.sm{width:26px;height:26px;font-size:11px}.modal-backdrop{z-index:50;background:#06080cb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:min(540px,100%);max-height:calc(100vh - 40px);padding:18px 24px 24px;overflow:auto;box-shadow:0 24px 60px #00000080}.modal-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tabs{gap:4px;display:flex}.tabs button{color:var(--dim);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 12px;font-size:16px;font-weight:700}.tabs button.active{color:var(--ink);border-bottom-color:#60a5fa}.close{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1}.close:hover{color:var(--ink);background:var(--raised)}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.toggle{cursor:pointer;align-items:center;gap:12px;min-height:32px;font-size:16px;display:flex}.toggle input{accent-color:#3b82f6;width:18px;height:18px}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.modal-actions .spacer{flex:1}.queue-picker{color:var(--ink);gap:8px;font-weight:500;display:grid}.queue-picker-head{justify-content:space-between;align-items:center;gap:10px;min-height:28px;font-size:14px;display:flex}.queue-picker-head .link-btn{padding:2px 4px}.queue-checklist{background:var(--raised);border:1px solid var(--field-line);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 14px;max-height:240px;padding:4px 10px;display:grid;overflow:auto}.queue-checklist .toggle{min-width:0;font-size:15px}.queue-checklist .toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.queue-checklist small{font-size:13px}.queue-filter-summary{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.queue-filter-summary .link-btn{padding:2px 4px}.sub-label{letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:700}.group-help{font-size:14px}.group-list{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.group-list>li>*{min-width:0}.group-list>li{background:var(--raised);border:1px solid var(--field-line);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:10px;display:grid}.group-list>li.open{border-color:var(--focus)}.group-list .queue-checklist{background:var(--surface)}.group-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;display:grid}.group-summary{text-align:left;justify-content:space-between;justify-self:stretch;gap:12px;padding:2px 4px;font-weight:500;display:flex}.group-summary>span:last-child{color:#60a5fa;flex:none;font-weight:700}.danger-confirm{align-items:center;gap:10px;font-size:15px;display:inline-flex}.modal-head h2{padding:10px 0;font-size:20px;font-weight:700}.modal select{font:500 16px var(--font);color:var(--ink);background:var(--raised);border:1px solid var(--field-line);border-radius:var(--radius-sm);width:100%;min-height:44px;padding:10px 12px}.modal select:focus{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);outline:none}.pin-list{gap:6px;max-height:30vh;display:grid;overflow:auto}.pin-list li{background:var(--raised);border-radius:var(--radius-sm);min-height:46px;color:var(--ink);grid-template-columns:16px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:5px 6px 5px 10px;font-size:16px;font-weight:600;display:grid}.pin-list li>svg{color:#93c5fd;fill:currentColor}.pin-list .icon-btn{font-size:20px;line-height:1}.queue-order{gap:10px;display:grid}.queue-order>p{font-size:14px}.queue-order .vis-all{justify-self:start;align-items:center;gap:8px;display:inline-flex}.queue-order.off .grip,.queue-order.off .pos,.queue-order.off .icon-btn:not(.vis-btn){opacity:.55}.queue-order li.is-hidden>.ellipsis,.queue-order li.is-hidden>.count{opacity:.5;text-decoration:line-through;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim)}.vis-btn.off{color:var(--dim);border-style:dashed}.queue-order ol{gap:6px;max-height:46vh;padding:2px;display:grid;overflow:auto}.queue-order li{background:var(--raised);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;grid-template-columns:16px 22px minmax(0,1fr) auto 34px 34px 34px;align-items:center;gap:8px;min-height:46px;padding:5px 6px 5px 10px;font-size:16px;font-weight:600;display:grid}.queue-order li.dragging{opacity:.5;outline-offset:-2px;outline:2px dashed #60a5fa}.queue-order .grip{color:var(--dim);display:grid}.queue-order .pos{font:600 16px var(--font-figures);color:var(--dim);text-align:right}.queue-order .count{font:500 16px var(--font-figures)}.icon-btn{cursor:pointer;border:1px solid var(--rule);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink);background:0 0;place-items:center;display:grid}.icon-btn:hover:not(:disabled){border-color:var(--dim)}.save-status{font-size:14px}.num{transform-origin:0 70%;will-change:auto;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}.agent.st-ringing{box-shadow:inset 0 0 0 2px var(--st)}.notice-track{white-space:normal;width:auto}.notice-repeat{display:none}}@media (width>=1101px) and (width<=1599px),(width>=1101px) and (height<=899px){.app{gap:10px;padding:0 14px 12px}.header{gap:18px;padding:10px 4px 0}.brand{gap:14px}.brand h1{font-size:22px}.conn{font-size:13px}.header-right{gap:10px}.clock{gap:8px;margin-right:6px;font-size:26px}.clock small{font-size:14px}.quiet-btn{min-height:30px;padding:4px 12px;font-size:13px}.board{grid-template-columns:minmax(270px,22%) minmax(0,1fr);gap:10px}.waiting{border-top-width:3px}.waiting-hero{padding:12px 16px 14px}.waiting-count{gap:10px}.waiting-count b{font-size:84px}.waiting-count>span{font-size:17px}.waiting-stats{gap:12px;margin-top:10px}.waiting-stats dt{font-size:12px}.waiting-stats dd{font-size:28px}.queue-groups{gap:4px;padding:8px 16px}.queue-groups li{grid-template-columns:minmax(0,1fr) auto 46px;gap:10px;font-size:14px}.queue-groups b{font-size:16px}.queue-groups .dim{font-size:15px}.queue-list{gap:5px;padding:8px}.queue-empty{font-size:14px}.qcall{gap:10px;padding:6px 10px 6px 8px}.qcall-icon{width:30px;height:30px}.qcall-icon svg{width:16px;height:16px}.qcall-num{gap:6px;font-size:15px}.qcall-body .dim{font-size:12px}.qcall-wait{font-size:22px}.agents{padding:10px 12px 8px}.agents-head{gap:18px;margin-bottom:8px}.agents-head h2{font-size:18px}.status-mix{gap:6px}.bar{height:6px}.legend{gap:2px 16px;font-size:13px}.legend li{gap:5px}.legend i{width:8px;height:8px}.legend b{font-size:16px}.agents-body{gap:10px}.pinned-col{gap:4px}.pinned-cards{gap:8px}.pinned-label{height:18px;font-size:12px}.group-head{padding-bottom:2px;font-size:14px}.group-meta{gap:10px;font-size:12px}.agent{gap:1px;padding:6px 10px 6px 14px;line-height:1.25}.agent:before{width:4px}.agent-line{gap:8px}.agent-name{font-size:15px}.ext{border-radius:4px;padding:0 5px;font-size:16px}.state{font-size:14px}.timer{font-size:19px}.agent-call{gap:5px;font-size:12px}.agent-call svg{width:12px;height:12px}.agent-foot{gap:6px;font-size:13px}.agent-foot span{gap:3px}.agent-foot svg{width:12px;height:12px}.pin-btn{width:22px;height:22px}.pager{padding-top:6px;font-size:13px}.dot{width:8px;height:8px}.dot.active{width:22px}.ticker{padding:8px 18px}.notice{padding:7px 16px 7px 12px}.notice-track{font-size:19px}.figures{gap:18px}.figures+.figures{padding-left:20px}.figures h2{font-size:14px}.figures dl{gap:4px 24px}.figures dt{font-size:12px}.figures dd{font-size:24px}.waiting-figures{gap:8px;padding:10px 16px 12px}.waiting-figures .figures{gap:4px}.waiting-figures .figures+.figures{padding-top:8px}.waiting-figures .figures h2{font-size:12px}.waiting-figures .figures dl{gap:4px 8px}.waiting-figures .figures dl>div{padding:3px 6px 4px}.waiting-figures .figures dt{font-size:12px}.waiting-figures .figures dd{font-size:21px}}@media (width<=1100px){body{overflow:hidden auto}.app{height:auto;min-height:100dvh;padding:0 max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex}.app>.empty{flex:1}.header{padding:max(10px, env(safe-area-inset-top)) 2px 2px;flex-wrap:wrap;gap:8px 20px}.brand{flex-wrap:wrap;gap:4px 14px}.brand h1{font-size:24px}.header-right{gap:8px}.clock{margin-right:4px;font-size:28px}.quiet-btn{min-height:34px;padding:4px 12px;font-size:13px}.ticker{flex-direction:column;order:1;gap:6px;padding:8px 12px}.notice{gap:10px;padding:8px 12px 8px 10px}.notice-track{font-size:16px}.board{order:2;grid-template-columns:1fr;gap:8px}.figures{align-items:flex-start;gap:4px 12px}.figures+.figures{border-left:0;border-top:1px solid var(--rule);flex:none;padding-top:6px;padding-left:0}.figures h2{white-space:normal;flex:none;width:5.4em;padding-top:2px;font-size:13px;line-height:1.15}.figures dl{flex:1;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px 12px;display:grid}.figures dl>div{flex-direction:column;justify-content:flex-end;min-width:0;display:flex}.figures dt{white-space:normal;font-size:12px;line-height:1.15}.figures dd{font-size:22px;line-height:1.05}.waiting{border-top-width:3px}.waiting-hero{align-items:center;gap:16px;padding:6px 12px;display:flex}.waiting-count{flex:none;align-items:center;gap:6px}.waiting-count b{font-size:44px;line-height:.95}.waiting-count>span{max-width:4.2em;font-size:13px;line-height:1.1}.waiting-stats{flex:1;gap:12px;min-width:0;margin-top:0}.waiting-stats>div{border-left:1px solid var(--rule);padding-left:12px}.waiting-stats dt{font-size:12px;line-height:1.2}.waiting-stats dd{font-size:22px;line-height:1.05}.queue-groups{flex-wrap:wrap;gap:2px 16px;padding:4px 12px;display:flex}.queue-groups li{align-items:baseline;gap:6px;min-width:0;max-width:100%;font-size:13px;display:inline-flex}.queue-groups b{font-size:16px}.queue-groups .dim{font-size:14px}.queue-list{overscroll-behavior:contain;gap:4px;max-height:196px;padding:6px;overflow-y:auto}.queue-list:has(.queue-empty){display:none}.waiting:has(.queue-empty) .waiting-hero{border-bottom:0}.qcall{gap:8px;padding:5px 10px 5px 6px}.qcall-icon{width:28px;height:28px}.qcall-icon svg{width:15px;height:15px}.qcall-num{gap:6px;font-size:15px}.qcall-body .dim{font-size:12px}.qcall-wait{font-size:22px}.waiting-figures{gap:6px;padding:6px 12px 8px}.waiting-figures .figures+.figures{padding-top:6px}.waiting-figures .figures h2{font-size:12px}.waiting-figures .figures dl{gap:4px 8px}.waiting-figures .figures dl>div{padding:2px 6px 3px}.waiting-figures .figures dt{font-size:12px}.waiting-figures .figures dd{font-size:20px}.agents{padding:8px 10px 10px}.agents-head{gap:6px 14px;margin-bottom:8px}.agents-head h2{white-space:nowrap;font-size:18px}.status-mix{gap:5px}.bar{height:6px}.legend{gap:2px 14px;font-size:13px}.legend b{font-size:16px}.legend .zero{display:none}.agents-body{flex-direction:column;gap:8px}.pinned-col{gap:4px;width:100%}.pinned-label{height:16px;font-size:12px}.pinned-cards{flex:none;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:86px;grid-auto-flow:row;gap:8px;overflow:visible}.agent-grid{flex:none;gap:8px;overflow:visible}.agent-grid .empty.small{padding:20px 12px}.group-head{gap:2px 10px;padding-bottom:2px;font-size:14px}.group-meta{gap:10px;font-size:12px}.agent{gap:1px;padding:5px 9px 5px 12px;line-height:1.25;container-type:inline-size}.agent:before{width:4px}.agent-line{gap:6px}.agent-name{font-size:15px}.ext{border-radius:4px;padding:0 5px;font-size:15px;line-height:1.15}.agent-grid .pin-btn:not(.on){display:none}.state{font-size:13px}.timer{font-size:18px}.agent-call{gap:4px;font-size:12px}.agent-call svg{width:12px;height:12px}.agent-foot{gap:4px;font-size:13px}.agent-foot span{gap:3px}.agent-foot svg{width:11px;height:11px}.pin-btn{width:22px;height:22px;margin:-3px -5px -3px 0;position:relative}.pin-btn:after{content:"";position:absolute;inset:-11px}.debug{width:auto;left:12px}}@media (width>=601px) and (width<=1100px){.agents-head{grid-template-columns:auto minmax(0,1fr) auto}.waiting-stats{flex:none;grid-template-columns:auto auto;gap:20px}.queue-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;max-height:150px;display:grid}.queue-list .queue-empty{grid-column:1/-1}}@media (width<=600px){body{font-size:14px}.app{padding:0 max(8px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.header{flex-wrap:nowrap;gap:8px;min-width:0;padding-left:2px;padding-right:2px}.brand{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;max-width:48%}.header-right{margin-left:auto}.brand h1{min-width:0;font-size:18px}.conn{flex:none}.conn-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-right{flex-wrap:nowrap;flex:0 auto;gap:6px;min-width:0}.clock{white-space:nowrap;flex:none;gap:6px;margin-right:2px;font-size:19px}.clock small{font-size:13px}.header-right .quiet-btn{white-space:nowrap;flex:none;gap:6px;min-height:40px;padding:4px 9px;font-size:12px}.header-right .profile-btn{flex:0 auto;min-width:0;padding-left:4px}.notice-label{display:none}.notice-track{font-size:15px}.ticker{padding:6px 10px}.figures{flex-direction:column;gap:2px}.figures h2{width:auto;padding:0;font-size:12px}.figures dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px;width:100%}.figures+.figures dl{grid-template-columns:repeat(3,minmax(0,1fr))}.figures dt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lbl-long{display:none}.lbl-short{display:inline}.waiting-hero{gap:10px;padding:5px 10px}.waiting-count b{font-size:40px}.waiting-stats{gap:10px}.waiting-stats>div{padding-left:10px}.waiting-stats dd,.figures dd{font-size:20px}.queue-groups{padding:4px 10px}.agents{padding:8px}.ext{padding:0 4px;font-size:14px}.agents-head{grid-template-columns:minmax(0,1fr) auto}.agents-head .status-mix{grid-area:2/1/auto/-1}.legend{gap:2px 12px}.agents-tools{gap:6px}.agent-search{padding:0 10px}.agent-search input{width:96px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:calc(100dvh - 24px);padding:10px 16px max(20px, env(safe-area-inset-bottom));border-radius:14px 14px 0 0}.tabs button{padding:10px 8px;font-size:15px}.row2{grid-template-columns:1fr}.modal-actions .spacer{display:none}.modal-actions>*{flex:auto}.modal-actions .save-status{flex-basis:100%}.danger-confirm{flex-wrap:wrap}.login-card{padding:24px 20px 22px}.login-screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}}@media (width<=480px){.clock small{display:none}}@media (width<=380px){.waiting-count b{font-size:36px}.queue-order li{grid-template-columns:18px minmax(0,1fr) auto 40px 40px 40px;gap:6px}.queue-order .grip{display:none}}@media (width<=360px){.header-right .profile-btn{padding-right:4px}.header-right .profile-name{display:none}}@media (hover:none) and (pointer:coarse){.pin-btn{opacity:.6;width:40px;height:40px;margin:-10px -12px -10px -4px}.pin-btn.on{opacity:1}.quiet-btn{min-height:44px}.close{width:44px;height:44px}.tabs button{min-height:44px}.icon-btn{width:40px;height:40px}.queue-order li{cursor:default;grid-template-columns:16px 22px minmax(0,1fr) auto 40px 40px 40px}.pin-list li{grid-template-columns:16px minmax(0,1fr) 40px}.dot{position:relative}.dot:after{content:"";position:absolute;inset:-14px -4px}.link-btn{min-height:44px;padding:8px 12px}.toggle{min-height:44px}.toggle input{width:22px;height:22px}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (width<=1100px) and (hover:none) and (pointer:coarse){.pin-btn{width:22px;height:22px;margin:-3px -5px -3px 0}.arrange-btn{min-height:34px;position:relative}.arrange-btn:after{content:"";position:absolute;inset:-5px -2px}}@media (width<=380px) and (hover:none) and (pointer:coarse){.queue-order li{grid-template-columns:18px minmax(0,1fr) auto 40px 40px 40px}}.tone-warn{--w:var(--warn-ink)}.tone-good{--w:var(--good-ink)}.tone-info{--w:var(--dim)}.weather-chip{border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;min-width:0;max-width:380px;min-height:48px;padding:4px 12px 4px 8px;transition:border-color .15s,background-color .15s;display:flex}.weather-chip:hover{border-color:var(--rule);background:var(--surface)}.weather-chip-icon{color:var(--ink);flex:none;display:grid}.weather-chip.empty .weather-chip-icon{color:var(--dim)}.weather-chip-text{min-width:0;line-height:1.2;display:grid}.weather-chip-text b{font-size:18px;font-weight:650}.weather-chip-sub{color:var(--w,var(--dim));font-size:14px;font-weight:550}.weather-chip.empty b{color:var(--dim);font-weight:600}.weather-modal{width:min(600px,100%)}.weather-place{color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:650;display:flex}.weather-place>svg{color:var(--dim);flex:none}.weather-change{flex:none;min-height:40px;margin-left:auto;padding:6px 14px;font-size:14px}.weather-now{align-items:center;gap:16px;display:flex}.weather-now-icon{color:var(--ink);display:grid}.weather-now b{font-size:28px;font-weight:700;line-height:1.15;display:block}.weather-now .dim{font-size:14px}.weather-advice{gap:6px;display:grid}.weather-advice li{color:var(--ink);border-left:3px solid var(--w);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--w) 10%, transparent);align-items:center;gap:10px;padding:8px 12px;font-size:16px;font-weight:600;display:flex}.weather-advice li>svg{color:var(--w);flex:none}.weather-advice li.tone-info{--w:#93c5fd}.weather-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.weather-facts>div{background:var(--raised);border-radius:var(--radius-sm);min-width:0;padding:10px 12px}.weather-facts dt{color:var(--dim);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.weather-facts dd{overflow-wrap:anywhere;margin-top:2px;font-size:16px;font-weight:650}.weather-h{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:14px;font-weight:700}.weather-later{grid-auto-columns:minmax(84px,1fr);grid-auto-flow:column;gap:6px;padding-bottom:4px;display:grid;overflow-x:auto}.weather-later li{text-align:center;background:var(--raised);border-radius:var(--radius-sm);justify-items:center;gap:4px;padding:10px 6px;display:grid}.weather-later time{font:650 15px var(--font-figures)}.weather-later-label{min-height:2.4em;font-size:13px;font-weight:550;line-height:1.2}.weather-later-pop{align-items:center;gap:3px;font-size:13px;display:inline-flex}.weather-foot{font-size:13px}.city-picker{gap:10px;display:grid}.city-search{align-items:center;display:flex;position:relative}.city-search>svg{color:var(--dim);pointer-events:none;position:absolute;left:12px}.modal .city-search input{padding-left:40px}.city-status{min-height:1.35em;font-size:14px}.city-results{gap:6px;max-height:45vh;display:grid;overflow:auto}.city-pick{text-align:left;cursor:pointer;background:var(--raised);border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;font-size:16px;transition:border-color .15s;display:flex}.city-pick:hover,.city-pick.current{border-color:#60a5fa}.city-pick>svg{color:var(--dim);flex:none}.city-pick>.ellipsis{flex:1;align-items:baseline;gap:8px;display:flex}.city-pick b{font-weight:650}.city-pick .dim{font-size:14px}.city-pick small{flex:none;margin-left:auto;font-size:13px}@media (width>=1101px) and (width<=1599px),(width>=1101px) and (height<=899px){.weather-chip{gap:10px;max-width:300px;min-height:40px}.weather-chip-text b{font-size:16px}.weather-chip-sub{font-size:13px}}@media (width<=1100px){.weather-chip{max-width:240px}.weather-chip-text b{font-size:15px}.weather-chip-sub{font-size:12px}}@media (hover:none) and (pointer:coarse){.weather-chip{min-width:44px;min-height:44px}}.quiet-btn,.clock small{white-space:nowrap}@media (width<=760px){.header-right .weather-chip{border:1px solid var(--rule);border-radius:50%;flex:none;justify-content:center;width:40px;height:40px;min-height:40px;padding:0}.weather-chip-text{display:none}.weather-chip-icon svg{width:22px;height:22px}}@media (width<=600px){.brand{flex:0 auto;min-width:0;max-width:none}.header-right{flex:none;gap:6px}.header-right .quiet-btn{border-radius:50%;justify-content:center;gap:0;width:40px;height:40px;min-height:40px;padding:0;position:relative}.header-right .quiet-btn svg{width:18px;height:18px}.header-right .profile-btn{padding:0}.header-right .profile-name,.brand h1{display:none}.queue-chip{border-radius:50%;flex:none;justify-content:center;gap:0;width:40px;max-width:none;height:40px;min-height:40px;padding:0;position:relative}.queue-chip svg{width:18px;height:18px}.queue-chip .chip-turn,.queue-chip>svg:last-of-type:not(:first-of-type){display:none}.queue-menu{flex:none}.queue-chip .ellipsis,.btn-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.weather-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-now b{font-size:22px}.weather-place{flex-wrap:wrap}}@media (width<=380px){.header-right{gap:4px}.header-right .quiet-btn,.header-right .weather-chip,.queue-chip{width:36px;min-width:36px;height:36px;min-height:36px}}@media (width<=600px) and (hover:none) and (pointer:coarse){.header-right .quiet-btn,.header-right .weather-chip,.queue-chip{min-width:0;min-height:0;position:relative}.header-right .quiet-btn:after,.header-right .weather-chip:after,.queue-chip:after{content:"";position:absolute;inset:-4px -2px}}