/* ==========================================================================
   Adhyarth Wealth & Asset Management — LOGIN / AUTH PAGE
   Scoped to the auth portal only. Depends on tokens and base components
   (.btn, .field, .service-card, .eyebrow, .wrap) defined in styles.css —
   load this file AFTER styles.css.
   ========================================================================== */

/* ---------- LAYOUT ---------- */
.auth-wrap{
  max-width:480px;
  margin:0 auto;
}

.auth-card{
  padding:40px;
}

.logo-mount--center{
  justify-content:center;
  margin-bottom:24px;
}

/* ---------- FORGOT PASSWORD ---------- */
.auth-forgot-row{
  text-align:right;
  margin:-12px 0 20px;
}
.auth-forgot-row a{
  font-size:13px;
  color:var(--charcoal-soft);
  text-decoration:underline;
  transition:color 0.2s ease;
}
.auth-forgot-row a:hover{
  color:var(--navy);
}

/* ---------- INLINE PASSWORD MASK/UNMASK ---------- */
.pw-field{
  position:relative;
}
.pw-field input{
  padding-right:48px;
}
.pw-toggle{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-family:'Manrope', sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--charcoal-soft);
  cursor:pointer;
  user-select:none;
}
.pw-toggle:hover{
  color:var(--navy);
}

/* ---------- CONSENT CHECKBOX (registration mode) ---------- */
.auth-consent-row{
  display:flex;
  margin-bottom:20px;
}
/* ---------- CONFIRM PASSWORD (registration mode) ---------- */
.auth-confirm-row{
  /* inherits .field spacing from styles.css — no overrides needed unless
     you want a tighter gap directly under the password field */
}
.auth-consent-label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:12.5px;
  color:var(--charcoal-soft);
  line-height:1.6;
  cursor:pointer;
}
.auth-consent-label input{
  margin-top:3px;
  flex-shrink:0;
}
.auth-consent-label a{
  color:var(--navy);
  font-weight:600;
  text-decoration:underline;
}

/* ---------- SHARED UTILITY ---------- */
.btn-block{
  width:100%;
}

/* ---------- LOGIN/REGISTER TOGGLE TEXT ---------- */
.auth-footer-text{
  text-align:center;
  margin-top:24px;
}
.auth-footer-text p{
  font-size:13.5px;
  color:var(--charcoal-soft);
}
.auth-toggle-link{
  color:var(--navy);
  font-weight:600;
  text-decoration:underline;
}

/* ---------- DIVIDER ("Or") ---------- */
.auth-divider{
  display:flex;
  align-items:center;
  margin:24px 0 16px;
}
.auth-divider-line{
  flex-grow:1;
  height:1px;
  background:var(--line);
}
.auth-divider-text{
  padding:0 12px;
  font-size:12.5px;
  color:var(--charcoal-soft);
  font-family:'Manrope', sans-serif;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:0.06em;
}

/* ---------- GOOGLE BUTTON ---------- */
.btn-google{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}
.btn-google:disabled{
  opacity:0.7;
  cursor:not-allowed;
}

/* ---------- FIELD ERROR ---------- */
/* Generic error style for this page. kyc-field-error (defined in styles.css)
   remains the canonical name for the KYC overlay; this is the auth-page
   equivalent until the two are formally merged. */
.field-error{
  font-size:12px;
  color:#b4453a;
  margin-top:6px;
  display:none;
}
.field-error.show{
  display:block;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:560px){
  .auth-card{
    padding:28px 22px;
  }
}