:root{color-scheme:light;--bg: #f2f6fc;--surface: #ffffff;--surface-soft: #f7f9fb;--text: #222222;--muted: #6c6c6c;--line: #d9dfe7;--accent: #0082c9;--accent-strong: #006aa3;--accent-bg: #e8f4fb;--accent-border: rgba(0, 130, 201, .4);--danger: #e9322d;--ok: #2d7a3a;--ok-bg: #ecfdf3;--ok-border: #abefc6;--shadow: 0 10px 30px rgba(0, 0, 0, .06);--backdrop: rgba(15, 23, 42, .22);--backdrop-light: rgba(15, 23, 42, .12);--radius: 8px;--topbar-bg: rgba(16, 24, 32, .94);--topbar-text: #f8fafc;--topbar-muted: rgba(248, 250, 252, .72);--topbar-divider: rgba(255, 255, 255, .16);--topbar-btn-bg: rgba(255, 255, 255, .08);--topbar-btn-border: rgba(255, 255, 255, .14);--topbar-btn-hover: rgba(255, 255, 255, .14);--btn-hover-bg: #edf4fb;--btn-hover-border: #b4c2cc}[data-theme=dark]{color-scheme:dark;--bg: #1e1e1e;--surface: #2a2a2a;--surface-soft: #303030;--text: #d8d8d8;--muted: #909090;--line: #3d3d3d;--accent: #0082c9;--accent-strong: #006aa3;--accent-bg: #1a2d3d;--accent-border: rgba(0, 130, 201, .5);--danger: #e9322d;--ok: #46ba61;--ok-bg: #0d2b18;--ok-border: #1f5c30;--shadow: 0 10px 30px rgba(0, 0, 0, .32);--backdrop: rgba(0, 0, 0, .5);--backdrop-light: rgba(0, 0, 0, .28);--radius: 8px;--topbar-bg: rgba(10, 10, 14, .96);--topbar-text: #f8fafc;--topbar-muted: rgba(248, 250, 252, .68);--topbar-divider: rgba(255, 255, 255, .1);--topbar-btn-bg: rgba(255, 255, 255, .06);--topbar-btn-border: rgba(255, 255, 255, .1);--topbar-btn-hover: rgba(255, 255, 255, .12);--btn-hover-bg: #363636;--btn-hover-border: #505050}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #1e1e1e;--surface: #2a2a2a;--surface-soft: #303030;--text: #d8d8d8;--muted: #909090;--line: #3d3d3d;--accent: #0082c9;--accent-strong: #006aa3;--accent-bg: #1a2d3d;--accent-border: rgba(0, 130, 201, .5);--danger: #e9322d;--ok: #46ba61;--ok-bg: #0d2b18;--ok-border: #1f5c30;--shadow: 0 10px 30px rgba(0, 0, 0, .32);--backdrop: rgba(0, 0, 0, .5);--backdrop-light: rgba(0, 0, 0, .28);--topbar-bg: rgba(10, 10, 14, .96);--topbar-text: #f8fafc;--topbar-muted: rgba(248, 250, 252, .68);--topbar-divider: rgba(255, 255, 255, .1);--topbar-btn-bg: rgba(255, 255, 255, .06);--topbar-btn-border: rgba(255, 255, 255, .1);--topbar-btn-hover: rgba(255, 255, 255, .12);--btn-hover-bg: #363636;--btn-hover-border: #505050}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,.button{min-height:38px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;padding:8px 12px}button:hover:not(:disabled),.button:hover{border-color:var(--btn-hover-border);background:var(--btn-hover-bg)}button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:8px 10px}.app-shell{min-height:100vh}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.muted{color:var(--muted)}.error-text{color:var(--danger)}button.is-active,.button.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.advisor-shell{min-height:100vh;background:var(--bg)}.advisor-topbar{min-height:64px;padding:0 18px;background:var(--topbar-bg);color:var(--topbar-text);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--topbar-divider)}.advisor-brand{display:flex;align-items:center;gap:12px;min-width:0}.advisor-brand-name{font-size:20px;font-weight:800;line-height:1;color:var(--topbar-text)}.advisor-brand-logo{width:78px;height:34px;object-fit:contain;display:block}.advisor-brand h1{margin:0;font-size:26px;color:var(--topbar-text)}.advisor-topbar-divider{width:1px;height:28px;background:var(--topbar-divider);flex:0 0 auto}.advisor-subtitle{color:var(--topbar-muted);font-size:14px}.advisor-topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.advisor-user-name{font-weight:700;color:var(--topbar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.advisor-status-button{min-height:38px;border-radius:8px;border:1px solid var(--topbar-btn-border);background:var(--topbar-btn-bg);color:var(--topbar-text);padding:8px 12px;font:inherit;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.advisor-status-button:hover:not(:disabled){background:var(--topbar-btn-hover)}.agent-eyebrow{color:var(--topbar-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.advisor-main{position:relative;width:calc(100% - 16px);margin:14px auto 24px;display:grid;gap:14px}.advisor-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.5fr) minmax(300px,380px);gap:14px;align-items:start}.advisor-center{display:grid;gap:14px}.agent-banner{border:1px solid rgba(233,50,45,.3);background:#e9322d0f;color:var(--danger);border-radius:8px;padding:12px 14px;display:grid;gap:4px}.queue-panel .calls-body{max-height:calc(100vh - 166px);overflow-y:auto}.dialpad-panel{align-self:stretch;display:flex;flex-direction:column}.dialpad-panel .call-control-body{flex:1;display:flex;align-items:center;justify-content:center;max-height:calc(100vh - 166px);overflow-y:auto}.agent-menu-panel{position:fixed;top:90px;right:16px;width:min(360px,calc(100vw - 32px));z-index:20}.agent-status-panel{position:fixed;top:90px;right:72px;width:min(320px,calc(100vw - 32px));z-index:20}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:grid;place-items:center;padding:24px;z-index:40}.admin-modal-card{width:min(32rem,100%);padding:18px;display:grid;gap:16px}.admin-confirm-card{width:min(30rem,100%)}.transfer-modal-card{width:min(34rem,100%)}.direct-transfer-backdrop{background:var(--backdrop)}.direct-transfer-card{width:min(26rem,calc(100vw - 32px));aspect-ratio:1;padding:22px;display:grid;align-content:space-between;gap:18px}.direct-transfer-header{display:flex;align-items:flex-start;gap:12px}.direct-transfer-header h3{margin:2px 0 0;font-size:24px}.direct-transfer-details{display:grid;gap:12px}.direct-transfer-details>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.direct-transfer-details span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.direct-transfer-details strong{color:var(--text);overflow-wrap:anywhere}.direct-transfer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.admin-confirm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-confirm-header h3,.admin-inline-note p,.admin-inline-note strong,.admin-confirm-message{margin:0}.admin-confirm-message{color:var(--text);line-height:1.5}.admin-inline-note{padding:14px;display:grid;gap:6px;background:var(--surface-soft)}.transfer-call-summary{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted)}.transfer-call-summary strong{color:var(--text);text-align:right;overflow-wrap:anywhere}.transfer-target-list{display:grid;gap:8px;max-height:220px;overflow-y:auto}.transfer-target-option{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.transfer-target-option:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.transfer-target-option strong{font-size:13px;font-weight:700;text-align:right;overflow-wrap:anywhere}.transfer-status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.transfer-status-pill.is-available{color:#166534;border-color:#abefc6;background:#ecfdf3}.transfer-status-pill.is-in-call{color:#991b1b;border-color:#fecaca;background:#fef2f2}.transfer-status-pill.is-busy{color:#a16207;border-color:#fde68a;background:#fffbeb}.transfer-status-pill.is-after-call-work{color:#6d28d9;border-color:#7c3aed3d;background:#7c3aed1f}.transfer-status-pill.is-offline{color:#475467;border-color:#d0d5dd;background:#f2f4f7}.transfer-dialpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.transfer-dialpad button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-weight:800;cursor:pointer}.transfer-dialpad button:hover{background:var(--btn-hover-bg)}.mfa-qr-card{display:grid;place-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.mfa-qr-image{width:min(192px,100%);aspect-ratio:1;display:block}.mfa-secret-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.mfa-secret-input,.mfa-secret-textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;overflow-wrap:anywhere;word-break:break-word;overflow:hidden}.mfa-secret-input{min-height:40px}.mfa-secret-textarea{resize:vertical;white-space:pre-wrap}.mfa-secret-row>.secondary-button{justify-self:end}.admin-form-grid{display:grid;gap:12px}.admin-form-field{display:grid;gap:6px}.admin-inline-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.admin-icon-button{min-width:36px;width:36px;height:36px;padding:0}.agent-menu-body{display:grid;gap:14px}.agent-theme-row{display:grid;gap:8px}.agent-theme-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.agent-theme-buttons button{min-height:32px;font-size:13px;padding:6px 4px;text-align:center}.status-summary,.status-extend-block,.status-options{display:grid;gap:10px}.status-summary-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-option-button{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit;display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.status-display-card{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;display:inline-flex;align-items:center;gap:10px;box-sizing:border-box}.status-option-button:hover:not(:disabled){background:var(--btn-hover-bg)}.status-option-button.secondary{background:var(--surface-soft);color:var(--text)}.status-option-button:disabled{cursor:not-allowed;opacity:.6}.agent-note{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2{margin:0;font-size:18px}.panel-body{padding:18px}.connection-indicator{display:flex;align-items:center;gap:10px;color:var(--topbar-text);font-size:14px}.dot{width:10px;height:10px;border-radius:999px;background:#d97706}.dot.connected{background:#16a34a}.dot.disconnected{background:#b91c1c}.dot.presence-busy{background:#d97706}.dot.presence-after-call-work{background:#7c3aed}.dot.presence-in-call{background:#dc2626}.call-grid{display:grid;gap:14px}.call-control-body{display:grid}.call-control-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:14px;display:grid;gap:12px;width:100%}.call-control-number-field input{font-size:16px;font-weight:800}.call-control-dialpad{width:min(280px,100%);margin-inline:auto}.call-control-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(280px,100%);margin-inline:auto}.call-control-primary-actions button{min-width:0}.outbound-dial-button{width:100%}.call-control-suggestions{max-height:180px;overflow-y:auto}.call-control-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.call-control-actions button{min-width:0;padding-inline:8px}.call-control-call-picker{display:flex;flex-wrap:wrap;gap:6px}.call-control-call-picker button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:6px 9px;font:inherit;font-size:12px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.call-control-call-picker button.is-selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.active-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.call-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface);display:grid;gap:12px}.call-card.is-active{background:var(--surface-soft);border-color:var(--line);box-shadow:inset 0 1px #ffffff0f}.call-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.call-id{font-weight:800;overflow-wrap:anywhere}.call-time{color:var(--muted);font-size:13px}.call-route{display:grid;gap:8px;color:var(--muted);font-size:14px}.call-route strong{color:var(--text);overflow-wrap:anywhere}.call-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:2px}.pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}.pill.after-call-work{background:#7c3aed1f;border-color:#7c3aed3d;color:#6d28d9}.pill.ok{color:#166534;border-color:#abefc6;background:#ecfdf3}.pill.warn{color:#a16207;border-color:#fde68a;background:#fffbeb}.primary-button,.secondary-button,.danger-button,.icon-button{min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 12px;font:inherit;cursor:pointer}.primary-button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--text)}.danger-button:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;color:#fff}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.danger-button{background:#dc2626;border-color:#dc2626;color:#fff;font-weight:600}.icon-button{width:38px;min-width:38px;padding:0;font-size:18px}button:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 10px;font:inherit}.meta-list{display:grid;gap:8px}.meta-item{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted)}.meta-item strong{color:var(--text);text-align:right;overflow-wrap:anywhere}.details-block{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px 12px}.details-block summary{cursor:pointer;font-weight:700}.details-block .meta-list{margin-top:12px}.stacked-actions{display:grid;gap:10px}.agent-error{color:var(--danger);font-size:13px}.agent-log{display:grid;gap:8px;max-height:340px;overflow-y:auto}.log-line{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:start;font-size:13px;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line)}.empty-state{min-height:220px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px;background:var(--surface-soft);text-align:center;padding:24px}.empty-state.small{min-height:120px}.agent-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.agent-login-card{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.agent-login-header h1{margin:4px 0 0}.agent-login-header .agent-eyebrow{color:var(--muted)}.agent-login-form{display:grid;gap:14px}@media (max-width: 1024px){.advisor-layout{grid-template-columns:1fr}.queue-panel .calls-body,.dialpad-panel .call-control-body{max-height:none}.dialpad-panel{align-self:auto}}@media (max-width: 720px){.advisor-topbar{padding:12px;align-items:stretch;flex-direction:column}.advisor-brand{justify-content:space-between}.advisor-topbar-actions{width:100%;justify-content:space-between}.advisor-user-name{max-width:min(42vw,180px)}.advisor-main{width:min(100%,calc(100% - 16px));margin:12px auto 20px}.agent-menu-panel,.agent-status-panel{top:110px;right:8px;width:calc(100vw - 16px)}}