:root{--brand:#0d9488;--brand-strong:#0f766e;--brand-deep:#115e59;--brand-ink:#042f2e;--brand-050:#f0fdfa;--brand-100:#ccfbf1;--brand-200:#99f6e4;--brand-glow:#0d948859;--navy-900:#08192a;--navy-800:#0b2236;--navy-700:#123049;--navy-600:#1b405e;--navy-ink:#eaf2f9;--navy-muted:#97b2c9;--navy-border:#94b7d629;--bg:#eef3f8;--bg-2:#e6edf4;--surface:#fff;--surface-2:#f4f7fb;--surface-inset:#eef2f7;--border:#dce4ec;--border-strong:#c6d2de;--text:#0f2233;--text-soft:#37485a;--muted:#64788c;--ok:#15803d;--ok-bg:#dcfce7;--ok-ring:#16a34a59;--warn:#b45309;--warn-bg:#fef3c7;--warn-ring:#d9770661;--crit:#b91c1c;--crit-bg:#fee2e2;--crit-ring:#dc26266b;--info:#075985;--info-bg:#e0f2fe;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--shadow-1:0 1px 2px #0f22330f, 0 1px 3px #0f22330d;--shadow-2:0 2px 8px #0f22330f, 0 10px 28px #0f223314;--shadow-3:0 12px 32px #0f223329, 0 30px 60px #0f22331f;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-display:42px;--control-h-sm:34px;--control-h:40px;--control-h-lg:48px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.56s;--content-max:1200px;--gutter:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 100% -10%, #0d94880f, transparent 60%), radial-gradient(1000px 700px at -10% 0%, #1b405e0f, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}button{font:inherit;cursor:pointer}.tnum{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-2);z-index:100;background:var(--brand);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-2);transition:top var(--dur-2) var(--ease);padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:-56px}.skip-link:focus{top:var(--space-2)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--shadow-focus), 0 0 0 1px var(--brand);border-radius:var(--radius-sm);outline:none}.app-content:focus{box-shadow:none;outline:none}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-content{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--gutter) var(--space-9);flex:1;margin:0 auto}.page{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.page>.page-header{margin:0}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease)}.surface--pad-none{padding:0}.surface--pad-sm{padding:var(--space-3) var(--space-4)}.surface--pad-md{padding:var(--space-5)}.surface--pad-lg{padding:var(--space-6) var(--space-6) var(--space-7)}.surface--inset{background:var(--surface-2);box-shadow:none}.surface--brand{background:linear-gradient(180deg, var(--brand-050), #fff);border-color:var(--brand-200)}@media (hover:hover) and (pointer:fine){.surface--hover:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong);transform:translateY(-3px)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-base);white-space:nowrap;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:1px solid #0000;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--fs-md)}.btn--lg{height:var(--control-h-lg);padding:0 var(--space-6);font-size:var(--fs-lg)}.btn--block{width:100%}.btn--primary{background:linear-gradient(180deg, var(--brand), var(--brand-strong));color:#fff;box-shadow:0 1px 0 #ffffff40 inset, var(--shadow-1)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--brand-strong), var(--brand-deep));box-shadow:0 6px 18px var(--brand-glow)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-strong);background:var(--brand-050)}.btn--subtle{background:var(--surface-2);color:var(--text-soft)}.btn--subtle:hover:not(:disabled){background:var(--surface-inset);color:var(--text)}.btn--danger{background:var(--crit-bg);color:var(--crit);border-color:#0000}.btn--danger:hover:not(:disabled){background:#fecaca}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-sm);white-space:nowrap;padding:4px 10px;font-weight:700;line-height:1.4;display:inline-flex}.badge--ok{background:var(--ok-bg);color:var(--ok)}.badge--warn{background:var(--warn-bg);color:var(--warn)}.badge--crit{background:var(--crit-bg);color:var(--crit)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--brand{background:var(--brand-100);color:var(--brand-deep)}.badge--neutral{background:var(--surface-inset);color:var(--muted)}.badge__dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.badge__dot--live{animation:pulse-ring 1.8s var(--ease) infinite}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.page-header__title{font-size:var(--fs-2xl);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:800}.page-header__subtitle{color:var(--muted);font-size:var(--fs-base);margin:0}.page-header__actions,.toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.updated{color:var(--muted);font-size:var(--fs-md);font-variant-numeric:tabular-nums}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field--inline{align-items:center;gap:var(--space-2);flex-direction:row}.field__label{font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.field--inline .field__label{text-transform:none;letter-spacing:0}.field__hint{font-size:var(--fs-sm);color:var(--muted)}.control,.field input,.field select,.text-input{height:var(--control-h);font-size:var(--fs-base);color:var(--text);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease)}.field input:hover,.field select:hover,.text-input:hover{border-color:var(--brand)}textarea.control{height:auto;padding:var(--space-3)}.empty{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-9) var(--space-6);color:var(--muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;display:flex}.empty--inline{padding:var(--space-6);box-shadow:var(--shadow-1);border-style:solid}.empty__icon{background:var(--surface-inset);width:56px;height:56px;color:var(--brand-strong);border-radius:16px;place-items:center;font-size:26px;display:grid}.empty__title{font-size:var(--fs-lg);color:var(--text);margin:0;font-weight:700}.empty__desc{max-width:42ch;font-size:var(--fs-base);margin:0}.empty__action{margin-top:var(--space-2)}.live-value{border-radius:8px;padding:0 2px;display:inline-block}.live-value--good{animation:flash-good .95s var(--ease)}.live-value--bad{animation:flash-bad .95s var(--ease)}.live-value--pulse{animation:flash-pulse .95s var(--ease)}.skeleton{background:linear-gradient(100deg, var(--surface-inset) 30%, #e7edf3 50%, var(--surface-inset) 70%);animation:shimmer 1.3s var(--ease) infinite;background-size:200% 100%;display:block}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-base);align-items:center;gap:var(--space-2);border:1px solid #0000;font-weight:600;display:flex}.banner-error{background:var(--crit-bg);color:var(--crit);border-color:#fca5a5}.banner-warn{background:var(--warn-bg);color:var(--warn);border-color:#fcd34d}.banner-info{background:var(--info-bg);color:var(--info);border-color:#7dd3fc}.banner-ok{background:var(--ok-bg);color:var(--ok);border-color:#86efac}.topbar{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--gutter);padding-top:calc(var(--space-3) + env(safe-area-inset-top));background:radial-gradient(600px 200px at 12% -40%, #0d948847, transparent 70%), linear-gradient(180deg, var(--navy-800), var(--navy-900));border-bottom:1px solid var(--navy-border);box-shadow:0 1px 0 #0d948840, var(--shadow-2);z-index:30;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;width:40px;height:40px;box-shadow:0 0 0 1px #ffffff1f inset, 0 6px 16px var(--brand-glow);border-radius:11px;place-items:center;font-size:22px;font-weight:800;display:grid}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-weight:800;font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--navy-ink)}.brand-sub{color:var(--navy-muted);font-size:var(--fs-sm)}.topbar-tabs{gap:var(--space-1);flex:1;display:flex}.tab-link{align-items:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-sm);color:var(--navy-muted);font-weight:600;font-size:var(--fs-base);transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);text-decoration:none;display:inline-flex}.tab-link:hover{color:var(--navy-ink);background:#ffffff14}.tab-link.active{background:linear-gradient(180deg, var(--brand), var(--brand-strong));color:#fff;box-shadow:0 4px 14px var(--brand-glow)}.tab-link__short{display:none}.topbar-user{align-items:center;gap:var(--space-3);display:flex}.user-email-link{color:var(--navy-muted);font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:7px var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);text-decoration:none;overflow:hidden}.user-email-link:hover,.user-email-link.active{color:var(--navy-ink);background:#ffffff14}.topbar__signout{height:var(--control-h-sm);padding:0 var(--space-3);color:var(--navy-ink);border:1px solid var(--navy-border);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-md);transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:#ffffff0f}.topbar__signout:hover{background:#ffffff1f;border-color:#94b7d666}.summary-bar{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.summary-stat{padding:var(--space-4) var(--space-5);flex-direction:column;gap:2px;display:flex;position:relative;overflow:hidden}.summary-stat:before{content:"";background:linear-gradient(180deg, var(--brand), var(--brand-deep));opacity:.9;width:4px;position:absolute;top:0;bottom:0;left:0}.summary-value{font-size:var(--fs-3xl);letter-spacing:-.02em;color:var(--text);font-weight:800}.summary-label{color:var(--muted);font-size:var(--fs-md);font-weight:600}.summary-stat--alert:before{background:linear-gradient(180deg, var(--crit), #7f1d1d)}.attention-strip{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--crit-bg), #fff5f5);color:var(--crit);font-weight:700;font-size:var(--fs-base);animation:slide-down var(--dur-3) var(--ease-out);border:1px solid #fca5a5;display:flex}.attention-strip__icon{background:var(--crit);color:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.queue-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch;display:grid}.queue-card{gap:var(--space-4);border-left:4px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.queue-card.health-ok{border-left-color:var(--ok)}.queue-card.health-warning{border-left-color:var(--warn)}.queue-card.health-critical{border-left-color:var(--crit)}.queue-card.is-stale,.queue-grid.is-stale .queue-card{opacity:.72}.queue-card--attention{animation:attention-pulse 1s var(--ease) 3}.queue-card--attention.health-critical{--pulse-ring:var(--crit-ring)}.queue-card--attention.health-warning{--pulse-ring:var(--warn-ring)}.queue-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.queue-name{font-size:var(--fs-lg);color:var(--text);margin:0;font-weight:700}.wait-block{align-items:baseline;gap:var(--space-2);margin-top:auto;display:flex}.wait-value{font-size:var(--fs-display);letter-spacing:-.03em;color:var(--text);font-weight:800;line-height:1}.wait-value--ok{color:var(--ok)}.wait-value--warning{color:var(--warn)}.wait-value--critical{color:var(--crit)}.wait-label{color:var(--muted);font-size:var(--fs-md);font-weight:600}.metric-row{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.metric{padding:var(--space-2) var(--space-1);background:var(--surface-2);border-radius:10px;flex-direction:column;align-items:center;gap:2px;display:flex}.metric-value{font-size:var(--fs-xl);color:var(--text);font-weight:700}.metric-label{font-size:var(--fs-xs);color:var(--muted);text-align:center;font-weight:600}.agent-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.agent-connect{max-width:560px}.section-title{font-size:var(--fs-lg);margin:0 0 var(--space-3);color:var(--text);font-weight:700}.muted-note{color:var(--muted);font-size:var(--fs-md);margin:0}.call-dock{position:relative;overflow:hidden}.call-dock--active{grid-column:1/-1}.call-dock__ring{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.call-dock--incoming{border-color:var(--brand-200);background:linear-gradient(180deg, var(--brand-050), #fff)}.call-dock--incoming .call-dock__ring{box-shadow:0 0 0 0 var(--brand-glow);animation:ring-pulse 1.6s var(--ease) infinite}.call-dock--connected{background:linear-gradient(#f0fdf4,#fff);border-color:#86efac}.call-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.call-dir{text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.06em;border-radius:var(--radius-pill);padding:4px 10px;font-weight:800}.call-dir.inbound{background:var(--brand-100);color:var(--brand-deep)}.call-dir.outbound{background:var(--warn-bg);color:var(--warn)}.call-peer{font-size:var(--fs-3xl);letter-spacing:-.02em;color:var(--text);margin:var(--space-3) 0 2px;font-weight:800}.call-status{font-size:var(--fs-base);color:var(--muted);text-transform:capitalize;font-weight:600}.call-timer{font-size:var(--fs-lg);color:var(--ok);font-variant-numeric:tabular-nums;font-weight:700}.call-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.presence-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.toggle-btn{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-5);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-base);transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);display:inline-flex}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn.on{background:var(--ok-bg);color:var(--ok);border-color:#0000}.toggle-btn__dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.toggle-btn.on .toggle-btn__dot{background:var(--ok);animation:pulse-ring 1.8s var(--ease) infinite}.phone-setup{gap:var(--space-2);align-items:center;display:flex}.phone-setup .text-input{flex:1}.deskphone-current{margin:var(--space-3) 0 0;font-size:var(--fs-base);color:var(--text-soft)}.dial-display{text-align:center;width:100%;font-size:var(--fs-2xl);letter-spacing:2px;height:var(--control-h-lg);font-variant-numeric:tabular-nums}.dialpad{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.dial-key{height:56px;font-size:var(--fs-xl);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);border-radius:14px;font-weight:600}.dial-key:hover{background:var(--brand-050);border-color:var(--brand-200)}.dial-key:active{background:var(--brand-100);transform:scale(.94)}.dial-actions{gap:var(--space-3);align-items:center;display:flex}.dial-actions .call-btn{flex:1}.dial-del{width:var(--control-h-lg);height:var(--control-h-lg);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-size:var(--fs-lg);border-radius:12px;flex:none}.dial-del:hover{background:var(--surface-inset)}.conv-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.conv-item{align-items:center;gap:var(--space-3);display:flex}.conv-peer{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.chan-badge{text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.04em;border-radius:7px;padding:3px 9px;font-weight:800}.chan-chat{color:#1d4ed8;background:#dbeafe}.chan-task{background:var(--warn-bg);color:var(--warn)}.chan-voice{background:var(--ok-bg);color:var(--ok)}.ccp-host{border:0;width:0;height:0;position:absolute;left:-9999px;overflow:hidden}.ccp-host .ccp-frame{border:0;width:0;height:0}.ccp-host--panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:380px;height:600px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-3);z-index:60;flex-direction:column;display:flex;position:fixed;bottom:16px;left:auto;right:16px;overflow:hidden}.ccp-host--panel .ccp-panel-label{padding:var(--space-3) var(--space-4);font-weight:700;font-size:var(--fs-md);background:var(--brand);color:#fff}.ccp-host--panel .ccp-frame{flex:1;width:100%;height:auto}.ccp-host--panel .ccp-frame iframe{border:0;width:100%;height:100%}.segmented{background:var(--surface-inset);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.segmented__btn{align-items:center;gap:var(--space-2);height:var(--control-h-sm);padding:0 var(--space-4);color:var(--muted);font-weight:700;font-size:var(--fs-base);border-radius:var(--radius-pill);transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:none;display:inline-flex}.segmented__btn:hover{color:var(--text)}.segmented__btn.active{background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow-1)}.seg-count{font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);padding:1px 8px;font-weight:800}.segmented__btn.active .seg-count{background:var(--brand-100);color:var(--brand-deep)}.check-inline{align-items:center;gap:var(--space-2);font-size:var(--fs-base);color:var(--text-soft);cursor:pointer;font-weight:600;display:inline-flex}.check-inline input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.vm-bulkbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);transition:border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease);display:flex}.vm-bulkbar.active{border-color:var(--brand);background:var(--brand-050)}.vm-bulk-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.vm-list{gap:var(--space-3);flex-direction:column;display:flex}.vm-item{gap:var(--space-3);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);border-left:3px solid #0000;justify-content:space-between;align-items:flex-start;display:flex}.vm-item.unread{border-left-color:var(--brand)}.vm-item.selected{outline:2px solid var(--brand);outline-offset:-1px}.vm-item.is-new{animation:slide-down var(--dur-3) var(--ease-out)}.vm-check{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;flex:none;margin-top:3px}.vm-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vm-top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.vm-from{font-size:var(--fs-lg);color:var(--text);font-weight:700}.vm-unread-dot{background:var(--brand);border-radius:50%;flex:none;width:8px;height:8px}.vm-queue{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--brand-deep);background:var(--brand-050);border-radius:6px;padding:2px 8px;font-weight:800}.vm-meta{color:var(--muted);font-size:var(--fs-md);font-variant-numeric:tabular-nums}.vm-transcript{margin:var(--space-2) 0 0;color:var(--text-soft);font-size:var(--fs-base);line-height:1.45}.vm-audio{margin-top:var(--space-3);width:100%;max-width:380px}.vm-actions{gap:var(--space-2);flex-direction:column;flex:none;display:flex}.filters{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.filters .field{min-width:150px}.filters__apply{margin-left:auto}@media (width<=640px){.filters{align-items:stretch}.filters .field{flex:140px;min-width:0}.filters__apply{width:100%;margin-left:0}.filters__apply .btn{width:100%}}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap}.data-table th:first-child,.data-table td:first-child,.q-name{text-align:left;font-weight:600}.data-table thead th{color:var(--muted);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);z-index:1;position:sticky;top:0}.data-table tbody tr{transition:background var(--dur-1) var(--ease)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:none}.muted-cell{text-align:center;color:var(--muted);padding:var(--space-7)}.supervisor-grid{gap:var(--space-5);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.ccp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--space-4)}.ccp-unconfigured{color:var(--muted);font-size:var(--fs-base);line-height:1.5}.ccp-controls{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.ccp-state{font-weight:700;font-size:var(--fs-md);border-radius:var(--radius-pill);padding:5px 12px}.ccp-state-idle{background:var(--surface-inset);color:var(--muted)}.ccp-state-monitoring{background:var(--ok-bg);color:var(--ok)}.ccp-state-barged{background:var(--warn-bg);color:var(--warn)}.ccp-contact{color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.ccp-embed{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:480px;margin-top:var(--space-3);overflow:hidden}.account-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.account-claims{grid-column:1/-1}.kv{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.kv dt{color:var(--muted);font-size:var(--fs-base)}.kv dd{font-weight:600;font-size:var(--fs-base);text-align:right;margin:0}.warn-text{color:var(--warn);font-weight:700}.tab-access{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tab-access li{align-items:center;gap:var(--space-3);font-weight:600;display:flex}.tab-access .dot-mark{width:22px;height:22px;font-size:var(--fs-md);border-radius:7px;flex:none;place-items:center;display:grid}.tab-access .granted .dot-mark{background:var(--ok-bg);color:var(--ok)}.tab-access .denied{color:var(--muted);font-weight:500}.tab-access .denied .dot-mark{background:var(--surface-inset);color:var(--muted)}.claims-pre{padding:var(--space-4);background:var(--navy-900);color:#cbe7f0;border-radius:var(--radius-sm);font-size:var(--fs-sm);max-height:340px;margin:0;line-height:1.5;overflow:auto}.centered-screen{min-height:100vh;padding:var(--space-6);background:radial-gradient(900px 500px at 50% -10%, #0d948829, transparent 60%), linear-gradient(180deg, var(--navy-800), var(--navy-900));place-items:center;display:grid}.notice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--space-8);text-align:center;width:100%;max-width:460px;animation:rise-in var(--dur-4) var(--ease-out)}.notice-card h1{font-size:var(--fs-xl);margin:0 0 var(--space-2);color:var(--text)}.notice-card p{color:var(--muted);margin:0 0 var(--space-5);line-height:1.55}.notice-card .btn{margin-inline:auto}.brand-lg{margin-bottom:var(--space-5);justify-content:center}.brand-lg .brand-mark{border-radius:16px;width:56px;height:56px;font-size:30px}.brand-lg .brand-name{font-size:var(--fs-2xl);color:var(--text)}.login-tagline{font-size:var(--fs-lg)!important;color:var(--text-soft)!important}.local-login-link{margin:var(--space-4) auto 0;color:var(--muted);font-size:var(--fs-sm);background:0 0;border:0;text-decoration:underline;display:block}.local-login-link:hover{color:var(--text)}.splash{align-items:center;gap:var(--space-4);color:var(--navy-ink);flex-direction:column;display:flex}.spinner{border:3px solid #fff3;border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}.install-banner{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(560px,100% - 24px);box-shadow:var(--shadow-3);padding:var(--space-3) var(--space-4);animation:slide-up var(--dur-3) var(--ease-out);display:flex;position:fixed;transform:translate(-50%)}.install-icon{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-deep));border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:grid}.install-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.install-text strong{font-size:var(--fs-base);color:var(--text)}.install-text span{font-size:var(--fs-md);color:var(--muted)}.install-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--brand-glow)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 var(--brand-glow)}70%{box-shadow:0 0 0 16px #0000}to{box-shadow:0 0 #0000}}@keyframes attention-pulse{0%{box-shadow:0 0 0 0 var(--pulse-ring,var(--crit-ring))}60%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes flash-good{0%{background:var(--ok-bg);color:var(--ok)}to{color:inherit;background:0 0}}@keyframes flash-bad{0%{background:var(--warn-bg);color:var(--warn)}to{color:inherit;background:0 0}}@keyframes flash-pulse{0%{background:var(--brand-100)}to{background:0 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.summary-bar{grid-template-columns:repeat(2,1fr)}.supervisor-grid{grid-template-columns:1fr}}@media (width<=760px){.account-grid{grid-template-columns:1fr}}@media (width<=640px){.app-content{padding:var(--space-4) var(--space-4) calc(84px + env(safe-area-inset-bottom))}.topbar{gap:var(--space-3);flex-wrap:wrap}.brand-sub{display:none}.topbar-user .user-email-link{max-width:130px}.topbar-tabs{z-index:40;background:linear-gradient(180deg, var(--navy-800), var(--navy-900));border-top:1px solid var(--navy-border);padding:var(--space-2) var(--space-1) calc(var(--space-2) + env(safe-area-inset-bottom));justify-content:space-around;align-items:stretch;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #08192a66}.topbar-tabs .tab-link{text-align:center;font-size:var(--fs-sm);border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:44px;padding:8px 4px}.tab-link__full{display:none}.tab-link__short{display:inline}.summary-bar{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.summary-value{font-size:var(--fs-2xl)}.queue-grid,.agent-grid{grid-template-columns:1fr}.install-banner{bottom:calc(84px + env(safe-area-inset-bottom))}.vm-item{flex-direction:column}.vm-actions{flex-flow:wrap;width:100%}.vm-actions .btn{flex:1}.page-header__actions{width:100%}}@media (pointer:coarse){.btn,.toggle-btn,.segmented__btn,.tab-link,.dial-key{min-height:44px}}