/* ============================================================
   NAQSHA Fidélité — accès employé (employe.html)
   Étape 1C, lot 2 ; H5. Pensé pour la tablette ou le téléphone
   du comptoir : grandes cibles, code lisible de loin. La
   composition « duo » vient de acces.css.
   ============================================================ */
.employe-ferme{margin-top:24px}

.compteur{font-size:13px;color:var(--texte-3);font-weight:600}
.compteur.complet{color:var(--succes)}
.saisie--code{height:68px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:30px;font-weight:600;letter-spacing:.28em;text-align:center;text-transform:uppercase;padding:0 12px;padding-left:calc(12px + .28em);border-radius:var(--r3)}
.saisie--code::placeholder{letter-spacing:.28em;color:#B5BCCB}
.employe-carte .principal{min-height:58px;font-size:17px}

.employe-aide{margin-top:28px;border-top:1px solid var(--filet);padding-top:12px;font-size:14.5px;color:var(--texte-2)}
.employe-aide summary{cursor:pointer;font-weight:600;color:var(--bleu);min-height:44px;display:flex;align-items:center}
.employe-aide p{margin-top:6px;line-height:1.55}

/* colonne bleu nuit : ce qui reste au responsable, en une phrase */
.employe-reserve{margin-top:12px;font-size:15px;line-height:1.55;color:var(--sur-nuit-2)}

@media (max-width:600px){
  .saisie--code{font-size:24px;letter-spacing:.2em;padding-left:calc(12px + .2em)}
  .saisie--code::placeholder{letter-spacing:.2em}
}
/* très petits écrans : pas de débordement du code */
@media (max-width:360px){
  .saisie--code{font-size:21px;letter-spacing:.14em}
}