/* Lot S (demande de Saleh, 23/09 11 h 45) · Remboursements du franchiseur : S-05, S-06, S-07.
   Écrivain unique de ce fichier : l'agent du lot S-B. Palette inchangée : var(--…) uniquement. */

/* S-07 · les cartes de l'écran dans une .grid (gap standard 20 px). Une colonne qui ne s'élargit
   jamais au-delà du conteneur : un tableau trop large reste dans sa carte, où App.ajusterTableaux
   le fait passer en cartes, au lieu de pousser la page en largeur. */
.grid.lsb { grid-template-columns: minmax(0, 1fr); margin-bottom: 20px; }

/* S-07 · hiérarchie : l'essentiel en <b> (gras, var(--navy), déjà posé par .tbl td b),
   le secondaire en gris et plus petit, les nombres à chasse fixe et sans coupure. */
.lsb .lsb-sec { color: var(--muted); font-size: 12px; font-weight: 500; }
.lsb .tbl td .lsb-sec { color: var(--muted); }
.lsb .tbl td div.lsb-sec { margin-top: 2px; }
.lsb .tbl td.r { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* S-07 · « Voir plus » : les premières lignes, puis la suite. */
.lsb .lsb-plus { display: flex; justify-content: center; padding: 12px 18px; border-top: 1px solid var(--line-2); }
.lsb .lsb-plus .btn { min-height: 40px; }

/* S-06 · légende du bilan hebdomadaire, sous son tableau. */
.lsb .lsb-legende { padding: 12px 20px 14px; border-top: 1px solid var(--line-2); font-size: 12px; line-height: 1.5; color: var(--muted); }
/* Sous 640 px, les lignes empilées ont 14 px de marge latérale : la légende et « Voir plus » s'y alignent. */
@media (max-width: 639px) { .lsb .lsb-legende, .lsb .lsb-plus { padding-left: 14px; padding-right: 14px; } }