/*
 * Essai du 28/09/2026 (docs/TELEPHONE.md, décision 2), chargé seulement si
 * TABLES_FIT_WIDTH est vrai. Sur ordinateur et tablette (640 px et plus) :
 *
 * - une ligne de tableau tient dans la largeur de l'écran : le texte passe à la
 *   ligne au lieu d'élargir le tableau ;
 * - les boutons d'action d'une ligne passent sur une seconde ligne, sous le début
 *   de la ligne, comme les téléphones sous le nom d'un joueur dans la composition
 *   du capitaine.
 *
 * Pour revenir en arrière, TABLES_FIT_WIDTH=false : ce fichier n'est plus chargé.
 */

@media (min-width: 40rem) {
    /* Tables Filament. */
    .fi-ta-table > tbody,
    .fi-ta-table > thead .fi-ta-header-cell { white-space: normal; }
    /* Une adresse e-mail (ligne grise sous la valeur) se coupe plutôt que d'élargir sa
       colonne ; un nom ne se coupe qu'entre deux mots ; un badge long passe à la ligne. */
    .fi-ta-table > tbody > tr > td .fi-ta-text-description { overflow-wrap: anywhere; }
    .fi-ta-table > tbody > tr > td .fi-badge, .fi-ta-table > tbody > tr > td .fi-badge * { white-space: normal; overflow-wrap: normal; }
    /* Moins de marge dans les cellules : 16 px entre deux colonnes au lieu de 24. */
    .fi-ta-table-stacked-on-mobile :is(.fi-ta-text, .fi-ta-text-input, .fi-ta-icon, .fi-ta-image, .fi-ta-color, .fi-ta-select, .fi-ta-toggle, .fi-ta-checkbox):not(.fi-inline) { padding-inline: calc(var(--spacing) * 2); }
    .fi-ta-table > thead .fi-ta-header-cell { padding-inline: calc(var(--spacing) * 2); }

    .fi-ta-table > tbody > tr:has(> td > .fi-ta-actions > *) { position: relative; }
    .fi-ta-table > tbody > tr:has(> td > .fi-ta-actions > *) > td:not(:has(> .fi-ta-actions)) { padding-bottom: 3rem; }
    .fi-ta-table > tbody > tr > td:has(> .fi-ta-actions) {
        position: absolute; inset-inline-start: 0; bottom: 0;
        padding: 0 .75rem .55rem; white-space: nowrap;
    }
    .fi-ta-table > tbody > tr > td.fi-ta-selection-cell ~ td:has(> .fi-ta-actions) { inset-inline-start: 2.75rem; }
    .fi-ta-table > tbody > tr > td > .fi-ta-actions { justify-content: flex-start; }
    .fi-ta-table > thead .fi-ta-actions-header-cell { display: none; }

    /* Tableaux écrits à la main (class="cl-table", boutons en class="cl-actions"). */
    .cl-table > tbody > tr:has(> td.cl-actions > *) { position: relative; }
    .cl-table > tbody > tr:has(> td.cl-actions > *) > td:not(.cl-actions) { padding-bottom: 2.75rem; }
    .cl-table > tbody > tr > td.cl-actions {
        position: absolute; inset-inline-start: 0; bottom: 0;
        display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
        padding: 0 .6rem .45rem;
    }
    .cl-table > thead > tr > th.cl-actions { display: none; }
}