:root{--color-primary: #1a55e6;--color-primary-hover: #1545c4;--color-primary-bg: #eef3ff;--color-primary-border: #bfd0ff;--color-primary-light: #4d7cf0;--color-primary-ring: rgba(26, 85, 230, .18);--color-accent: #7c3aed;--color-accent-bg: #f3edff;--color-success: #0b7a3b;--color-success-bg: #e9f7ef;--color-success-ring: rgba(11, 122, 59, .35);--color-warning: #b45309;--color-warning-bg: #fff5e6;--color-error: #c62f33;--color-error-bg: #fdeeee;--color-error-hover: #a82428;--color-text: #141b2d;--color-text-secondary: #5b6475;--color-text-tertiary: #98a1b2;--color-text-inverse: #ffffff;--color-border: #e8ebf1;--color-border-strong: #dde2ea;--color-border-input: #d9dee7;--color-switch-off: #cdd3de;--color-fill: #f7f8fb;--color-fill-hover: #f1f4f9;--color-sidebar-bg: #f9fafc;--color-sidebar-border: #eceff4;--color-sidebar-text: #3b4456;--color-sidebar-text-hover: #141b2d;--color-sidebar-active-bg: #e8efff;--color-sidebar-section: #667085;--color-bg-layout: #f3f5f9;--color-bg-container: #ffffff;--color-overlay: rgba(20, 27, 45, .36);--color-login-stage-base: #4a74a8;--color-login-scrim-strong: rgba(18, 48, 96, .52);--color-login-scrim: rgba(18, 48, 96, .24);--color-login-text-secondary: rgba(255, 255, 255, .86);--color-login-text-tertiary: rgba(255, 255, 255, .72);--shadow-login-text: 0 1px 16px rgba(18, 48, 96, .5);--login-bg-filter: saturate(.7) brightness(1.06) contrast(.94);--shadow-card: 0 1px 2px rgba(20, 27, 45, .04);--shadow-hover: 0 6px 20px rgba(20, 27, 45, .08);--shadow-pop: 0 16px 40px rgba(20, 27, 45, .14);--shadow-sticky-edge: 6px 0 8px -6px rgba(20, 27, 45, .18);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-stack: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sidebar-width: 248px;--topbar-height: 60px;--control-height: 36px;--control-height-sm: 30px;--page-gutter: 32px;--color-state-offline: #98a1b2;--color-state-available: #1baf7a;--color-state-on_break: #eda100;--color-state-ringing: #eb6834;--color-state-on_call: #2a78d6;--color-state-wrap_up: #6250d6;--screen-bg: #060f24;--screen-header-bg: #081530;--screen-panel-bg: #0b1834;--screen-panel-border: #1f3a6e;--screen-fill: #11234a;--screen-fill-hover: #183160;--screen-grid: #1b2d55;--screen-axis: #2a4272;--screen-text: #e6eeff;--screen-text-secondary: #9fb3d6;--screen-text-muted: #8a9dc0;--screen-accent: #36c6f0;--screen-accent-bg: rgba(54, 198, 240, .14);--screen-warning: #fab219;--screen-warning-bg: rgba(250, 178, 25, .12);--screen-ring-track: #17305e;--screen-shadow: 0 8px 24px rgba(0, 0, 0, .35);--screen-chart-1: #3987e5;--screen-chart-2: #d95926;--screen-chart-3: #199e70;--screen-chart-4: #c98500;--screen-chart-5: #d55181;--screen-state-offline: #7d8aa3;--screen-state-available: #199e70;--screen-state-on_break: #c98500;--screen-state-ringing: #d95926;--screen-state-on_call: #3987e5;--screen-state-wrap_up: #9085e9;--screen-map-empty: #13254a;--screen-map-border: #2d4a80;--screen-map-low: #184f95;--screen-map-high: #9ec5f4;--screen-map-hover: #36c6f0;--font-size-screen-title: 26px;--font-size-screen-hero: 34px;--font-size-screen-stat: 24px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-stack);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background:var(--color-bg-layout);font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--color-primary-bg)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.login-page{--login-ink-text: var(--color-text-inverse);--login-ink-muted: var(--color-login-text-secondary);--login-ink-faint: var(--color-login-text-tertiary);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100vh;background:var(--color-bg-container)}.login-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:44px 56px 40px;background:var(--color-login-stage-base);color:var(--login-ink-text);text-shadow:var(--shadow-login-text);overflow:hidden}.login-stage:before,.login-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.login-stage:before{z-index:-2;background:url(/assets/login-side-bg-DLvWBA53.webp) 62% center / cover no-repeat;filter:var(--login-bg-filter)}.login-stage:after{z-index:-1;background:linear-gradient(90deg,var(--color-login-scrim-strong) 0%,var(--color-login-scrim) 38%,transparent 68%),linear-gradient(180deg,var(--color-login-scrim) 0%,transparent 18%,transparent 72%,var(--color-login-scrim) 100%)}.login-stage-brand{margin:0;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.2em;color:var(--login-ink-muted)}.login-greeting{margin:0;font-size:clamp(44px,5.6vw,80px);line-height:1.2;font-weight:600;letter-spacing:.02em}.login-greeting-note{margin:20px 0 0;font-size:14px;letter-spacing:.1em;color:var(--login-ink-muted)}.login-wave{display:flex;align-items:center;gap:5px;height:52px}.login-wave-bar{flex:none;width:3px;height:100%;border-radius:2px;background:var(--color-text-inverse);opacity:.7;transform:scaleY(calc(var(--h) * .35));animation:login-wave-pulse 1.9s ease-in-out infinite;animation-delay:calc(var(--i) * -88ms)}.is-connecting .login-wave-bar{animation-duration:.7s}@keyframes login-wave-pulse{0%,to{transform:scaleY(calc(var(--h) * .35))}50%{transform:scaleY(var(--h))}}.login-duties{margin:20px 0 0;font-size:13px;letter-spacing:.14em;color:var(--login-ink-faint)}.login-side{display:flex;align-items:center;justify-content:center;padding:48px 32px}.login-card{width:384px;max-width:100%}.login-brand{margin-bottom:36px}.login-logo{display:inline-flex;margin-bottom:18px}.login-title{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.login-subtitle{margin:6px 0 0;font-size:var(--font-size-md);color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.login-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none;transition:color .2s}.login-input-wrap input{width:100%;height:44px;padding:0 14px 0 42px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);font-size:14px;color:var(--color-text);outline:none;transition:border-color .25s,box-shadow .25s}.login-input-wrap input::placeholder{color:var(--color-text-tertiary)}.login-input-wrap input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.login-input-wrap:focus-within .login-input-icon{color:var(--color-primary)}.login-options{display:flex;align-items:center;justify-content:space-between}.login-remember{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}.login-submit{height:44px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:15px;font-weight:600;letter-spacing:.3em;transition:background-color .2s,opacity .2s}.login-submit:hover:not(:disabled){background:var(--color-primary-hover)}.login-submit:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-inverse);border-radius:50%;animation:login-spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes login-spin{to{transform:rotate(360deg)}}.login-message{margin:0;padding:10px 14px;border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.login-message.error{color:var(--color-error);background:var(--color-error-bg)}.login-message.warning{color:var(--color-warning);background:var(--color-warning-bg)}.login-remember input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:860px){.login-page{grid-template-columns:minmax(0,1fr)}.login-stage{justify-content:flex-start;gap:24px;padding:28px 24px}.login-stage:before{background-position:center 38%}.login-stage:after{background:linear-gradient(180deg,var(--color-login-scrim-strong) 0%,var(--color-login-scrim) 100%)}.login-greeting{font-size:clamp(40px,12vw,60px)}.login-greeting-note{margin-top:12px}.login-wave{height:32px}.login-side{padding:36px 24px 48px}}@media(prefers-reduced-motion:reduce){.login-wave-bar{animation:none;transform:scaleY(var(--h))}}.field{display:flex;align-items:center;gap:0;min-height:36px}.field span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);flex-shrink:0;width:100px;text-align:right;padding-right:12px;line-height:36px}.field>span{align-self:flex-start}.field input,.field select,.field textarea{flex:1;min-width:0;min-height:var(--control-height);padding:0 12px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:border-color .15s,box-shadow .15s}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2398a1b2' d='M6 8.825a.5.5 0 0 1-.354-.146l-3.5-3.5a.5.5 0 1 1 .708-.708L6 7.617l3.146-3.146a.5.5 0 1 1 .708.708l-3.5 3.5A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer}.field select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f5eff' d='M6 8.825a.5.5 0 0 1-.354-.146l-3.5-3.5a.5.5 0 1 1 .708-.708L6 7.617l3.146-3.146a.5.5 0 1 1 .708.708l-3.5 3.5A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E")}.field textarea{min-height:120px;padding:8px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.field input:hover:not(:focus):not(:disabled),.field select:hover:not(:focus):not(:disabled),.field textarea:hover:not(:focus):not(:disabled){border-color:var(--color-border-strong)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--color-fill);color:var(--color-text-secondary);cursor:not-allowed}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-tertiary)}.field input[type=file]{padding:3px 12px 3px 3px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer}.field input[type=file]::file-selector-button{height:28px;margin-right:10px;padding:0 12px;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-fill);color:var(--color-text);font:inherit;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.field input[type=file]:hover:not(:disabled)::file-selector-button{border-color:var(--color-border-strong);background:var(--color-fill-hover)}.field select[multiple]{min-height:100px;padding:6px 12px;background-image:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.audio-picker{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.btn-secondary.audio-preview-btn{flex-shrink:0;gap:4px;padding:0 12px}.form-message{margin:0;padding:8px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.6}.form-message.success{color:var(--color-success);background:var(--color-success-bg)}.form-message.error{color:var(--color-error);background:var(--color-error-bg)}.form-grid+.form-message{margin-top:14px}.field-hint{margin:-6px 0 0 100px;font-size:var(--font-size-xs);line-height:1.6;color:var(--color-text-secondary);overflow-wrap:anywhere}.label-lg .field-hint{margin-left:140px}.form-grid+.field-hint{margin-top:8px}.admin-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);z-index:100}.brand-block{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;flex-shrink:0}.brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-text{min-width:0}.brand-text strong{display:block;color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em;line-height:1.25}.brand-text small{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4}.nav-list{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.nav-section+.nav-section,.nav-standalone+.nav-section,.nav-section+.nav-standalone{margin-top:14px}.nav-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-section);text-align:left;-webkit-user-select:none;user-select:none}.nav-section-header.is-static{cursor:default}.nav-section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav-section-chevron{width:14px;height:14px;opacity:0;transition:opacity .15s,transform .2s}.nav-section-header:hover .nav-section-chevron,.nav-section-header:focus-visible .nav-section-chevron,.nav-section-header.collapsed .nav-section-chevron{opacity:1}.nav-section-header.collapsed .nav-section-chevron{transform:rotate(-90deg)}.nav-section-items{display:grid;gap:2px;margin-top:2px}.nav-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:var(--radius-lg);color:var(--color-sidebar-text);font-size:var(--font-size-md);font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-item:hover{background:var(--color-fill-hover);color:var(--color-sidebar-text-hover)}.nav-item.active,.nav-item.active:hover{background:var(--color-sidebar-active-bg);color:var(--color-primary)}.nav-item-icon{width:20px;height:20px;flex-shrink:0;stroke-width:1.75}.nav-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-standalone+.nav-standalone{margin-top:2px}.sidebar-user{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--color-sidebar-border);background:var(--color-fill-hover);flex-shrink:0}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-size-md);font-weight:600;flex-shrink:0}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-meta .user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:var(--font-size-md);font-weight:600;line-height:1.3}.sidebar-user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.user-dropdown{position:absolute;right:12px;bottom:calc(100% - 6px);min-width:160px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-container);box-shadow:var(--shadow-pop);z-index:200;animation:dropdown-in .15s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-md);text-align:left;transition:background .15s,color .15s}.dropdown-item .app-icon{width:16px;height:16px;color:var(--color-text-secondary)}.dropdown-item:hover{background:var(--color-fill-hover)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:18px;flex-shrink:0;transition:background .15s,color .15s}.icon-button:hover{background:var(--color-border);color:var(--color-text)}.work-area{flex:1;min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-layout)}.topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:16px;height:var(--topbar-height);padding:0 var(--page-gutter);background:#ffffffeb;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--color-border);flex-shrink:0}.action-bar{display:flex;align-items:center;gap:8px}.topbar-action-bar{flex:1 1 auto;min-width:0;overflow:visible}.queue-waiting{display:inline-flex;align-items:center;height:36px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:13px;line-height:1;white-space:nowrap;flex-shrink:0}.queue-waiting.is-unknown{color:var(--color-text-secondary)}.action-group{display:inline-flex;align-items:center;gap:2px;height:36px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-container);flex-shrink:0}.action-bar .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:56px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.action-bar .action-btn .app-icon{width:16px;height:16px;flex-shrink:0}.action-bar .action-btn .action-label{line-height:1}.action-bar .action-btn:hover:not(:disabled){background:var(--color-fill-hover);color:var(--color-text)}.action-bar .action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.action-bar .action-btn:disabled{opacity:.4;cursor:not-allowed}.action-bar .action-login:not(:disabled){color:var(--color-success)}.action-bar .action-login:not(:disabled):hover{background:var(--color-success-bg);color:var(--color-success)}.action-bar .action-outbound:not(:disabled) .app-icon{color:var(--color-primary)}.action-bar .action-outbound:not(:disabled):hover{background:var(--color-primary-bg);color:var(--color-primary)}.action-bar .action-btn.is-processing:disabled{opacity:1;cursor:progress;background:var(--color-primary-bg);color:var(--color-primary)}.action-bar .action-outbound.is-processing .app-icon{animation:call-status-pulse-scale 1.1s ease-in-out infinite}.action-bar .action-btn.is-muted:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.action-bar .action-btn.is-muted:not(:disabled):hover{color:var(--color-error-hover)}.call-control-set{display:inline-flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}.permission-alert{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--color-warning);border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;flex-shrink:0;transition:box-shadow .15s}.permission-alert .app-icon{width:16px;height:16px;flex-shrink:0}.permission-alert:hover{box-shadow:var(--shadow-hover)}.permission-alert:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.call-status-capsule{--capsule-tone: var(--color-text-tertiary);--capsule-tone-bg: var(--color-fill);position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;max-width:380px;padding:0 4px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-container);color:var(--color-text);flex-shrink:0;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.call-status-capsule.has-diagnostics:hover,.call-status-capsule.has-diagnostics:focus-within{box-shadow:var(--shadow-hover)}.call-status-capsule.has-diagnostics .call-status-health{cursor:help}.call-status-capsule:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring)}.call-status-dot{width:8px;height:8px;border-radius:50%;background:var(--capsule-tone);flex-shrink:0}.call-status-main{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.call-status-label{font-size:var(--font-size-sm);font-weight:600;line-height:1;white-space:nowrap}.call-status-number{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--color-text);white-space:nowrap;line-height:1}.call-status-capsule.has-caller{max-width:560px}.call-status-detail{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;line-height:1}.call-status-health{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;line-height:1;white-space:nowrap}.call-status-health .health-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.call-status-health.is-good{background:var(--color-success-bg);color:var(--color-success)}.call-status-health.is-warning{background:var(--color-warning-bg);color:var(--color-warning)}.call-status-health.is-checking{background:var(--color-primary-bg);color:var(--color-primary)}.call-status-health.is-offline{background:var(--color-fill);color:var(--color-text-secondary)}.call-status-diagnostics{position:absolute;top:calc(100% + 10px);left:0;width:280px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-container);box-shadow:var(--shadow-pop);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:320}.call-status-capsule:hover .call-status-diagnostics,.call-status-capsule:focus-within .call-status-diagnostics{opacity:1;transform:translateY(0);pointer-events:auto}.diagnostics-title{margin-bottom:6px;padding:0 2px 8px;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.diagnostics-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;padding:0 2px}.diagnostics-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.diagnostics-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:var(--font-size-xs);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.diagnostics-value.is-good{color:var(--color-success)}.diagnostics-value.is-warning{color:var(--color-warning)}.diagnostics-value.is-checking{color:var(--color-primary)}.diagnostics-value.is-offline{color:var(--color-text-secondary)}.call-status-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;min-width:64px;padding:0 12px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;transition:background .15s,color .15s}.call-status-action .app-icon{width:14px;height:14px;flex-shrink:0}.call-status-action.answer{height:30px;padding:0 16px;background:var(--color-success);color:var(--color-text-inverse);font-weight:700}.call-status-action.answer .app-icon{width:16px;height:16px}.call-status-capsule.is-ringing .call-status-action.answer:not(.loading){animation:call-answer-pulse 1.2s ease-out infinite}.call-status-action.answer:hover{filter:brightness(.94)}.call-status-action.hangup{background:var(--color-error);color:var(--color-text-inverse)}.call-status-action.hangup:hover{background:var(--color-error-hover)}.call-status-action:disabled{cursor:wait}.call-status-action.loading,.call-status-action.loading:hover{background:var(--color-primary-bg);color:var(--color-primary);filter:none}.call-status-spinner,.action-bar .action-spinner{width:14px;height:14px;border:2px solid var(--color-primary-border);border-top-color:currentColor;border-radius:50%;flex-shrink:0;animation:call-status-spin .75s linear infinite}.action-bar .action-spinner{width:16px;height:16px}.call-status-capsule.is-idle{--capsule-tone: var(--color-success)}.call-status-capsule.is-offline{--capsule-tone: var(--color-text-tertiary);color:var(--color-text-secondary)}.call-status-capsule.is-ringing{--capsule-tone: var(--color-warning);max-width:440px;border-color:var(--color-warning);background:var(--color-warning-bg)}.call-status-capsule.is-ringing .call-status-dot{animation:call-status-pulse 1.2s ease-in-out infinite}.call-status-capsule.is-outgoing,.call-status-capsule.is-answering{--capsule-tone: var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-bg)}.call-status-capsule.is-outgoing .call-status-dot,.call-status-capsule.is-answering .call-status-dot{animation:call-status-pulse 1.4s ease-in-out infinite}.call-status-capsule.is-active{--capsule-tone: var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-bg)}.call-status-capsule.is-active .call-status-detail{color:var(--color-primary);font-weight:600}@keyframes call-status-spin{to{transform:rotate(360deg)}}@keyframes call-status-pulse{0%,to{box-shadow:0 0 0 0 var(--color-primary-ring);opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.6}}@keyframes call-answer-pulse{0%{box-shadow:0 0 0 0 var(--color-success-ring)}to{box-shadow:0 0 0 8px transparent}}@media(prefers-reduced-motion:reduce){.call-status-capsule.is-ringing .call-status-action.answer:not(.loading){animation:none}}@keyframes call-status-pulse-scale{0%,to{transform:translate(0);opacity:1}50%{transform:translate(1px);opacity:.72}}.view-tabs{display:flex;gap:6px;margin:-12px 0 16px;overflow-x:auto}.view-tab{display:flex;align-items:center;flex:none;max-width:200px;height:32px;padding:0 2px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text-secondary)}.view-tab.active{color:var(--color-primary);background:var(--color-primary-bg);border-color:var(--color-primary-border)}.view-tab-label,.view-tab-close{border:0;background:none;color:inherit;cursor:pointer}.view-tab-label{min-width:0;padding:0;overflow:hidden;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.view-tab-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:2px;border-radius:6px;color:var(--color-text-tertiary)}.view-tab-close:hover{background:var(--color-fill-hover);color:var(--color-text)}.view-tab-close .app-icon{width:14px;height:14px}.page-wrapper{flex:1;width:100%;max-width:none;padding:28px var(--page-gutter) 40px}.page-header{margin-bottom:20px}.page-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.page-breadcrumb-sep{width:14px;height:14px}.page-title{margin:0;color:var(--color-text);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.01em;line-height:1.3}.table-message{margin:0 0 16px;padding:10px 14px;border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.table-message.success{color:var(--color-success);background:var(--color-success-bg)}.table-message.error{color:var(--color-error);background:var(--color-error-bg)}.table-panel{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:0;overflow:hidden}.route-loading{display:flex;align-items:center;justify-content:center;min-height:240px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 24px;border-bottom:1px solid var(--color-border)}.section-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.heading-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--radius-pill);background:var(--color-fill-hover);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;font-variant-numeric:tabular-nums}.filter-select{height:34px;min-width:140px;padding:0 32px 0 12px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2398a1b2' d='M6 8.825a.5.5 0 0 1-.354-.146l-3.5-3.5a.5.5 0 1 1 .708-.708L6 7.617l3.146-3.146a.5.5 0 1 1 .708.708l-3.5 3.5A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E") no-repeat right 10px center / 12px;color:var(--color-text);font-size:var(--font-size-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.filter-select:hover{border-color:var(--color-border-strong)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.section-heading button,.heading-actions button,.heading-actions .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.section-heading button:hover:not(:disabled),.heading-actions button:hover:not(:disabled){background:var(--color-fill);border-color:var(--color-border-strong)}.section-heading .primary-button,.heading-actions .primary-button{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.section-heading .primary-button:hover:not(:disabled),.heading-actions .primary-button:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-text-inverse)}.back-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-8px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;flex-shrink:0;transition:background .15s,color .15s}.back-link .app-icon{width:18px;height:18px}.back-link:hover{background:var(--color-fill-hover);color:var(--color-text)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control-height);padding:0 16px;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}.primary-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.btn-cancel,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:0 16px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-md);font-weight:500;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.btn-cancel:hover,.btn-secondary:hover:not(:disabled){background:var(--color-fill);border-color:var(--color-border-strong);color:var(--color-text)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:10px 16px;border-bottom:1px solid var(--color-border);background:var(--color-fill);text-align:left;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}td{height:52px;padding:10px 16px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-md);color:var(--color-text);vertical-align:middle}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--color-fill)}tbody tr:last-child td{border-bottom:none}td strong{display:block;font-weight:500;color:var(--color-text)}td span{display:block;margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-left:-8px}.action-row button,.action-row a{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.action-row button:hover:not(:disabled),.action-row a:hover{background:var(--color-primary-bg)}.action-row .danger{color:var(--color-text-secondary)}.action-row .danger:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.status-button,.status-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:var(--color-fill-hover);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.status-button:before,.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill{margin-right:6px}.status-button{cursor:pointer;transition:box-shadow .15s,background .15s}.status-button:hover{box-shadow:0 0 0 1px var(--color-border-strong)}.status-button.active{background:var(--color-success-bg);color:var(--color-success)}.status-button.active:hover{box-shadow:0 0 0 1px var(--color-success)}.status-pill.available,.status-pill.published,.status-pill.open,.status-pill.completed{background:var(--color-success-bg);color:var(--color-success)}.status-pill.busy,.status-pill.failed{background:var(--color-error-bg);color:var(--color-error)}.status-pill.paused,.status-pill.archived,.status-pill.processing{background:var(--color-warning-bg);color:var(--color-warning)}.status-pill.offline,.status-pill.draft,.status-pill.closed{background:var(--color-fill-hover);color:var(--color-text-secondary)}.status-pill.recording{background:var(--color-primary-bg);color:var(--color-primary)}.recording-filter-bar,.report-filter-bar{display:flex;align-items:flex-end;gap:12px;padding:16px 24px;border-bottom:1px solid var(--color-border);background:var(--color-fill);flex-wrap:wrap}.recording-filter-bar button,.report-filter-bar>button{min-height:34px;padding:0 16px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;line-height:1;white-space:nowrap;transition:border-color .15s,background .15s}.recording-filter-bar button:hover:not(:disabled),.report-filter-bar>button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-fill)}.recording-filter-bar button.primary-button,.report-filter-bar>button.primary-button{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.recording-filter-bar button.primary-button:hover:not(:disabled),.report-filter-bar>button.primary-button:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.compact-field{display:inline-flex;flex-direction:column;gap:6px;min-width:160px}.compact-field span{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary)}.compact-field input{height:34px;padding:0 10px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.compact-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.compact-field.content-search{flex:1 1 280px;min-width:240px;max-width:420px}.search-result-tip{margin:12px 24px 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ticket-link{padding:0;border:0;background:none;color:var(--color-primary);font:inherit;cursor:pointer}.ticket-link:hover{text-decoration:underline}.row-muted{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.recording-self-check>.form-message{margin:12px 24px 0}.recording-self-check tr.selected td{background:var(--color-primary-bg)}.recording-player-body{display:flex;flex-direction:column;gap:12px}.recording-player-body audio{width:100%}.category-table td{vertical-align:middle}.cat-name{display:flex;align-items:center;gap:4px}.cat-toggle{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:12px;transition:transform .15s,background .15s}.cat-toggle:hover{background:var(--color-fill-hover)}.cat-toggle.expanded{transform:rotate(90deg)}.cat-toggle-placeholder{flex:none;width:20px;height:20px}.cat-label{font-weight:500;color:var(--color-text);font-size:var(--font-size-md);margin-top:0}.cat-count{display:inline;white-space:nowrap;font-size:var(--font-size-md);color:var(--color-text);margin-top:0}.cat-count-sub{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.field-inline input[type=checkbox]{flex:none;width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:var(--color-primary);cursor:pointer}.mono-cell{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text)}.tag-list{display:flex;flex-wrap:wrap;gap:4px;max-width:320px}.tag-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-fill-hover);white-space:nowrap}.table-empty{text-align:center;color:var(--color-text-secondary)}.empty-state{margin:24px;padding:40px;text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-fill)}.empty-state strong{display:block;font-size:15px;font-weight:600;color:var(--color-text)}.empty-state p{max-width:480px;margin:8px auto 0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-form{padding:8px 24px 24px}.group-title{display:flex;align-items:center;gap:12px;margin:28px 0 16px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.group-title:after{content:"";flex:1;height:1px;background:var(--color-border)}.panel-form>.group-title:first-child,.group-title:first-child{margin-top:16px}.form-grid{display:flex;flex-direction:column;gap:14px}.form-grid>*{flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:28px -24px -24px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-fill)}.form-actions .primary-button,.form-actions .btn-cancel{min-height:34px;font-size:var(--font-size-sm)}.table-panel>.form-actions{margin:0}.form-actions .config-meta{margin-right:auto}.switch{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-switch-off);cursor:pointer;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-bg-container);box-shadow:0 1px 2px #141b2d33;transition:transform .2s}.switch.on{background:var(--color-primary)}.switch.on:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.switch-text{margin-left:10px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:12px 24px;border-top:1px solid var(--color-border)}.pagination-total{margin-right:auto;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,color .15s}.pagination-btn:hover:not(:disabled){background:var(--color-fill-hover);color:var(--color-text)}.pagination-btn.active,.pagination-btn.active:hover{border-color:var(--color-primary-border);background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.pagination-btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-md);color:var(--color-text-secondary)}.pagination-size{margin-left:8px;height:32px;padding:0 8px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-sm);outline:none;cursor:pointer}.pagination-size:focus{border-color:var(--color-primary)}.tree-cell{display:flex;align-items:center;gap:8px}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-secondary);font-size:14px;font-weight:600;line-height:1;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.tree-toggle:hover{color:var(--color-primary);border-color:var(--color-primary-border)}.tree-toggle.expanded{color:var(--color-primary);background:var(--color-primary-bg);border-color:var(--color-primary-border)}.tree-toggle-placeholder{display:inline-block;width:22px;flex-shrink:0}.tree-level-0>td:first-child{padding-left:24px}.tree-level-1>td:first-child{padding-left:56px}.tree-level-2>td:first-child{padding-left:88px}.tree-level-1>td,.tree-level-2>td{background:var(--color-fill)}.tree-level-2 td strong{font-weight:500;font-size:var(--font-size-sm)}.knowledge-layout{display:flex;gap:16px;align-items:flex-start}.knowledge-sidebar{width:240px;flex-shrink:0;background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.knowledge-sidebar .sidebar-heading{display:flex;align-items:center;min-height:64px;padding:14px 20px;border-bottom:1px solid var(--color-border)}.knowledge-sidebar .sidebar-heading h3{margin:0;font-size:15px;font-weight:600}.category-tree{display:grid;gap:2px;padding:8px}.category-item{display:flex;align-items:center;gap:4px;min-height:36px;padding:0 12px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:background .15s,color .15s}.category-item:hover{background:var(--color-fill-hover)}.category-item.active{background:var(--color-sidebar-active-bg);color:var(--color-primary);font-weight:500}.category-child{padding-left:32px}.knowledge-content{flex:1;min-width:0}.report-shell{display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0}.report-side{width:148px;flex:none;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-container);box-shadow:var(--shadow-card)}.report-side button{display:block;width:100%;min-height:36px;padding:0 12px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer}.report-side button:hover{background:var(--color-fill-hover)}.report-side button.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.report-shell>.table-panel{flex:1;min-width:0}.report-more-row{display:flex;flex:1 0 100%;flex-wrap:wrap;align-items:flex-end;gap:12px}.report-filter-bar>button.report-more-toggle.active{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:800px){.report-shell{flex-direction:column}.report-side{display:flex;width:100%;gap:4px}.report-side button{flex:1;text-align:center}}.report-heading{flex-wrap:wrap}.report-tabs{display:inline-flex;gap:4px;max-width:100%;padding:3px;border-radius:var(--radius-md);background:var(--color-fill-hover);overflow-x:auto}.section-heading .report-tabs button{flex:none;min-height:30px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.section-heading .report-tabs button:hover:not(:disabled){background:transparent;color:var(--color-text)}.section-heading .report-tabs button.active,.section-heading .report-tabs button.active:hover:not(:disabled){background:var(--color-bg-container);color:var(--color-primary);box-shadow:var(--shadow-card);font-weight:600}.report-message{margin:12px 24px 0}.report-period{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.report-period-row{display:flex;gap:8px}.filter-select.report-period-select{min-width:96px}.compact-field.report-narrow-field{min-width:0}.compact-field.report-picker-field{width:240px;min-width:0;max-width:100%}.compact-field.report-picker-field .mp-control{min-height:34px}.report-filter-bar .multi-picker .mp-placeholder{color:var(--color-text-secondary)}.report-section-title{margin:0;padding:16px 24px 12px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.report-card-sections+.report-section-title{border-top:1px solid var(--color-border)}.report-card-sections{display:flex;flex-direction:column;gap:16px;padding:0 24px 20px}.report-overview .report-card-sections{padding-top:20px}.report-card-group-title{margin-bottom:8px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary)}.report-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.report-card{min-width:0;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-fill)}.report-card-label{overflow:hidden;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.report-card-value{margin-top:6px;overflow:hidden;font-size:var(--font-size-2xl);font-weight:600;line-height:1.25;color:var(--color-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.report-card-value.muted{color:var(--color-text-tertiary)}.report-card-value.empty{font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-secondary)}.report-cards-empty{padding:16px 0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.report-table-wrap:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.report-table td{height:44px}.report-table th.num,.report-table td.num{width:0;text-align:right;white-space:nowrap}.report-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.report-cell.is-empty{color:var(--color-text-secondary)}.report-table .sticky-col{position:sticky;z-index:1;background:var(--color-bg-container)}.report-table th.sticky-col{z-index:2;background:var(--color-fill)}.report-table tbody tr:hover td.sticky-col,.report-table .report-total-row td.sticky-col{background:var(--color-fill)}.report-table-wrap.is-scrolled .sticky-col-last{box-shadow:var(--shadow-sticky-edge)}.report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:200px;padding:32px 24px;text-align:center}.report-empty-icon{width:32px;height:32px;margin-bottom:4px;color:var(--color-text-tertiary)}.report-empty-title{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.report-empty-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-panel.report-panel{overflow:visible}.report-body{overflow:hidden;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.report-table tbody tr.stale{opacity:.55}.report-total-row td{border-top:1px solid var(--color-border-strong);border-bottom:0;background:var(--color-fill);font-weight:600}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-overlay);animation:overlay-fade-in .15s ease-out}.dialog-box{width:520px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;background:var(--color-bg-container);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);animation:dialog-fade-in .18s ease-out;overflow:hidden}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.dialog-overlay,.dialog-box{animation:none}}.dialog-header{display:flex;align-items:center;gap:10px;min-height:60px;padding:16px 24px;border-bottom:1px solid var(--color-border)}.dialog-header h3{flex:1;margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:600}.dialog-body{flex:1;padding:20px 24px;overflow-y:auto}.dialog-loading{text-align:center;color:var(--color-text-secondary);padding:24px 0}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--color-border);background:var(--color-fill)}.dialog-footer button{min-width:72px;min-height:34px;padding:0 16px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;transition:background .15s,color .15s,border-color .15s}.dialog-footer button:hover:not(:disabled){background:var(--color-fill-hover)}.dialog-footer button:last-child:not(.dialog-btn),.dialog-footer .dialog-btn.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.dialog-footer button:last-child:not(.dialog-btn):hover:not(:disabled),.dialog-footer .dialog-btn.primary:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.dialog-footer .dialog-btn.secondary{border-color:var(--color-border-input);background:var(--color-bg-container);color:var(--color-text)}.dialog-footer .dialog-btn.secondary:hover:not(:disabled){background:var(--color-fill-hover)}.dialog-footer .dialog-btn.danger-btn{border-color:var(--color-error);background:var(--color-error);color:var(--color-text-inverse)}.dialog-footer .dialog-btn.danger-btn:hover:not(:disabled){border-color:var(--color-error-hover);background:var(--color-error-hover)}.dialog-footer button:disabled{opacity:.5;cursor:not-allowed}.dialog-error{margin:14px 0 0;color:var(--color-error);font-size:var(--font-size-sm)}.app-dialog-box{width:420px}.app-dialog-message{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6;color:var(--color-text-secondary)}.dialog-title-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-bg);color:var(--color-primary);font-size:16px;flex-shrink:0}.dialer-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.dialer-display{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 8px 6px 16px;border:1px solid var(--color-border-input);border-radius:var(--radius-lg);background:var(--color-fill);transition:border-color .15s,box-shadow .15s}.dialer-display:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.dialer-display input{flex:1;min-width:0;width:100%;border:0;outline:none;background:transparent;color:var(--color-text);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.dialer-display input::placeholder{color:var(--color-text-tertiary);font-size:15px;font-weight:400}.dialer-backspace{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:18px;transition:background .15s,color .15s}.dialer-backspace:hover:not(:disabled){background:var(--color-fill-hover);color:var(--color-text)}.dialer-backspace:disabled,.dialer-key:disabled,.dialer-clear:disabled{opacity:.4;cursor:not-allowed}.dialer-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dialer-key{display:grid;place-items:center;gap:2px;min-height:56px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-container);color:var(--color-text);transition:background .12s,border-color .12s,color .12s}.dialer-key span{font-size:20px;font-weight:600;line-height:1}.dialer-key small{min-height:12px;color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1}.dialer-key:hover:not(:disabled){border-color:var(--color-primary-border);background:var(--color-primary-bg);color:var(--color-primary)}.dialer-key:active:not(:disabled){background:var(--color-sidebar-active-bg)}.dialer-clear{justify-self:center;height:28px;padding:0 12px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;transition:background .15s,color .15s}.dialer-clear:hover:not(:disabled){background:var(--color-fill-hover);color:var(--color-text)}.menu-check-tree{list-style:none;margin:0;padding:0}.menu-check-tree .menu-check-tree{margin:0;padding:0}.menu-check-item{margin:0}.menu-check-label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);-webkit-user-select:none;user-select:none}.menu-check-label:hover{background:var(--color-fill-hover)}.menu-check-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.sub-text{display:block;margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.dialog-body>.group-title:first-child,.dialog-body>form>.group-title:first-child{margin-top:0}.dialog-body>.field+.field{margin-top:14px}.dialog-body>*+.form-message{margin-top:14px}.report-col-group+.report-col-group,.report-help-group+.report-help-group{margin-top:20px}.report-col-group>.group-title,.report-help-group>.group-title{margin:0 0 8px}.report-col-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.report-col-count{flex:1;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.report-link-btn{min-height:28px;padding:0 8px;border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;transition:background .15s}.report-link-btn:hover{background:var(--color-primary-bg)}.report-col-list{margin:0;padding:0;list-style:none}.report-col-item{display:flex;align-items:center;gap:8px;border-radius:var(--radius-sm)}.report-col-item:hover{background:var(--color-fill-hover)}.report-col-check{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.report-col-toolbar .report-col-check{flex:none}.report-col-check.locked{cursor:default}.report-col-check input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--color-primary);cursor:inherit}.report-col-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-col-tag{flex:none;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-fill-hover);color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:18px}.report-col-moves{display:flex;gap:2px;padding-right:4px}.report-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);transition:background .15s,color .15s}.report-icon-btn:hover:not(:disabled){background:var(--color-bg-container);color:var(--color-primary)}.report-icon-btn:disabled{opacity:.3}.report-help-note{margin:0 0 16px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-fill);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary)}.report-help-list{margin:0}.report-help-item{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--color-border)}.report-help-item:last-child{border-bottom:0}.report-help-item dt{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.report-help-item dd{margin:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary)}.workspace{display:flex;flex-direction:column;gap:16px;height:calc(100vh - var(--topbar-height) - 210px);min-height:520px}.workspace-body{flex:1;min-height:0;display:flex;gap:16px}.workspace-left,.workspace-right{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;scrollbar-width:thin}.workspace-left{flex:1;min-width:0}.workspace-right{width:460px;flex-shrink:0}.transcript-panel,.ai-panel,.panel{flex:none;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-container);box-shadow:var(--shadow-card)}.panel h3,.ai-panel-header h3,.transcript-panel-header h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--color-text);font-size:15px;font-weight:600}.panel>h3{margin-bottom:14px}.panel-title-icon{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.panel-empty{padding:20px 0;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.call-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 var(--color-success-bg)}50%{box-shadow:0 0 0 5px transparent}}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.ai-refresh-btn{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.ai-refresh-btn:hover:not(:disabled){background:var(--color-fill);color:var(--color-text)}.ai-refresh-btn:disabled{cursor:not-allowed;opacity:.7}.ai-refresh-spinner,.ai-empty-spinner{display:inline-block;width:13px;height:13px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;vertical-align:-2px;margin-right:4px;animation:ai-spin .7s linear infinite}.ai-empty-spinner{border-color:var(--color-border-strong);border-top-color:var(--color-text-secondary)}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-suggestions{display:flex;flex-direction:column;gap:8px}.ai-card{display:flex;gap:10px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-container);font-size:var(--font-size-md);line-height:1.6}.ai-card.script{border-color:var(--color-primary-border);background:var(--color-primary-bg)}.ai-card.alert{border-color:var(--color-warning-bg);background:var(--color-warning-bg)}.ai-card-icon{flex-shrink:0;width:16px;height:16px;margin-top:4px;color:var(--color-primary)}.ai-card.alert .ai-card-icon{color:var(--color-warning)}.ai-card-text{color:var(--color-text)}.ai-empty{padding:20px 0;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.transcript-panel{display:flex;flex-direction:column}.transcript-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.transcript-live-badge,.transcript-waiting-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.transcript-live-badge{background:var(--color-error-bg);color:var(--color-error)}.transcript-waiting-badge{background:var(--color-primary-bg);color:var(--color-primary)}.transcript-waiting-spinner{display:inline-block;width:10px;height:10px;border:2px solid var(--color-primary-border);border-top-color:var(--color-primary);border-radius:50%;animation:transcript-spin .8s linear infinite}@keyframes transcript-spin{to{transform:rotate(360deg)}}.transcript-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-error);animation:transcript-live-pulse 1.4s ease-in-out infinite}@keyframes transcript-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.transcript-body{flex:1;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:var(--radius-lg);background:var(--color-fill);min-height:120px;max-height:400px;overflow-y:auto;scroll-behavior:smooth}.transcript-line{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border-radius:var(--radius-md);transition:background .2s}.transcript-line.is-live{background:var(--color-bg-container)}.transcript-speaker{flex-shrink:0;min-width:38px;padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-align:center;line-height:1.8}.transcript-line.customer .transcript-speaker{background:var(--color-primary-bg);color:var(--color-primary)}.transcript-line.agent .transcript-speaker{background:var(--color-success-bg);color:var(--color-success)}.transcript-text{font-size:var(--font-size-md);line-height:1.7;color:var(--color-text);word-break:break-all}.transcript-line.is-live .transcript-text{color:var(--color-text-secondary)}.transcript-cursor{display:inline-block;width:2px;height:14px;margin-left:1px;vertical-align:text-bottom;background:var(--color-primary);border-radius:1px;animation:transcript-blink 1s step-end infinite}@keyframes transcript-blink{0%,to{opacity:1}50%{opacity:0}}.transcript-waiting,.transcript-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:16px 0;text-align:center}.transcript-waiting{display:flex;align-items:center;justify-content:center;gap:8px}.transcript-waiting-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);animation:transcript-waiting-pulse 1.5s ease-in-out infinite}@keyframes transcript-waiting-pulse{0%,to{opacity:.3}50%{opacity:1}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;flex:none}.loading-inline{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table-loading{text-align:center;padding:32px 0}@keyframes spin{to{transform:rotate(360deg)}}.knowledge-list{display:flex;flex-direction:column;gap:8px}.knowledge-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s}.knowledge-card:hover,.knowledge-card:focus-visible{border-color:var(--color-primary-border);background:var(--color-primary-bg);outline:none}.knowledge-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.knowledge-title{font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.knowledge-score{flex:none;padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-primary-bg);color:var(--color-primary);font-size:11px;font-weight:600}.knowledge-badges{display:flex;align-items:center;gap:4px;flex:none}.knowledge-source{padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-accent-bg);color:var(--color-accent);font-size:11px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-summary{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-detail-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-overlay);outline:none}.kb-detail-modal{width:min(680px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--color-bg-container);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);overflow:hidden}.kb-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 24px 14px;border-bottom:1px solid var(--color-border)}.kb-detail-title{margin:0;font-size:17px;font-weight:600;line-height:1.4;word-break:break-word}.kb-detail-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-4px -8px 0 0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:18px;cursor:pointer;transition:background .15s,color .15s}.kb-detail-close:hover{background:var(--color-fill-hover);color:var(--color-text)}.kb-detail-meta{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px 0}.kb-detail-tag{padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-fill-hover);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.kb-detail-score{background:var(--color-primary-bg);color:var(--color-primary)}.kb-detail-source{background:var(--color-accent-bg);color:var(--color-accent)}.kb-detail-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.kb-detail-link:hover{text-decoration:underline}.kb-detail-body{flex:1;overflow-y:auto;padding:16px 24px}.kb-detail-summary{margin:0 0 14px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--color-fill);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.kb-detail-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.kb-detail-kw{padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-size-xs)}.kb-detail-content{margin:0;font-family:var(--font-stack);font-size:var(--font-size-md);line-height:1.8;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.kb-detail-empty,.kb-detail-loading,.kb-detail-error{padding:24px 0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.kb-detail-error{color:var(--color-error)}.kb-detail-spinner{display:inline-block;width:14px;height:14px;margin-right:6px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;vertical-align:-2px;animation:kb-spin .7s linear infinite}@keyframes kb-spin{to{transform:rotate(360deg)}}.kb-detail-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--color-border);background:var(--color-fill)}.kb-detail-action{min-height:34px;padding:0 16px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .15s}.kb-detail-action:hover{background:var(--color-fill-hover)}.kb-detail-enter-active,.kb-detail-leave-active{transition:opacity .2s ease}.kb-detail-enter-active .kb-detail-modal,.kb-detail-leave-active .kb-detail-modal{transition:transform .2s ease,opacity .2s ease}.kb-detail-enter-from,.kb-detail-leave-to{opacity:0}.kb-detail-enter-from .kb-detail-modal,.kb-detail-leave-to .kb-detail-modal{transform:translateY(8px) scale(.98);opacity:0}@media(max-width:1200px){.workspace-right{width:400px}}.status-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-fill-hover);white-space:nowrap}.status-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-tag.active{color:var(--color-success);background:var(--color-success-bg)}.status-tag.inactive{color:var(--color-warning);background:var(--color-warning-bg)}.config-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.error-text{color:var(--color-error)}.tts-template-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 12px;word-break:break-all}.tts-preview-result{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.tts-preview-result audio{width:100%}.nav-item-external{flex:none;width:14px;height:14px;margin-left:auto;color:var(--color-text-tertiary)}.monitor-updated{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.monitor-updated .spinner{width:12px;height:12px}.monitor-notice{display:flex;align-items:flex-start;gap:8px;margin:12px 24px 0;padding:10px 14px;border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-text);font-size:var(--font-size-sm)}.monitor-notice .app-icon{flex:none;margin-top:3px;color:var(--color-warning)}.monitor-summary{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0;padding:14px 24px;border-bottom:1px solid var(--color-border)}.monitor-summary-item dt{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.monitor-summary-item dd{margin:2px 0 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);white-space:nowrap}.monitor-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;padding:20px 24px 0}.monitor-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:12px 14px 12px 18px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-container);color:var(--color-text);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.monitor-stat:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--tone)}.monitor-stat:hover{border-color:var(--color-border-strong);background:var(--color-fill)}.monitor-stat.active{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 0 0 3px var(--color-primary-ring)}.monitor-stat-label{max-width:100%;overflow:hidden;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.monitor-stat-value{font-size:var(--font-size-2xl);font-weight:600;line-height:1.2}.report-filter-bar.monitor-filter-bar{margin-top:20px;border-top:1px solid var(--color-border)}.compact-field.monitor-search input{width:200px;max-width:100%}.agent-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;margin:0;padding:20px 24px 24px;list-style:none}.agent-card{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px 18px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-container)}.agent-card:after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--tone)}.agent-card.is-offline{background:var(--color-fill)}.agent-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.agent-card-name{min-width:0;overflow:hidden;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.agent-card-no{flex:none;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.agent-card-dept{margin-top:-6px;overflow:hidden;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.agent-card-state{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-md);background:var(--color-fill-hover)}.agent-card.is-offline .agent-card-state{background:var(--color-bg-container)}.agent-card-state-label{display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap}.agent-card-state-label small{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary)}.agent-state-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--tone)}.agent-card.is-ringing .agent-state-dot{animation:monitor-ring-pulse 1.2s ease-in-out infinite}@keyframes monitor-ring-pulse{0%,to{box-shadow:0 0 0 0 var(--tone)}50%{box-shadow:0 0 0 4px transparent}}@media(prefers-reduced-motion:reduce){.agent-card.is-ringing .agent-state-dot{animation:none}}.agent-card-timer{flex:none;font-family:var(--font-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text)}.agent-card-call{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.agent-card-call-party{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.agent-card-call-party .app-icon{flex:none;color:var(--color-text-secondary)}.agent-card-call-time{font-variant-numeric:tabular-nums}.agent-card-today{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding-top:8px;border-top:1px solid var(--color-border)}.agent-card-today dt{overflow:hidden;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.agent-card-today dd{margin:2px 0 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-table-wrap:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.monitor-table th.num,.monitor-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-table td.is-waiting{color:var(--color-warning);font-weight:600}.monitor-footnote{margin:0;padding:12px 24px 16px;border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:860px){.monitor-notice{margin:12px 16px 0}.monitor-summary{gap:8px 20px;padding:12px 16px}.monitor-stats{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:16px 16px 0}.monitor-stat-value{font-size:var(--font-size-xl)}.report-filter-bar.monitor-filter-bar{margin-top:16px}.agent-wall{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px}.monitor-footnote{padding:12px 16px}}html.screen-mode,html.screen-mode body{background:var(--screen-bg)}.screen{display:flex;flex-direction:column;min-height:100vh;background:var(--screen-bg);color:var(--screen-text)}.screen .dialog-overlay{color:var(--color-text)}.screen-header :is(button,a):focus-visible,.screen-body :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--screen-accent);outline-offset:2px}.screen-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px 16px;padding:12px 20px;border-bottom:1px solid var(--screen-panel-border);background:var(--screen-header-bg)}.screen-clock{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}.screen-clock-time{font-size:var(--font-size-2xl);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.screen-clock-date{font-size:var(--font-size-sm);color:var(--screen-text-secondary)}.screen-title{margin:0;font-size:var(--font-size-screen-title);font-weight:700;letter-spacing:.12em;line-height:1.2;text-align:center;white-space:nowrap}.screen-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.screen-range{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--screen-panel-border);border-radius:var(--radius-md);background:var(--screen-panel-bg)}.screen-range button{min-height:28px;padding:0 12px;border-radius:var(--radius-sm);background:transparent;color:var(--screen-text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.screen-range button:hover{color:var(--screen-text)}.screen-range button.active{background:var(--screen-accent-bg);color:var(--screen-accent);font-weight:600}.screen-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;min-height:34px;padding:0 12px;border:1px solid var(--screen-panel-border);border-radius:var(--radius-md);background:var(--screen-panel-bg);color:var(--screen-text);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.screen-btn:hover{border-color:var(--screen-accent);background:var(--screen-fill-hover);color:var(--screen-text)}.screen-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 20px 0}.screen-status-line{font-size:var(--font-size-xs);color:var(--screen-text-muted)}.screen-notice{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--screen-warning);border-radius:var(--radius-sm);background:var(--screen-warning-bg);color:var(--screen-warning);font-size:var(--font-size-xs)}.screen-notice .app-icon{flex:none}.screen-loading{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:var(--screen-text-secondary);font-size:var(--font-size-sm)}.screen-loading .spinner{border-color:var(--screen-panel-border);border-top-color:var(--screen-accent)}.screen-body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 20px 20px}.screen-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-content:start;gap:12px;min-width:0}.screen-panel{display:flex;flex-direction:column;min-width:0;padding:12px 16px 14px;border:1px solid var(--screen-panel-border);border-radius:var(--radius-lg);background:var(--screen-panel-bg);box-shadow:var(--screen-shadow);transition:opacity .2s}.screen-panel.is-pending,.screen-ring-item.is-pending{opacity:.55}.screen-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:8px}.screen-panel-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 8px;padding-left:10px;border-left:3px solid var(--screen-accent);font-size:var(--font-size-lg);font-weight:600;line-height:1.3;color:var(--screen-text)}.screen-panel-head .screen-panel-title{margin-bottom:0}.screen-panel-title small{font-size:var(--font-size-xs);font-weight:400;color:var(--screen-text-muted)}.screen-empty{display:flex;flex:1;align-items:center;justify-content:center;min-height:72px;font-size:var(--font-size-sm);color:var(--screen-text-muted);text-align:center}.screen-chart,.screen-chart-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.screen-chart-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--screen-text-muted);pointer-events:none}.screen-chart-box{position:relative;flex:1;min-height:200px}.screen-duty{display:grid;gap:8px;margin:0}.screen-duty>div{display:flex;align-items:baseline;gap:12px}.screen-duty dt{flex:none;font-size:var(--font-size-sm);color:var(--screen-text-secondary)}.screen-duty dd{min-width:0;margin:0;font-size:var(--font-size-md);font-weight:500;overflow-wrap:anywhere}.screen-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.screen-hero-stats>div{min-width:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--screen-fill);container-type:inline-size}.screen-hero-stats dt{font-size:var(--font-size-xs);color:var(--screen-text-secondary)}.screen-hero-stats dd{margin:4px 0 0;font-size:clamp(var(--font-size-xl),22cqi,var(--font-size-screen-hero));font-weight:700;line-height:1.15;color:var(--screen-accent);font-feature-settings:normal;overflow-wrap:anywhere}.screen-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0}.screen-mini-stats dt{font-size:var(--font-size-xs);color:var(--screen-text-secondary)}.screen-mini-stats dd{margin:2px 0 0;font-size:var(--font-size-lg);font-weight:600}.screen-donut-block{display:flex;flex:1;align-items:center;gap:16px;min-height:0}.screen-donut{position:relative;flex:none;width:164px;aspect-ratio:1}.screen-donut.is-small{width:128px}.screen-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.screen-donut-value{font-size:var(--font-size-screen-stat);font-weight:700;line-height:1.1;font-feature-settings:normal}.screen-donut-label{margin-top:2px;font-size:var(--font-size-xs);color:var(--screen-text-secondary)}.screen-legend{display:grid;flex:1;gap:6px;min-width:0;margin:0;padding:0;list-style:none}.screen-legend li{display:flex;align-items:center;gap:8px;min-width:0;font-size:var(--font-size-sm)}.screen-legend-swatch{flex:none;width:10px;height:10px;border-radius:3px}.screen-legend-line{flex:none;width:14px;height:3px;border-radius:var(--radius-pill)}.screen-legend-name{flex:1;min-width:0;overflow:hidden;color:var(--screen-text-secondary);text-overflow:ellipsis;white-space:nowrap}.screen-legend-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.screen-legend-value small{margin-left:6px;font-size:var(--font-size-xs);font-weight:400;color:var(--screen-text-muted)}.screen-legend-total{margin-top:2px;padding-top:6px;border-top:1px solid var(--screen-grid)}.screen-inline-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;font-size:var(--font-size-xs);color:var(--screen-text-secondary)}.screen-inline-legend li{display:inline-flex;align-items:center;gap:6px}.screen-table-wrap{flex:1;min-height:0;overflow:auto}.screen-table{width:100%;table-layout:fixed;border-collapse:collapse}.screen-table th{position:sticky;top:0;padding:6px 8px;border-bottom:1px solid var(--screen-grid);background:var(--screen-fill);color:var(--screen-text-secondary);font-size:var(--font-size-xs);font-weight:500}.screen-table th:first-child{width:34%}.screen-table td{height:auto;padding:7px 8px;border-bottom:1px solid var(--screen-grid);color:var(--screen-text);font-size:var(--font-size-sm)}.screen-table th:first-child,.screen-table td:first-child{padding-left:8px}.screen-table th:last-child,.screen-table td:last-child{padding-right:8px}.screen-table tbody tr:hover{background:var(--screen-fill-hover)}.screen-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.screen-table td.is-waiting{color:var(--screen-warning);font-weight:600}.screen-table-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-map{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0}.screen-map-canvas{position:relative;flex:1;min-height:320px}.screen-map-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px}.screen-map-legend{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--screen-text-secondary)}.screen-map-scale{width:120px;height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--screen-map-low),var(--screen-map-high))}.screen-map-meta{font-size:var(--font-size-xs);color:var(--screen-text-muted)}.screen-rings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.screen-ring-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;transition:opacity .2s}.screen-ring{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,100px);aspect-ratio:1}.screen-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.screen-ring-track,.screen-ring-fill{fill:none;stroke-width:10}.screen-ring-track{stroke:var(--screen-ring-track)}.screen-ring-fill{stroke:var(--screen-accent);transition:stroke-dasharray .6s ease}.screen-ring-value{position:relative;font-size:var(--font-size-xl);font-weight:700;line-height:1.1;font-feature-settings:normal}.screen-ring-label{font-size:var(--font-size-xs);color:var(--screen-text-secondary);text-align:center}.screen-rank,.screen-knowledge{display:grid;align-content:start;gap:5px;min-height:0;margin:0;padding:0;overflow:auto;list-style:none}.screen-rank li{display:grid;grid-template-columns:20px 4.5em minmax(0,1fr) auto 4.2em;align-items:center;gap:8px;min-height:22px;font-size:var(--font-size-sm)}.screen-rank-no,.screen-knowledge-no{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);background:var(--screen-fill);color:var(--screen-text-secondary);font-size:var(--font-size-xs);font-weight:600}.screen-rank li:nth-child(-n+3) .screen-rank-no,.screen-knowledge-no.top{background:var(--screen-accent-bg);color:var(--screen-accent)}.screen-rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-rank-bar{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--screen-ring-track)}.screen-rank-bar i{display:block;height:100%;border-radius:inherit;background:var(--screen-chart-1);transition:width .4s ease}.screen-rank-count{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.screen-rank-share{font-size:var(--font-size-xs);color:var(--screen-text-muted);text-align:right;font-variant-numeric:tabular-nums}.screen-knowledge li{display:flex;align-items:center;gap:10px;min-width:0;padding:3px 8px;border-radius:var(--radius-md);background:var(--screen-fill);font-size:var(--font-size-sm)}.screen-knowledge-no{flex:none;background:var(--screen-panel-bg)}.screen-knowledge-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-knowledge-count{flex:none;font-size:var(--font-size-xs);color:var(--screen-text-secondary);font-variant-numeric:tabular-nums}.screen-duty-dialog .dialog-box,.screen-duty-dialog .dialog-body{overflow:visible}.screen-duty-dialog .dialog-footer{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.screen-duty-form{display:grid;gap:14px}@media(min-width:1280px){.screen-body{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr)}.screen-col{display:flex;flex-direction:column}}@media(min-width:1280px)and (min-height:760px){.screen{height:100vh;overflow-y:auto}.screen-body{flex:1;min-height:0}.screen-col{min-height:0}.screen-panel-auto{flex:none}.screen-panel-grow{flex:1 1 0}.screen-panel-scroll{flex:1 1 0;min-height:140px}.screen-panel-map{flex:2.4 1 0;min-height:320px}.screen-panel-trend{flex:1 1 0;min-height:150px}.screen-map-canvas{min-height:0}.screen-chart-box{min-height:120px}}@media(max-width:860px){.screen-header{grid-template-columns:minmax(0,1fr);justify-items:center;padding:12px 16px;text-align:center}.screen-title{grid-row:1;font-size:var(--font-size-2xl);letter-spacing:.06em}.screen-clock,.screen-actions{justify-content:center}.screen-status{padding:8px 16px 0}.screen-body{padding:12px 16px 16px}.screen-map-canvas{min-height:260px}}@media(max-width:480px){.screen-panel{padding:12px}.screen-donut-block{gap:12px}.screen-rank li{grid-template-columns:20px 3.5em minmax(0,1fr) auto 3.8em;gap:6px}}td.empty-cell{text-align:center;color:var(--color-text-secondary)}.field span.req:after{content:" *";color:var(--color-error)}.cell-ellipsis{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-lg .field span,.label-lg .field>span{width:140px;white-space:nowrap;flex:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1280px){:root{--page-gutter: 24px}.call-status-capsule{max-width:300px}.call-status-detail{max-width:72px}.action-bar .action-btn{min-width:34px;padding:0 8px}.action-bar .action-btn .action-label{display:none}.permission-alert{padding:0 10px}.permission-alert-label{display:none}}@media(max-width:1100px){:root{--sidebar-width: 220px;--page-gutter: 20px}.call-status-health span:not(.health-dot){display:none}}@media(max-width:860px){:root{--page-gutter: 16px}.admin-shell{flex-direction:column}.sidebar{position:sticky;top:0;width:100%;height:auto;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--color-sidebar-border)}.brand-block{padding:10px 12px}.brand-text{display:none}.nav-list{flex:1;min-width:0;display:flex;align-items:center;gap:2px;padding:6px 4px;overflow-x:auto;overflow-y:hidden}.nav-section,.nav-section-items{display:contents}.nav-section-header{display:none}.nav-section+.nav-section,.nav-standalone+.nav-section,.nav-section+.nav-standalone{margin-top:0}.nav-item{flex:none;min-height:36px;gap:6px;white-space:nowrap}.sidebar-user{padding:8px 12px;border-top:0;border-left:1px solid var(--color-sidebar-border);background:transparent}.sidebar-user-meta{display:none}.user-dropdown{top:calc(100% + 4px);bottom:auto}.work-area{margin-left:0}.topbar{position:static;height:auto;min-height:var(--topbar-height);padding:8px var(--page-gutter)}.topbar-action-bar,.call-control-set{flex-wrap:wrap;flex-shrink:1;min-width:0}.call-status-capsule{max-width:100%;min-width:0}.call-status-diagnostics{left:auto;right:0;width:min(280px,calc(100vw - 32px))}.page-title{font-size:20px}.section-heading{flex-wrap:wrap;padding:12px 16px}.workspace{height:auto}.workspace-body,.knowledge-layout{flex-direction:column;align-items:stretch}.workspace-right,.knowledge-sidebar{width:100%}.field{flex-wrap:wrap}.field span,.label-lg .field>span{width:100%;text-align:left;line-height:1.6;padding:0 0 4px}.field-hint,.label-lg .field-hint{margin-left:0}.report-filter-bar{padding:12px 16px}.report-card-sections{gap:12px;padding:0 16px 16px}.report-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.report-overview .report-card-sections{padding-top:16px}.report-section-title{padding:14px 16px 10px}.report-message{margin:12px 16px 0}.report-card-value{font-size:var(--font-size-xl)}.report-help-item{grid-template-columns:minmax(0,1fr);gap:4px}.table-wrap>table{min-width:720px}.work-area,.page-wrapper{min-width:0;max-width:100vw}}