/* ============================================================
   ADMIN.CSS — Styles spécifiques à l'espace admin
   À lier APRÈS style.css uniquement sur les pages admin
   ============================================================ */

/* Tableau de données */
.tableau {
    width: 100%;
    overflow-x: auto;   /* scroll horizontal sur mobile */
    border-radius: var(--rayon-lg);
    border: 1px solid var(--bordure);
    background: var(--couleur-fond-carte);
}

.tableau table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--texte-sm);
}

.tableau thead {
    background: var(--couleur-fond-sombre);
    color: var(--texte-inverse);
}

.tableau th {
    padding: var(--espace-md) var(--espace-lg);
    text-align: left;
    font-weight: 500;
    font-size: var(--texte-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.tableau td {
    padding: var(--espace-md) var(--espace-lg);
    border-bottom: 1px solid var(--bordure);
    color: var(--texte-principal);
}

.tableau tbody tr:last-child td {
    border-bottom: none;
}

.tableau tbody tr:hover {
    background: var(--couleur-fond);
}