:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f6fa;color:#172033;--accent: #176f84;--accent-strong: #0f5a6d;--accent-rgb: 23, 111, 132;--blue: #1c4e80;--signal: #f36f45;--success: #21a67a;--warning: #f4a32f;--surface: #ffffff;--surface-soft: #f8fafc;--line: #dbe3ef;--text-soft: #657188;--shadow: 0 16px 40px rgba(12, 32, 48, .1);--shadow-strong: 0 22px 54px rgba(12, 32, 48, .16)}:root[data-theme=dark]{color-scheme:dark;background:#0f1724;color:#e5edf7;--accent: #3db4ca;--accent-strong: #68d4e2;--accent-rgb: 61, 180, 202;--blue: #6aa9ff;--signal: #ff8a63;--success: #5fd0a4;--warning: #ffc15b;--surface: #162236;--surface-soft: #111c2d;--line: #2b3a52;--text-soft: #9fb0c7;--shadow: 0 18px 46px rgba(0, 0, 0, .26);--shadow-strong: 0 26px 58px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;background:#f3f6fa}:root[data-theme=dark] body{background:#0f1724}button{font:inherit}input,select{width:100%;min-height:42px;border:1px solid #cfd8e6;border-radius:8px;padding:0 12px;color:#172033;background:#fff;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176f841f}:root[data-theme=dark] input,:root[data-theme=dark] select{border-color:#334155;color:#e5edf7;background:#111c2d}label{display:grid;gap:7px;color:#536074;font-size:13px;font-weight:700}:root[data-theme=dark] label{color:#b5c2d6}.checkLabel{display:flex;align-items:center;gap:9px}.checkLabel input{width:18px;min-height:18px}.appShell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.loginScreen{min-height:100vh;display:grid;place-items:center;padding:24px}.loginPanel{width:min(420px,100%);background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:26px;display:grid;gap:18px;box-shadow:0 20px 60px #1720331a}.loginBrand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.loginBrand strong{display:block;font-size:18px}.loginBrand span{color:#657188;font-size:13px}.passwordField{display:grid;grid-template-columns:1fr 42px;align-items:center}.passwordField input{border-radius:8px 0 0 8px}.passwordField button{height:42px;border:1px solid #cfd8e6;border-left:0;border-radius:0 8px 8px 0;background:#fff;color:#445067;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.formError{color:#a23b3b;font-weight:700}.formNotice{color:#246c45;font-weight:700}.linkButton{border:0;background:transparent;color:#155d6e;font-weight:800;cursor:pointer;justify-self:center}.sidebar{background:#101624;color:#fff;padding:24px;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand span{display:block;color:#9aa8c0;font-size:13px;margin-top:3px}nav{display:grid;gap:8px}nav button{border:0;background:transparent;color:#c7d1e3;display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}nav button:hover,.navActive{background:#22304a;color:#fff}nav button:hover{transform:translate(2px)}main{padding:26px 28px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;background:#ffffffc7;border:1px solid rgba(219,227,239,.9);border-radius:8px;padding:16px 18px;position:sticky;top:14px;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 28px #1720330f}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:0}.topbar p{color:var(--text-soft);margin-top:6px}.alertButton{border:1px solid #d7dfec;background:#fff;color:#172033;min-width:62px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.topbarActions{display:inline-flex;gap:8px}.iconButton{border:1px solid #d7dfec;background:#fff;color:#172033;width:42px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.iconButton:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px);box-shadow:0 8px 20px #1720331a}.syncButton{border:1px solid #cfd8e6;background:#fff;color:#172033;min-height:42px;border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:800}.syncButton:disabled{cursor:wait;opacity:.7}.primaryButton{border:0;background:var(--accent);color:#fff;min-height:42px;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.primaryButton:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 10px 24px #176f8433}.primaryButton:disabled{cursor:not-allowed;opacity:.7}.secondaryButton{border:1px solid #cfd8e6;background:#fff;color:#172033;min-height:38px;border-radius:8px;padding:0 12px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.secondaryButton:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px);box-shadow:0 8px 20px #17203314}.secondaryButton:disabled{cursor:wait;opacity:.7}.tableButton{border:1px solid #cfd8e6;background:#fff;color:#172033;min-height:30px;border-radius:8px;padding:0 10px;font-weight:700;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.tableButton:hover{border-color:var(--accent);color:var(--accent-strong)}.rowActions{display:flex;flex-wrap:wrap;gap:8px}.pauseControls{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.pauseControls select{min-width:128px;padding:7px 8px;font-size:13px}.dangerText{border-color:#e4b6b6;color:#9f2727}.dangerButton{border:1px solid #e4b6b6;background:#fff5f5;color:#9f2727;min-height:42px;border-radius:8px;padding:0 14px;font-weight:800;cursor:pointer}.dangerButton:disabled{cursor:wait;opacity:.7}.buttonGroup{display:flex;flex-wrap:wrap;gap:8px}.notice{background:#e8f7fb;border:1px solid #b9e5ef;color:#155d6e;border-radius:8px;padding:12px 14px;margin-bottom:18px;font-weight:700}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:20px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.stat{padding:18px;display:grid;gap:8px}.statIcon{color:var(--accent)}.stat span{color:var(--text-soft);font-size:14px}.stat strong{font-size:27px;letter-spacing:0}.workArea{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.operationDashboard{display:grid;gap:16px}.wallboardHero{align-items:center;background:#172033;border-radius:8px;color:#fff;display:flex;justify-content:space-between;min-height:112px;padding:24px;box-shadow:var(--shadow)}.wallboardTitle{align-items:center;display:flex;gap:16px}.wallboardTitle h2{font-size:30px;letter-spacing:0;margin:0}.wallboardTitle p{color:#cbd7e8;margin:4px 0 0}.wallboardHeroActions{display:flex;gap:10px}.liveDot{border-radius:999px;display:inline-flex;height:16px;width:16px}.liveDot.online{background:#40d98f;box-shadow:0 0 0 8px #40d98f29}.liveDot.offline{background:#ff6b6b;box-shadow:0 0 0 8px #ff6b6b29}.wallboardKpis{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(170px,1fr))}.wallboardKpis article{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;min-height:132px;padding:18px;box-shadow:var(--shadow)}.wallboardKpis span{color:#657188;font-size:13px;font-weight:700;text-transform:uppercase}.wallboardKpis strong{color:#172033;font-size:38px;letter-spacing:0;line-height:1}.wallboardKpis small{color:#66728a}.wallboardFilters{position:sticky;top:12px;z-index:2}.wallboardAlerts{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(180px,1fr))}.alertStrip{display:grid;grid-template-columns:minmax(220px,.8fr) repeat(3,minmax(180px,1fr));gap:10px}.collectorStatus,.criticalAlert,.quietAlert{border:1px solid #dbe3ef;border-radius:8px;padding:12px;display:grid;gap:3px;background:#fff}.collectorStatus span,.criticalAlert span,.quietAlert span{color:#657188;font-size:13px}.collectorStatus.online{border-color:#b8e0c8;background:#f0fbf5}.collectorStatus.offline,.criticalAlert{border-color:#efc1c1;background:#fff8f8}.criticalAlert strong,.collectorStatus.offline strong{color:#a23b3b}.quietAlert{border-color:#b9e5ef;background:#f0fbfd}.operationFilters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;gap:12px;align-items:end}.queueBoard{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.wallboardQueues{grid-template-columns:repeat(2,minmax(280px,1fr))}.queueMonitor{background:#fff;border:1px solid #e3e9f2;border-radius:8px;padding:16px;display:grid;gap:14px}.wallboardQueues .queueMonitor{min-height:230px}.queueMonitor header{display:flex;justify-content:space-between;gap:12px}.queueMonitor header div{display:grid;gap:4px}.queueMonitor header span,.queueMetrics span{color:#657188;font-size:13px}.queueMonitor header b{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8f7fb;color:#155d6e}.wallboardQueues .queueMonitor header b{border-radius:8px;font-size:20px;height:48px;width:54px}.queueMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.queueMetrics div{border:1px solid #eef2f7;border-radius:8px;padding:10px;display:grid;gap:3px}.queueAgentChips{display:flex;flex-wrap:wrap;gap:6px}.queueAgentChips .status{min-width:auto}.wallboardAgents table th,.wallboardAgents table td{padding-bottom:14px;padding-top:14px}.realtimeSummary{border-color:#b9e5ef;background:#f0fbfd}.offlineCollector,.criticalQueue{border-color:#efc1c1;background:#fff8f8}.realtimeInline{background:#f8fbfd;border-radius:8px;padding:8px}.alertText{color:#a23b3b;font-weight:800;margin:0}.formsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.agentLayout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.reportsGrid{display:grid;gap:16px}.reportTypePicker{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:16px}.reportTypeCard{background:#f8fafc;border:1px solid #d9e2ef;border-radius:8px;color:#172033;cursor:pointer;display:grid;gap:5px;min-height:88px;padding:14px;text-align:left}.reportTypeCard strong{font-size:16px}.reportTypeCard span{color:#657188;font-size:13px}.reportTypeCard.selected{background:#e8f7fb;border-color:#176f84;color:#155d6e}.reportFilters{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-bottom:14px}.fieldPicker{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.fieldPicker>span{color:#667085;font-size:12px;font-weight:700;text-transform:uppercase}.compactCheck{background:#f8fafc;border:1px solid #d9e2ef;border-radius:8px;color:#172033;font-size:13px;padding:8px 10px}.compactCheck input{min-height:14px;width:14px}:root[data-theme=dark] .fieldPicker>span{color:#9fb0c7}:root[data-theme=dark] .compactCheck{background:#172033;border-color:#30415d;color:#e5edf7}.reportSummary{margin-top:0}.reportDetailTable{margin-top:18px;overflow-x:auto}.compactHeader{min-height:30px}.compactHeader h2{font-size:17px}.reportDetailTable table{min-width:980px}.agentTablePanel{overflow-x:auto}.panel{padding:18px}.formPanel{display:grid;gap:14px}.panelHeader{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panelHeader h2{font-size:18px;letter-spacing:0}.segmented{border:1px solid #d5deeb;border-radius:8px;padding:3px;display:inline-flex;background:#f7f9fc}.segmented button{border:0;background:transparent;min-height:32px;padding:0 12px;border-radius:6px;cursor:pointer;color:#5d687c}.segmented .selected{background:#fff;color:#172033;box-shadow:0 1px 2px #1720331f}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{padding:12px 10px;border-bottom:1px solid #eef2f7;text-align:left;font-size:14px}th{color:var(--text-soft);font-weight:600;background:var(--surface-soft);position:sticky;top:0;z-index:1}tbody tr:hover{background:#176f840b}.status{min-width:96px;display:inline-flex;justify-content:center;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.available{background:#e3f7ed;color:#0f7b45}.paused{background:#fff3d8;color:#9a6500}.in_call{background:#e4f1ff;color:#1d65a6}.offline{background:#eceff4;color:#647086}.wrap_up{background:#f0e9ff;color:#6742a6}.ringing{background:#ffe7df;color:#a2441f}.realtimeState{display:block;margin-top:5px;color:#657188;font-size:12px}.queueList{display:grid;gap:12px}.queueList div{border:1px solid #e3e9f2;border-radius:8px;padding:14px;display:grid;gap:12px}.queueList span{color:#a23b3b;font-weight:700}.queueList small{color:#657188;line-height:1.35}.queueDetailPanel{margin-top:16px}.queueCards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.queueCard{border:1px solid #e3e9f2;border-radius:8px;padding:14px;display:grid;gap:12px}.queueCard header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.queueCard header div{display:grid;gap:4px}.queueCard header span,.memberList small{color:#657188;font-size:13px}.queueCard header b{min-width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8f7fb;color:#155d6e}.mutedText{color:#657188;line-height:1.5}.emptyQueue{border-color:#efc1c1;background:#fff8f8}.memberList{display:grid;gap:8px}.memberList div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #eef2f7}.memberList div div{display:grid;gap:2px;padding-top:0;border-top:0}.summaryGrid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px}.summaryGrid div,.settingsList div{border:1px solid #e3e9f2;border-radius:8px;padding:14px;display:grid;gap:4px;background:var(--surface-soft)}.summaryGrid strong{font-size:28px;letter-spacing:0}.summaryGrid span,.settingsList span{color:#657188}.settingsPanel{max-width:680px}.settingsList{display:grid;gap:12px}.syncLayout{display:grid;gap:16px}.syncGrid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.syncGrid div{border:1px solid #e3e9f2;border-radius:8px;padding:14px;display:grid;gap:4px}.syncGrid strong{font-size:26px}.syncGrid span{color:#657188;font-size:13px}.syncActions{display:flex;flex-wrap:wrap;gap:10px}.whatsappLayout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.5fr) minmax(280px,.9fr);gap:16px;align-items:start}.whatsappSidebar,.whatsappChat,.whatsappTools{min-height:620px}.conversationList{display:grid;gap:8px}.conversationItem{border:1px solid #e3e9f2;background:#fff;border-radius:8px;padding:12px;display:grid;gap:4px;text-align:left;cursor:pointer}.conversationItem strong{color:#172033}.conversationItem span,.conversationItem small,.chatHeader span{color:#657188}.conversationItem.selected{border-color:#176f84;background:#e8f7fb}.whatsappChat{display:grid;grid-template-rows:auto 1fr auto;padding:0;overflow:hidden}.chatHeader{border-bottom:1px solid #eef2f7;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.chatHeader h2{margin:0 0 4px}.messageThread{min-height:420px;padding:18px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;background:#f8fbfd}.messageBubble{width:min(78%,520px);border-radius:8px;padding:10px 12px;display:grid;gap:4px}.messageBubble p{margin:0}.messageBubble small{font-weight:800}.messageBubble.inbound{align-self:flex-start;background:#fff;border:1px solid #dbe3ef}.messageBubble.outbound{align-self:flex-end;background:#176f84;color:#fff}.messageBubble.internal{align-self:center;background:#fff7df;border:1px solid #ead18a;color:#6f5410}.composer{border-top:1px solid #eef2f7;padding:14px;display:grid;gap:10px}.composer>div{display:grid;grid-template-columns:1fr auto;gap:8px}.emptyChat{min-height:520px;display:grid;place-items:center;align-content:center;gap:10px;color:#657188}.whatsappTools{display:grid;gap:16px}@media (max-width: 980px){.appShell,.statsGrid,.workArea,.operationFilters,.wallboardKpis,.wallboardAlerts,.reportTypePicker,.reportFilters,.queueBoard,.summaryGrid,.syncGrid,.queueCards,.agentLayout,.whatsappLayout,.formsGrid{grid-template-columns:1fr}.wallboardHero,.topbar,.panelHeader{align-items:flex-start;flex-direction:column}table{min-width:720px}.wide{overflow-x:auto}}.activeChoice{border-color:#176f84;background:#e8f7fb;color:#155d6e}:root[data-theme=dark] .topbar{background:#0f1724c7;border-color:#243149;box-shadow:0 14px 38px #00000047}:root[data-theme=dark] .loginPanel,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat,:root[data-theme=dark] .wallboardKpis article,:root[data-theme=dark] .queueCard,:root[data-theme=dark] .queueMonitor,:root[data-theme=dark] .summaryGrid div,:root[data-theme=dark] .settingsList div{background:var(--surface);border-color:var(--line);color:#e5edf7}:root[data-theme=dark] .loginBrand span,:root[data-theme=dark] .topbar p,:root[data-theme=dark] .panelHeader span,:root[data-theme=dark] .wallboardKpis span,:root[data-theme=dark] .wallboardKpis small,:root[data-theme=dark] .queueMonitor header span,:root[data-theme=dark] .queueMetrics span,:root[data-theme=dark] .queueList small,:root[data-theme=dark] .memberList small,:root[data-theme=dark] .realtimeState,:root[data-theme=dark] .settingsList span,:root[data-theme=dark] .mutedText,:root[data-theme=dark] label,:root[data-theme=dark] .syncGrid span{color:#9fb0c7}:root[data-theme=dark] .passwordField button,:root[data-theme=dark] .iconButton,:root[data-theme=dark] .secondaryButton,:root[data-theme=dark] .tableButton{border-color:#334155;background:var(--surface-soft);color:#e5edf7}:root[data-theme=dark] .sidebar{background:#0b1120}:root[data-theme=dark] .topbar h1,:root[data-theme=dark] .panelHeader h2,:root[data-theme=dark] .wallboardKpis strong,:root[data-theme=dark] table,:root[data-theme=dark] .queueMonitor strong,:root[data-theme=dark] .queueList strong,:root[data-theme=dark] .queueCard strong{color:#e5edf7}:root[data-theme=dark] .navActive{background:#1e3a5f}:root[data-theme=dark] .dangerText{border-color:#7f3434;color:#ffb4b4}:root[data-theme=dark] .dangerButton{border-color:#7f3434;background:#331b1f;color:#ffb4b4}:root[data-theme=dark] .notice{background:#102f3a;border-color:#24566a;color:#a9e7f3}:root[data-theme=dark] .reportTypeCard{background:#111c2d;border-color:#334155;color:#e5edf7}:root[data-theme=dark] .reportTypeCard span{color:#9fb0c7}:root[data-theme=dark] .reportTypeCard.selected{background:#102f3a;border-color:#24566a;color:#a9e7f3}:root[data-theme=dark] th,:root[data-theme=dark] td{border-color:#26364d}:root[data-theme=dark] th{background:#111c2d}:root[data-theme=dark] tbody tr:hover{background:#3db4ca14}:root[data-theme=dark] .status.offline{background:#26364d;color:#bac7da}:root[data-theme=dark] .queueList>div,:root[data-theme=dark] .queueMetrics div,:root[data-theme=dark] .conversationItem,:root[data-theme=dark] .messageThread,:root[data-theme=dark] .messageBubble.inbound,:root[data-theme=dark] .syncGrid div{border-color:#2b3a52;background:#111c2d}:root[data-theme=dark] .conversationItem strong,:root[data-theme=dark] .chatHeader h2{color:#e5edf7}:root[data-theme=dark] .conversationItem.selected{border-color:#49b9cf;background:#102f3a}:root[data-theme=dark] .chatHeader,:root[data-theme=dark] .composer{border-color:#26364d}:root[data-theme=dark] .messageBubble.internal{background:#342b17;border-color:#6b571e;color:#ffe7a3}:root[data-theme=dark] .emptyQueue{border-color:#7f3434;background:#261a22}:root[data-theme=dark] .realtimeSummary,:root[data-theme=dark] .realtimeInline{border-color:#24566a;background:#102f3a}:root[data-theme=dark] .collectorStatus,:root[data-theme=dark] .criticalAlert,:root[data-theme=dark] .quietAlert{border-color:#2b3a52;background:#162236;color:#e5edf7}:root[data-theme=dark] .collectorStatus span,:root[data-theme=dark] .criticalAlert span,:root[data-theme=dark] .quietAlert span{color:#9fb0c7}:root[data-theme=dark] .collectorStatus.online,:root[data-theme=dark] .quietAlert{border-color:#24566a;background:#102f3a}:root[data-theme=dark] .collectorStatus.offline,:root[data-theme=dark] .criticalAlert,:root[data-theme=dark] .offlineCollector,:root[data-theme=dark] .criticalQueue{border-color:#7f3434;background:#261a22}:root[data-theme=dark] .criticalAlert strong,:root[data-theme=dark] .collectorStatus.offline strong{color:#ffb4b4}body{background:linear-gradient(180deg,#eef4f8,#f7f9fc 44%,#eef3f7)}.loginScreen{background:linear-gradient(135deg,#0d2433,#155d6e 48%,#1c4e80)}.loginPanel{border-color:#ffffffc2;box-shadow:0 28px 70px #03122038}.loginBrand svg,.brand svg{color:var(--accent-strong)}.sidebar{background:linear-gradient(180deg,#081826,#0d2433 52%,#101624);box-shadow:inset -1px 0 #ffffff0f}.brand{background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}nav button{border:1px solid transparent;font-weight:760}nav button:hover{background:#3db4ca1f;border-color:#3db4ca2e}.navActive{background:linear-gradient(90deg,#3db4ca3d,#1c4e8033);border-color:#3db4ca4d;box-shadow:inset 3px 0 0 var(--accent-strong)}.topbar{background:#ffffffdb;border-color:#cddae7eb;box-shadow:var(--shadow)}h1{color:#0d2433;font-weight:830}.topbar p{font-weight:560}.primaryButton{background:linear-gradient(135deg,var(--accent),var(--blue));box-shadow:0 10px 22px rgba(var(--accent-rgb),.2)}.primaryButton:hover{background:linear-gradient(135deg,var(--accent-strong),var(--blue))}.secondaryButton,.tableButton,.iconButton,.alertButton{background:linear-gradient(180deg,#fff,#f8fafc)}.secondaryButton:hover,.tableButton:hover,.iconButton:hover,.alertButton:hover{box-shadow:0 10px 22px #0c20301a}.dangerButton,.dangerText{border-color:#f36f4561;color:#b83a22}.dangerButton{background:#fff3ef}.notice{background:#e9f8fb;border-color:#176f843d;color:#0f5a6d;box-shadow:0 10px 26px #176f841a}.stat,.panel,.wallboardKpis article,.queueMonitor,.queueCard{border-color:#cddae7e6;box-shadow:var(--shadow)}.stat{position:relative;overflow:hidden}.stat:before{background:linear-gradient(180deg,var(--accent),var(--blue));content:"";inset:0 auto 0 0;position:absolute;width:4px}.stat strong,.summaryGrid strong,.syncGrid strong,.wallboardKpis strong{color:#0d2433;font-weight:850}.wallboardHero{background:linear-gradient(135deg,#0d2433,#155d6e 54%,#1c4e80);border:1px solid rgba(255,255,255,.12)}.wallboardKpis article{border-top:3px solid var(--accent)}.collectorStatus,.criticalAlert,.quietAlert,.queueMonitor,.queueMetrics div,.summaryGrid div,.syncGrid div,.queueList div,.conversationItem{background:var(--surface)}.collectorStatus.online,.quietAlert{background:#effbf7;border-color:#21a67a47}.collectorStatus.offline,.criticalAlert,.offlineCollector,.criticalQueue,.emptyQueue{background:#fff5f1;border-color:#f36f4552}.criticalAlert strong,.collectorStatus.offline strong,.alertText,.queueList span{color:#b83a22}.queueMonitor header b,.queueCard header b{background:#e9f8fb;color:var(--accent-strong)}.queueMetrics div,.summaryGrid div,.syncGrid div{border-color:#cddae7d1}th{color:#42516a;font-size:12px;letter-spacing:.02em;text-transform:uppercase}td{color:#172033}.available{background:#ddf8ee;color:#08784d}.paused{background:#fff0ce;color:#9d5c00}.in_call,.ringing{background:#e7f2ff;color:#155a9c}.offline{background:#edf1f5;color:#58657a}.wrap_up{background:#f3e9ff;color:#6340a1}.conversationItem.selected{border-color:#176f8475;box-shadow:inset 3px 0 0 var(--accent)}.messageBubble{box-shadow:0 8px 22px #0c203014}.messageBubble.outbound{background:linear-gradient(135deg,var(--accent),var(--blue))}:root[data-theme=dark] body{background:linear-gradient(180deg,#0a1220,#0f1724 44%,#101a2a)}:root[data-theme=dark] .loginScreen{background:linear-gradient(135deg,#050d18,#0d2433 52%,#132f4a)}:root[data-theme=dark] .topbar{background:#0f1724d6;border-color:#2b3a52eb}:root[data-theme=dark] h1,:root[data-theme=dark] .stat strong,:root[data-theme=dark] .summaryGrid strong,:root[data-theme=dark] .syncGrid strong,:root[data-theme=dark] .wallboardKpis strong,:root[data-theme=dark] td{color:#e5edf7}:root[data-theme=dark] .secondaryButton,:root[data-theme=dark] .tableButton,:root[data-theme=dark] .iconButton,:root[data-theme=dark] .alertButton{background:linear-gradient(180deg,#162236,#111c2d)}:root[data-theme=dark] .collectorStatus.online,:root[data-theme=dark] .quietAlert{background:#21a67a1f;border-color:#5fd0a447}:root[data-theme=dark] .collectorStatus.offline,:root[data-theme=dark] .criticalAlert,:root[data-theme=dark] .offlineCollector,:root[data-theme=dark] .criticalQueue,:root[data-theme=dark] .emptyQueue{background:#f36f451a;border-color:#ff8a634d}:root[data-theme=dark] .criticalAlert strong,:root[data-theme=dark] .collectorStatus.offline strong,:root[data-theme=dark] .alertText,:root[data-theme=dark] .queueList span{color:#ffb099}:root[data-theme=dark] .queueMonitor header b,:root[data-theme=dark] .queueCard header b{background:#3db4ca24;color:#a9e7f3}:root[data-theme=dark] .memberList div{border-color:#26364d}:root[data-theme=dark] .activeChoice{border-color:#49b9cf;background:#102f3a;color:#a9e7f3}