/* ============================================================
   Saytoo — Habillage uniforme des tableaux MudBlazor
   Référence visuelle : CatalogTable (tables HTML custom).
   S'applique à tous les <MudTable> de l'application.
   ============================================================ */

/* ─── Header ──────────────────────────────────────────────────────────────
   Fond gris subtil, texte secondary en small caps.
   On cible .mud-table-cell dans thead pour couvrir les colonnes
   triables (MudTh) et les colonnes fixes (th natif).
   ────────────────────────────────────────────────────────────────────────── */

.mud-table .mud-table-head .mud-table-cell {
    background-color: var(--bg-subtle);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);           /* 12px */
    font-weight: var(--font-weight-semibold); /* 600 */
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--border) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
}

/* Hover sur les colonnes triables */
.mud-table .mud-table-head .mud-table-cell:hover {
    color: var(--text);
}

/* ─── Footer / Pager ──────────────────────────────────────────────────────
   Même fond gris subtil que le header, libellés secondary.
   Cible .mud-table-pagination généré par MudTablePager.
   ────────────────────────────────────────────────────────────────────────── */

.mud-table-pagination {
    background-color: var(--bg-subtle);
    border-top: 1px solid var(--border);
}

.mud-table-pagination .mud-table-pagination-toolbar {
    min-height: 44px;
    padding: 0 8px;
}

/* Libellés "Lignes par page" et compteur "1-25 sur 150" */
.mud-table-pagination .mud-table-pagination-caption,
.mud-table-pagination .mud-select-input,
.mud-table-pagination p {
    font-size: var(--font-size-sm);   /* 12px */
    color: var(--text-secondary);
}

/* ─── Lignes du corps — bordures légères entre lignes ─────────────────────── */

.mud-table .mud-table-body .mud-table-row {
    border-bottom: 1px solid var(--border);
}

.mud-table .mud-table-body .mud-table-row:last-child {
    border-bottom: none;
}