/* ================================================================
   COMPOSANT — ARRIÈRE-PLAN DE L'ÉCRAN D'AUTH (auth-bg)
   Deux calques posés dans .nl-auth (markup : auth-bg.php) :
     .nl-auth--bg      → la photo (<img>), tout au fond   (z-index 0)
     .nl-auth--overlay → le voile sombre (<span>), dessus (z-index 1)
   Le contenu (.nl-auth > *, dans account.css) reste au-dessus (z-index 2).

   ⚠️ Sélecteurs préfixés par « .nl-auth » (spécificité 0,2,0) pour
      l'emporter sur « .nl-auth > * » (0,1,0) — qui vise aussi ces enfants
      directs — QUEL QUE SOIT l'ordre de chargement des feuilles. Sans ce préfixe,
      il faudrait garantir que ce fichier charge après account.css (fragile).
   Extrait de account.css (règles inchangées, sélecteurs préfixés).
================================================================ */
.nl-auth .nl-auth--bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.nl-auth .nl-auth--overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: none;
  z-index: 1;
}