: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) 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}.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-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;width:264px;display:flex}.pinned-col .agent{flex:none;height:120px}.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}.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.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{align-items:center;gap:4px;display:inline-flex}.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 dd{color:var(--good-ink)}.fig-bad dd{color:var(--alert-ink)}.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-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}.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}.queue-order{gap:10px;display:grid}.queue-order>p{font-size:14px}.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}@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)}}@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}.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}.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-col .agent{height:86px}.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;line-height:1.05}.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}}@container (width<=168px){.agent-foot span:nth-child(3){display:none}}@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}.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}.agents-head{grid-template-columns:minmax(0,1fr) auto}.agents-head .status-mix{grid-area:2/1/auto/-1}.legend{gap:2px 12px}.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}.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}}