/* Gold Tracker dark theme: calm slate surfaces with warm gold accents. */
html[data-theme="dark"] .gt-dashboard,
body.dark-mode .gt-dashboard {
  --gt-ink: #edf2fa;
  --gt-muted: #a9b6c9;
  --gt-line: rgba(165, 185, 211, .16);
  --gt-gold: #f2c96d;
  --gt-panel: rgba(19, 29, 45, .94);
  --gt-bg: #172438;
  color: var(--gt-ink);
  color-scheme: dark;
}

html[data-theme="dark"] .gt-dashboard .gt-hero h1,
body.dark-mode .gt-dashboard .gt-hero h1,
html[data-theme="dark"] .gt-dashboard h2,
body.dark-mode .gt-dashboard h2,
html[data-theme="dark"] .gt-dashboard h3,
body.dark-mode .gt-dashboard h3 {
  color: #f4f7fc;
}

html[data-theme="dark"] .gt-dashboard .gt-hero,
body.dark-mode .gt-dashboard .gt-hero {
  padding-top: 42px;
  padding-bottom: 26px;
}

html[data-theme="dark"] .gt-dashboard .gt-eyebrow,
body.dark-mode .gt-dashboard .gt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 10px;
  padding: 6px 10px;
  border: 1px solid rgba(242, 201, 109, .2);
  border-radius: 999px;
  background: rgba(242, 201, 109, .08);
  color: #f2d78f;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .04em;
}

html[data-theme="dark"] .gt-dashboard .gt-pulse,
body.dark-mode .gt-dashboard .gt-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6dd9a5;
  box-shadow: 0 0 0 4px rgba(109, 217, 165, .12), 0 0 12px rgba(109, 217, 165, .55);
}

html[data-theme="dark"] .gt-dashboard .gt-hero__icon,
body.dark-mode .gt-dashboard .gt-hero__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(242, 201, 109, .2);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(242, 201, 109, .16), rgba(242, 201, 109, .045));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
  font-size: 1.25rem;
}

html[data-theme="dark"] .gt-dashboard .gt-hero .gt-button,
body.dark-mode .gt-dashboard .gt-hero .gt-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 8px;
  padding: 10px 16px;
  border-radius: 11px;
  font-weight: 700;
  letter-spacing: .01em;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

html[data-theme="dark"] .gt-dashboard .gt-hero .gt-button:hover,
body.dark-mode .gt-dashboard .gt-hero .gt-button:hover {
  transform: translateY(-1px);
}

html[data-theme="dark"] .gt-dashboard .gt-panel,
body.dark-mode .gt-dashboard .gt-panel {
  background: linear-gradient(145deg, rgba(21, 33, 51, .98), rgba(15, 24, 38, .98));
  border-color: var(--gt-line);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035);
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

html[data-theme="dark"] .gt-dashboard .gt-metric,
html[data-theme="dark"] .gt-dashboard .gt-stat,
html[data-theme="dark"] .gt-dashboard .gt-scenario,
html[data-theme="dark"] .gt-dashboard .gt-factor,
body.dark-mode .gt-dashboard .gt-metric,
body.dark-mode .gt-dashboard .gt-stat,
body.dark-mode .gt-dashboard .gt-scenario,
body.dark-mode .gt-dashboard .gt-factor {
  background: linear-gradient(145deg, #1b2a40, #172438);
  border-color: var(--gt-line);
}

html[data-theme="dark"] .gt-dashboard .gt-live-primary,
body.dark-mode .gt-dashboard .gt-live-primary {
  background: linear-gradient(135deg, #27496b 0%, #19334f 55%, #17283e 100%);
  border: 1px solid rgba(145, 185, 226, .18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .gt-dashboard .gt-table-scroll,
body.dark-mode .gt-dashboard .gt-table-scroll {
  border-color: var(--gt-line);
  background: rgba(9, 16, 27, .28);
}

html[data-theme="dark"] .gt-dashboard .gt-table th,
body.dark-mode .gt-dashboard .gt-table th {
  background: #1a2940;
  color: #cbd6e6;
}

html[data-theme="dark"] .gt-dashboard .gt-table td,
body.dark-mode .gt-dashboard .gt-table td {
  color: #dbe4f0;
}

html[data-theme="dark"] .gt-dashboard .gt-table tbody tr:hover,
body.dark-mode .gt-dashboard .gt-table tbody tr:hover {
  background: rgba(232, 190, 94, .075);
}

html[data-theme="dark"] .gt-dashboard .gt-search input,
body.dark-mode .gt-dashboard .gt-search input {
  background: #111d2e;
  border-color: rgba(165, 185, 211, .23);
  color: var(--gt-ink);
}

html[data-theme="dark"] .gt-dashboard .gt-search input::placeholder,
body.dark-mode .gt-dashboard .gt-search input::placeholder {
  color: #8696ad;
}

html[data-theme="dark"] .gt-dashboard .gt-button,
html[data-theme="dark"] .gt-dashboard .gt-bot-link,
html[data-theme="dark"] .gt-dashboard .gt-small-button,
body.dark-mode .gt-dashboard .gt-button,
body.dark-mode .gt-dashboard .gt-bot-link,
body.dark-mode .gt-dashboard .gt-small-button {
  border: 1px solid rgba(242, 201, 109, .42);
  background: linear-gradient(135deg, rgba(242, 201, 109, .16), rgba(242, 201, 109, .07));
  color: #ffe4a0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
  text-decoration: none;
}

html[data-theme="dark"] .gt-dashboard .gt-button:hover,
html[data-theme="dark"] .gt-dashboard .gt-bot-link:hover,
html[data-theme="dark"] .gt-dashboard .gt-small-button:not(:disabled):hover,
body.dark-mode .gt-dashboard .gt-button:hover,
body.dark-mode .gt-dashboard .gt-bot-link:hover,
body.dark-mode .gt-dashboard .gt-small-button:not(:disabled):hover {
  background: rgba(242, 201, 109, .22);
  border-color: rgba(242, 201, 109, .7);
}

html[data-theme="dark"] .gt-dashboard .gt-status,
body.dark-mode .gt-dashboard .gt-status {
  background: rgba(232, 190, 94, .1);
  border: 1px solid rgba(232, 190, 94, .19);
  color: #f1d58c !important;
}

html[data-theme="dark"] .gt-dashboard .gt-status[data-state="error"],
body.dark-mode .gt-dashboard .gt-status[data-state="error"] {
  background: rgba(248, 113, 113, .11);
  border-color: rgba(248, 113, 113, .24);
  color: #ffb4ae !important;
}

html[data-theme="dark"] .gt-dashboard .gt-basis,
body.dark-mode .gt-dashboard .gt-basis {
  background: rgba(74, 190, 135, .14);
  color: #8be0b2;
}

html[data-theme="dark"] .gt-dashboard .gt-basis[data-basis="estimated"],
body.dark-mode .gt-dashboard .gt-basis[data-basis="estimated"] {
  background: rgba(242, 201, 109, .14);
  color: #f3d88e;
}

html[data-theme="dark"] .gt-dashboard .gt-basis[data-basis="bot-log"],
body.dark-mode .gt-dashboard .gt-basis[data-basis="bot-log"] {
  background: rgba(122, 172, 235, .14);
  color: #a8ccff;
}

html[data-theme="dark"] .gt-dashboard .gt-warning,
body.dark-mode .gt-dashboard .gt-warning {
  background: rgba(232, 190, 94, .09);
  color: #f2d994;
}

html[data-theme="dark"] .gt-dashboard .gt-error-row,
body.dark-mode .gt-dashboard .gt-error-row {
  color: #ffaaa3;
}

html[data-theme="dark"] .gt-dashboard a:not(.gt-button):not(.gt-bot-link),
body.dark-mode .gt-dashboard a:not(.gt-button):not(.gt-bot-link),
html[data-theme="dark"] .gt-sources a,
body.dark-mode .gt-sources a {
  color: #9cc8ff;
  text-decoration-color: rgba(156, 200, 255, .5);
  text-underline-offset: 3px;
}

html[data-theme="dark"] .gt-dashboard a:focus-visible,
html[data-theme="dark"] .gt-dashboard button:focus-visible,
html[data-theme="dark"] .gt-dashboard input:focus-visible,
body.dark-mode .gt-dashboard a:focus-visible,
body.dark-mode .gt-dashboard button:focus-visible,
body.dark-mode .gt-dashboard input:focus-visible {
  outline: 3px solid rgba(242, 201, 109, .72);
  outline-offset: 3px;
}

html[data-theme="dark"] .gt-chart-grid,
body.dark-mode .gt-chart-grid { stroke: rgba(176, 194, 217, .16); }
html[data-theme="dark"] .gt-chart-axis,
body.dark-mode .gt-chart-axis { fill: #9eacc0; }
html[data-theme="dark"] .gt-chart-history,
body.dark-mode .gt-chart-history { stroke: #86b8ef; }
html[data-theme="dark"] .gt-chart-connector,
body.dark-mode .gt-chart-connector { stroke: #73839b; }
html[data-theme="dark"] .gt-chart-dot,
body.dark-mode .gt-chart-dot { stroke: #172438; }
html[data-theme="dark"] .gt-hover circle,
body.dark-mode .gt-hover circle { stroke: #172438; }

html[data-theme="dark"] .gt-sources,
body.dark-mode .gt-sources {
  color: var(--gt-muted);
  border-top-color: var(--gt-line);
}

html[data-theme="dark"] .gt-sources h2,
body.dark-mode .gt-sources h2 { color: #f4f7fc; }

html[data-theme="dark"] .gt-footer,
body.dark-mode .gt-footer {
  color: #9eacc0;
  border-top-color: var(--gt-line);
}