/* Seiten Treiber, Szenarien, Details */

/* Zusätzliche Diagrammfarben für Varianten (Hochrechnung) */
:root {
  --chart-6: oklch(52% .13 305);
  --chart-7: oklch(62% .1 195);
}

/* Leitprognose hervorheben */
.fin-table th.col-lead, .fin-table td.col-lead { background: color-mix(in oklch, var(--chart-5) 8%, transparent); }
.fin-table td.col-lead { font-weight: 600; }
.fin-table th .info-btn { margin-left: .25rem; vertical-align: middle; }

/* In DATEV gebuchte, noch nicht im Monatsreporting enthaltene Monate */
.tag-datev { background: color-mix(in oklch, var(--chart-2) 25%, transparent); color: oklch(42% .1 70); }
.fin-table th.col-datev, .fin-table td.col-datev { background: color-mix(in oklch, var(--chart-2) 9%, transparent); }
.key-datev { display: inline-block; width: 1.1rem; height: .6rem; border-radius: 2px; vertical-align: middle; margin-right: .3rem;
  background: color-mix(in oklch, var(--chart-2) 30%, transparent); border: 1px dashed var(--chart-2); }

/* Szenario-Rechner */
.sc-basis { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1rem; font-size: .8rem; color: var(--muted-foreground); }
.sc-grid { display: grid; gap: 1.25rem; }
@media (min-width: 1100px) {
  .sc-grid { grid-template-columns: minmax(16rem, 1fr) 1.6fr; }
  .sc-grid .inputs { grid-template-columns: 1fr; }   /* schmale linke Spalte: Eingaben untereinander */
}
.sc-grid .inputs label { align-content: start; }
/* Regler „Eigene Annahmen“ (Sensitivität) */
.own-slider output { justify-self: end; margin-top: -1.35rem; font-weight: 600; color: var(--foreground); font-variant-numeric: tabular-nums; }
.own-slider input[type="range"] { width: 100%; accent-color: var(--primary); }
.fin-table td.calc-label { text-align: left; white-space: normal; }
/* Ein Satz unter jeder Eingabe: was sie bewirkt, mit Beispiel */
.sc-help { display: block; margin-top: .3rem; font-size: .75rem; line-height: 1.35; color: var(--muted-foreground); font-weight: 400; }
/* Lange Spaltenköpfe dürfen umbrechen statt die Tabelle zu verbreitern */
.fin-table.wrap-head th { white-space: normal; min-width: 5.5rem; max-width: 9rem; vertical-align: bottom; }
.fin-table.wrap-head th:first-child { min-width: 0; }

/* Prüfung Kontenstruktur je Gesellschaft */
.check-table td:first-child { white-space: nowrap; }
.check-ok { color: var(--positive); }
.check-bad { color: var(--negative); font-weight: 600; }

/* Muster-Hinweis Planqualität */
.pq-pattern { margin-top: 1rem; font-size: .9rem; }