/* Light workspace: load last. One palette for Backup, Admin and Site Monitor.
   Layout and dark-theme styling stay with the individual components. */
:root[data-theme="light"] {
  color-scheme: light;
  --workspace:#edf2f6; --surface:#fbfcfd; --surface-soft:#f1f5f8; --nav-surface:#f8fafc;
  --ink:#172b40; --ink-secondary:#526579; --stroke:#d9e3ec;
  --accent:#176b96; --accent-soft:#e3f0f7;
  --bg:var(--workspace); --bg-2:#e6edf3; --panel:var(--surface); --panel-2:var(--surface-soft);
  --panel-hi:var(--surface); --panel-lo:var(--surface-soft);
  --text:var(--ink); --text-strong:#102337; --muted:var(--ink-secondary); --muted-2:#586e80;
  --line:var(--stroke); --border-strong:#b4c6d6; --input-bg:var(--surface); --input-text:var(--ink);
  --blue:var(--accent); --blue-soft:#287fa8; --cyan:#087589; --violet:#6852aa;
  --success:#13785b; --success-text:#126b51; --success-wash:#e5f3ec;
  --warning:#996112; --warning-text:#84520e; --warning-wash:#fbf1df;
  --fail:#bc3548; --fail-text:#ae2c40; --fail-wash:#fbecef;
  --running:var(--accent); --running-text:var(--accent); --running-wash:var(--accent-soft);
  --neutral:#5b7084; --neutral-text:#526579; --neutral-wash:#edf2f6;
  --veeam:var(--success); --proxmox:var(--violet); --nas:var(--cyan);
  --hover-overlay:#eaf2f7; --overlay-panel:var(--surface); --modal-scrim:rgb(23 43 64 / 28%);
  --premium-shadow:0 1px 2px rgb(23 43 64 / 3%),0 5px 16px -8px rgb(23 43 64 / 12%);
  --shadow:var(--premium-shadow);
}

/* Navigation and page shell. */
:root[data-theme="light"] body:not(:has(.auth-shell)) { background:var(--workspace)!important; color:var(--ink); }
:root[data-theme="light"] body::after { opacity:0; }
:root[data-theme="light"] :is(.sidebar,.admin-sidebar) { border-right-color:var(--stroke); background:var(--nav-surface)!important; }
:root[data-theme="light"] :is(.sidebar .nav-item,.admin-nav) { color:#41576d!important; border-radius:9px; transition:background .18s ease,color .18s ease; }
:root[data-theme="light"] :is(.sidebar .nav-item.active,.admin-nav.active) { color:#155f87!important; background:var(--accent-soft)!important; box-shadow:inset 3px 0 var(--accent)!important; }
:root[data-theme="light"] :is(.module-switch,.admin-module-switch) { border-color:var(--stroke); background:var(--surface-soft); box-shadow:none; }
:root[data-theme="light"] :is(.module-switch a.active,.module-switch a.is-active,.admin-module-switch button.is-active) { color:var(--accent); background:var(--surface); border-color:var(--border-strong); box-shadow:var(--shadow); }
:root[data-theme="light"] .topbar { background:var(--surface)!important; border-color:var(--stroke); box-shadow:0 1px 0 rgb(23 43 64 / 3%); backdrop-filter:none; }
:root[data-theme="light"] :is(.topbar-title-icon,.sidebar .brand-mark,.admin-sidebar .brand-mark) { color:var(--accent); background:var(--accent-soft); border-color:#c1d9e8; box-shadow:none; }
:root[data-theme="light"] :is(.topbar h1,.admin-topbar h1) { color:var(--ink); background:none; -webkit-text-fill-color:currentColor; }
:root[data-theme="light"] :is(.topbar p,.admin-breadcrumb,.page-heading p,.panel-head p) { color:var(--ink-secondary); }
:root[data-theme="light"] .admin-topbar p { color:var(--accent); }
:root[data-theme="light"] :is(.logout-link,.sidebar-version span,.sidebar-version small) { color:var(--ink-secondary); }
:root[data-theme="light"] .logout-link:hover { color:var(--accent); }
:root[data-theme="light"] .admin-user .avatar { color:var(--accent); background:var(--accent-soft); box-shadow:inset 0 0 0 1px #c1d9e8; }
:root[data-theme="light"] :is(.eyebrow,.platform-kicker,.panel-kicker) { color:var(--accent)!important; }
:root[data-theme="light"] :is(.language-switch,.theme-switch,.admin-theme-switch,.motion-toggle,.icon-btn,.btn.secondary,.row-button) { color:#41576d; border-color:var(--stroke); background:var(--surface); box-shadow:none; }
:root[data-theme="light"] :is(.language-switch button[aria-pressed="true"],.admin-theme-switch button.active,.theme-switch button[aria-pressed="true"]) { color:var(--accent); background:var(--accent-soft); }

/* Cards: clear surface separation, restrained depth and semantic icon colours. */
:root[data-theme="light"] :is(.metric,.card,.panel,.solution-group,.site-card,.filters,.guide-paper,.guide-side,.admin-welcome,.admin-kpi,.stats-row article,.admin-guide-paper,.admin-guide-nav) { color:var(--ink); background:var(--surface)!important; border-color:var(--stroke)!important; box-shadow:var(--shadow)!important; backdrop-filter:none; }
:root[data-theme="light"] :is(.metric,.site-card,.card,.panel) { border-radius:14px; }
:root[data-theme="light"] :is(.metric:hover,.card:hover,.site-card.compact:hover) { box-shadow:0 3px 14px -5px rgb(23 43 64 / 16%)!important; }
:root[data-theme="light"] .metric::before { opacity:0; }
:root[data-theme="light"] .metric strong { color:var(--ink); font-variant-numeric:tabular-nums; }
:root[data-theme="light"] :is(.metric p,.metric > span,.ops-gauge-note,.fleet-name span) { color:var(--ink-secondary)!important; }
:root[data-theme="light"] .metric-icon {
  --metric-tone:var(--accent);
  width:30px; height:30px; border-radius:9px; color:var(--metric-tone)!important;
  background:color-mix(in srgb,var(--metric-tone) 10%,var(--surface))!important;
  border:1px solid color-mix(in srgb,var(--metric-tone) 15%,var(--stroke))!important; box-shadow:none!important;
}
:root[data-theme="light"] .metric.cyan .metric-icon { --metric-tone:var(--cyan); }
:root[data-theme="light"] .metric.green .metric-icon { --metric-tone:var(--success); }
:root[data-theme="light"] .metric.amber .metric-icon { --metric-tone:var(--warning); }
:root[data-theme="light"] .metric.red .metric-icon { --metric-tone:var(--fail); }
:root[data-theme="light"] .metric.purple .metric-icon { --metric-tone:var(--violet); }
:root[data-theme="light"] .metric-icon svg { stroke:currentColor!important; }
:root[data-theme="light"] .ops-gauge-ring { filter:drop-shadow(0 3px 5px rgb(23 43 64 / 9%)); }
:root[data-theme="light"] :is(.ops-forecast,.report-options,.guide-quick a,.admin-guide-grid > div,.admin-guide-checklist li) { background:var(--surface-soft)!important; color:var(--ink); }
:root[data-theme="light"] :is(.card-head,.overview-panel-head,.panel-head,.solution-head) { border-bottom-color:var(--stroke); }
:root[data-theme="light"] .telemetry-chip { background:var(--success-wash)!important; color:var(--success-text); border-color:#c8e1d6; }
:root[data-theme="light"] .solution-icon { color:var(--icon-tone,var(--accent)); background:color-mix(in srgb,var(--icon-tone,var(--accent)) 10%,var(--surface))!important; border:1px solid color-mix(in srgb,var(--icon-tone,var(--accent)) 28%,var(--stroke))!important; box-shadow:none!important; }

/* Controls and reading surfaces. */
:root[data-theme="light"] :is(.btn.primary,.primary-button) { color:#fff!important; background:var(--accent)!important; border-color:var(--accent)!important; box-shadow:0 2px 4px rgb(23 43 64 / 10%)!important; border-radius:9px; }
:root[data-theme="light"] :is(.btn.primary:hover,.primary-button:hover) { background:#145b80!important; }
:root[data-theme="light"] :is(.btn.primary,.primary-button)::after { opacity:.2; }
:root[data-theme="light"] :is(.filters input,.filters select,.report-options input,.report-options select,.row-select,dialog input,dialog select) { color:var(--ink); background:var(--surface); border-color:var(--border-strong)!important; box-shadow:none; }
:root[data-theme="light"] dialog label { color:var(--ink-secondary); }
:root[data-theme="light"] :is(.dialog-head small,.modal-head small) { color:var(--accent); }
:root[data-theme="light"] :is(input,textarea)::placeholder { color:#62758a; opacity:1; }
:root[data-theme="light"] :is(th,.table th) { background:var(--surface-soft)!important; color:#425c72!important; border-color:var(--stroke); letter-spacing:0; }
:root[data-theme="light"] td { border-bottom-color:var(--stroke); }
:root[data-theme="light"] :is(td strong,.audit-entity,.incident-title,.health-ring span,.admin-user strong) { color:var(--ink); }
:root[data-theme="light"] :is(td small,.incident-message,.overview-audit-row time,.overview-audit-row small) { color:var(--ink-secondary); }
:root[data-theme="light"] :is(.company-table-group td,.run-list-footer,.run-day-strip,.session-fact,.protected-head,.site-summary div) { background:var(--surface-soft); color:var(--ink-secondary); }
:root[data-theme="light"] .company-label { color:#425c72; font-size:12px!important; letter-spacing:.025em!important; }
:root[data-theme="light"] :is(.veeam-session,.modal-card,dialog,.notification-panel,.toast) { background:var(--surface); color:var(--ink); border-color:var(--stroke); box-shadow:0 16px 48px rgb(23 43 64 / 14%); }
:root[data-theme="light"] :is(.state-pill,.pill) { box-shadow:none; }
:root[data-theme="light"] .job-type-badge { color:var(--accent); background:var(--accent-soft); border-color:#c1d9e8; }
:root[data-theme="light"] .pill.fail { color:var(--fail-text); background:var(--fail-wash); border-color:#ebc4cc; }
:root[data-theme="light"] :is(.state-pill.active,.state-pill.online,.state-pill.auto-resolved) { color:var(--success-text); background:var(--success-wash); border-color:#bedccd; }
:root[data-theme="light"] :is(.state-pill.warning,.state-pill.severity-warning,.state-pill.status-acknowledged) { color:var(--warning-text); background:var(--warning-wash); border-color:#ebd5aa; }
:root[data-theme="light"] :is(.state-pill.fail,.state-pill.failed,.state-pill.severity-critical,.state-pill.status-open,.state-pill.offline) { color:var(--fail-text); background:var(--fail-wash); border-color:#ebc4cc; }
:root[data-theme="light"] :is(.state-pill.severity-info,.state-pill.status-resolved,.audit-action) { color:var(--accent); background:var(--accent-soft); border-color:#c1d9e8; }
:root[data-theme="light"] :is(.state-pill.inactive,.state-pill.unknown) { color:var(--ink-secondary); background:var(--neutral-wash); border-color:var(--stroke); }
:root[data-theme="light"] :is(.overview-live,.health-live) { color:var(--success-text); }
:root[data-theme="light"] .system-pill { background:color-mix(in srgb,currentColor 10%,var(--surface)); color:var(--accent); }
:root[data-theme="light"] .solution-tab { background:var(--surface); color:var(--ink-secondary); border-color:var(--stroke); }
:root[data-theme="light"] .solution-tab.active { background:var(--accent-soft); color:var(--accent); border-color:#a9c9dd; }
:root[data-theme="light"] .solution-tab strong { background:var(--surface-soft); color:var(--ink); }
:root[data-theme="light"] #newCollectorKey { background:var(--surface-soft); color:var(--accent); }
:root[data-theme="light"] .key-warning { color:var(--warning-text); }
:root[data-theme="light"] .activity-row > .link-btn { color:var(--accent); background:var(--accent-soft); }
:root[data-theme="light"] .solution-util-row > b { color:var(--ink-secondary); }
:root[data-theme="light"] .admin-analytics-grid .overview-audit-row span { color:var(--accent); }
:root[data-theme="light"] .page-heading h2 em { color:var(--accent); }

/* Admin NOC and incident details. */
:root[data-theme="light"] :is(#dashboardView,#branchesView) { --noc-line:var(--stroke); --noc-line-soft:#e6edf3; --noc-glow:#176b9626; --noc-ink:var(--accent); }
:root[data-theme="light"] :is(#dashboardView .admin-analytics-grid .overview-panel,#dashboardView .noc-clock,.site-kpi,.fleet-site-card,.fleet-group,.fleet-stat-box) { background:var(--surface); border-color:var(--stroke); box-shadow:var(--shadow); }
:root[data-theme="light"] #dashboardView .noc-clock strong { color:var(--ink); }
:root[data-theme="light"] :is(#dashboardView .admin-kpi > span,.site-kpi-icon,.fleet-site-icon,.fleet-group-icon,.fleet-row-avatar) { box-shadow:none; }
:root[data-theme="light"] .admin-health-ring { filter:drop-shadow(0 3px 5px rgb(23 43 64 / 9%)); }
:root[data-theme="light"] .admin-health-ring::before { background:var(--surface-soft); border-color:var(--stroke); }
:root[data-theme="light"] .admin-health-ring strong { color:var(--ink); }
:root[data-theme="light"] .admin-health-ring span { color:var(--ink-secondary); font-size:10px; }
:root[data-theme="light"] :is(.overview-panel-head small,.noc-hero-total small) { color:var(--accent); }
:root[data-theme="light"] :is(.overview-copy small,.admin-welcome p) { color:var(--ink-secondary); }
:root[data-theme="light"] :is(.noc-hero-stat span,.noc-node span) { color:var(--ink-secondary); }
:root[data-theme="light"] :is(.fleet-status-line.is-attention,.trend-summary-row b.is-warning,.solution-health .is-warning,.trend-legend .is-warning) { color:var(--warning-text); }
:root[data-theme="light"] .version-stat.is-current strong { color:var(--success-text); }
:root[data-theme="light"] .version-stat.is-outdated strong { color:var(--warning-text); }
:root[data-theme="light"] .version-stat.is-unknown strong { color:var(--ink-secondary); }
:root[data-theme="light"] .incident-drawer { background:var(--surface); border-color:var(--stroke); box-shadow:-16px 0 48px rgb(23 43 64 / 15%); }
:root[data-theme="light"] :is(.incident-drawer-head small,.incident-raw small,.incident-timeline > small) { color:var(--accent); }
:root[data-theme="light"] :is(.incident-facts dt,.incident-step time,.incident-drawer-close) { color:var(--ink-secondary); }
:root[data-theme="light"] .incident-raw pre { background:var(--surface-soft); color:var(--ink); border-color:var(--stroke); }
:root[data-theme="light"] .guide-hero { background:linear-gradient(115deg,var(--accent-soft),var(--surface) 80%); }
:root[data-theme="light"] .guide-hero::after { border-color:#c1d9e8; }

/* Existing name wrapping is preserved in both themes. */
.fleet-table-row>span:first-child strong,.overview-copy strong,.site-id strong {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;line-height:1.5}