/* Modo oscuro específico del informe demostrativo. Se carga después de report.css. */
html[data-theme="dark"] body.legal-page {
  background:
    radial-gradient(circle at 9% 3%, rgba(82,140,160,.18), transparent 30rem),
    radial-gradient(circle at 91% 20%, rgba(254,253,113,.08), transparent 20rem),
    var(--navy);
  color: var(--cream);
}

html[data-theme="dark"] .legal-main[data-report="preview"] {
  border-color: var(--line);
  background: var(--navy-2);
  color: var(--cream);
  box-shadow: 0 34px 84px -60px rgba(0,0,0,.82);
}

html[data-theme="dark"] .report-hero,
html[data-theme="dark"] .report-interpretation {
  border-color: var(--line);
}

html[data-theme="dark"] .report-lede,
html[data-theme="dark"] .report-hero-note,
html[data-theme="dark"] .report-section-head > p,
html[data-theme="dark"] .report-kpi-meta,
html[data-theme="dark"] .report-interpretation-copy p {
  color: rgba(247,247,237,.82);
}

html[data-theme="dark"] .report-hero-note {
  border-color: var(--line);
}

html[data-theme="dark"] .report-hero-note strong {
  color: var(--cream);
}

html[data-theme="dark"] .report-kpi,
html[data-theme="dark"] .report-panel:not(.report-panel--navy) {
  border-color: var(--line);
  background: var(--navy);
  color: var(--cream);
}

html[data-theme="dark"] .report-kpi::after {
  color: rgba(247,247,237,.16);
}

html[data-theme="dark"] .report-kpi-label {
  color: var(--acid);
}

html[data-theme="dark"] .report-kpi--status,
html[data-theme="dark"] .report-panel--navy {
  border-color: rgba(247,247,237,.18);
  background: var(--blue-deep);
  color: var(--cream);
}

html[data-theme="dark"] .report-kpi--status .report-kpi-label,
html[data-theme="dark"] .report-panel--navy .eyebrow {
  color: var(--acid);
}

html[data-theme="dark"] .report-panel .fact-board {
  border-color: var(--line);
  background: transparent;
  color: var(--cream);
}

html[data-theme="dark"] .report-panel .fact-row {
  border-color: var(--line);
}

html[data-theme="dark"] .report-panel .fact-row b {
  color: rgba(247,247,237,.78);
}

html[data-theme="dark"] .report-main .notice.report-notice {
  border-color: rgba(254,253,113,.28);
  background: var(--navy);
  color: var(--cream);
}

html[data-theme="dark"] .report-main .notice.report-notice strong {
  color: var(--acid);
}