/* ═══════════════════════════════════════════════════════════════════════════
   Connexion — #4383 (Tatianna, 03/10), maquette « Page_Se_connecter_3oct26.html ».

   La maquette ne fait qu'AJOUTER à la feuille de l'écran « Commencer »
   (`signup_selector.css`, racine `.osel`) : ce sont ses seuls ajouts, dans
   leur ordre, préfixés par `.osel` comme le reste. `:root` devient `.osel`.
   Les états « Mot de passe oublié » et « Lien envoyé » ne sont pas portés ici
   (voir l'en-tête de `users/sessions/new.html.erb`).
   ═══════════════════════════════════════════════════════════════════════════ */
.osel form.scr{margin:0}
@media (min-width:1401px){.osel.osel-signin{--rail:400px}
  .osel.osel-signin .trust span{padding:7px 8px;gap:4px;font-size:9.6px}.osel.osel-signin .trust svg{width:11px;height:11px}}
.osel .tb-link{text-decoration:none}
.osel .scr .cta:disabled{background:#EFEADD;color:var(--mut2);text-shadow:none;box-shadow:none}
.osel .lg-err{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:11px 14px;border-radius:13px;
  background:#FBEDEA;border:1px solid #EFC6BF;font-size:12px;line-height:1.5;color:#8E2B20}
.osel .lg-err[hidden]{display:none}
.osel .lg-err svg{width:16px;height:16px;flex:none;margin-top:1px;stroke:var(--red);stroke-width:2;fill:none;stroke-linecap:round}
.osel .lg-err a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:520px){.osel #login .actions{flex-direction:column-reverse;align-items:stretch;gap:12px}
  .osel #login .cta{margin-left:0;width:100%;flex:none;height:46px}.osel #login .alt-login{margin:0 auto;text-align:center}}

/* Ajouts de l'application, pas de la maquette :
   - le formulaire Devise commence APRÈS les boutons SSO (qui ont chacun leur
     `<form>`) : il ne doit créer aucune boîte, la carte garde celle de la
     maquette ;
   - l'œil du mot de passe porte deux icônes (contrôleur `password-visibility`),
     la maquette les bascule en `display:none`, ici via l'attribut `hidden`. */
.osel #login-form{display:contents}
.osel .pwd-eye > span{display:grid;place-items:center}
.osel .pwd-eye > span[hidden]{display:none}