/* En-tête commun (validation, paramètres, aide) : logo à gauche, prénom du validateur et icônes Accueil · Paramètres · Aide à droite */
:root { --marque-nuit:#0F172A; --marque-jaune:#FFC800; }
@media (prefers-color-scheme: dark) { :root { --marque-nuit:#fff; } }
.tete-page { display:flex; align-items:center; gap:8px; margin:4px 0 12px; }
.marque { display:inline-flex; align-items:center; gap:6px; color:var(--marque-nuit); text-decoration:none; font:800 28px/1 Inter, -apple-system, system-ui, sans-serif; letter-spacing:-.03em; }
.marque img { width:40px; height:40px; }
.marque b { color:var(--marque-jaune); font-weight:inherit; }
.tete-page .marque { flex:1; }
@media (max-width: 400px) { .tete-page .marque { font-size:24px; } .tete-page .marque img { width:34px; height:34px; } }
.qui { display:flex; align-items:center; gap:6px; font-weight:600; }
.qui .prenom { margin-right:4px; }
.qui a.ico-nav { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--ligne); border-radius:8px; background:var(--carte); color:var(--texte); text-decoration:none; }
.qui a.ico-nav svg { width:20px; height:20px; }
.qui a.ico-nav:hover { border-color:var(--accent); }
.qui a.ico-nav[aria-current=page] { border-color:var(--accent); color:var(--accent); }
@media (max-width: 400px) { .qui .prenom { display:none; } }

/* Écran de chargement : la page reste masquée jusqu'à window.pret() (évite de voir le contenu se construire) ; filet de sécurité à 6 s si le script échoue */
html:not(.pret) body > main { visibility:hidden; animation:revele 0s 6s forwards; }
html:not(.pret)::before { content:""; position:fixed; top:50%; left:50%; width:32px; height:32px; margin:-16px 0 0 -16px; box-sizing:border-box; border:3px solid var(--ligne, #ddd); border-top-color:var(--marque-jaune); border-radius:50%; animation:tourne .8s linear infinite, cache 0s 6s forwards; }
@keyframes tourne { to { transform:rotate(360deg); } }
@keyframes revele { to { visibility:visible; } }
@keyframes cache { to { visibility:hidden; } }