/* BIDSMART_CLIENT_OTP_ALIGNMENT_V4
   Visual-only cleanup for the Client OTP controls.
   Keeps the Send button, OTP field, and Verify button on one clean baseline. */

body.client-register-page .client-create-otp-mount .client-otp-row{
  display:grid!important;
  grid-template-columns:104px minmax(150px,1fr) 120px!important;
  column-gap:10px!important;
  row-gap:10px!important;
  align-items:end!important;
  width:100%!important;
}

/* Align a plain input and any field wrapper/label used by the browser or UI. */
body.client-register-page .client-create-otp-mount .client-otp-row > *{
  min-width:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  align-self:end!important;
}

body.client-register-page .client-create-otp-mount .client-otp-row > label,
body.client-register-page .client-create-otp-mount .client-otp-row > .client-otp-code-field{
  display:grid!important;
  gap:6px!important;
}

body.client-register-page .client-create-otp-mount #sendClientOtp,
body.client-register-page .client-create-otp-mount #clientOtpCode,
body.client-register-page .client-create-otp-mount #verifyClientOtp{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  border-radius:10px!important;
  line-height:1.2!important;
  box-sizing:border-box!important;
}

body.client-register-page .client-create-otp-mount #sendClientOtp,
body.client-register-page .client-create-otp-mount #verifyClientOtp{
  padding:0 10px!important;
  white-space:nowrap!important;
}

body.client-register-page .client-create-otp-mount #clientOtpCode{
  padding:0 12px!important;
  text-align:center!important;
  font-size:13px!important;
  letter-spacing:.055em!important;
}

body.client-register-page .client-create-otp-mount #clientOtpCode::placeholder{
  letter-spacing:.025em!important;
  color:#9aa3ad!important;
  opacity:1!important;
}

body.client-register-page .client-create-otp-mount .client-otp-status{
  margin:10px 0 0!important;
}

@media(max-width:620px){
  body.client-register-page .client-create-otp-mount .client-otp-row{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }

  body.client-register-page .client-create-otp-mount .client-otp-row > *{
    align-self:stretch!important;
  }
}