/* Dark theme, loaded last. Deeper near-black surfaces in three layers (page → panels → dialogs), and the
   light-theme pastel fills replaced by translucent tints with a hairline glow, so coloured blocks read as
   part of the dark surface instead of light patches with dark text. The light theme is untouched.
   Palette: CloudLabs infographic (docs/brand) - blue #39b0f4, cyan #14ddd3, green #2cd68a on near-black teal. */
:root[data-theme=dark]{
  --bg:#03080b;--panel:#0a1115;--raised:#0f171c;--line:rgba(150,205,225,.085);--muted:#84929b;--text:#e9eff3;
  --accent:#2cd68a;--hover:rgba(150,215,235,.055);
  /* Tints for coloured surfaces: [fill, glow border, text accent] */
  --tint-blue:rgba(57,176,244,.12);--tint-blue-line:rgba(57,176,244,.24);--tint-blue-text:#6fc4f7;
  --tint-green:rgba(44,214,138,.11);--tint-green-line:rgba(44,214,138,.24);--tint-green-text:#5fe3a6;
  --tint-mint:rgba(20,221,211,.1);--tint-mint-text:#5ee8de;
  --tint-red:rgba(236,96,108,.13);--tint-red-text:#f59aa4;
  --tint-amber:rgba(226,176,74,.13);--tint-amber-text:#ecc77e;
  --tint-neutral:rgba(170,215,235,.055);--tint-neutral-text:#a9b7c0;
  --blue:var(--tint-blue);--purple:var(--tint-green);
  --chart-blue:#2f4b5c;--lavender:#2cd68a;--mint:#39b0f4
}
:root[data-theme=dark] body{background:var(--bg)}
:root[data-theme=dark] ::selection{background:rgba(44,214,138,.3)}

/* KPI cards: soft diagonal tint over the panel, hairline glow, light text. */
:root[data-theme=dark] .stat-card{background:linear-gradient(155deg,var(--tint-blue),rgba(57,176,244,.02) 62%),var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--tint-blue-line)}
:root[data-theme=dark] .stat-card:nth-child(even){background:linear-gradient(155deg,var(--tint-green),rgba(44,214,138,.02) 62%),var(--panel);box-shadow:inset 0 0 0 1px var(--tint-green-line)}
:root[data-theme=dark] .stat-card.featured{background:radial-gradient(120% 90% at 100% 0%,rgba(20,221,211,.2),transparent 60%),linear-gradient(155deg,rgba(57,176,244,.12),rgba(44,214,138,.1) 55%,transparent 80%),var(--panel);box-shadow:inset 0 0 0 1px rgba(20,221,211,.3),0 12px 32px -18px rgba(20,221,211,.45)}
:root[data-theme=dark] .stat-card .stat-label{color:var(--tint-neutral-text)}
:root[data-theme=dark] .stat-card .stat-label svg{color:var(--tint-green-text)}
:root[data-theme=dark] .stat-card .stat-foot,:root[data-theme=dark] .stat-card small{color:var(--muted)}
:root[data-theme=dark] .stat-card .positive{color:var(--tint-green-text)}
:root[data-theme=dark] .stat-card .live-dot{background:var(--tint-green-text);box-shadow:0 0 8px rgba(44,214,138,.65)}
:root[data-theme=dark] .positive{color:var(--tint-green-text)}

/* Notices: tinted glass with an accent edge instead of a light-blue slab. */
:root[data-theme=dark] .notice{background:linear-gradient(90deg,rgba(57,176,244,.11),rgba(57,176,244,.04));color:#bfd8e6;box-shadow:inset 0 0 0 1px var(--tint-blue-line),inset 3px 0 0 var(--tint-blue-text)}

/* Small coloured chips, avatars and icon tiles. */
:root[data-theme=dark] .workspace-icon,:root[data-theme=dark] .avatar,:root[data-theme=dark] .account-icon{background:var(--tint-neutral);color:var(--tint-neutral-text);box-shadow:inset 0 0 0 1px var(--line)}
:root[data-theme=dark] .drop-symbol{background:var(--tint-neutral);color:var(--tint-neutral-text)}
:root[data-theme=dark] .drop-symbol.purple{background:var(--tint-green);color:var(--tint-green-text)}
:root[data-theme=dark] .drop-symbol.blue{background:var(--tint-blue);color:var(--tint-blue-text)}
:root[data-theme=dark] .drop-symbol.has-item{background:radial-gradient(90% 90% at 50% 20%,rgba(255,255,255,.09),rgba(255,255,255,.02))}
:root[data-theme=dark] .rail-icon{background:var(--tint-green);color:var(--tint-green-text)}
:root[data-theme=dark] .rail-icon.blue{background:var(--tint-blue);color:var(--tint-blue-text)}
:root[data-theme=dark] .rail-avatar{background:var(--tint-neutral);color:var(--tint-neutral-text)}
:root[data-theme=dark] .rail-avatar.purple{background:var(--tint-green);color:var(--tint-green-text)}
:root[data-theme=dark] .rail-avatar.mint{background:var(--tint-mint);color:var(--tint-mint-text)}
:root[data-theme=dark] .rail-avatar.has-item{background:rgba(255,255,255,.06)}
:root[data-theme=dark] .admin-module-icon{background:var(--tint-green);color:var(--tint-green-text)}
:root[data-theme=dark] .session-label{background:var(--tint-blue);color:var(--tint-blue-text)}
:root[data-theme=dark] .switch{background:#223038}
:root[data-theme=dark] .switch[aria-checked=true]{background:var(--lavender)}

/* Status colours that were too dark to read on near-black. */
:root[data-theme=dark] .badge.error,:root[data-theme=dark] .admin-status.error,:root[data-theme=dark] .admin-form-error{color:var(--tint-red-text)!important}
:root[data-theme=dark] .debt-amount{color:var(--tint-red-text)}
:root[data-theme=dark] .admin-stream-active{color:var(--tint-green-text)}
:root[data-theme=dark] .live-badge{color:#ff8a8a}
:root[data-theme=dark] .dot.broken{background:#e98b93}

/* Notifications. */
:root[data-theme=dark] .farm-notice{box-shadow:0 18px 40px -20px #000}
:root[data-theme=dark] .farm-notice-icon.xp{background:var(--tint-blue);color:var(--tint-blue-text)}
:root[data-theme=dark] .farm-notice-icon.alert{background:var(--tint-red);color:var(--tint-red-text)}
:root[data-theme=dark] .farm-notice-icon.item{background:rgba(255,255,255,.06)}
:root[data-theme=dark] .farm-notice-meta button,:root[data-theme=dark] .notification-center-tools button:last-child{color:var(--tint-blue-text)}
:root[data-theme=dark] .notification-count{background:#1f9fe8}

/* Live feed and cabinets. */
:root[data-theme=dark] .live-card{background:radial-gradient(120% 85% at 50% 0%,color-mix(in srgb,var(--rarity) 24%,transparent),transparent 72%),#0c1418;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
:root[data-theme=dark] .live-card.own{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 60%,transparent)}
:root[data-theme=dark] .live-meta i{background:var(--tint-green);color:var(--tint-green-text)}
:root[data-theme=dark] .live-detail{background:radial-gradient(100% 90% at 50% 0%,color-mix(in srgb,var(--rarity) 26%,transparent),transparent 75%),#0c1418}
:root[data-theme=dark] .cloud-card{box-shadow:inset 0 0 0 1px var(--line)}
:root[data-theme=dark] .payout-option{background:var(--panel)}
:root[data-theme=dark] .payout-option[aria-pressed=true]{background:var(--tint-green);border-color:var(--tint-green-line)}
:root[data-theme=dark] .role-option[aria-checked=true],:root[data-theme=dark] .live-privacy-option:has(input:checked){background:var(--tint-green);border-color:var(--tint-green-line)}
:root[data-theme=dark] .session-stat-top .prime-label{background:var(--tint-amber);color:var(--tint-amber-text)}

/* Overlays and code-like blocks aligned with the deeper palette. */
:root[data-theme=dark] dialog{box-shadow:0 30px 80px -20px #000,0 0 0 1px rgba(255,255,255,.04)}
:root[data-theme=dark] dialog::backdrop{background:rgba(1,6,9,.66)}
:root[data-theme=dark] .admin-log-scroll,:root[data-theme=dark] .admin-log-context,:root[data-theme=dark] .admin-screen-placeholder{background:#060d11}
:root[data-theme=dark] .admin-log-table th{background:#0b1418}