/* Loaded only on account.html; other pages keep their existing appearance. */
.dashboard-titlebar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dashboard-theme-toggle {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; flex-shrink:0; padding:8px 12px; border-radius:20px;
  border:1px solid var(--gold-20); background:var(--bg-deep); color:var(--text-primary);
  font:500 0.7rem 'Roboto Mono',monospace; cursor:pointer;
}
.dashboard-theme-toggle:hover { border-color:var(--gold); }
.dashboard-theme-toggle:focus-visible { outline:2px solid var(--accent-blue); outline-offset:3px; }
.dashboard-theme-toggle [data-theme-icon] { font-size:1.1rem; line-height:1; color:var(--gold); }
.page-header { flex-wrap:wrap; gap:16px; }
.page-header > .flex { flex-wrap:wrap; }
.llod-risk-label { font-family:'Roboto Mono',monospace; font-size:0.5rem; }
.dashboard-number { font-family:'Roboto Mono',monospace; font-variant-numeric:tabular-nums; }
@media (max-width:768px) {
  .dashboard-titlebar { width:100%; gap:10px; }
  .dashboard-theme-toggle { min-height:44px; padding:8px 11px; }
}

html[data-dashboard-theme="light"] {
  color-scheme:light;
  --bg-primary:#f3f2ee;
  --bg-deep:#ffffff;
  --bg-panel:#f8f7f3;
  --text-primary:#24332f;
  --text-muted:#606963;
  --gold:#79582c;
  --gold-light:#634820;
  --gold-dark:#67471f;
  --gold-10:rgba(121,88,44,0.06);
  --gold-20:rgba(121,88,44,0.19);
  --gold-40:rgba(121,88,44,0.38);
  --accent-blue:#2069b0;
  --accent-red:#ba3039;
  --brushed-light:#fffefa;
  --brushed-dark:#f0ede5;
  --dash-positive:#15764d;
  --dash-warning:#885709;
  --action-blue:#244c73;
  --action-blue-dark:#142f4d;
  --dial-progress-background:linear-gradient(145deg,#f1ebdd,#e8e2d5);
  --dial-progress-track:rgba(109,86,47,0.17);
  --ea-card-background:linear-gradient(145deg,#f5f0e5,#eae5d9);
}
html[data-dashboard-theme="light"] .sidebar { background:#faf9f5; border-right-color:#dfdfd7; }
html[data-dashboard-theme="light"] .card-dark { background:#fff; }
html[data-dashboard-theme="light"] .card { border-color:#ddded6; box-shadow:0 3px 14px rgba(33,49,43,0.035); }
html[data-dashboard-theme="light"] .card:hover { border-color:#b9bbae; box-shadow:0 4px 18px rgba(33,49,43,0.07); }
html[data-dashboard-theme="light"] .card-title { color:var(--text-muted); }
html[data-dashboard-theme="light"] .nav-item.active { background:#ecebe1; color:#554322; border-left-color:#967447; }
html[data-dashboard-theme="light"] .nav-item:hover { background:#efeee7; }
html[data-dashboard-theme="light"] .account-stats > .card-dark {
  background:linear-gradient(160deg,#fffdf9 0%,#f8f5ef 48%,#f3efe6 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),0 3px 14px rgba(74,61,37,0.045);
}
html[data-dashboard-theme="light"] .profit-breakdown-card {
  background:radial-gradient(ellipse at 25% 18%,#fffdf7 0%,#f5f1e7 50%,#eae6dc 100%);
}
html[data-dashboard-theme="light"] .instrument-dial-card {
  background:radial-gradient(ellipse at 50% 42%,#fffdf7 0%,#f5f1e7 58%,#e9e5da 100%);
}
html[data-dashboard-theme="light"] :is(.monthly-performance-card,.positions-card) {
  background:linear-gradient(155deg,#fffefa 0%,#f8f5ef 52%,#f1eee6 100%);
}
html[data-dashboard-theme="light"] .dial-progress-card {
  border:1px solid rgba(121,88,44,0.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 2px 5px rgba(74,61,37,0.05);
}
html[data-dashboard-theme="light"] :is(.ea-status-card,.llod-card,.faq-account-option) {
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.75),0 2px 6px rgba(74,61,37,0.05);
}
html[data-dashboard-theme="light"] .dial-side-stats > div > div:first-child {
  font-weight:700;
  font-size:0.6rem !important;
  letter-spacing:0.4px !important;
  line-height:1.4;
  color:#494f47 !important;
}
html[data-dashboard-theme="light"] :is(h4,.sidebar .nav-item .nav-icon,.pricing-card .price span) { font-size:1.0rem; }
/* Local button variables also cover inline gradients on active pair/timeframe
   controls. Do not recolor destructive close actions or the green resume state. */
html[data-dashboard-theme="light"] :is(.btn-primary:not(#confirmCloseBtn),.account-tab.active) {
  --gold:var(--action-blue);
  --gold-dark:var(--action-blue-dark);
  color:#fff;
}
html[data-dashboard-theme="light"] :is(#posTabCurrent,#posTabClosed,.position-side-pill) {
  --gold:var(--action-blue);
  --gold-dark:var(--action-blue-dark);
  --gold-40:rgba(36,76,115,0.5);
}
html[data-dashboard-theme="light"] .llod-risk-label { font-family:inherit; font-size:0.6rem; }
html[data-dashboard-theme="light"] .heartbeat-container {
  background:linear-gradient(135deg,#f9fbfc,#e7eff4);
  border-color:rgba(36,76,115,0.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.85);
}
html[data-dashboard-theme="light"] .btn.dashboard-filled-action {
  background:linear-gradient(135deg,var(--action-blue),var(--action-blue-dark));
  border-color:var(--action-blue);
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.17),0 3px 8px rgba(20,47,77,0.14);
}
/* Retain the existing resume-state distinction, without changing click logic. */
html[data-dashboard-theme="light"] .btn.dashboard-filled-action[style*="74, 222, 128"] {
  background:linear-gradient(135deg,#15764d,#125e3f);
}
html[data-dashboard-theme="light"] .btn.dashboard-filled-action:hover:not(:disabled) { filter:brightness(1.08); }
html[data-dashboard-theme="light"] .btn.dashboard-filled-action:focus-visible { outline:2px solid var(--accent-blue); outline-offset:3px; }
/* Follow the PNG's alpha silhouette, not its rectangular/circular image box.
   The overlaid canvases stay unfiltered, so numbers and hands remain crisp. */
html[data-dashboard-theme="light"] .dial-image-wrap img { background:transparent; border-radius:0; box-shadow:none;
  filter:drop-shadow(0 0 7px rgba(61,49,30,0.12)) drop-shadow(0 10px 16px rgba(61,49,30,0.22));
}
html[data-dashboard-theme="light"] .dial-side-stats > div > div:last-child { font-size:0.9rem !important; }
@media (max-width:600px) {
  html[data-dashboard-theme="light"] .dial-side-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; }
}
@media (max-width:1024px) {
  html[data-dashboard-theme="light"] .dial-side-stats > div { margin-bottom:0 !important; }
}
html[data-dashboard-theme="light"] .dashboard-theme-toggle { background:#fff; box-shadow:0 2px 6px rgba(33,49,43,0.04); }
html[data-dashboard-theme="light"] .account-tab:not(.active) { background:#fff; }
html[data-dashboard-theme="light"] .monthly-pair-value.positive { color:var(--dash-positive); }
html[data-dashboard-theme="light"] .monthly-pair-value.negative { color:var(--accent-red); }
html[data-dashboard-theme="light"] .monthly-pair-value.empty { color:#92998e; }
html[data-dashboard-theme="light"] .account-manager-danger { color:var(--accent-red); }
html[data-dashboard-theme="light"] #rsiPanel { background:#f7f8f4 !important; }
html[data-dashboard-theme="light"] :is(#ctxTipFloat,#chartTooltip,#rsiTooltip) { background:#fffefa !important; box-shadow:0 5px 20px rgba(33,49,43,0.16) !important; }
html[data-dashboard-theme="light"] [id$="Modal"] { background:rgba(37,47,42,0.35) !important; }

/* Existing live widgets set inline status colors. Override foregrounds only,
   including CSSOM's rgb serialization; never recolor warnings as neutral text. */
html[data-dashboard-theme="light"] :is([style*="color:#4ade80" i],[style*="color: #4ade80" i],[style*="color:rgb(74,222,128" i],[style*="color: rgb(74, 222, 128" i],[style*="color:rgba(74,222,128" i],[style*="color: rgba(74, 222, 128" i]) { color:var(--dash-positive) !important; }
html[data-dashboard-theme="light"] :is([style*="color:#fbbf24" i],[style*="color: #fbbf24" i],[style*="color: rgb(251, 191, 36" i],[style*="color:rgba(255,180,60" i],[style*="color: rgba(255, 180, 60" i],[style*="color:#ffe800" i],[style*="color: #ffe800" i]) { color:var(--dash-warning) !important; }
html[data-dashboard-theme="light"] :is([style*="color:#60a5fa" i],[style*="color: #60a5fa" i],[style*="color: rgb(96, 165, 250" i]) { color:var(--accent-blue) !important; }
html[data-dashboard-theme="light"] :is([style*="color:rgba(255,80,80" i],[style*="color: rgba(255,80,80" i],[style*="color: rgba(255, 80, 80" i],[style*="color:rgba(255,100,100" i],[style*="color: rgba(255, 100, 100" i],[style*="color:#ff5a5a" i],[style*="color: #ff5a5a" i],[style*="color:#ff6262" i],[style*="color: #ff6262" i]) { color:var(--accent-red) !important; }