/* Squelette de chargement (commun/assets/js/chargement-squelette.js) — couleurs BestRecrue. */
#brSquelette { position: fixed; right: 0; bottom: 0; z-index: 100000; background: #F5F9FF; overflow: hidden; animation: brSqApparaitre .15s ease-out; }
@keyframes brSqApparaitre { from { opacity: 0; } to { opacity: 1; } }
#brSquelette .brSqPage { max-width: none; margin: 0; padding: 22px 16px; box-sizing: border-box; }
#brSquelette .brSqEntete { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
#brSquelette .brSqTitres { flex: 1; display: flex; flex-direction: column; gap: 8px; }
#brSquelette .brSqBloc { background: #FFFFFF; border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 1px 2px rgba(4, 46, 91, .04); }
#brSquelette .brSqCarte { display: flex; align-items: center; gap: 16px; padding: 18px; border: 1px solid #EEF2F8; border-radius: 14px; }
#brSquelette .brSqTextes { flex: 1; display: flex; flex-direction: column; gap: 10px; }
#brSquelette .brSqRetour, #brSquelette .brSqIcone, #brSquelette .brSqTitre, #brSquelette .brSqSous, #brSquelette .brSqBouton,
#brSquelette .brSqRond, #brSquelette .brSqLigne, #brSquelette .brSqPastille {
	background: linear-gradient(90deg, #E8EEF8 0%, #F5F9FF 45%, #E8EEF8 90%); background-size: 300% 100%;
	animation: brSqBrille 1.3s ease-in-out infinite;
}
@keyframes brSqBrille { from { background-position: 100% 0; } to { background-position: 0 0; } }
#brSquelette .brSqRetour { width: 40px; height: 40px; border-radius: 50%; }
#brSquelette .brSqIcone { width: 48px; height: 48px; border-radius: 14px; }
#brSquelette .brSqTitre { width: 260px; max-width: 60%; height: 22px; border-radius: 8px; }
#brSquelette .brSqSous { width: 160px; max-width: 40%; height: 12px; border-radius: 6px; }
#brSquelette .brSqBouton { width: 150px; height: 40px; border-radius: 999px; }
#brSquelette .brSqRond { flex: none; width: 52px; height: 52px; border-radius: 50%; }
#brSquelette .brSqLigne { height: 12px; border-radius: 6px; }
#brSquelette .brSqLigne:first-child { height: 16px; }
#brSquelette .brSqPastille { flex: none; width: 110px; height: 34px; border-radius: 999px; }
/* Bille bleue (chargementLogo.gif) jamais affichée : le squelette la remplace (chargement-squelette.js). */
#loaderModule:has(img[src*="chargementLogo"]), #loader:has(img[src*="chargementLogo"]) { display: none !important; }
@media (prefers-reduced-motion: reduce) { #brSquelette * { animation: none !important; } }
@media (max-width: 736px) { #brSquelette .brSqPastille, #brSquelette .brSqBouton { display: none; } #brSquelette .brSqPage { padding: 16px; } }