/* Elevora CRM — acces.css  [V25] 09/10/2026, document 2 de Célian, étape 5 (§4, §16)
   L'écran neutre du démarrage (#ecran-attente, index.html) : le logo et une roue de chargement, sur le fond
   du thème choisi, tant que la session n'est pas vérifiée et que l'espace n'a pas décidé quoi montrer.
   Rien d'autre du CRM n'est visible tant qu'il est là. Les deux variantes du logo sont dans la page :
   le thème, posé avant le premier affichage (js/00-amorce-theme.js), choisit laquelle se voit — aucune
   image ne change de source pendant le chargement. Pas d'animation d'introduction : elle attend l'accord
   de Célian (§16, point 2) ; seule la roue tourne, et elle s'arrête sous « réduire les animations ». */

.ecran-attente{position:fixed;inset:0;z-index:10050;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  background:var(--bg);color:var(--text2)}
.ecran-attente[hidden]{display:none}
.ecran-attente-logo img{display:block;height:56px;width:auto}
.ecran-attente-sombre{display:none!important}
body:not(.light) .ecran-attente-clair{display:none!important}
body:not(.light) .ecran-attente-sombre{display:block!important}
.ecran-attente-roue{width:26px;height:26px;border-radius:50%;border:3px solid var(--border2);border-top-color:var(--accent);
  animation:ecran-attente-tour .8s linear infinite}
@keyframes ecran-attente-tour{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ecran-attente-roue{animation:none;border-top-color:var(--border2);border-right-color:var(--accent)}}