/*
  workspace-bento-datenbank.css — Bento „Datenbank-Bericht“ (Logik: workspace-bento-datenbank.js).

  Kurzbeschreibung (für Laien): So sieht der tägliche Datenbank-Bericht auf der Startseite aus — Titel mit rundem
  Aktualisieren-Knopf, bei mehreren Berichten Pillen zum Wechseln, darunter eine schlichte Tabelle, die innerhalb
  der Kachel scrollt (nie nach rechts aus der Seite). Nur Marken-Werte, nur Inter.
*/

.wdb-kopf { justify-content: space-between; }
.wdb-pillen { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
.wdb-stand { margin-top: 4px; }
.wdb-fehler { margin-top: 4px; color: var(--marke-gefahr); }
.wdb-tabelle { flex: 1; min-height: 0; overflow: auto; margin-top: 8px; border: 1px solid var(--marke-linie); border-radius: var(--marke-r-m, 9px); }
.wdb-tabelle table { width: 100%; border-collapse: collapse; font: 400 12px/1.4 var(--marke-schrift); font-variant-numeric: tabular-nums; }
.wdb-tabelle th { position: sticky; top: 0; text-align: left; font-weight: 600; padding: 6px 8px; background: var(--marke-flaeche-2); color: var(--marke-text-2); border-bottom: 1px solid var(--marke-linie); white-space: nowrap; }
.wdb-tabelle td { padding: 6px 8px; border-bottom: 1px solid var(--marke-linie); color: var(--wb-text, var(--marke-text)); }
.wdb-tabelle tr:last-child td { border-bottom: 0; }
.wdb-tabelle tbody tr:hover td { background: var(--wb-weich, var(--marke-flaeche-2)); }