html[data-theme=dark] body {
  --overview-glass: rgba(25, 27, 30, .64);
  --overview-border: rgba(224, 235, 245, .16);
}
html[data-theme=dark] body::before {
  background: linear-gradient(110deg, rgba(9, 13, 18, .48), rgba(12, 16, 22, .35)),
    url('/static/brand/dashboard-mountains-v41.webp') center / cover no-repeat;
}
html[data-theme=dark] body .site-nav {
  padding: 0 24px;
  background: rgba(25, 27, 30, .76);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom-color: var(--overview-border);
}
html[data-theme=dark] body .nav-shell {
  padding: 0;
  gap: 12px;
  min-height: 84px;
  max-width: 1232px;
  width: 100%;
  margin-inline: auto;
  flex-wrap: nowrap;
}
html[data-theme=dark] body .brand {
  font-size: 24px;
  gap: 8px;
  letter-spacing: -.9px;
}
html[data-theme=dark] body .brand img { width: 36px; height: 36px; }
html[data-theme=dark] body .nav-links {
  gap: 2px;
  justify-content: space-between;
  flex-wrap: nowrap;
}
html[data-theme=dark] body .nav-links a {
  font-size: 15px;
  font-weight: 550;
  padding: 11px 6px;
  color: #d5dbe2;
}
html[data-theme=dark] body .nav-links .ui-icon { display: none; }
html[data-theme=dark] body .nav-links a[aria-current=page] {
  color: #9cdeff;
  background: rgba(92, 189, 240, .1);
  border-color: rgba(119, 208, 255, .24);
}
html[data-theme=dark] body .preferences { gap: 8px; margin-left: 0; }
html[data-theme=dark] body .profile-content {
  background: rgba(25, 27, 30, .88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Dashboard v1.0 materials shared by existing dark pages. */
:root[data-theme=dark] {
 --glass:rgba(25,27,30,.64); --border:rgba(224,235,245,.16);
 --surface:#191b1e; --input:rgba(17,20,24,.8); --muted:#bec8d2;
 --link:#83d3fb; --button:#82d5fb; --button-text:#10232d;
 --glass-shadow:0 12px 32px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.04);
}
html[data-theme=dark] :is(.panel,.card,.auth,.empty,.bolt-card,.metrics.big,.preview-banner) {
 background:var(--glass); border-color:var(--border); border-radius:20px;
 backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); box-shadow:var(--glass-shadow);
}
html[data-theme=dark] :is(.subscription-strip,.message-post,.message-post.staff,.account-section-nav a) {background:var(--glass);border-color:var(--border)}
html[data-theme=dark] .support-form textarea {background:var(--input);border-color:var(--border)}
html[data-theme=dark] .button,html[data-theme=dark] .periods>a {background:rgba(92,189,240,.1);border-color:rgba(119,208,255,.24);color:#9cdeff}
html[data-theme=dark] .site-footer {color:#b7c5d1}
/* Keep fixed help popovers positioned against the viewport. */
html[data-theme=dark] .notification-rules {backdrop-filter:none;-webkit-backdrop-filter:none}

/* Accounts: the requested 1280px composition, keeping card internals intact. */
html[data-theme=dark] .accounts-toolbar {display:flex;align-items:center;gap:24px;flex-wrap:nowrap;margin-bottom:20px}
html[data-theme=dark] .accounts-toolbar h1 {margin:0;margin-right:auto}
html[data-theme=dark] .accounts-toolbar .periods {margin:0;flex-shrink:0}
html[data-theme=dark] .accounts-toolbar form {margin:0;flex-shrink:0}
html[data-theme=dark] .accounts-toolbar #refresh-status {font-size:12px;color:var(--muted);white-space:nowrap}
html[data-theme=dark] .accounts-page>.total-card {display:grid;grid-template-columns:40px auto 1fr;align-items:center;gap:6px 18px;min-height:0;padding:18px 24px;margin:0 0 20px}
html[data-theme=dark] .accounts-page>.total-card>.account-avatar {grid-row:1/3;align-self:center;width:40px;height:40px;font-size:28px}
html[data-theme=dark] .accounts-page>.total-card>h2 {margin:0}
html[data-theme=dark] .accounts-page>.total-card>p {margin:0;font-size:12px}
html[data-theme=dark] .accounts-page>.total-card>p:first-of-type {grid-column:2;grid-row:2}
html[data-theme=dark] .accounts-page>.total-card>p:last-child {grid-column:3}
html[data-theme=dark] .accounts-page [data-total-groups] {grid-column:3;grid-row:1/3;display:flex;flex-wrap:wrap;gap:12px 28px}
html[data-theme=dark] .accounts-page .total-currency {display:grid;grid-template-columns:auto auto auto;align-items:center;gap:4px 16px;margin:0}
html[data-theme=dark] .accounts-page .total-currency h3 {grid-column:1;grid-row:1/3;margin:0 12px 0 0}
html[data-theme=dark] .accounts-page .total-currency span {grid-row:1;font-size:12px;color:var(--muted)}
html[data-theme=dark] .accounts-page .total-currency strong {grid-row:2;font-size:21px;text-align:left;white-space:nowrap}
html[data-theme=dark] .accounts-page .total-currency strong:first-of-type {grid-column:2}
html[data-theme=dark] .accounts-page .total-currency strong:last-of-type {grid-column:3}
html[data-theme=dark] .accounts-page #bolt-grid.account-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none;margin:0}
html[data-theme=dark] .accounts-page #bolt-grid[data-count="1"]>.bolt-card {grid-column:2}
html[data-theme=dark] .accounts-page #bolt-grid>.bolt-card {width:100%;margin:0;min-width:0}