/* Globaler Hell-/Darkmode – Version 0.10 */
.theme-toggle{
  display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;
  border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);
  cursor:pointer;font-size:12px;font-weight:800;box-shadow:0 4px 14px rgba(17,38,48,.04);
  transition:background .18s ease,border-color .18s ease,transform .18s ease
}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(11,117,109,.38)}
.theme-toggle-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px}

html[data-theme="dark"]{
  --bg:#0d171d;--surface:#15232b;--surface-soft:#1a2a33;--soft:#192830;
  --text:#edf5f6;--muted:#9cb1ba;--line:#2b3d47;
  --accent:#4ec7b7;--accent-dark:#2fa695;--accent-soft:#173b3b;--accent-faint:#122b2d;
  --brand-navy:#27485d;--brand-gold:#e0bf7a;
  --shadow:0 24px 60px rgba(0,0,0,.30);--shadow-soft:0 12px 30px rgba(0,0,0,.22)
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .site-header{background:rgba(14,23,28,.90);border-color:var(--line)}
html[data-theme="dark"] .main-nav a:hover{background:var(--soft);color:var(--text)}
html[data-theme="dark"] .nav-cta{background:#e7f0f2!important;color:#102028!important}
html[data-theme="dark"] .hero,
html[data-theme="dark"] .calculator-intro,
html[data-theme="dark"] .savings-intro,
html[data-theme="dark"] .household-intro{
  background:radial-gradient(circle at 82% 14%,rgba(66,183,169,.12),transparent 28%),linear-gradient(180deg,#101b21,#0e171c)!important;
  border-color:var(--line)
}
html[data-theme="dark"] .hero::before{opacity:.16}
html[data-theme="dark"] .topic-section,
html[data-theme="dark"] .note-section,
html[data-theme="dark"] .section:not(.section-muted):not(.savings-section),
html[data-theme="dark"] .related-calculators-section{background:var(--bg)}
html[data-theme="dark"] .section-muted,
html[data-theme="dark"] .savings-section{background:#111d23;border-color:var(--line)}
html[data-theme="dark"] .hero-directory,
html[data-theme="dark"] .topic-card,
html[data-theme="dark"] .calculator-panel,
html[data-theme="dark"] .results-panel,
html[data-theme="dark"] .chart-card,
html[data-theme="dark"] .savings-stat-line,
html[data-theme="dark"] .savings-note,
html[data-theme="dark"] .related-calculator-card,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .breakdown-card,
html[data-theme="dark"] .budget-overview-card,
html[data-theme="dark"] .household-ratio-panel>div,
html[data-theme="dark"] .insight-card,
html[data-theme="dark"] .expense-section-card,
html[data-theme="dark"] .input-group-card,
html[data-theme="dark"] .child-card,
html[data-theme="dark"] .comparison-option-card,
html[data-theme="dark"] .comparison-result-card{background:#152128!important;border-color:var(--line)!important;color:var(--text)}
html[data-theme="dark"] .featured-card{background:linear-gradient(155deg,#152128,#15302e)!important}
html[data-theme="dark"] .future-card{background:#121e24!important}
html[data-theme="dark"] .directory-row{border-color:var(--line)}
html[data-theme="dark"] .directory-row:hover{background:#1a292f}
html[data-theme="dark"] .input-wrap,
html[data-theme="dark"] .compound-input,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#101b21!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled{background:#1c282e!important;color:#7f929a!important}
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .calculated-preview,
html[data-theme="dark"] .budget-flow-step{background:#101b21!important;border-color:var(--line)!important}
html[data-theme="dark"] .formula-box,
html[data-theme="dark"] .calculation-target-field{background:#132927!important;color:#b9ddd8;border-color:#28514d!important}
html[data-theme="dark"] .advanced-box{background:#111c22!important;border-color:var(--line)!important}
html[data-theme="dark"] .advanced-box summary{color:var(--text)}
html[data-theme="dark"] .table-wrap{border-color:var(--line);background:#152128}
html[data-theme="dark"] table{color:var(--text)}
html[data-theme="dark"] tbody tr:nth-child(even){background:#111d23}
html[data-theme="dark"] tbody td{border-color:var(--line)}
html[data-theme="dark"] .breakdown-title{background:#152128!important;border-color:var(--line)!important}
html[data-theme="dark"] .breakdown-row{border-color:var(--line)!important}
html[data-theme="dark"] .budget-flow{background:#152128!important;border-color:var(--line)!important}
html[data-theme="dark"] .budget-overview-card:not(.rate-overview){background:linear-gradient(145deg,#152128,#111d23)!important}
html[data-theme="dark"] .placeholder{background:#2b2414!important;color:#f1d68c!important;border-color:#55451d!important}
html[data-theme="dark"] .back-link{background:#152128;border-color:var(--line)}
html[data-theme="dark"] .savings-chart text{fill:#91a5ad}
html[data-theme="dark"] .savings-chart line{stroke:#293940}
html[data-theme="dark"] .site-footer{background:#091115}
@media(max-width:900px){.theme-toggle-text{display:none}.theme-toggle{padding:7px}}

/* Version 0.11 - Darstellungsfixes */
html[data-theme="dark"] .result-placeholder{background:#101b21!important;border-color:#34474f!important;color:var(--muted)!important}
html[data-theme="dark"] .result-placeholder strong{color:var(--text)!important}
html[data-theme="dark"] .placeholder-icon{background:var(--accent-soft)!important;color:var(--accent)!important}
html[data-theme="dark"] .button-secondary,
html[data-theme="dark"] .export-box .button-secondary{background:#203139!important;color:#edf5f6!important;border-color:#40535c!important}
html[data-theme="dark"] .button-secondary:hover,
html[data-theme="dark"] .export-box .button-secondary:hover{background:#294049!important;border-color:#5a707a!important;color:#ffffff!important}
html[data-theme="dark"] .button-secondary:disabled,
html[data-theme="dark"] .export-box .button-secondary:disabled{background:#1a272d!important;color:#6f858e!important;border-color:#2b3b43!important;opacity:1}

html[data-theme="dark"] .income-section{background:var(--bg)!important}


/* Version 0.15.2 - verfeinertes Farbschema */
html[data-theme="dark"] .button-primary{
  background:linear-gradient(135deg,var(--accent) 0%,var(--brand-navy) 100%)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.24)
}
html[data-theme="dark"] .button-primary:hover{
  background:linear-gradient(135deg,var(--accent-dark) 0%,#20394d 100%)!important
}


/* Version 0.15.7 - zusätzliche Darkmode-Flächen angleichen */
html[data-theme="dark"] .budget-cross-section,
html[data-theme="dark"] .auto-comparison-section{
  background:var(--bg)!important;
  border-color:var(--line)!important
}