/*
 * Zweck: Statistikseite – kompakte Tabellen und Monatsbalken (reines CSS, ohne Bibliothek).
 * Verwendet von: app/views/partials/head.php
 * Abhängigkeiten: basis.css (Farbvariablen)
 */

.table-compact { font-size: 0.875rem; }
.table-compact th, .table-compact td { padding: 0.4rem 0.5rem; }
.table th a { color: inherit; text-decoration: none; white-space: nowrap; }
.table th a:hover { text-decoration: underline; }
.table tfoot th, .table tfoot td { border-top: 2px solid var(--color-text); font-weight: 700; }

.definitions { font-weight: 400; }
.print-only { display: none; }

.monthly td { vertical-align: middle; }
.bar-cell { display: inline-block; width: 60%; min-width: 6rem; height: 0.9rem; background: var(--color-background); border-radius: 3px; vertical-align: middle; }
.bar { display: block; height: 100%; border-radius: 3px; min-width: 1px; }
.bar-revenue { background: var(--color-primary); }
.bar-commission { background: var(--color-success); }
.bar-value { display: inline-block; min-width: 7rem; text-align: right; font-variant-numeric: tabular-nums; margin-left: 0.5rem; }

@media print {
    .print-only { display: block; }
    .bar, .bar-cell { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}