/*
 * Zweck: Tabellen (auf schmalen Bildschirmen horizontal scrollbar).
 * Verwendet von: app/views/partials/head.php, public/diagnose-view.php
 * Abhängigkeiten: basis.css (Farbvariablen)
 */

.table-wrapper { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.table th, .table td { text-align: left; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--color-border); vertical-align: top; }
.table th { background: var(--color-background); }
.table td:last-child { word-break: break-word; }
.table .row-inactive td { color: var(--color-text-muted); }
.table .actions { white-space: nowrap; }
.table .actions form { display: inline-block; margin: 0 0.25rem 0.25rem 0; }
.table .number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

@media (max-width: 600px) {
    .table { font-size: 0.875rem; }
}