/* BIDSMART_CLIENT_OTP_MODAL_CLEAN_TIMER_V3
   Cleans the Client OTP verification modal and moves the timer to the bottom-right. */

/* slightly cleaner spacing inside the floating OTP card */
.client-create-otp-card{
  padding:24px 24px 20px!important;
}

.client-create-otp-phone{
  margin-bottom:12px!important;
}

.client-create-otp-mount .client-otp-status{
  margin-top:8px!important;
}

/* Footer row: note on the left, timer pill on the right */
.client-create-otp-footer{
  margin-top:14px!important;
  padding-top:13px!important;
  border-top:1px solid #edf0f2!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
}

.client-create-otp-footer .client-create-otp-note{
  margin:0!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
  color:#7a8490!important;
  font-size:9px!important;
  line-height:1.5!important;
  flex:1 1 auto!important;
}

/* Collapse the verbose validity box into a compact timer chip only */
.client-create-otp-footer .client-create-otp-validity{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  flex:0 0 auto!important;
  min-width:auto!important;
}

.client-create-otp-footer .client-create-otp-validity-copy{
  display:none!important;
}

.client-create-otp-footer .client-create-otp-countdown{
  min-width:72px!important;
  padding:8px 11px!important;
  border:1px solid #e2e6ea!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17191d!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  box-shadow:none!important;
}

.client-create-otp-footer .client-create-otp-validity.is-running .client-create-otp-countdown{
  border-color:#efc8cd!important;
  background:#fff7f8!important;
  color:#c51622!important;
}

.client-create-otp-footer .client-create-otp-validity.is-expired .client-create-otp-countdown{
  border-color:#f0c9cd!important;
  background:#fff2f3!important;
  color:#a51c1c!important;
}

.client-create-otp-footer .client-create-otp-validity.is-verified .client-create-otp-countdown{
  min-width:98px!important;
  border-color:#cce8d8!important;
  background:#f1fbf5!important;
  color:#087648!important;
}

@media (max-width:620px){
  .client-create-otp-footer{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .client-create-otp-footer .client-create-otp-validity{
    justify-content:flex-end!important;
    width:100%!important;
  }
}