:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-raised: #fbfcfe;--surface-selected: #eaf4ff;--sidebar: #061b34;--sidebar-raised: #0b2f57;--text: #172033;--text-secondary: #31415b;--muted: #647087;--subtle: #8a94a7;--line: #cbd5e1;--line-strong: #b8c5d6;--scrollbar-size: 6px;--scrollbar-thumb: rgb(100 116 139 / 48%);--scrollbar-thumb-hover: rgb(100 116 139 / 72%);--blue: #0b74ff;--blue-dark: #075bd1;--teal: #0eaa84;--green: #18b66d;--amber: #ff9b22;--red: #ef3f46;--violet: #6d5dfc;--shadow: 0 14px 34px rgba(22, 35, 58, .08);--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 5px;--radius: 7px;--radius-lg: 8px;--radius-full: 999px;--control-height: 36px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--blue)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent}*:is(:hover,:focus-within){scrollbar-color:var(--scrollbar-thumb) transparent}@supports selector(::-webkit-scrollbar){*,*:is(:hover,:focus-within){scrollbar-width:auto;scrollbar-color:auto}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:var(--radius-full);background:transparent;background-clip:padding-box}*:is(:hover,:focus-within)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-hover)}}@media(forced-colors:active){:root,:root .sidebar{--scrollbar-thumb: CanvasText;--scrollbar-thumb-hover: Highlight}}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.64}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--theme-surface-raised, #e9eef6) 25%,var(--theme-surface-raised, #f6f9fd) 50%,var(--theme-surface-raised, #e9eef6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;color:transparent;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.spin,.skeleton{animation:none}}@media(max-width:1180px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.brand-mark{margin-inline:auto}.nav-item{justify-content:center;padding:0}.nav-item span,.operator-card div,.operator-card>svg{display:none}.operator-card{display:flex;justify-content:center}.cockpit{grid-template-columns:minmax(250px,310px) minmax(420px,1fr)}.customer-panel{display:none}.ops-layout,.reports-layout,.settings-layout,.integration-layout,.quality-layout,.automation-layout,.audit-layout,.automation-insight-grid{grid-template-columns:1fr}.chat-action-menu,.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-state-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-row{grid-template-columns:minmax(220px,1fr) minmax(140px,.55fr) minmax(112px,.45fr)}.topic-routing{grid-column:1 / 3}.topic-actions{grid-column:3;justify-content:flex-start}.role-table{overflow-x:auto}.operator-table{overflow-x:visible}.operator-row{grid-template-areas:"presence name status" ". duration duration" ". meter load" ". time sla" ". channels channels";grid-template-columns:12px minmax(0,1fr) minmax(76px,auto);gap:8px 10px;min-width:0;min-height:0;padding-block:12px}.operator-row .operator-presence{grid-area:presence}.operator-row .operator-name-cell{grid-area:name}.operator-row .operator-status{grid-area:status;justify-self:end}.operator-row .operator-status-duration{grid-area:duration;font-size:12px}.operator-row .load-meter{grid-area:meter}.operator-row .operator-load{grid-area:load;justify-self:end}.operator-row .operator-time{grid-area:time}.operator-row .operator-sla{grid-area:sla;justify-self:end}.operator-row .mini-channel-list{grid-area:channels}.role-head,.role-row{min-width:720px}}@media(max-width:1100px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;padding:8px}.brand-mark{margin:0}.nav-list{display:flex;flex-wrap:wrap;overflow:visible}.nav-item{flex:0 0 42px;min-width:42px}.operator-card{display:none}.workspace{grid-template-rows:auto auto;height:auto;overflow:visible}.product-screen{height:auto;min-height:calc(100vh - 70px);padding:14px}.product-header{align-items:flex-start;flex-direction:column;gap:12px}.product-actions{width:100%;justify-content:flex-start}.product-actions button,.product-actions select,.screen-toolbar button,.inline-select,.primary-action{min-width:0}.topbar{flex-wrap:wrap;gap:10px;padding-block:10px}.topbar-left,.topbar-right,.topbar-route-actions{flex:1 1 100%;flex-wrap:wrap}.ghost-action{flex:1 1 96px;justify-content:center}.role-switcher,.topbar-access-note{max-width:100%}.topbar-access-note{flex:1 1 100%;white-space:normal}.topbar-left .status-select,.topbar-route-actions .ghost-action:not(.service-admin-entry),.topbar-right>.icon-button{display:none}.topbar-left{flex:0 1 auto}.topbar-right{display:grid;flex:0 0 auto;grid-template-columns:38px 38px 38px;justify-content:flex-end;justify-items:center;gap:8px;min-width:0}.topbar-route-actions{display:grid;flex:0 0 38px;grid-template-columns:38px;width:38px;min-width:38px}.notification-center{width:38px;min-width:38px}.notification-center .icon-button{width:38px;height:38px}.role-switcher{max-width:min(190px,100%)}.ghost-action,.quick-action{flex:0 0 38px;justify-content:center;width:38px;min-width:38px;gap:0;padding:0;font-size:0}.ghost-action svg,.quick-action svg{flex-shrink:0}.quick-action svg:last-child{display:none}.queue-filter-panel{grid-template-columns:1fr}.queue-filter-reset{width:100%}.cockpit{grid-template-columns:1fr}.conversation-list,.chat-pane{min-height:560px}.conversation-list{border-bottom:1px solid var(--line)}.chat-pane{grid-template-rows:auto auto auto minmax(360px,1fr) auto}.chat-header{grid-template-columns:1fr auto;grid-template-areas:"identity actions" "context context";padding-inline:12px}.status-select-inline,.topic-select{width:100%;grid-template-columns:1fr}.status-select-inline select,.topic-select select{width:100%;min-width:0}.transcript-toolbar{align-items:stretch;flex-direction:column}.transcript-toolbar-left,.transcript-toolbar-actions{align-items:stretch;flex-direction:column;width:100%}.transcript-filter-buttons,.compact-close-button{width:100%}.transcript-filter-buttons button{flex:1}.rescue-timer-chip{width:100%;max-width:none;grid-template-columns:auto auto minmax(0,1fr)}.rescue-timer-chip span,.rescue-timer-chip b{white-space:normal}.chat-action-menu,.detail-stack,.audit-row,.audit-log-row{grid-template-columns:1fr}.audit-log-row{gap:6px;align-items:start}.audit-log-row .status-chip{justify-self:start}.audit-event-detail>header{align-items:flex-start;flex-direction:column}.audit-event-detail dl div{grid-template-columns:1fr;gap:3px}.audit-retention-panel article{grid-template-columns:28px minmax(0,1fr)}.audit-retention-panel b{grid-column:2}.secondary-grid,.metric-strip{grid-template-columns:1fr}.metric-tile{min-height:92px}.screen-toolbar{align-items:stretch}.report-toolbar .inline-select,.report-toolbar button{flex:1 1 100%;width:100%}.screen-state-strip{grid-template-columns:1fr}.screen-state-item strong{justify-self:start}.export-actions{justify-content:flex-start;width:100%}.topic-directory-toolbar{align-items:stretch}.topic-filter,.topic-add-button{flex:1 1 100%}.topic-group>header,.topic-row{grid-template-columns:1fr}.topic-group-meta,.topic-actions{justify-content:flex-start}.topic-routing,.topic-actions{grid-column:auto}.topic-branch-title,.topic-row{padding-inline:14px}.queue-health-grid,.integration-cards,.sdk-code,.sdk-event-row,.employee-management,.employee-editor-grid,.channel-detail-grid,.connection-row,.channel-log-toolbar,.channel-log-row,.channel-test-grid,.sdk-playground-grid,.sdk-payload-preview{grid-template-columns:1fr}.sdk-event-row,.connection-row,.channel-log-row{align-items:start;padding-block:12px}.sdk-code code{white-space:normal}.channel-log-toolbar{padding:12px 14px}.channel-log-toolbar .compact-title{padding:0}.channel-log-toolbar select{width:100%;margin-right:0}.channel-detail-head{align-items:stretch;flex-direction:column}.channel-detail-head button,.channel-test-grid button,.sdk-playground-actions button{width:100%}.sdk-message-field{grid-column:auto}.sdk-playground-actions{align-items:stretch;flex-direction:column}.channel-settings article{grid-template-columns:42px minmax(78px,.8fr) minmax(96px,1fr);gap:8px;padding-block:10px}.channel-settings label{grid-column:2 / -1}.rule-row{grid-template-columns:26px minmax(0,1fr);align-items:start;padding-block:12px}.rule-row span{grid-column:2}.table-row{grid-template-columns:1fr;gap:6px;padding-block:14px}}.redistribution-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:18px;background:#0c182a52}.redistribution-panel{display:grid;grid-template-rows:auto auto auto 1fr auto;width:min(680px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 70px #0a1c362e}.redistribution-panel>header,.redistribution-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.redistribution-panel>header h2{margin:4px 0 0;color:var(--text);font-size:20px}.redistribution-panel>header span{color:var(--teal);font-size:12px;font-weight:850;text-transform:uppercase}.redistribution-panel>footer{border-top:1px solid var(--line);border-bottom:0}.redistribution-panel>footer button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text-secondary);font-weight:800}.redistribution-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.redistribution-summary span,.redistribution-conflicts span{display:grid;gap:4px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--muted);font-size:12px;font-weight:800}.redistribution-summary b{color:var(--text);font-size:20px}.redistribution-conflicts{display:grid;gap:8px;padding:0 16px 16px}.redistribution-conflicts span{border-color:var(--theme-danger-line, #f0b8bd);background:var(--theme-danger-soft, #fff5f6);color:var(--theme-danger-text, #a72836)}.redistribution-plan{display:grid;gap:8px;padding:0 16px 16px}.redistribution-row{display:grid;grid-template-columns:92px minmax(120px,1fr) minmax(140px,1fr) 72px;align-items:center;gap:10px;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--text-secondary);font-size:13px}@media(max-width:640px){.redistribution-summary,.redistribution-row{grid-template-columns:1fr}}.app-version{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:max(4px,env(safe-area-inset-bottom));z-index:100;color:var(--theme-muted, #8292a5);opacity:.6;font-family:var(--font, system-ui, sans-serif);font-size:10px;font-weight:400;line-height:1.2;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}@media print{.app-version{display:none}}