:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}:root[data-theme=dark]{color-scheme:dark;background:#0f1724;color:#e5edf7}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}: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}: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}.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}nav button:hover,.navActive{background:#22304a;color:#fff}main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:0}.topbar p{color:#657188;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}.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:#176f84;color:#fff;min-height:42px;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer}.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}.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}.rowActions{display:flex;flex-wrap:wrap;gap:8px}.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:#fff;border:1px solid #dbe3ef;border-radius:8px}.stat{padding:18px;display:grid;gap:8px}.statIcon{color:#176f84}.stat span{color:#66728a;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}.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}.queueMonitor{background:#fff;border:1px solid #e3e9f2;border-radius:8px;padding:16px;display:grid;gap:14px}.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}.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}.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}.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}th,td{padding:13px 10px;border-bottom:1px solid #eef2f7;text-align:left;font-size:14px}th{color:#69758b;font-weight:600}.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}.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,.queueBoard,.summaryGrid,.syncGrid,.queueCards,.agentLayout,.whatsappLayout,.formsGrid{grid-template-columns:1fr}.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}.themeToggle{display:flex;gap:8px}:root[data-theme=dark] .loginPanel,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat,:root[data-theme=dark] .queueCard,:root[data-theme=dark] .queueMonitor,:root[data-theme=dark] .summaryGrid div,:root[data-theme=dark] .settingsList div{background:#162236;border-color:#2b3a52;color:#e5edf7}:root[data-theme=dark] .loginBrand span,:root[data-theme=dark] .topbar p,:root[data-theme=dark] .panelHeader span,: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:#111c2d;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] 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] th,:root[data-theme=dark] td{border-color:#26364d}: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}:root[data-theme=dark] .memberList div{border-color:#26364d}:root[data-theme=dark] .activeChoice{border-color:#49b9cf;background:#102f3a;color:#a9e7f3}