/* ===========================================================================
   ÉCRAN ACOMPTES & AVANCES (.acp-*) — PAY-03, lot E4 (2026-10-09).
   Ce que la charte du module (easypaie.css) ne porte pas déjà : le cadre de la
   liste, l'état vide, la colonne d'action. Calqué sur ecran-prets.css, son
   voisin de menu, pour que les deux écrans se lisent de la même façon.
   =========================================================================== */

.acp-bandeau { margin-bottom: 12px; }

/* Une date se compare à la ligne voisine : chasse fixe. */
.acp-date { font-family: var(--et-font-mono); font-size: 13px; white-space: nowrap; }
.acp-motif { color: var(--et-muted); }

.acp-actions { white-space: nowrap; text-align: right; }
.acp-actions .ep-btn { width: 30px; padding: 0; justify-content: center; }

/* Dans la fenêtre : le salarié et le motif prennent la rangée entière. */
.acp-champ-large { grid-column: 1 / -1; }

/* RÈGLE TACTILE (docs/cibles-tactiles.md) : sous 1024 px, 44 px au moins. */
@media (max-width: 1024px) {
    .acp-actions .ep-btn { width: 44px; height: 44px; }
}

/* LES DEMANDES DU PORTAIL (2026-10-09) : une carte au-dessus de la liste, sa tête dit le compte. */
.acp-demandes { margin-bottom: 16px; }
.acp-demandes__tete { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.acp-demandes__compte { font-size: 13px; font-weight: 400; color: var(--et-muted); }
.acp-decision { white-space: nowrap; text-align: right; }
.acp-decision .ep-btn + .ep-btn { margin-left: 4px; }

@media (max-width: 1024px) {
    .acp-decision .ep-btn { min-height: 44px; }
}