/* ============================================================================
   vNext — Auth modal family : Connexion / Nouveau compte / Identifiants
   oubliés / Code de validation.
   Scope : .qzr-auth-dialog (posée sur .modal-dialog par openGenericDialog,
   players.current.js). Tokens onboarding : surface #F1FAF6, encre #06342A,
   sourdine #5E8A7C, filet #E6F2EC / #DCEFE8, accent #16A87A, profond #0F6E56.
   Les !important battent bootstrap (.btn-primary/.btn-outline-*) et la règle
   ghost-button d'ui-visual-language.
   ========================================================================== */

/* ── Chrome ─────────────────────────────────────────────────────────────── */
.qzr-auth-dialog .modal-content{
  height:auto !important;
  background:#F1FAF6 !important;
  border:1px solid #E6F2EC !important;
  border-radius:24px !important;
  box-shadow:0 24px 60px rgba(6,52,42,.16) !important;
  color:#06342A;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.qzr-auth-dialog .modal-header{
  border:0 !important;
  padding:18px 20px 2px;
  align-items:center;
}
.qzr-auth-dialog .modal-title{
  font-size:17px !important;
  font-weight:800 !important;
  color:#06342A !important;
  line-height:1.2;
}
.qzr-auth-dialog .btn-close{
  width:30px; height:30px;
  background-color:#FFFFFF;
  border-radius:50%;
  opacity:1;
  box-shadow:0 1px 2px rgba(6,52,42,.06);
  background-size:11px;
}
.qzr-auth-dialog .btn-close:hover{ background-color:#E6F5EF }
.qzr-auth-dialog .modal-body{ padding:6px 20px 10px }

/* ── Champs (form-floating bootstrap, recolorés) ────────────────────────── */
.qzr-auth-dialog .form-control{
  background:#FFFFFF !important;
  border:1.5px solid #DCEFE8 !important;
  border-radius:14px !important;
  color:#06342A !important;
  font-weight:600;
  box-shadow:none !important;
  transition:border-color var(--qz-dur-ui) ease, box-shadow var(--qz-dur-ui) ease;
}
.qzr-auth-dialog .form-control:focus{
  border-color:#16A87A !important;
  box-shadow:0 0 0 3px rgba(22,168,122,.13) !important;
}
.qzr-auth-dialog .form-floating > label{
  color:#5E8A7C;
  font-weight:500;
}
.qzr-auth-dialog .qzr-auth-hint{
  font-size:13px; color:#5E8A7C; line-height:1.45; text-align:center; margin:0;
}

/* ── CTA principal (Duolingo-ish 3D, comme .qzr-onb__cta) ───────────────── */
.qzr-auth-dialog #CONNECT_USER,
.qzr-auth-dialog #SUBSCRIBE_USER,
.qzr-auth-dialog #RESET_PWD_BTN,
.qzr-auth-dialog .validation-code-submlt-button{
  background:#16A87A !important;
  color:#FFFFFF !important;
  border:none !important;
  border-bottom:3px solid #0F6E56 !important;
  border-radius:14px !important;
  padding:14px !important;
  font-size:15px !important;
  font-weight:700 !important;
  width:100%;
  cursor:pointer;
  transition:background var(--qz-dur-ui) ease, transform .05s ease;
}
.qzr-auth-dialog #CONNECT_USER:hover,
.qzr-auth-dialog #SUBSCRIBE_USER:hover,
.qzr-auth-dialog #RESET_PWD_BTN:hover,
.qzr-auth-dialog .validation-code-submlt-button:hover{ background:#149870 !important }
.qzr-auth-dialog #CONNECT_USER:active,
.qzr-auth-dialog #SUBSCRIBE_USER:active,
.qzr-auth-dialog #RESET_PWD_BTN:active,
.qzr-auth-dialog .validation-code-submlt-button:active{ transform:scale(var(--qz-press-scale)); border-bottom-width:2px !important }

/* ── Liens secondaires (Identifiants oubliés | Créer compte) ────────────── */
.qzr-auth-dialog .connect-menu{ text-align:center; color:#A7C6BB }
.qzr-auth-dialog .connect-menu a,
.qzr-auth-dialog .connect-menu a small{
  color:#0F6E56 !important;
  font-size:13px !important;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
}
.qzr-auth-dialog .connect-menu a:hover,
.qzr-auth-dialog .connect-menu a:hover small{ color:#16A87A !important; text-decoration:underline }

/* ── Divers : alerte, code de validation, Google, spinner ───────────────── */
.qzr-auth-dialog .connect-box-alert .alert,
.qzr-auth-dialog .alert{
  border-radius:14px;
  font-size:13.5px;
}
.qzr-auth-dialog .validation-code-value{
  background:#FFFFFF;
  border:1.5px solid #DCEFE8;
  border-radius:14px;
  color:#06342A;
  font-weight:700;
  letter-spacing:.18em;
  padding:13px !important;
  outline:none;
}
.qzr-auth-dialog .validation-code-value:focus{
  border-color:#16A87A;
  box-shadow:0 0 0 3px rgba(22,168,122,.13);
}
.qzr-auth-dialog #gsi-btn-wrap{ margin-top:16px }
.qzr-auth-dialog .spinner-border{ color:#16A87A !important; margin:26px auto; display:block }