/* ===========================================================================
   ÉCRAN « LISTE DU PERSONNEL » (/app/employes, /app/paie/employes, /app/rh/employes)
   — préfixe .emp-*

   Maquette « Liste du personnel — EasyTime » (canevas du 2026-09-27, versée dans
   docs/modeles/design_handoff_liste_personnel/). Ce que cette feuille pose, et rien de
   plus :
     · le lien vers l'Historique des départs, avec son encre et sa cible tactile ;
     · le prénom à la suite du nom, dans la même cellule ;
     · sous 1024 px, la place des moyens sur la carte (la carte elle-même est au gabarit).

   Les onglets de population sont au gabarit (.mx-vues, modele-erp.css § 11) ; la liste
   est le composant Tableau, commun à une quarantaine d'écrans, et cette feuille n'en
   redessine rien au-dessus de 1024 px.

   AUCUNE COULEUR EN DUR : tout par --et-*.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   EN-TÊTE — le lien vers les sortis.
   Il héritait de l'encre de .ecran-resume, et c'est elle qui le rendait illisible en
   sombre (2,53:1) ; il a désormais celle des liens. Sous 1024 px, il prend une cible de
   44 px : c'est la seule porte vers les sortis, et elle faisait 15 px de haut.
   --------------------------------------------------------------------------- */
.emp-sortis           { display: flex; align-items: center; flex-wrap: wrap; gap: 0 6px; }
.emp-sortis-lien      { font-weight: 600; color: var(--et-lien); }
.emp-sortis-lien:hover { color: var(--et-lien-survol); }

/* Les onglets tiennent leur gouttière : ils séparent l'en-tête de la liste. */
.emp-vues             { margin: 4px 0 16px; }

/* LE PRÉNOM suit le nom dans sa cellule, au poids du texte courant : le nom de famille
   reste ce qu'on lit en premier, comme sur la fiche. */
.emp-prenom           { margin-left: 5px; font-weight: 400; }


/* ---------------------------------------------------------------------------
   SOUS 1024 PX — le panneau replié d'office et la ligne en carte sont au gabarit
   (.mx-liste-cartes, modele-erp.css § 11), partagés avec l'historique des départs. Ne
   restent ici que la place des moyens sur la carte et les cibles de l'en-tête.
   --------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    /* Les moyens suivent l'état, sur la troisième ligne de la carte. */
    .emp-corps table.tbl > tbody > tr > td:has(.tbl-moyens) { order: 60; }

    /* Le lien vers les départs prend sa cible tactile ; celui du fil d'Ariane la tient du
       gabarit (.ecran-fil, easytime-shell.css) depuis le 2026-09-29. */
    .emp-sortis-lien { display: inline-flex; align-items: center; min-height: 44px; }
}
