/* Shared palette: white surfaces and a neutral graphite alternative. */
:root,[data-theme="light"] {
  --theme-scheme:light;
  --theme-canvas:#f5f6f8; --theme-surface:#fff; --theme-raised:#f0f2f5;
  --theme-border:#e1e5eb; --theme-border-strong:#c6cdd8;
  --theme-text:#202632; --theme-secondary:#414c5e; --theme-muted:#647084;
  --theme-accent:#4166d5; --theme-on-accent:#fff; --theme-accent-soft:#e9efff;
  --theme-warning:#8c5a0b; --theme-warning-bg:#fff5df; --theme-warning-border:#dfc18a;
  --theme-danger:#b73547; --theme-danger-bg:#fff0f2; --theme-danger-border:#e4a8b0;
  --theme-purple:#7653a7; --theme-purple-bg:#f3ecfc;
  --theme-success:#267453; --theme-success-bg:#eaf6ef;
  --theme-shadow:#14213914; --theme-soft-overlay:#6170890a;
}
[data-theme="dark"] {
  --theme-scheme:dark;
  --theme-canvas:#191c22; --theme-surface:#242830; --theme-raised:#2c313b;
  --theme-border:#373e49; --theme-border-strong:#505b6c;
  --theme-text:#f0f2f6; --theme-secondary:#cbd2df; --theme-muted:#a0abbc;
  --theme-accent:#a8bbff; --theme-on-accent:#1b2645; --theme-accent-soft:#303c5c;
  --theme-warning:#f0c882; --theme-warning-bg:#3b3325; --theme-warning-border:#8c734a;
  --theme-danger:#ffaab5; --theme-danger-bg:#432c35; --theme-danger-border:#98616b;
  --theme-purple:#ccb1f4; --theme-purple-bg:#352d46;
  --theme-success:#9cdbb9; --theme-success-bg:#273c33;
  --theme-shadow:#0004; --theme-soft-overlay:#a9b8d109;
}
html {color-scheme:var(--theme-scheme)}
body,body:has(.monitor-app),body:has(.signin-page){background:var(--theme-canvas);color:var(--theme-text);color-scheme:var(--theme-scheme)}
:root,.monitor-app,.projects-app,.profile-app {
  --ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);
  --blue:var(--theme-accent);--surface:var(--theme-surface);--canvas:var(--theme-canvas);
  --mint:var(--theme-accent);--dim:var(--theme-muted);--edge:var(--theme-border);--panel:var(--theme-surface);
}
.theme-toggle{display:inline-flex;flex-shrink:0;gap:3px;padding:3px;background:var(--theme-raised);border:1px solid var(--theme-border);border-radius:999px}
.theme-toggle button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--theme-muted)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle button:hover{color:var(--theme-text)}
.theme-toggle button[aria-pressed="true"]{background:var(--theme-surface);color:var(--theme-accent);box-shadow:0 1px 5px var(--theme-shadow)}
:focus-visible{outline-color:var(--theme-accent)}
.monitor-topbar,.has-certificates .topbar-right,.certificate-widget{box-shadow:0 2px 12px var(--theme-shadow)}
.monitor-topbar:not(.has-certificates){justify-content:flex-end}
.monitor-dock{background:var(--theme-surface);box-shadow:0 8px 32px var(--theme-shadow)}
.monitor-tabs>a[aria-current],.workspace-sidebar nav a.active,.view-tabs>button.active{background:var(--theme-accent-soft);color:var(--theme-accent)}
.monitor-dock a.active,.monitor-dock a[aria-current],.p-button.primary,.profile-app .primary,.signin-submit,.monitor-mark{background:var(--theme-accent);color:var(--theme-on-accent)}
.p-button.primary:hover,.profile-app .primary:hover,.signin-submit:hover{filter:brightness(.95);background:var(--theme-accent)}
.monitor-avatar{background:var(--theme-accent-soft);color:var(--theme-accent)}
.state-chip.ok{color:var(--theme-success)}
.state-chip.warning{color:var(--theme-warning)}
.state-chip.unknown{color:var(--theme-muted)}
.fleet-group-summary{background:var(--theme-surface)}
.fleet-group-summary:hover{background:var(--theme-raised)}
.signin-field input,input,textarea{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}
.signin-field input::placeholder,input::placeholder,textarea::placeholder{color:var(--theme-muted)}
.signin-help,.signin-help a,.recovery-content p,.passkey-status{color:var(--theme-secondary)}
.signin-submit{border-color:var(--theme-accent)}
.passkey-button{background:transparent;color:var(--theme-accent);border-color:var(--theme-border-strong)}
.passkey-button:hover{background:var(--theme-accent-soft)}
.signin-error,.form-error{background:var(--theme-danger-bg);border-color:var(--theme-danger-border);color:var(--theme-danger)}
.error,.errorlist{color:var(--theme-danger)}
.p-dialog::backdrop{background:#10152166}
@media(max-width:600px){.topbar-right{gap:12px}.theme-toggle button{width:32px;height:32px}.has-certificates .topbar-right{padding:10px}.monitor-topbar.has-certificates{flex-wrap:wrap}.has-certificates .topbar-right{margin-left:auto}}

.panel-navigation-progress{background:var(--theme-accent)}
.panel-navigation-status{background:var(--theme-warning-bg);border-color:var(--theme-warning-border);color:var(--theme-warning)}
.monitor-dock a.dock-active,.monitor-dock a[data-nav-pending]{background:var(--theme-accent);color:var(--theme-on-accent)}
.workspace-sidebar nav a[data-nav-pending],.monitor-tabs a[data-nav-pending]{background:var(--theme-accent-soft);color:var(--theme-accent)}