/* Pages d’authentification : inscription, connexion, vérification de l’e-mail, mot de passe oublié (planches Signup, Login, VerifyEmail, ForgotPassword). */
/* Signup */
.ok{color:var(--success);font-size:13px;line-height:20px;display:flex;gap:4px;align-items:center}
.or{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-muted)}
.or::before,.or::after{content:"";flex:1;border-top:1px solid var(--border)}
.pt{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;color:var(--ink);font-size:15px;line-height:24px}
.su{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.su-brand{background:var(--surface-sunken);border-right:1px solid var(--border);color:var(--ink);padding:56px;display:flex;flex-direction:column;gap:32px;min-width:0}
.su-intro,.su-points{display:grid;gap:16px;max-width:440px}
.su-art{margin-top:auto;display:flex;align-items:flex-end;padding-top:16px;line-height:0}
.su-form{display:flex;align-items:center;justify-content:center;padding:56px 32px;min-width:0}
@media (max-width:1023px){
  .su{grid-template-columns:minmax(0,1fr)}
  .su-intro{max-width:640px;gap:8px}
  .su-intro .h-page{font-size:26px;line-height:32px}
  .su-intro p{font-size:15px!important;line-height:24px!important}
  .su-brand{padding:28px 24px;gap:0;border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px}
  .su-points{display:none}
  .su-art{margin-top:0;padding-top:0;align-self:center}
  .su-art svg{width:84px;height:84px}
  .su-art>div:nth-child(2) svg{width:108px;height:108px}
  .su-art>div+div{margin-left:-12px}
  .su-form{align-items:flex-start;justify-content:center;padding:32px 24px 56px}
}
@media (max-width:640px){.su-brand{padding:20px 16px 24px;grid-template-columns:minmax(0,1fr);row-gap:12px}.su-art{order:-1;justify-self:start}.su-art svg{width:64px;height:64px}.su-art>div:nth-child(2) svg{width:84px;height:84px}.su-form{padding:24px 16px 48px}}
/* Login, VerifyEmail, ForgotPassword */
.auth-card h1{margin:0;font:400 28px/34px var(--font-display)}
.auth-card p{margin:0;font-size:15px;line-height:24px;color:var(--ink-muted)}
.auth-foot{margin:0;font-size:13px;line-height:20px;color:var(--ink-muted);text-align:center;max-width:440px}
.auth-back{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--border);font-size:13px}
.auth-card--center{max-width:480px;justify-items:center;text-align:center;gap:16px}
.auth-card .na-tabs{gap:24px}
/* styles en ligne des planches */
.auth-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);font-family:var(--font-text)}
.auth-stack{display:grid;gap:8px}
.auth-stack--20{display:grid;gap:20px}
.auth-stack--16{display:grid;gap:16px}
.auth-state{display:grid;gap:16px;justify-items:center;text-align:center}
.auth-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.auth-card .na-btn--block,.su-form .na-btn--block{min-height:40px;width:100%;box-sizing:border-box;justify-content:center}
.auth-card .na-btn--tall,.su-form .na-btn--tall{min-height:40px}
.auth-small{font-size:13px;line-height:20px}
.auth-card p.auth-small{font-size:13px;line-height:20px}
.auth-card strong.ink,.su-form strong.ink{color:var(--ink)}
.su-form form{width:100%;max-width:420px;display:grid;gap:20px}
.su-form .su-lead{margin:0;font-size:15px;color:var(--ink-muted)}
.su-form .su-note{margin:0;font-size:13px;line-height:20px;color:var(--ink-muted)}
.su-intro p{margin:0;font-size:17px;line-height:28px;color:var(--ink-muted)}
.pt svg{color:var(--mask-gold);margin-top:2px}
.su-art>div:nth-child(1){transform:rotate(-6deg)}
.su-art>div:nth-child(2){margin-left:-16px;transform:rotate(5deg)}
.su-art>div:nth-child(3){margin-left:-16px;transform:rotate(-4deg)}
.field-err-center{justify-content:center}
.pw-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pw-row a{font-size:13px}
.form-error{margin:0}
/* E-155 : authentification unique (planche Login, états sso, sso-redirect, sso-unknown) */
.sso-btn{height:auto;min-height:40px;white-space:normal;text-align:center;line-height:20px;padding-top:9px;padding-bottom:9px}
.sso-back{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--ink-muted);font:600 13px/20px var(--font-text);cursor:pointer;justify-self:start}
.sso-back:hover{color:var(--ink)}
.sso-spin{color:var(--accent-text)}
/* Inscription tenue sans défilement sur un portable courant (1280 × 720 utiles, décision 69a1184) */
@media (min-width:1024px){
  .su-form{padding:16px 32px}
  .su-form form{gap:10px;max-width:460px}
  .su-form form > .auth-stack:first-child{gap:4px}
  .su-brand{padding:32px 48px;gap:20px}
  .su-intro,.su-points{gap:10px}
  .su-art svg{max-height:120px;width:auto}
  .su-form .na-field{gap:4px}
  .su-oauth{grid-template-columns:1fr 1fr}
  .su-oauth .su-note{grid-column:1/-1}
}