/* 02-loader.css — lignes 55-100 de l'ancien style.css unique, contenu inchangé */

#loader{

position:fixed;

inset:0;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

background:var(--surface);

/* Au-dessus du voile d'authentification (10000) : le loader doit couvrir
   l'écran jusqu'à ce que la session soit tranchée, sinon on aperçoit
   l'application avant que le voile ne soit posé. */
z-index:10001;

transition:opacity .28s ease;

}

.spinner{

width:70px;

height:70px;

border-radius:var(--radius-circle);

border:6px solid #ddd;

border-top:6px solid var(--primary);

animation:spin 1s linear infinite;

margin-bottom:var(--space-5);

}

@keyframes spin{

    to{
        transform:rotate(360deg);
    }

}


/* Fondu de sortie. La classe est posée par masquerLoader() (core/app.js)
   au moment où la session est connue — pas après un délai arbitraire. */
#loader.efface{
    opacity:0;
    pointer-events:none;
}