/* ========================================
   MODULE ADHÉSIONS — fiche d'une adhésion et de sa cotisation (DetailAdhesion)
   ========================================
   Créé le 05/10/2026 (lot smartphone 4c, docs/ui-patterns.md §4). La page porte la classe
   .fiche-adhesion sur son enveloppe. Rien ici ne change le rendu à 768 px et au-delà.
*/

@media (max-width: 767.98px) {
    /* Titre « Adhérent — Raison sociale » et pastille de statut : la pile s'alignait à gauche
       sur sa largeur de contenu (457 px) et la pastille sortait de l'écran. */
    .fiche-adhesion .fiche-adhesion-titre {
        width: 100%;
        flex-wrap: wrap;
        overflow: visible;
    }

    /* Encart « Mise à jour des informations » : le texte prend toute la largeur et le bouton
       passe dessous (le texte en flex: 1 se serrait sur 120 px à côté du bouton). */
    .fiche-adhesion .encart-revision > div {
        flex-basis: 100% !important;
    }

    /* Contacts de l'adhésion (620 px au minimum au bureau) : restent Nom, Usages et Téléphone ;
       Fonction et Email sont en col-hide-mobile. Pistes du bureau : 24% 15% 15% 28% 18%. */
    table.contacts-adhesion-grid {
        min-width: 0 !important;
        grid-template-columns: minmax(110px, 1.4fr) 0px minmax(96px, 1.3fr) 0px minmax(100px, 1fr) !important;
    }

    table.contacts-adhesion-grid td:nth-child(1) {
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Historique des cotisations (520 px au minimum au bureau) : restent Année, Montant et
       Situation ; Type et le bouton « Corriger la facture » sont en col-hide-mobile. */
    table.cotisations-adhesion-grid {
        min-width: 0 !important;
        grid-template-columns: 56px minmax(96px, 1fr) 0px minmax(120px, 1.4fr) 0px !important;
    }

    /* Validation des homonymes (onboarding) : la grille garde ses colonnes, sans largeur
       minimale, et les données du prospect passent sur deux colonnes au lieu de quatre. */
    table.homonymes-grid {
        min-width: 0 !important;
    }

    .fiche-adhesion .donnees-prospect {
        grid-template-columns: auto 1fr !important;
    }

    .fiche-adhesion .collaborateurs-declares {
        grid-template-columns: 1fr 1fr !important;
    }
}