.auto-intro { background: radial-gradient(circle at 82% 16%, rgba(15,118,110,.10), transparent 30%), #fff; }
.auto-layout { grid-template-columns: minmax(0, 1.25fr) minmax(390px, .75fr); }
.finance-option-input { margin-top: 16px; border: 1px solid var(--line); border-radius: 17px; background: #fff; overflow: hidden; }
.option-input-header { padding: 17px 18px; background: #fbfcfd; border-bottom: 1px solid var(--line); }
.option-toggle { display: grid; grid-template-columns: auto auto minmax(0,1fr); gap: 12px; align-items: center; cursor: pointer; }
.option-toggle > input { width: 18px; height: 18px; accent-color: var(--accent); }
.option-toggle strong, .option-toggle small { display: block; }
.option-toggle small { color: var(--muted); }
.option-badge { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--accent); background: var(--accent-soft); font-weight: 900; }
.option-fields { padding: 18px; }
.finance-option-input.option-disabled .option-fields { opacity: .38; pointer-events: none; }
.finance-option-input.option-disabled .option-input-header { background: var(--surface-soft); }
.auto-primary small { display:block; margin-top: 3px; color: #dff4f1; }
.comparison-warning { margin-top: 14px; padding: 13px 15px; border-radius: 12px; color: #7a5200; background: #fff4cc; font-size: 12px; line-height: 1.5; }
.comparison-warning.ok { color: #0b5e58; background: var(--accent-soft); }
.auto-comparison-section { border-top: 1px solid var(--line); }
.section-subcopy { margin: 5px 0 0; max-width: 760px; color: var(--muted); font-size: 14px; }
.auto-option-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.auto-option-card { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(28,45,68,.04); }
.auto-option-card.best-card { border-color: rgba(15,118,110,.45); box-shadow: 0 14px 40px rgba(15,118,110,.10); }
.auto-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom: 18px; }
.auto-card-head h3 { margin: 0; }
.auto-card-badge { padding: 5px 9px; border-radius: 999px; color: var(--accent-dark); background: var(--accent-soft); font-size: 10px; font-weight: 900; }
.auto-card-primary { padding: 16px; border-radius: 14px; background: var(--bg); }
.auto-card-primary span, .auto-card-primary strong, .auto-card-primary small { display:block; }
.auto-card-primary span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.auto-card-primary strong { margin-top:4px; font-size: 26px; }
.auto-card-primary small { color: var(--muted); }
.auto-metric-list { margin-top: 14px; }
.auto-metric-row { display:flex; justify-content:space-between; gap:18px; padding: 9px 0; border-bottom:1px solid var(--line); }
.auto-metric-row:last-child { border-bottom:0; }
.auto-metric-row span { color:var(--muted); font-size:12px; }
.auto-metric-row strong { text-align:right; font-size:13px; }
.cost-chart-card { margin-top:18px; padding:22px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.chart-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom:18px; }
.chart-heading h3 { margin:5px 0 0; font-size:24px; }
.chart-heading small { max-width:400px; color:var(--muted); text-align:right; }
.cost-bar-row { display:grid; grid-template-columns: 170px minmax(0,1fr) 130px; gap:14px; align-items:center; margin-top:14px; }
.cost-bar-row > span { font-weight:800; }
.cost-bar-track { height:22px; overflow:hidden; border-radius:999px; background:var(--surface-soft); }
.cost-bar-fill { height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--accent-dark)); }
.cost-bar-row strong { text-align:right; }
.auto-explainer { align-items:start; }
@media(max-width:1100px){.auto-layout{grid-template-columns:1fr}.auto-results{position:static}.auto-option-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cost-bar-row{grid-template-columns:1fr}.cost-bar-row strong{text-align:left}.chart-heading{align-items:flex-start;flex-direction:column}.chart-heading small{text-align:left}}


/* Version 0.15.7 - Darkmode für Autofinanzierung bereinigt */
html[data-theme="dark"] .auto-intro{
  background:radial-gradient(circle at 82% 16%, rgba(78,199,183,.10), transparent 30%), #0e171c!important
}
html[data-theme="dark"] .finance-option-input,
html[data-theme="dark"] .auto-option-card,
html[data-theme="dark"] .cost-chart-card{
  background:#152128!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important
}
html[data-theme="dark"] .option-input-header{
  background:#111d23!important;
  border-bottom-color:var(--line)!important
}
html[data-theme="dark"] .finance-option-input.option-disabled .option-input-header{
  background:#1a2a33!important
}
html[data-theme="dark"] .option-toggle strong,
html[data-theme="dark"] .auto-card-head h3,
html[data-theme="dark"] .cost-bar-row > span,
html[data-theme="dark"] .cost-bar-row strong,
html[data-theme="dark"] .auto-metric-row strong{
  color:var(--text)!important
}
html[data-theme="dark"] .option-toggle small,
html[data-theme="dark"] .section-subcopy,
html[data-theme="dark"] .chart-heading small,
html[data-theme="dark"] .auto-metric-row span,
html[data-theme="dark"] .auto-card-primary span,
html[data-theme="dark"] .auto-card-primary small{
  color:var(--muted)!important
}
html[data-theme="dark"] .auto-card-primary{
  background:#101b21!important
}
html[data-theme="dark"] .cost-bar-track{
  background:#22343c!important
}
html[data-theme="dark"] .auto-metric-row{
  border-bottom-color:var(--line)!important
}
html[data-theme="dark"] .comparison-warning{
  background:#2f2818!important;
  color:#f0d58d!important;
  border:1px solid #564826!important
}
html[data-theme="dark"] .comparison-warning.ok{
  background:#153431!important;
  color:#9fe0d6!important;
  border:1px solid #27524e!important
}