/* -------------------------------------------------------------------------
   KPI-Kacheln: Label, Wert und Zusatzzeile wieder untereinander
   -------------------------------------------------------------------------
   Das Markup `.kpi-card > span.kpi-label + strong.kpi-value + span.kpi-meta`
   stammt aus der Zeit vor dem Dashboard-Umbau. Die Redesign-Schicht vergibt
   für diese Klassen zwar Farben und Schriften, setzt aber weder auf der Karte
   eine Spaltenrichtung noch auf den Kindern `display:block` — und `span`/
   `strong` sind von Haus aus inline. Ergebnis auf der Anlagen-Seite:
   „SERVICEKOSTEN0,00 €Zeitraum: …" in einer einzigen Zeile.

   Das Haupt-Dashboard nutzt inzwischen die präfixierten Klassen (db-/dw-) und
   wird hier nicht berührt. Diese Datei wird zuletzt geladen und repariert das
   alte Markup überall dort, wo es noch vorkommt.
   ------------------------------------------------------------------------- */

.kpi-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.kpi-card > .kpi-label,
.kpi-card > .kpi-value,
.kpi-card > .kpi-meta {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.kpi-card > .kpi-value {
  font-size: 1.55rem;
  line-height: 1.15;
}

.kpi-card > .kpi-meta {
  font-size: 0.8rem;
  line-height: 1.35;
}

/* Der Rahmen der Warn-/OK-Karten verschluckte den linken Innenabstand. */
.panel > .dashboard-kpi-grid > .kpi-card.kpi-card--warn,
.panel > .dashboard-kpi-grid > .kpi-card.kpi-card--ok {
  padding-left: 16px;
}