/*purgecss start ignore*/
/* =========================================================
   Login form states — phone + OTP input / validation
   Loaded after playstore.css. Merge into playstore.css when
   convenient; kept separate only to isolate the form states.
   ========================================================= */

/* an empty OTP box reads as "active" only while it has focus,
   otherwise it keeps the filled-cream look from the guide */
.ps-otp-input:placeholder-shown:not(:focus){
  background: var(--cream);
  border-color: #FBEFB0;
}

/* --- phone field error --- */

.ps-field.is-error{
  box-shadow: inset 0 0 0 calc(var(--px) * 2) var(--red);
}
.ps-field-hint.is-error{ color: var(--red); }

/* --- otp error --- */

.ps-otp-input.is-error,
.ps-otp-input.is-error:placeholder-shown:not(:focus){
  background: #fff;
  border-color: var(--red);
}
.ps-otp-msg.is-error{ color: var(--red); font-weight: 600; }

/* --- resend control --- */

.ps-otp-resend button[disabled]{ cursor: default; }
.ps-otp-resend button:not([disabled]){ cursor: pointer; }
/*purgecss end ignore*/