/* Auswertung — Reporting und Kolonnenumsatz. */

.auswertung {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 6px;
  padding: 6px;
  height: 100%;
  min-height: 0;
}
.auswertung > * { min-height: 0; }
.auswertung .reiterleiste select { width: auto; }
.reiterleiste .trenner {
  width: 1px; height: 16px; background: var(--rahmen-hell); margin: 0 4px;
}

.auswertungskoerper {
  display: grid;
  grid-template-rows: auto minmax(180px, 1fr) minmax(150px, 1fr);
  gap: 6px;
  min-height: 0;
  overflow: auto;
}
.auswertungskoerper > * { min-height: 0; }
.auswertung .gruppe.wachsend { display: flex; flex-direction: column; min-height: 0; }
.auswertung .gruppe.wachsend .tabellenrahmen { flex: 1; }

.dreispalten { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; min-height: 0; }

/* ---------- Kennzahlen ---------- */
.kennzahlen { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.kachel {
  border: 1px solid var(--rahmen);
  background: #fff;
  border-left: 3px solid var(--gruen);
  border-radius: 2px;
  padding: 5px 9px;
}
.kachelwert {
  font-size: 17px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.kachelname { font-size: 10.5px; color: var(--text-leise); }

/* ---------- Anteilsbalken ---------- */
.balken {
  position: relative;
  height: 11px;
  min-width: 60px;
  background: #ececec;
  border-radius: 2px;
  overflow: hidden;
}
.balkenfuellung { height: 100%; background: var(--gruen); opacity: .75; }
.balken.voll .balkenfuellung { background: var(--warnung); }
.balkenwert {
  position: absolute;
  inset: 0;
  text-align: center;
  font-size: 9px;
  line-height: 11px;
  color: #1a1a1a;
  font-variant-numeric: tabular-nums;
}

tr.hervor { background: var(--gruen-hell); font-weight: 600; }
tr.voll td:first-child { color: var(--warnung); font-weight: 600; }
td.luft { color: var(--gruen); font-weight: 600; }
.auswertung tbody tr { cursor: pointer; }

/* Die Kolonnenansicht hat nur Hinweis + Tabelle — sonst erbt sie das
   Drei-Baender-Raster der Reporting-Ansicht und bricht mittendrin ab. */
.auswertungskoerper.einspaltig { grid-template-rows: auto 1fr; overflow: hidden; }
.auswertungskoerper.einspaltig .hinweistext { margin: 0 0 2px; }