/* ==========================================================================
   Distribution des bulletins (lot F.3 de l'audit EasyPaie, 2026-10-03)
   Pages/Paie/Distribution.razor — porté de « Distribution des bulletins.dc.html ».

   Mobilier d'écran en .dis-* par-dessus easypaie.css : indicateurs, bandeaux, lignes
   d'action, barres, tables, pastilles et modale viennent du module. Jetons seulement.
   ========================================================================== */
.appgrid .dis-vide { padding: 44px; text-align: center; color: var(--et-muted); }
.appgrid .dis-verdict { margin-bottom: 14px; flex-wrap: nowrap; }
.appgrid .dis-verdict > div { min-width: 0; }
.appgrid .dis-glyphe { flex: none; font-size: 16px; line-height: 1.4; }

.appgrid .dis-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.appgrid .dis-grille .ep-carte { margin: 0; }
.appgrid .dis-canaux { padding: 12px 18px 6px; display: flex; flex-direction: column; gap: 16px; }
.appgrid .dis-canal__tete { display: flex; justify-content: space-between; gap: 8px; }
.appgrid .dis-canal__libelle { font-size: 14px; font-weight: 600; color: var(--et-ink); }
.appgrid .dis-canal__compte { font-size: 12px; color: var(--et-muted); }
.appgrid .dis-canal__preuve { margin: 2px 0 6px; font-size: 12px; color: var(--et-muted); }
.appgrid .dis-methode { padding: 10px 18px 14px; font-size: 12px; line-height: 1.5; color: var(--et-muted); border-top: 1px solid var(--et-hairline); }
.appgrid .dis-vide-ligne { padding: 20px 18px; color: var(--et-muted); }

.appgrid .dis-filtres { margin-bottom: var(--et-criteres-mb); }
.appgrid .dis-vue__compte { margin-left: 4px; color: var(--et-faint); }
.appgrid .ep-vues__btn[aria-pressed="true"] .dis-vue__compte { color: var(--et-sur-ardoise); }
.appgrid .dis-salarie__nom { display: block; font-weight: 600; color: var(--et-ink); white-space: nowrap; }
.appgrid .dis-salarie__sous { display: block; font-size: 12px; color: var(--et-muted); }
.appgrid .dis-sans-preuve { color: var(--et-faint); }
.appgrid .dis-geste { padding: 0 8px; color: var(--et-lien); font-weight: 600; white-space: nowrap; }
.appgrid .dis-geste:disabled { color: var(--et-faint); }

.appgrid .dis-form { display: flex; flex-direction: column; gap: 12px; }
.appgrid .dis-saisie-court { max-width: 200px; }
.appgrid .dis-choix { display: flex; flex-direction: column; gap: 6px; max-height: 280px; overflow-y: auto; }
.appgrid .dis-choix__ligne .dis-salarie__sous { display: inline; margin-left: 6px; }

@media (max-width: 1100px) {
  .appgrid .dis-grille { grid-template-columns: 1fr; }
}