/* ==========================================================================
   Régularisation annuelle de l'IRPP (lot X2 de l'audit EasyPaie)
   Pages/Paie/RegularisationIrpp.razor (.rgi-*). Pas de maquette : l'écran suit Rappels.

   Indicateurs, bandeaux, cartes, table, pastilles et passage en cartes sous 1024 px
   (.ep-cartes, section 18) viennent d'easypaie.css ; ici seulement la mise en page de
   l'écran. Jetons seulement.
   ========================================================================== */

.appgrid .rgi-vide { padding: 44px; text-align: center; color: var(--et-muted); }

/* Onze colonnes : les en-têtes se replient plutôt que de pousser la table hors de la carte. */
.appgrid .rgi-table-cadre { position: relative; overflow-x: auto; }
.appgrid .rgi-table thead th { white-space: normal; vertical-align: bottom; }
.appgrid .rgi-vide-ligne { padding: 24px 12px; text-align: center; color: var(--et-muted); }
.appgrid .rgi-ligne--close td { color: var(--et-muted); }

.appgrid .rgi-salarie__nom { display: block; font-weight: 600; color: var(--et-ink); white-space: nowrap; }
.appgrid .rgi-salarie__sous { display: block; font-family: var(--et-font-mono); font-size: 12px; color: var(--et-muted); }
.appgrid .rgi-variable,
.appgrid .rgi-reliquat { display: block; font-family: var(--et-font); font-size: 12px; color: var(--et-avertissement-ink); }
.appgrid .rgi-observation { display: block; max-width: 22rem; margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--et-muted); white-space: normal; }

.appgrid .rgi-actions { display: inline-flex; gap: 4px; justify-content: flex-end; white-space: nowrap; }
.appgrid .rgi-geste { padding: 0 10px; }
.appgrid .rgi-geste--retirer { color: var(--et-danger-ink); font-weight: 600; }
.appgrid .rgi-geste--retirer:disabled { color: var(--et-faint); }

/* Sous 1024 px la table passe en cartes (easypaie.css § 18) : le cadre ne défile plus, les
   libellés d'indicateurs se lisent entiers, l'observation et les gestes prennent la largeur. */
@media (max-width: 1024px) {
  .appgrid .rgi-table-cadre { overflow-x: visible; }
  .appgrid .rgi-observation { min-width: 0; max-width: none; }
  .appgrid .rgi-actions { justify-content: flex-start; }
}