/* Benutzer-Tabelle — die Tabelle selbst kommt aus dem UI-Kit (.table, css/ui-kit.css:
   Hülle/Kopf/Zebra/Hover/Sort/Status/Badge). Hier nur BV-Eigenes: Toolbar,
   Karte/Scroll, Spaltenbreiten (per-Tool), Aktionen-Spalte, Sperr-Dimmen, Leer-Zustand. */

.uv-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--abstand-12);
    margin-bottom: var(--abstand-12);
}
.uv-toolbar-actions { display: flex; align-items: center; gap: var(--abstand-8); }

/* Mehrfachauswahl-Spalte (Kopf + Zeilen) — Checkbox in Kopf UND Zeilen exakt
   mittig (das UI-Kit setzt thead th auf text-align:left, daher hier spezifischer). */
.uv-cell-sel { width: 36px; }
.uv-tabelle .table th.uv-cell-sel,
.uv-tabelle .table td.uv-cell-sel { text-align: center; }
/* Kästchen kommt aus dem Kit (kaestchen-dunkel.css) — die früheren 16 px hier
   waren eines von drei verschiedenen Maßen im Haus (09.08.2026). */

.uv-count {
    color: var(--text-leise);
    font-size: var(--schrift-2xs);
    letter-spacing: var(--laufweite);
}

/* Karte/Scroll um die Tabelle (Tabelle selbst = .table aus dem Kit) */
.uv-tabelle {
    background: var(--flaeche-gehoben);   /* Suite-Tabellen-Standard (SUITE-UI.md §6) */
    border: 1px solid var(--linie);
    border-radius: var(--rundung-mittel);
    overflow: auto;
    max-height: calc(100vh - 160px);
}

/* Spaltenbreiten — per-Tool (fixes Layout; im Live-Review fein justierbar) */
.uv-tabelle .table { table-layout: fixed; }
.uv-tabelle .table th,
.uv-tabelle .table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uv-tabelle .table thead th:nth-child(1) { width:  4%; }   /* Auswahl-Checkbox */
.uv-tabelle .table thead th:nth-child(2) { width: 13%; }   /* Benutzername */
.uv-tabelle .table thead th:nth-child(3) { width:  9%; }   /* Vorname */
.uv-tabelle .table thead th:nth-child(4) { width:  9%; }   /* Name */
.uv-tabelle .table thead th:nth-child(5) { width: 19%; }   /* Titel — längste Freitexte („Head of Design & Technology"), Chris 02.07. */
.uv-tabelle .table thead th:nth-child(6) { width: 21%; }   /* E-Mail */
.uv-tabelle .table thead th:nth-child(7) { width: 11%; }   /* Rolle (Admin/Standard-Pille) */
.uv-tabelle .table thead th:nth-child(8) { width:  9%; }   /* Status */
.uv-tabelle .table thead th:nth-child(9) { width:  5%; }   /* Aktionen (⋮) */

/* gesperrte Benutzer gedämpft */
.uv-tabelle .table tbody tr.uv-gesperrt td { color: var(--text-leise); }

/* Aktions-Buttons rechtsbündig in der Zelle (nicht clippen) */
.uv-tabelle .table td.uv-cell-aktionen { overflow: visible; }
.uv-aktionen {
    display: flex;
    gap: var(--abstand-4);
    justify-content: flex-end;
    align-items: center;
}