/* TradingSimuLab V61 FIXED — premium dark-mode result surfaces.
   CSS-only layer. No model, auth, billing, pricing, or backend logic changes. */

html[data-tsl-theme="dark"],
html[data-tsl-theme="dark"] body {
  background:
    radial-gradient(circle at 28% -10%, rgba(47, 102, 246, .18), transparent 34rem),
    radial-gradient(circle at 88% 12%, rgba(26, 214, 164, .10), transparent 28rem),
    #06111f !important;
  color: #eaf2ff !important;
}

html[data-tsl-theme="dark"] .tsl-clean-page,
html[data-tsl-theme="dark"] .tsl-global-clean-page,
html[data-tsl-theme="dark"] .tsl-foundation-shell {
  background:
    linear-gradient(180deg, rgba(10, 22, 39, .96), rgba(6, 17, 31, .98)) !important;
  color: #eaf2ff !important;
}

html[data-tsl-theme="dark"] .tsl-tool-form,
html[data-tsl-theme="dark"] .tsl-tool-panel,
html[data-tsl-theme="dark"] .tsl-clean-card,
html[data-tsl-theme="dark"] .tsl-risk-card,
html[data-tsl-theme="dark"] .tsl-tool-card {
  background: linear-gradient(180deg, rgba(13, 28, 50, .94), rgba(8, 20, 37, .96)) !important;
  border-color: rgba(132, 166, 225, .24) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .32) !important;
  color: #eaf2ff !important;
}

html[data-tsl-theme="dark"] #tsl-macro-status,
html[data-tsl-theme="dark"] .tsl-tool-status,
html[data-tsl-theme="dark"] .tsl-clean-muted {
  color: #b8c7dd !important;
}

html[data-tsl-theme="dark"] .tsl-risk-steps,
html[data-tsl-theme="dark"] .tsl-tool-steps {
  background: rgba(8, 20, 37, .64) !important;
  border-color: rgba(132, 166, 225, .20) !important;
}

html[data-tsl-theme="dark"] .tsl-risk-step,
html[data-tsl-theme="dark"] .tsl-tool-step {
  background: linear-gradient(180deg, rgba(20, 40, 69, .96), rgba(12, 29, 52, .96)) !important;
  border-color: rgba(118, 163, 255, .34) !important;
  color: #f4f8ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 34px rgba(0,0,0,.22) !important;
}

html[data-tsl-theme="dark"] .tsl-risk-step strong,
html[data-tsl-theme="dark"] .tsl-tool-step strong {
  color: #ffffff !important;
}

html[data-tsl-theme="dark"] .tsl-risk-step-state,
html[data-tsl-theme="dark"] .tsl-tool-step-state {
  color: #86b7ff !important;
}

html[data-tsl-theme="dark"] #tsl-macro-result-head,
html[data-tsl-theme="dark"] .tsl-tool-result-head,
html[data-tsl-theme="dark"] .tsl-risk-result-head {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 246, .26), transparent 24rem),
    radial-gradient(circle at 92% 0%, rgba(26, 214, 164, .14), transparent 22rem),
    linear-gradient(180deg, rgba(15, 31, 56, .98), rgba(8, 20, 37, .98)) !important;
  border: 1px solid rgba(128, 170, 255, .30) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color: #f4f8ff !important;
}

html[data-tsl-theme="dark"] #tsl-macro-result-head::before,
html[data-tsl-theme="dark"] .tsl-tool-result-head::before,
html[data-tsl-theme="dark"] .tsl-risk-result-head::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #2f66f6, #6c7cff, #1ad6a4);
  opacity: .95;
}

html[data-tsl-theme="dark"] #tsl-macro-result-head h3,
html[data-tsl-theme="dark"] #tsl-macro-result-head h3 span,
html[data-tsl-theme="dark"] .tsl-tool-result-head h3,
html[data-tsl-theme="dark"] .tsl-risk-result-head h3 {
  color: #ffffff !important;
  text-shadow: 0 1px 18px rgba(47, 102, 246, .20);
}

html[data-tsl-theme="dark"] #tsl-macro-result-head p,
html[data-tsl-theme="dark"] .tsl-tool-result-head p,
html[data-tsl-theme="dark"] .tsl-risk-result-head p {
  color: #c6d5ea !important;
}

html[data-tsl-theme="dark"] .tsl-risk-pill,
html[data-tsl-theme="dark"] .tsl-tool-pill,
html[data-tsl-theme="dark"] .tsl-tool-chip-row span {
  background: rgba(47, 102, 246, .16) !important;
  border-color: rgba(128, 170, 255, .42) !important;
  color: #dbe8ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-tsl-theme="dark"] #tsl-macro-interpretation,
html[data-tsl-theme="dark"] .tsl-risk-interpretation,
html[data-tsl-theme="dark"] .tsl-tool-interpretation {
  background: linear-gradient(180deg, rgba(13, 28, 50, .96), rgba(8, 20, 37, .98)) !important;
  border-color: rgba(128, 170, 255, .24) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.30) !important;
  color: #eaf2ff !important;
}

html[data-tsl-theme="dark"] #tsl-macro-interpretation h3,
html[data-tsl-theme="dark"] .tsl-risk-interpretation h3,
html[data-tsl-theme="dark"] .tsl-tool-interpretation h3 {
  color: #ffffff !important;
}

html[data-tsl-theme="dark"] .tsl-risk-summary-grid article,
html[data-tsl-theme="dark"] .tsl-tool-summary-grid article {
  background: linear-gradient(180deg, rgba(18, 37, 64, .96), rgba(10, 25, 46, .98)) !important;
  border-color: rgba(134, 183, 255, .24) !important;
  color: #f2f7ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-tsl-theme="dark"] .tsl-risk-summary-grid article span,
html[data-tsl-theme="dark"] .tsl-tool-summary-grid article span,
html[data-tsl-theme="dark"] .tsl-tool-kpi span,
html[data-tsl-theme="dark"] .tsl-tool-kpi em,
html[data-tsl-theme="dark"] .tsl-clean-table th {
  color: #9fb4d1 !important;
}

html[data-tsl-theme="dark"] .tsl-risk-summary-grid article strong,
html[data-tsl-theme="dark"] .tsl-tool-summary-grid article strong,
html[data-tsl-theme="dark"] .tsl-tool-kpi strong {
  color: #ffffff !important;
}

html[data-tsl-theme="dark"] .tsl-risk-summary-grid article p,
html[data-tsl-theme="dark"] .tsl-tool-summary-grid article p,
html[data-tsl-theme="dark"] .tsl-risk-summary-note,
html[data-tsl-theme="dark"] .tsl-tool-summary-note,
html[data-tsl-theme="dark"] .tsl-tool-kpi small {
  color: #bdcbe1 !important;
}

html[data-tsl-theme="dark"] .tsl-tool-kpi {
  background: linear-gradient(180deg, rgba(14, 31, 55, .98), rgba(8, 20, 37, .99)) !important;
  border-color: rgba(132, 166, 225, .24) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: #f2f7ff !important;
}

html[data-tsl-theme="dark"] .tsl-tool-kpi[data-tone="positive"] {
  border-top: 3px solid #1ad6a4 !important;
}

html[data-tsl-theme="dark"] .tsl-tool-kpi[data-tone="caution"],
html[data-tsl-theme="dark"] .tsl-tool-kpi[data-tone="warning"] {
  border-top: 3px solid #ffb547 !important;
}

html[data-tsl-theme="dark"] .tsl-tool-kpi[data-tone="defensive"],
html[data-tsl-theme="dark"] .tsl-tool-kpi[data-tone="negative"] {
  border-top: 3px solid #ff6b7a !important;
}

html[data-tsl-theme="dark"] #tsl-macro-components section,
html[data-tsl-theme="dark"] .tsl-tool-visual-card,
html[data-tsl-theme="dark"] .tsl-tool-chart-card {
  background: linear-gradient(180deg, rgba(13, 28, 50, .96), rgba(8, 20, 37, .98)) !important;
  border-color: rgba(132, 166, 225, .22) !important;
  color: #eaf2ff !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.28) !important;
}

html[data-tsl-theme="dark"] #tsl-macro-components h3,
html[data-tsl-theme="dark"] #tsl-macro-components p,
html[data-tsl-theme="dark"] .tsl-tool-visual-card h3,
html[data-tsl-theme="dark"] .tsl-tool-chart-card h3 {
  color: #ffffff !important;
}

html[data-tsl-theme="dark"] #tsl-macro-components p,
html[data-tsl-theme="dark"] .tsl-tool-visual-card p,
html[data-tsl-theme="dark"] .tsl-tool-chart-card p {
  color: #c6d5ea !important;
}

html[data-tsl-theme="dark"] .tsl-clean-table {
  background: rgba(8, 20, 37, .98) !important;
  border-color: rgba(132, 166, 225, .25) !important;
  color: #eaf2ff !important;
  overflow: hidden;
}

html[data-tsl-theme="dark"] .tsl-clean-table thead th {
  background: rgba(20, 38, 65, .98) !important;
  border-color: rgba(132, 166, 225, .22) !important;
}

html[data-tsl-theme="dark"] .tsl-clean-table td {
  background: rgba(9, 22, 40, .96) !important;
  border-color: rgba(132, 166, 225, .14) !important;
  color: #d9e6f7 !important;
}

html[data-tsl-theme="dark"] .tsl-clean-table tbody tr:hover td {
  background: rgba(16, 35, 62, .98) !important;
}

html[data-tsl-theme="dark"] .tsl-tool-disclosure {
  background: rgba(9, 22, 40, .96) !important;
  border-color: rgba(132, 166, 225, .22) !important;
  color: #eaf2ff !important;
}

html[data-tsl-theme="dark"] input,
html[data-tsl-theme="dark"] select,
html[data-tsl-theme="dark"] textarea {
  background: rgba(6, 17, 31, .88) !important;
  border-color: rgba(132, 166, 225, .28) !important;
  color: #f4f8ff !important;
}

html[data-tsl-theme="dark"] input::placeholder,
html[data-tsl-theme="dark"] textarea::placeholder {
  color: #8394ad !important;
}

@media (max-width: 760px) {
  html[data-tsl-theme="dark"] #tsl-macro-result-head,
  html[data-tsl-theme="dark"] .tsl-tool-result-head,
  html[data-tsl-theme="dark"] .tsl-risk-result-head,
  html[data-tsl-theme="dark"] #tsl-macro-interpretation,
  html[data-tsl-theme="dark"] .tsl-risk-interpretation {
    border-radius: 18px !important;
  }
}