/* =========================================================
   Auth pages (login / signup / forgot password) — alert box + 6-digit code field.
   Pehle har view mein inline <style> tha; ab yahan ek jagah.
   ========================================================= */
#login-alert .alert, #signup-alert .alert, #forgot-alert .alert{ margin-bottom:14px; }
#login-alert:empty, #signup-alert:empty, #forgot-alert:empty{ display:none; }

/* OTP: single field, monospace, evenly spaced digits with a dashed placeholder.
   text-align:left so the caret sits on the FIRST dash and digits fill left→right,
   while symmetric padding (calc(50% - half the 6-digit group) each side) keeps the
   dash group visually centered. 66px = half of the ~132px group at 20px/.5em mono. */
#user-login .otp-input, #user-signup .otp-input{ height:46px; border-radius:8px; }
#forgot-card .otp-input{ height:50px; }
#user-login .otp-input, #user-signup .otp-input, #forgot-card .otp-input{
  box-sizing:border-box;
  padding:6px max(12px, calc(50% - 66px));
  text-align:left; direction:ltr;
  font-family:ui-monospace,"Courier New",monospace;
  letter-spacing:.5em; font-size:20px; font-weight:700; color:#0f1e24;
}
#user-login .otp-input:focus, #user-signup .otp-input:focus, #forgot-card .otp-input:focus{
  border-color:var(--c-primary); box-shadow:0 0 0 3px rgba(var(--c-primary-rgb),.15);
}
#user-login .otp-input::placeholder, #user-signup .otp-input::placeholder, #forgot-card .otp-input::placeholder{
  letter-spacing:.5em; opacity:.35; font-weight:600;
}
#user-login .otp-field, #user-signup .otp-field, #forgot-card .otp-field{ margin-bottom:18px; }
#user-login .resend-link, #user-signup .resend-link, #forgot-card .resend-link{ color:var(--c-primary); font-weight:600; }
#user-login .resend-link:disabled, #user-signup .resend-link:disabled, #forgot-card .resend-link:disabled{ color:#9fb6bd; }