.ecran-auth{
  width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center;
  padding:32px 20px; background:var(--papier);
}
.carte-auth{
  width:100%; max-width:400px; padding:36px 32px; text-align:center;
}

.logo-auth{margin-bottom:14px}
.logo-auth img{display:block; width:132px; height:auto; margin:0 auto}
.accroche-auth{margin:0 auto 26px; text-align:center; max-width:none}


.onglets-auth{
  display:flex; background:var(--papier-2); border-radius:999px; padding:4px; margin-bottom:22px;
}
.onglets-auth button{
  flex:1; border:none; background:none; padding:9px 14px; font-size:.86rem; font-weight:600;
  color:var(--encre-doux); border-radius:999px; transition:.15s;
}
.onglets-auth button.actif{background:var(--blanc-carte); color:var(--accent-fonce); box-shadow:var(--ombre)}



#form-auth, #form-oubli, #form-nouveau-mdp{display:flex; flex-direction:column; gap:16px; text-align:left}
#form-auth .champ, #form-oubli .champ, #form-nouveau-mdp .champ{margin:0}


#form-auth input[type=email], #form-auth input[type=password],
#form-oubli input[type=email],
#form-nouveau-mdp input[type=password]{
  width:100%; background:var(--blanc-carte); border:1px solid var(--ligne);
  border-radius:var(--rayon-ctrl); padding:11px 13px; font-family:'Inter',sans-serif;
  font-size:.92rem; color:var(--encre);
}
#form-auth input[type=email]:focus, #form-auth input[type=password]:focus,
#form-oubli input[type=email]:focus,
#form-nouveau-mdp input[type=password]:focus{
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-voile);
}


.btn-auth{width:100%; margin-top:4px; min-height:42px}

.erreur-auth{
  background:#F7E4E1; color:var(--cire); border-radius:var(--rayon-ctrl);
  padding:10px 14px; font-size:.84rem; text-align:left; margin:0;
}

.bascule-auth-texte{
  margin-top:20px; font-size:.86rem; color:var(--encre-doux); text-align:center;
}


.auth-ferme{
  margin-top:20px; font-size:.86rem; color:var(--encre-doux); text-align:center; line-height:1.5;
}
.lien-auth{
  background:none; border:none; color:var(--accent-fonce); font-weight:600; font-size:.86rem;
  padding:0; text-decoration:underline; cursor:pointer;
}


.attente-icone{font-size:2.4rem; margin:6px 0 14px}
.attente-titre{font-size:1.2rem; margin-bottom:12px}
.attente-texte{margin:0 auto 26px; text-align:center; max-width:none}
.attente-actions{display:flex; flex-direction:column; gap:10px}




#ecran-app{
  display:flex; min-height:100vh; width:100%;
}


.logo img{display:block; height:auto}
.logo .long{width:196px}          
.logo .court{display:none; width:28px}   


.pied-menu #pied-email-client{
  word-break:break-all;
}
.lien-deconnexion{
  display:inline-block; margin-top:6px; background:none; border:none; padding:0;
  color:var(--accent-fonce); font-size:.78rem; font-weight:600; text-decoration:underline; cursor:pointer;
}


.badge-compte{
  font-size:.78rem; color:var(--encre-doux); background:var(--papier-2);
  padding:6px 14px; border-radius:999px; max-width:52vw; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap;
}

@media (max-width:1020px){
  .carte-auth{max-width:92vw}
  
  .logo{padding:20px 0; display:flex; justify-content:center}
  .logo .court{display:block}
}


.oubli-auth{margin:12px 0 0;text-align:center}
.info-auth{margin:10px 0 0;font-size:.9rem;line-height:1.45;color:var(--ok-fg,#1f6f3a)}