/* Écran d'ouverture : couleurs propres à Audiovisuel.
   css/session-loader.css reste identique à celui de Sécurité et d'Événements (animation, mise en page) :
   ne pas le modifier ici. Ce fichier, chargé juste après, remplace le fond bordeaux par le bleu
   Audiovisuel (celui de l'ancienne ouverture V0.2) et réduit la taille du titre, comme Événements. */

/* Fond plein écran */
body.session-pending { background: #06153d; }
.session-loader {
  background:
    radial-gradient(circle at 14% 16%, #20d5f399 0, transparent 24%),
    radial-gradient(circle at 86% 82%, #8473ff8c 0, transparent 28%),
    linear-gradient(135deg, #06153d 0%, #0a3e9d 48%, #125fe6 100%);
}
.session-loader-ambient i { box-shadow: 0 0 18px #fff, 0 0 34px #52ddff; }

/* Panneau central : verre dépoli */
.sec-intro {
  border-color: #ffffff70;
  background: linear-gradient(135deg, #ffffff28, #ffffff12);
  box-shadow: 0 28px 85px #0313359c, inset 0 1px 0 #fff8;
}
.sec-intro:before {
  background:
    linear-gradient(#ffffff0a 1px, transparent 1px),
    linear-gradient(90deg, #ffffff0a 1px, transparent 1px);
  background-size: 48px 48px, 48px 48px;
}
.sec-intro-logo { box-shadow: 0 13px 34px #03133560, 0 0 0 8px #ffffff1f; }
.sec-intro-heading small { color: #cdeeff; }
.sec-intro-pills span { border-color: #ffffff4d; color: #eef7ff; }
.sec-intro-bars i { background: #47f0d2; }

/* Titre plus petit */
.sec-intro-heading h1 { font-size: clamp(20px, 2vw, 30px); }
@media (max-width: 1050px) { .sec-intro-heading h1 { font-size: clamp(18px, 2.8vw, 26px); } }
@media (max-width: 650px) { .sec-intro-heading h1 { font-size: clamp(15px, 4.2vw, 20px); } }