/* ============================================================
   MODULE ADMINISTRATION — responsive 3 paliers MEDEF54
   ============================================================
   Convention : Mobile < 768 / Laptop 768-1599 / Desktop ≥ 1600
   Règle sacrée : ne rien dégrader au-delà de 1600px
   ============================================================ */

/* --------------------------------------------------------------------------
   Pages diagnostic/traitement batch (GeocodageAdresses, EnrichissementSirene,
   ImportYellow, ImportDonneesReference, etc.)
   Conteneur principal : max-width conditionnel à 1600px (desktop).
   En laptop on occupe toute la largeur pour éviter l'effet "colonne flottante".
   -------------------------------------------------------------------------- */
.admin-batch-container {
    width: 100%;
}

@media (min-width: 1600px) {
    .admin-batch-container {
        max-width: 1600px;
    }
}

/* --------------------------------------------------------------------------
   Grille KPI progression (4 cartes %traités / synchronisés / non-trouvés / erreurs).
   Mobile : 2 colonnes (minmax 140px pour labels courts)
   Laptop : auto-fit, peut varier entre 2 et 4 colonnes selon largeur card
   Desktop : 4 colonnes fixes
   -------------------------------------------------------------------------- */
.admin-progress-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

@media (min-width: 1600px) {
    .admin-progress-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
}

/* --------------------------------------------------------------------------
   Tranches TypeAdhesion — ligne éditable (Effectif min / max / Montant / Action)
   Mobile < 768 : empilée en 1 colonne (labels/champs sur la même largeur)
   Laptop+      : 3 colonnes égales + bouton supprimer
   -------------------------------------------------------------------------- */
.admin-tranches-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: center;
}

@media (min-width: 768px) {
    .admin-tranches-grid {
        grid-template-columns: 1fr 1fr 1fr auto;
    }
}