/* v26.5.6 email verification resend + SMS-ready UX */

.esm-email-resend-card {
  margin: 0 0 14px 0 !important;
  padding: 13px 15px !important;
  border-radius: 14px !important;
  border: 1px solid #84caff !important;
  background: #eff8ff !important;
  color: #1849a9 !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.06) !important;
}

.esm-email-resend-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  margin-bottom: 5px !important;
}

.esm-email-resend-body,
.esm-email-resend-validity {
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

.esm-email-resend-validity {
  margin-top: 5px !important;
  color: #027a48 !important;
}

.esm-email-resend-action {
  margin: 14px 0 0 0 !important;
  padding: 13px 15px !important;
  border-radius: 14px !important;
  border: 1px solid #d0d5dd !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.06) !important;
}

.esm-email-resend-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  background: #1d4ed8 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 12px rgba(29,78,216,.22) !important;
}

.esm-email-resend-button.is-disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

.esm-email-resend-help,
.esm-sms-ready-note {
  margin-top: 8px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: #475467 !important;
  font-weight: 700 !important;
}

.esm-sms-ready-note {
  color: #93370d !important;
}

.esm-email-provider-strong-notice {
  margin: 8px 0 12px 0 !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #fdb022 !important;
  background: #fffaeb !important;
  color: #93370d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

@media (max-width: 640px) {
  .esm-email-resend-button {
    width: 100% !important;
  }
}