/**
 * buchungen.css — Buchungen-Art-Badges, Storno, Charts-Grid
 * Modul: public/assets/js/modules/buchungen.js
 * v6.3 CSS-MODULARISIERUNG
 */

/* ── Buchungen Art-Badges ─────────────────────────────────────────────────── */
.bu-art-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}

.bu-lkw {
  background: rgba(68, 229, 204, .12);
  color: var(--teal);
}

.bu-palette {
  background: rgba(108, 143, 255, .12);
  color: var(--accent);
}

.bu-sack {
  background: rgba(176, 110, 255, .12);
  color: var(--purple);
}

.bu-ruecklauf {
  background: rgba(255, 148, 70, .12);
  color: var(--orange);
}

.bu-korrektur {
  background: rgba(255, 200, 68, .12);
  color: var(--warn);
}

.bu-ausschuss {
  background: rgba(255, 92, 92, .12);
  color: var(--error);
}

.bu-storniert {
  background: rgba(255, 92, 92, .12);
  color: var(--error);
  text-decoration: line-through;
}

.bu-storno {
  background: rgba(160, 120, 255, .12);
  color: var(--accent, #b06eff);
  font-style: italic;
}

/* Tabellenzeile: original stornierte Einträge gedimmt */
.bu-storno-row {
  opacity: .5;
}

/* ── Statistik / Charts ───────────────────────────────────────────────────── */
.charts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 14px 0;
}

.chart-card {
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 14px;
}