/* ─────────────────────────────────────────────────────────────────────────────
   Tableaux de l'administration.

   Le traitement mis au point sur l'écran des prix, sorti de cet écran pour
   servir partout : pas de quadrillage, un filet entre les lignes, un bandeau
   clair en en-tête, et les nombres en chasse fixe alignés à droite.

   L'alignement à droite n'est pas un goût : c'est ce qui permet de comparer
   deux montants d'une ligne à l'autre sans les relire chiffre à chiffre. Les
   colonnes de nombres se déclarent avec `text-end` — la convention déjà en
   place dans les gabarits — ou par la classe `.num` sur une cellule isolée.

   S'applique aux tableaux portant `.at-grille`. Rien n'est imposé aux autres :
   les écrans de l'application gardent leur habillage tant qu'on ne le leur
   demande pas.
────────────────────────────────────────────────────────────────────────────── */

/* Le cadre est porté par l'enveloppe, plus par chaque cellule. */
.at-grille-cadre {
    border: 1px solid var(--at-line);
    border-radius: var(--at-radius-card);
    overflow: hidden;
    background-color: var(--at-surface);
}

.table.at-grille { margin-bottom: 0; }

.table.at-grille > thead > tr > th {
    background-color: var(--at-surface-alt);
    color: var(--at-ink-2);
    font-family: var(--at-font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--at-line);
}

.table.at-grille > tbody > tr > td,
.table.at-grille > tbody > tr > th {
    padding: 9px 12px;
    border: 0;
    border-bottom: 1px solid var(--at-line-soft);
    vertical-align: middle;
}
.table.at-grille > tbody > tr:last-child > td,
.table.at-grille > tbody > tr:last-child > th { border-bottom: 0; }

/* Pied de tableau : c'est là que se lisent les totaux, il doit se détacher. */
.table.at-grille > tfoot > tr > td,
.table.at-grille > tfoot > tr > th {
    background-color: var(--at-surface-alt);
    border: 0;
    border-top: 1px solid var(--at-line);
    padding: 10px 12px;
    font-weight: 600;
}

/* Les nombres : chasse fixe et chiffres de largeur constante, sans quoi les
   colonnes se décalent d'une ligne à l'autre. */
.table.at-grille > tbody > tr > td.text-end,
.table.at-grille > tbody > tr > td.num,
.table.at-grille > tfoot > tr > td.text-end,
.table.at-grille > tfoot > tr > th.text-end {
    font-family: var(--at-font-mono);
    font-variant-numeric: tabular-nums;
}

/* Une cellule vide se lit mieux avec un tiret discret qu'avec du blanc. */
.table.at-grille .vide { color: var(--at-ink-3); }