.docs{max-width:920px}.docs h2{margin:30px 0 8px;font-size:18px}.docs h3{margin:18px 0 6px;font-size:15px}.docs p{margin:8px 0;line-height:1.55;color:var(--text)}.docs ul,.docs ol{margin:8px 0 8px 20px;line-height:1.6}.docs li{margin:4px 0}.docs a{color:var(--accent)}.docs pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;overflow-x:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;margin:10px 0;white-space:pre}.docs code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.docs pre code{background:none;border:none;padding:0}.docs .doc-card{padding:22px 24px;margin-bottom:16px}.docs .lead{color:var(--muted);font-size:14px;margin:2px 0 10px}.docs .step{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--border)}.docs .step:first-of-type{border-top:none}.docs .step-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-top:2px}.docs .step-body{min-width:0;flex:1}.docs .step-body h3{margin-top:0}.docs .note{background:var(--accent-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 12px;margin:12px 0;font-size:13px;line-height:1.5}.docs .staff-tag{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:10px;vertical-align:middle;letter-spacing:.02em}.docs dl{margin:8px 0}.docs dt{font-weight:600;margin-top:10px}.docs dd{margin:2px 0 0;color:var(--muted);line-height:1.5}:root{--accent: #f97316;--accent-soft: #fff4ec;--accent-hover: #ea580c;--text: #0f172a;--muted: #64748b;--border: #e5e7eb;--bg: #f8fafc;--card: #ffffff;--radius: 8px;--shadow: 0 1px 2px rgba(15, 23, 42, .06);--hover: #f1f5f9;--row-hover: #fafafa;--th-bg: #f8fafc;--danger: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fecaca;--pill-in-bg: #dbeafe;--pill-in-fg: #1d4ed8;--pill-out-bg: #fef3c7;--pill-out-fg: #b45309;--pill-int-bg: #e5e7eb;--pill-int-fg: #374151;--live-bg: #dcfce7;--live-fg: #15803d;--retry-bg: #fef3c7;--retry-fg: #b45309;--down-bg: #fee2e2;--down-fg: #b91c1c;color-scheme:light}:root[data-theme=dark]{--text: #e5e7eb;--muted: #94a3b8;--border: #273244;--bg: #0b0f19;--card: #141a28;--accent-soft: #2a1b10;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--hover: #1d2638;--row-hover: #192133;--th-bg: #101624;--danger: #fca5a5;--danger-bg: #3b1214;--danger-border: #7f1d1d;--pill-in-bg: #1e3a5f;--pill-in-fg: #93c5fd;--pill-out-bg: #4a2f0a;--pill-out-fg: #fcd34d;--pill-int-bg: #273244;--pill-int-fg: #cbd5e1;--live-bg: #14532d;--live-fg: #86efac;--retry-bg: #4a2f0a;--retry-fg: #fcd34d;--down-bg: #7f1d1d;--down-fg: #fecaca;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}h1{font-size:20px;font-weight:600;margin:0 0 4px}.muted{color:var(--muted)}.small{font-size:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{font:inherit;font-weight:500;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.block{width:100%;padding:10px 14px}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center}.signin{width:360px;padding:36px 32px;text-align:center}.signin p{margin:6px 0 24px}.signin-logo{width:220px;max-width:78%;height:auto;display:block;margin:0 auto 18px}.wordmark{font-size:22px;font-weight:700;letter-spacing:.1em;color:var(--accent)}.shell{display:flex;min-height:100%}.sidebar{width:220px;background:var(--card);border-right:1px solid var(--border);padding:16px 12px;flex-shrink:0}.brand{text-align:center;padding:6px 6px 18px}.brand-logo{width:100%;max-width:150px;height:auto;display:block;margin:2px auto 6px}.brand-sub{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--muted)}.nav-item{display:block;padding:8px 10px;margin-bottom:2px;border-radius:6px;border-left:3px solid transparent;color:var(--text);text-decoration:none;font-weight:500}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-hover)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.tenant{font-weight:600}.topbar-right{display:flex;align-items:center;gap:14px}.content{padding:24px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.table-card{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:12px;font-weight:600;color:var(--muted);background:var(--th-bg);text-transform:uppercase;letter-spacing:.03em}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--row-hover)}.num{text-align:right;font-variant-numeric:tabular-nums}.empty{padding:40px 24px;text-align:center}.error{padding:12px 16px;color:var(--danger);background:var(--danger-bg);border-bottom:1px solid var(--danger-border)}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;text-transform:capitalize}.pill.inbound{background:var(--pill-in-bg);color:var(--pill-in-fg)}.pill.outbound{background:var(--pill-out-bg);color:var(--pill-out-fg)}.pill.internal{background:var(--pill-int-bg);color:var(--pill-int-fg)}.wb-systems{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.wb-system-card{padding:20px;color:var(--text);display:flex;flex-direction:column;gap:10px}.wb-system-head{display:flex;align-items:center;gap:10px;margin-bottom:2px}.wb-system-ico{color:var(--muted);display:inline-flex}.wb-system-name{font-weight:700;font-size:16px}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 16px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:500}.field input,.field select{font:inherit;font-size:14px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;min-width:140px}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.section-h{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 0 8px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px}.section-head .section-h{margin-bottom:8px}.seg{display:flex;gap:6px;margin-bottom:8px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.kpi{padding:14px 16px}.kpi-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kpi-value{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;margin:2px 0}.chart-card{padding:14px 16px}.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{display:block;max-width:100%}.chart-legend{display:flex;gap:14px;margin-bottom:6px;font-size:12px;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{width:10px;height:10px;border-radius:2px;display:inline-block}.report-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px}.report-title{font-weight:600;margin-bottom:2px}.card.error{border-color:var(--danger-border);margin-bottom:12px}@media (max-width: 640px){.content{padding:16px}.field{flex:1 1 140px}.field input,.field select{min-width:0;width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:150px}}.refresh-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.refresh-bar .btn{padding:4px 10px;font-size:13px}.auto-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-toggle input{accent-color:var(--accent);margin:0;cursor:pointer}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer}.theme-toggle:hover{background:var(--hover);color:var(--text)}.theme-toggle svg{width:16px;height:16px;display:block}.peak-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text);background:var(--card);white-space:nowrap}.interval-select{display:inline-flex;align-items:center;gap:6px}.interval-select select{font:inherit;font-size:13px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text)}.interval-select select:focus{outline:none;border-color:var(--accent)}.report-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:16px 0 4px}.report-tab{font:inherit;font-size:14px;padding:8px 14px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.report-tab:hover{color:var(--text)}.report-tab.active{color:var(--accent-hover);border-bottom-color:var(--accent);font-weight:600}.tab-count{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover)}.report-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-summary{padding:14px 16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-top:10px}.stat-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;margin:2px 0}.report-note{margin:10px 2px 0}.table-note{padding:10px 14px;border-top:1px solid var(--border)}@media (max-width: 720px){.report-pair{grid-template-columns:1fr}}.wb-system-card>.btn,.wb-board-row .btn{display:block;width:100%;text-align:center;text-decoration:none}.wb-board-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wb-kiosk-opt{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text);margin-top:2px}.wb-kiosk-opt input{flex:none}.wb{--wb-bg: transparent;--wb-card: var(--card);--wb-text: var(--text);--wb-muted: var(--muted);--wb-border: var(--border);--wb-elev: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 14px rgba(15, 23, 42, .04);--wb-head-bg: var(--card);--ok: #16a34a;--warn: #d97706;--bad: #dc2626;--blue: #2563eb;--wb-r: 12px;color:var(--wb-text);font-size:16px;min-width:0}:root[data-theme=dark] .wb{--ok: #22c55e;--warn: #fbbf24;--bad: #ef4444;--blue: #60a5fa;--wb-elev: 0 1px 2px rgba(0,0,0,.5)}.wb.kiosk{--wb-bg: #0b0f19;--wb-card: #131a2a;--wb-text: #f8fafc;--wb-muted: #94a3b8;--wb-border: #25304a;--wb-head-bg: #0b0f19;--wb-elev: 0 1px 0 rgba(255,255,255,.03) inset, 0 6px 24px rgba(0,0,0,.35);--ok: #22c55e;--warn: #fbbf24;--bad: #ef4444;--blue: #60a5fa;--live-bg: #14532d;--live-fg: #86efac;--retry-bg: #78350f;--retry-fg: #fde68a;--down-bg: #7f1d1d;--down-fg: #fecaca;--pill-in-bg: #1e3a5f;--pill-in-fg: #93c5fd;--pill-out-bg: #4a2f0a;--pill-out-fg: #fcd34d;--pill-int-bg: #273244;--pill-int-fg: #cbd5e1;--th-bg: #0f1526;--row-hover: transparent;position:relative;min-height:100vh;padding:0 clamp(14px,1.8vw,56px) clamp(14px,1.4vw,40px);background:var(--wb-bg);font-size:clamp(15px,1.05vw,40px)}.wb.kiosk *{scrollbar-width:thin}.wb-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75em 1.5em;padding:.85em 0;margin-bottom:1.25em;border-bottom:1px solid var(--wb-border)}.wb.kiosk .wb-top{position:sticky;top:0;z-index:5;background:var(--wb-head-bg);padding:.9em 0}.wb-brand{display:flex;align-items:center;gap:1em;min-width:0}.wb-logo{height:2.1em;width:auto;display:block;flex-shrink:0}.wb-divider{width:1px;align-self:stretch;min-height:2em;background:var(--wb-border)}.wb-titles{min-width:0}.wb-sys{font-size:1.35em;font-weight:700;line-height:1.15;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-board{font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-top:.15em}.wb-top-right{display:flex;align-items:center;gap:.9em;flex-wrap:wrap}.wb-clock{font-size:1.5em;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.wb-pill{display:inline-flex;align-items:center;gap:.5em;padding:.3em .9em;border-radius:999px;font-size:.8em;font-weight:600}.wb-pill-dot{width:.55em;height:.55em;border-radius:50%;background:currentColor}.wb-pill.live{background:var(--live-bg);color:var(--live-fg)}.wb-pill.live .wb-pill-dot{animation:wb-pulse 2s ease-in-out infinite}.wb-pill.retry{background:var(--retry-bg);color:var(--retry-fg)}.wb-pill.down{background:var(--down-bg);color:var(--down-fg)}@keyframes wb-pulse{50%{opacity:.3}}.wb-btn{display:inline-flex;align-items:center;gap:.45em;cursor:pointer;font:inherit;font-size:.85em;font-weight:600;padding:.5em .9em;border-radius:8px;color:var(--wb-text);background:var(--wb-card);border:1px solid var(--wb-border)}.wb-btn:hover{background:var(--hover);border-color:var(--wb-muted)}.wb.kiosk .wb-btn:hover{background:#1c2640}.wb-btn svg{font-size:1.1em}.wb-exit{color:#fff;background:#b91c1c;border-color:#b91c1c}.wb-exit:hover,.wb.kiosk .wb-exit:hover{background:#dc2626;border-color:#dc2626}.wb-hint{position:fixed;left:50%;bottom:2.2em;transform:translate(-50%);z-index:20;padding:.7em 1.4em;border-radius:999px;font-size:1.05em;font-weight:600;color:#f8fafc;background:#0f172aeb;border:1px solid #334155;box-shadow:0 8px 30px #00000080;animation:wb-hint 6s ease forwards;pointer-events:none}@keyframes wb-hint{0%,70%{opacity:1}to{opacity:0}}.wb-card{background:var(--wb-card);border:1px solid var(--wb-border);border-radius:var(--wb-r);box-shadow:var(--wb-elev)}.wb-h{display:flex;align-items:center;gap:.6em;font-size:.8em;text-transform:uppercase;letter-spacing:.12em;color:var(--wb-muted);margin:1.8em 0 .8em;font-weight:700}.wb-live>.wb-h:first-child{margin-top:0}.wb-h:after{content:"";flex:1;height:1px;background:var(--wb-border)}.wb-h-count{order:1;font-size:1em;padding:.05em .6em;border-radius:999px;background:var(--hover);color:var(--wb-text);letter-spacing:0}.wb.kiosk .wb-h-count{background:#1c2640}.wb-h-count{order:0}.wb-msg{padding:3em 1em;text-align:center;color:var(--wb-muted);font-size:1.25em}.wb-msg.small{padding:1.2em;font-size:.95em}.wb-msg .btn{margin-top:1em}.lvl-ok{color:var(--ok)}.lvl-warn{color:var(--warn)}.lvl-bad{color:var(--bad)}.lvl-none{color:var(--wb-text)}.wb-val{font-size:1.7em;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.02em}.wb-label{font-size:.72em;color:var(--wb-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:.35em}.wb-queues{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22em),1fr));gap:1em;align-items:stretch}.wb-queue{padding:1.1em 1.3em 1.2em;display:flex;flex-direction:column;border-top:4px solid var(--wb-border)}.wb-queue.lv-ok{border-top-color:var(--ok)}.wb-queue.lv-warn{border-top-color:var(--warn)}.wb-queue.lv-bad{border-top-color:var(--bad)}.wb-qname{font-size:1.15em;font-weight:700;margin-bottom:.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-qmain{display:grid;grid-template-columns:1.15fr 1fr;gap:1em;align-items:center;margin-bottom:1em;flex:1}.wb-stat.hero .wb-val{font-size:4.6em;line-height:.95}.wb-stat.hero .wb-label{font-size:.8em}.wb-qside{display:grid;gap:.7em;border-left:1px solid var(--wb-border);padding-left:1em}.wb-qside .wb-val{font-size:2.1em}.wb-qsub{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5em;border-top:1px solid var(--wb-border);padding-top:.8em}.wb-qsub .wb-val{font-size:1.25em;font-weight:600}.wb-qsub .wb-label{font-size:.62em;letter-spacing:.04em;margin-top:.3em}.wb-dot{width:.8em;height:.8em;border-radius:50%;flex-shrink:0;background:#9ca3af}.wb-dot.st-available{background:var(--ok);box-shadow:0 0 0 .2em color-mix(in srgb,var(--ok) 25%,transparent)}.wb-dot.st-oncall{background:var(--blue)}.wb-dot.st-wrapup{background:var(--warn)}.wb-dot.st-away{background:#9ca3af}.wb-dot.st-loggedout{background:#4b5563}.wb-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13em),16em));gap:.7em}.wb-agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15em),1fr));gap:1em}.wb-atile{padding:.85em 1em;border-left:4px solid #9ca3af;min-width:0}.wb-atile.st-available{border-left-color:var(--ok)}.wb-atile.st-oncall{border-left-color:var(--blue)}.wb-atile.st-wrapup{border-left-color:var(--warn)}.wb-atile.st-away{border-left-color:#9ca3af}.wb-atile.st-loggedout{border-left-color:#4b5563;opacity:.5}.wb-atile-head{display:flex;align-items:center;gap:.6em;min-width:0}.wb-atile-n{font-weight:700;font-size:1.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.wb-ext{color:var(--wb-muted);font-size:.78em;font-variant-numeric:tabular-nums;flex-shrink:0}.wb-atile-body{display:flex;align-items:baseline;justify-content:space-between;gap:.6em;margin:.6em 0 .3em;min-height:1.6em}.wb-atile-state{font-size:.9em;font-weight:600;color:var(--wb-muted)}.wb-atile.st-oncall .wb-atile-state{color:var(--blue)}.wb-atile.st-available .wb-atile-state{color:var(--ok)}.wb-atile-time{font-size:1.5em;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wb-atile-foot{font-size:.75em;color:var(--wb-muted)}.wb-agent-grid .wb-atile{padding:1.2em 1.3em}.wb-agent-grid .wb-atile-n{font-size:1.3em}.wb-agent-grid .wb-atile-state{font-size:1.1em}.wb-agent-grid .wb-atile-time{font-size:2.6em}.wb-agent-grid .wb-dot{width:1em;height:1em}.wb-agent-grid .wb-atile-foot,.wb-agent-grid .wb-ext{font-size:.9em}.wb-summary{display:flex;flex-wrap:wrap;gap:.8em;margin-bottom:1.2em}.wb-chip{display:inline-flex;align-items:baseline;gap:.5em;padding:.5em 1.1em;border-radius:999px;background:var(--wb-card);border:1px solid var(--wb-border);color:var(--wb-muted);font-weight:600;font-size:1.05em}.wb-chip b{font-size:1.7em;color:var(--wb-text);font-variant-numeric:tabular-nums;line-height:1}.wb-chip.st-available b{color:var(--ok)}.wb-chip.st-oncall b{color:var(--blue)}.wb-calls{overflow:hidden}.wb-calls .table-wrap{overflow-x:auto}.wb-table{width:100%;font-size:1em}.wb-table th{font-size:.72em;padding:.8em 1.1em;background:var(--th-bg);color:var(--wb-muted);letter-spacing:.08em;border-color:var(--wb-border)}.wb-table td{padding:.75em 1.1em;border-color:var(--wb-border);font-weight:500}.wb-table td.num,.wb-table th.num{text-align:right;font-variant-numeric:tabular-nums}.wb-table td.num{font-weight:700;font-size:1.15em}.wb-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--wb-muted) 6%,transparent)}.wb-table tbody tr:last-child td{border-bottom:0}.wb.kiosk .wb-table{color:var(--wb-text)}.wb.kiosk .wb-table .pill{font-size:.8em;padding:.15em .8em}.wb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}.wb-kpi{padding:1.4em 1.2em 1.5em;text-align:center;border-top:4px solid var(--wb-border)}.wb-kpi.lv-ok{border-top-color:var(--ok)}.wb-kpi.lv-warn{border-top-color:var(--warn)}.wb-kpi.lv-bad{border-top-color:var(--bad)}.wb-kpi-label{font-size:.85em;letter-spacing:.12em;text-transform:uppercase;color:var(--wb-muted);font-weight:700}.wb-kpi-val{margin-top:.15em;font-size:clamp(3.5rem,8.5vw,8.5rem);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.wb.kiosk .wb-kpi-val{font-size:clamp(4rem,9.5vw,14em)}.wb.kiosk .wb-kpi{padding:2em 1em 2.2em}.wb-split{margin-top:1em;padding:1.1em 1.5em 1.3em}.wb-split-row{display:flex;justify-content:space-between;gap:1em}.wb-split-side{display:flex;align-items:baseline;gap:.7em}.wb-split-side.right{flex-direction:row-reverse}.wb-split-key{font-size:.85em;letter-spacing:.12em;text-transform:uppercase;color:var(--wb-muted);font-weight:700}.wb-split-side b{font-size:2.4em;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wb-split-bar{margin-top:.8em;height:.8em;border-radius:999px;background:var(--pill-out-fg);overflow:hidden}.wb-split-in{height:100%;background:var(--blue);border-radius:999px;transition:width .6s ease}.wb-rotor{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;margin-top:1.8em;padding-top:.9em;border-top:1px solid var(--wb-border);font-size:.8em;color:var(--wb-muted)}.wb-rotor-cur{font-weight:700;color:var(--wb-text);text-transform:uppercase;letter-spacing:.12em}.wb-rotor-list{display:flex;gap:.4em}.wb-seg{padding:.15em .8em;border-radius:999px;font-weight:600}.wb-seg.on{background:var(--accent);color:#fff}.wb-rotor-bar{position:absolute;left:0;right:0;top:-1px;height:3px;background:transparent;overflow:hidden}.wb-rotor-fill{height:100%;width:100%;background:var(--accent);transform-origin:left;animation:wb-rotor linear forwards}@keyframes wb-rotor{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 900px){.wb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.wb-top{flex-direction:column;align-items:stretch}.wb-top-right{justify-content:space-between;gap:.6em}.wb-clock{font-size:1.25em}.wb-btn-text{display:none}.wb-queues{grid-template-columns:1fr}.wb-stat.hero .wb-val{font-size:3.6em}.wb-qsub{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.8em}.wb-kpi-val,.wb.kiosk .wb-kpi-val{font-size:3.2rem}.wb-split-side b{font-size:1.8em}.wb-agents{grid-template-columns:repeat(auto-fill,minmax(min(100%,11em),1fr))}.wb-hint{width:calc(100% - 2em);text-align:center;border-radius:12px}}.chart-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:4px 0 16px}.chart-col{display:flex;flex-direction:column;min-width:0}.chart-col .section-head{margin-top:0}@media (max-width: 860px){.chart-row{grid-template-columns:1fr}}