:root { color-scheme: light; }
.chr-connexion [hidden] { display: none !important; }
.chr-connexion__pending { position: fixed; top: 0; left: 0; right: 0; height: 100vh; background: var(--chr-color-background); }
body.chr-connexion { min-height: 100svh; margin: 0; display: grid; place-items: center; padding: 24px; box-sizing: border-box; background: #e5eff9; color: #24374d; font-family: Poppins, system-ui, sans-serif; }
.chr-connexion__card { width: min(100%, 420px); box-sizing: border-box; padding: 32px 24px; border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 18px 48px rgba(75,55,73,.12); }
.chr-connexion h1 { margin: 0; font-size: 1.65rem; font-weight: 600; letter-spacing: .055em; text-align: center; }
.chr-connexion__program { margin: 6px 0 0; color: #365f83; font-size: 1rem; text-align: center; }
.chr-connexion__intro { margin: 18px 0 24px; color: #536579; font-size: .9rem; line-height: 1.5; text-align: center; }
#connexion > p { margin: 24px 0; color: #536579; font-size: .9rem; line-height: 1.6; text-align: center; }
/* Les boutons héritent des primitives communes ; seule la palette de connexion varie. */
.chr-connexion__card { --chr-color-ink: #365f83; --chr-color-surface: #edf3f9; --chr-color-border: transparent; --chr-control-height: 48px; }
#connexion > button + button { margin-top: 12px; }
#connexion .cl-signIn-start .cl-header { display: none; }