/* === Wrapper & Card === */
.pedal-login-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 80px;
  box-sizing: border-box;
}

.pedal-login-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
  padding: 24px;
  max-width: 420px;
  width: 100%;
}

.pedal-login-head h3 {
  margin: 0 0 16px;
}

/* === Forms === */
.pedal-login-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pedal-login-box input,
.pedal-login-box select {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px !important;
  padding: 14px !important;
  text-align: center !important;
  font-family: 'IRANYekan' !important;
  font-size: 14px;
  background-color: #fff;
  box-sizing: border-box;
}

/* === Buttons === */
.pedal-btn-full {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 15px;
  background-color: #0A4CA5;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family:'IRANYekanXFN' ;
}
.pedal-btn-full:hover {
  background-color: #083b84;
}
.pedal-btn-full.loading .btn-text {
  opacity: 0;
}

/* === Loader (سه نقطه) === */
.pdal-loader {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: absolute;
}
.pedal-btn-full.loading .pdal-loader {
  display: inline-flex;
}
.pdal-loader span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  animation: pdal-bounce 1s infinite ease-in-out;
}
.pdal-loader span:nth-child(2) {
  animation-delay: 0.15s;
}
.pdal-loader span:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes pdal-bounce {
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.7; }
  40% { transform: scale(1); opacity: 1; }
}

/* === OTP Timer & Resend === */
.pdal-timer-box {
  margin-top: 10px;
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  direction: ltr;
}

.pdal-resend-link {
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #e63946;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.pdal-resend-link:hover {
  text-decoration: underline;
}

/* === OTP Actions === */
.pedal-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

/* === پیام‌های خطا === */
.pedal-messages {
  margin-top: 12px;
  color: #c00;
  text-align: center;
  font-weight: 500;
}

/* === فیلدهای احراز هویت === */
.pedal-kyc input {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #ddd !important;
}

/* === تاریخ تولد سه‌تایی === */
.pdal-birthdate-group {
  margin-top: 8px;
  text-align: right;
}

.pdal-birthdate-fields {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.pdal-birthdate-fields select {
  flex: 1;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  font-family: 'IRANYekan';
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.pdal-birthdate-fields select:focus {
  border-color: #0A4CA5;
  outline: none;
}

/* === حالت لودینگ دکمه === */
#pedal__submit-username.loading,
#pedal__submit-otp.loading {
  pointer-events: none;
  background-color: #0A4CA5 !important;
  color: #fff !important;
  transition: all 0.3s ease;
}
/* تنظیم فاصله آیکن دراپ‌داون از باکس انتخاب */
.pdal-birthdate-fields select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='black' height='12' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 8px center; /* فاصله 8px از سمت چپ */
  background-size: 12px;
  padding-left: 20px !important; /* فضای داخلی برای فلش */
}
/* === تیتر ورود | ثبت‌نام === */
.pedal-login-head {
  text-align: center;
  margin-bottom: 20px;
}

.pedal-login-head h3 {
  font-family: 'IRANYekanFN', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #0A4CA5;
  /* رنگ برند پدال */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  direction: rtl;
}

.pedal-login-head h3::before,
.pedal-login-head h3::after {
  content: "";
  width: 24px;
  height: 2px;
  background: #dce4f2;
  border-radius: 2px;
}

.pedal-login-head h3 span {
  color: #333;
}

.pedal-login-head h3 strong {
  color: #0A4CA5;
}

/* حالت هاور برای زیبایی بیشتر */
.pedal-login-head h3:hover {
  color: #083b84;
  transition: color 0.3s ease;
}
/* توضیحات زیر عنوان ورود/ثبت‌نام */
.pedal-login-head+.pedal-desc,
.pedal-login-card .pedal-desc {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-bottom: 16px;
  line-height: 1.7;
  font-family: 'IRANYekan', sans-serif;
}
.pedal-login-logo {
  text-align: center;
  margin-bottom: 20px;
}

.pedal-login-logo img {
  width: 90px;
  height: auto;
  object-fit: contain;
  display: inline-block;
  transition: transform 0.3s ease;
}

.pedal-login-logo img:hover {
  transform: scale(1.05);
}

.pedal-login-logo .site-title {
  font-family: 'IRANYekanFN', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #0A4CA5;
}
#pedal_login_otp .pedal-title {
  display: none !important;
}
/* رنگ placeholder در سلکت‌های تاریخ تولد */
.pdal-birthdate-fields select {
  color: #999 !important;              /* شبیه placeholder کد ملی */
  font-family: inherit !important;
}

/* وقتی کاربر گزینه‌ای رو انتخاب کنه، رنگ مشکی بشه */
.pdal-birthdate-fields select option {
  color: #000 !important;
}

/* برای مرورگرهای مختلف که placeholder اولیه دارن */
.pdal-birthdate-fields select:invalid {
  color: #999 !important;
}
/* فاصله بین تاریخ تولد و فیلد بعدی (کد تایید) */
.pdal-birthdate-group {
  margin-bottom: 16px !important; /* مقدار فاصله؛ می‌تونی 12px یا 20px هم بذاری */
}
/* 🔹 گروه انتخاب تاریخ تولد */
.pdal-birthdate-group {
    margin-top: 8px;
    margin-bottom: 20px;
}

.pdal-birthdate-display {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.birth-item {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
    font-family: inherit;
    color: #666;
    transition: all 0.25s ease;
}

.birth-item:hover {
    background: #f0f4ff;
    color: #0A4CA5;
    border-color: #0A4CA5;
}

/* 🔹 پاپ‌آپ wheel picker وسط صفحه */
.pdal-picker-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}

.pdal-picker {
  width: 90%;
  max-width: 360px;
  height: 260px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 0;
  animation: fadeInUp 0.25s ease;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🔹 سربرگ انتخابگر */
.pdal-picker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.picker-title {
  font-weight: 600;
  color: #333;
}

.picker-confirm {
  background: #0A4CA5;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  padding: 6px 14px;
  cursor: pointer;
  font-family: 'IRANYekanFN';
}

/* 🔹 wheel اصلی (وسط صفحه با افکت محو بالا و پایین) */
.pdal-picker-wheel {
  flex: 1;
  overflow-y: auto;
  text-align: center;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
}

.pdal-picker-wheel::-webkit-scrollbar {
  display: none;
}

.pdal-picker-wheel div {
  font-size: 22px;
  color: #aaa;
  line-height: 48px;
  transition: all 0.2s ease;
}

.pdal-picker-wheel div.active {
  color: #000;
  font-size: 28px;
  font-weight: 600;
}

/* 🔹 افکت محو بالا و پایین */
.pdal-picker-wheel::before,
.pdal-picker-wheel::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;
  background: linear-gradient(to bottom, #fff 10%, rgba(255,255,255,0));
}

.pdal-picker-wheel::after {
  bottom: 0;
  top: auto;
  transform: rotate(180deg);
}
/* 📱 پدینگ برای موبایل */
@media (max-width: 768px) {
  .pedal-login-wrapper {
    padding: 80px 15px;
  }

  .pedal-login-card {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
}


/* === Pedal Login v0.2.0 visual fixes === */
.pedal-login-card {
  border-radius: 22px !important;
}

.pedal-login-box {
  width: 100%;
}

#pedal__submit-username,
#pedal__submit-otp,
.pedal-btn-full {
  width: 100% !important;
  min-width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  background: #0A4CA5 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 22px rgba(10, 76, 165, 0.18) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  overflow: hidden;
}

#pedal__submit-username:hover,
#pedal__submit-otp:hover,
.pedal-btn-full:hover {
  background: #083f8a !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(10, 76, 165, 0.24) !important;
}

#pedal__submit-username:active,
#pedal__submit-otp:active,
.pedal-btn-full:active {
  transform: translateY(0);
}

#pedal__submit-username.loading,
#pedal__submit-otp.loading,
.pedal-btn-full.loading {
  background: #0A4CA5 !important;
  opacity: 0.98 !important;
  cursor: wait !important;
}

.pedal-btn-full .btn-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1em;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.pedal-btn-full.loading .btn-text {
  opacity: 0 !important;
  transform: translateY(3px);
}

.pdal-loader {
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.pedal-btn-full.loading .pdal-loader {
  opacity: 1;
  visibility: visible;
  display: flex !important;
}

.pdal-loader span {
  width: 7px !important;
  height: 7px !important;
  background: #ffffff !important;
  opacity: 0.55;
  animation: pdal-loader-wave 0.9s infinite ease-in-out !important;
}

.pdal-loader span:nth-child(2) { animation-delay: 0.12s !important; }
.pdal-loader span:nth-child(3) { animation-delay: 0.24s !important; }

@keyframes pdal-loader-wave {
  0%, 80%, 100% { transform: translateY(0) scale(0.72); opacity: 0.55; }
  40% { transform: translateY(-4px) scale(1); opacity: 1; }
}

.pedal-actions {
  width: 100% !important;
  align-items: stretch !important;
}

#pedal_login_otp input[name="pedal__otp"] {
  margin-bottom: 2px !important;
}

#pedal_login_username,
#pedal_login_otp {
  animation: pdal-form-in 0.18s ease both;
}

@keyframes pdal-form-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* v0.2.1 - Fix birthdate wheel picker edge items */
.pdal-picker-wheel {
  padding: 72px 0 !important;
  scroll-padding: 72px 0;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.pdal-picker-wheel .pdal-picker-option,
.pdal-picker-wheel div.pdal-picker-option {
  min-height: 48px;
  line-height: 48px;
  scroll-snap-align: center;
  cursor: pointer;
  user-select: none;
}

.pdal-picker-wheel .pdal-picker-option.active {
  color: #0A4CA5;
  font-size: 28px;
  font-weight: 700;
  transform: scale(1.04);
}

.pdal-picker-wheel .pdal-picker-option.above,
.pdal-picker-wheel .pdal-picker-option.below {
  opacity: 0.38;
}

/* v0.2.1 - Fix birthdate wheel picker edge items */
.pdal-picker-wheel {
  padding: 72px 0 !important;
  scroll-padding: 72px 0;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.pdal-picker-wheel .pdal-picker-option,
.pdal-picker-wheel div.pdal-picker-option {
  min-height: 48px;
  line-height: 48px;
  scroll-snap-align: center;
  cursor: pointer;
  user-select: none;
}

.pdal-picker-wheel .pdal-picker-option.active {
  color: #0A4CA5;
  font-size: 28px;
  font-weight: 700;
  transform: scale(1.04);
}

.pdal-picker-wheel .pdal-picker-option.above,
.pdal-picker-wheel .pdal-picker-option.below {
  opacity: 0.38;
}

/* v0.2.6 - Phone and OTP digit UI only */
#pedal_login_username .pdal-phone-shell {
  width: 100%;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  border: 2px solid #1a1a1a;
  border-radius: 15px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 28px;
  direction: ltr !important;
}

#pedal_login_username .pdal-phone-shell:focus-within {
  border-color: #0A4CA5;
  box-shadow: 0 0 0 3px rgba(10, 76, 165, 0.08);
}

#pedal_login_username .pdal-phone-prefix {
  flex: 0 0 auto;
  color: rgba(26, 26, 26, 0.35);
  font-family: 'IRANYekanXFN', 'IRANYekanFN', 'IRANYekan', sans-serif !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 4px;
  direction: rtl;
}

#pedal_login_username .pdal-phone-divider {
  width: 1px;
  height: 38px;
  flex: 0 0 auto;
  background: rgba(26, 26, 26, 0.15);
}

#pedal_login_username input.pdal-phone-rest {
  flex: 1 1 auto;
  width: auto !important;
  height: 100% !important;
  min-width: 0;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  text-align: center !important;
  direction: ltr !important;
  unicode-bidi: plaintext;
  font-family: 'IRANYekanXFN', 'IRANYekanFN', 'IRANYekan', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 9px !important;
  caret-color: #0A4CA5;
}

#pedal_login_username input.pdal-phone-rest::placeholder {
  color: transparent !important;
}

#pedal_login_otp input[name="pedal__otp"] {
  display: none !important;
}

#pedal_login_otp .pdal-otp-boxes {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  direction: ltr !important;
  margin: 4px 0 14px;
}

#pedal_login_otp .pdal-otp-digit,
#pedal_login_otp input.pdal-otp-digit {
  width: 100% !important;
  height: 74px !important;
  border: 2px solid #1a1a1a !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  direction: ltr !important;
  color: #111827 !important;
  font-family: 'IRANYekanXFN', 'IRANYekanFN', 'IRANYekan', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  caret-color: #0A4CA5;
  box-shadow: none !important;
}

#pedal_login_otp .pdal-otp-digit:focus {
  border-color: #0A4CA5 !important;
  box-shadow: 0 0 0 3px rgba(10, 76, 165, 0.10) !important;
  outline: none !important;
}

@media (max-width: 480px) {
  #pedal_login_username .pdal-phone-shell {
    height: 68px;
    gap: 14px;
    padding: 0 18px;
  }
  #pedal_login_username .pdal-phone-prefix,
  #pedal_login_username input.pdal-phone-rest,
  #pedal_login_otp .pdal-otp-digit,
  #pedal_login_otp input.pdal-otp-digit {
    font-size: 26px !important;
  }
  #pedal_login_username input.pdal-phone-rest {
    letter-spacing: 6px !important;
  }
  #pedal_login_otp .pdal-otp-boxes {
    gap: 8px;
  }
  #pedal_login_otp .pdal-otp-digit,
  #pedal_login_otp input.pdal-otp-digit {
    height: 62px !important;
    border-radius: 13px !important;
  }
}


/* v0.2.7 - Phone/OTP spacing and thin stroke refinement */
#pedal_login_username .pdal-phone-shell {
  border: 1px solid #d8dee8 !important;
  box-shadow: none !important;
  gap: 24px !important;
  padding: 0 32px !important;
}

#pedal_login_username .pdal-phone-shell:focus-within {
  border-color: #9fb5d4 !important;
  box-shadow: 0 0 0 2px rgba(10, 76, 165, 0.05) !important;
}

#pedal_login_username .pdal-phone-prefix {
  color: rgba(17, 24, 39, 0.32) !important;
  letter-spacing: 3px !important;
}

#pedal_login_username .pdal-phone-divider {
  background: rgba(17, 24, 39, 0.14) !important;
}

#pedal_login_username input.pdal-phone-rest {
  letter-spacing: clamp(13px, 2.3vw, 22px) !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums;
}

#pedal_login_otp .pdal-otp-digit,
#pedal_login_otp input.pdal-otp-digit {
  border: 1px solid #d8dee8 !important;
  box-shadow: none !important;
}

#pedal_login_otp .pdal-otp-digit:focus,
#pedal_login_otp input.pdal-otp-digit:focus {
  border-color: #9fb5d4 !important;
  box-shadow: 0 0 0 2px rgba(10, 76, 165, 0.05) !important;
}

@media (max-width: 480px) {
  #pedal_login_username .pdal-phone-shell {
    gap: 16px !important;
    padding: 0 20px !important;
  }
  #pedal_login_username input.pdal-phone-rest {
    letter-spacing: clamp(8px, 2.5vw, 14px) !important;
  }
}


/* v0.2.8 - Wider phone digit spacing + OTP button activation state */
#pedal_login_username .pdal-phone-shell {
  border: 1px solid #d8dee8 !important;
  box-shadow: none !important;
}

#pedal_login_username .pdal-phone-shell:focus-within {
  border-color: #d8dee8 !important;
  box-shadow: none !important;
}

#pedal_login_username input.pdal-phone-rest {
  letter-spacing: 16px !important;
  word-spacing: 12px !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums;
}

#pedal_login_otp .pdal-otp-digit,
#pedal_login_otp input.pdal-otp-digit {
  border: 1px solid #d8dee8 !important;
  box-shadow: none !important;
}

#pedal_login_otp .pdal-otp-digit:focus,
#pedal_login_otp input.pdal-otp-digit:focus {
  border-color: #9fb5d4 !important;
  box-shadow: 0 0 0 2px rgba(10, 76, 165, 0.05) !important;
}

#pedal__submit-otp:disabled {
  opacity: 0.58 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.15);
}

#pedal__submit-otp.is-ready {
  opacity: 1 !important;
  cursor: pointer !important;
  filter: none;
}

@media (max-width: 480px) {
  #pedal_login_username input.pdal-phone-rest {
    letter-spacing: 10px !important;
    word-spacing: 8px !important;
  }
}


/* v0.2.9 - balanced phone spacing + keep digits inside box */
#pedal_login_username .pdal-phone-shell {
  border: 1px solid #d8dee8 !important;
  box-shadow: none !important;
  gap: clamp(16px, 3.2vw, 28px) !important;
  padding: 0 clamp(18px, 4vw, 32px) !important;
}

#pedal_login_username .pdal-phone-shell:focus-within {
  border-color: #d8dee8 !important;
  box-shadow: none !important;
}

#pedal_login_username .pdal-phone-prefix {
  color: rgba(17, 24, 39, 0.34) !important;
  letter-spacing: 2px !important;
}

#pedal_login_username .pdal-phone-divider {
  background: rgba(17, 24, 39, 0.16) !important;
}

#pedal_login_username input.pdal-phone-rest {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  letter-spacing: clamp(4px, 1.1vw, 9px) !important;
  word-spacing: clamp(4px, 1.25vw, 10px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 480px) {
  #pedal_login_username .pdal-phone-shell {
    gap: 12px !important;
    padding: 0 16px !important;
  }
  #pedal_login_username input.pdal-phone-rest {
    letter-spacing: clamp(2px, 1.2vw, 5px) !important;
    word-spacing: clamp(2px, 1.2vw, 5px) !important;
  }
}


/* v0.3.0 - requested phone spacing override + keep phone digits inside */
#pedal_login_username input.pdal-phone-rest {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    letter-spacing: clamp(0px, 1.1vw, 0px) !important;
    word-spacing: clamp(3px, 1.25vw, 0px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    font-variant-numeric: tabular-nums;
}

/* v0.3.1 - KYC national code numeric display and focus flow */
#pedal_login_otp input[name="pedal__national_code"] {
  height: 64px !important;
  padding: 0 16px !important;
  text-align: center !important;
  direction: ltr !important;
  unicode-bidi: plaintext;
  font-family: 'IRANYekanXFN', 'IRANYekanFN', 'IRANYekan', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #111827 !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
  caret-color: #0A4CA5;
}

#pedal_login_otp input[name="pedal__national_code"]::placeholder {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #777 !important;
  letter-spacing: 0 !important;
}

#pedal_login_otp input[name="pedal__national_code"]:focus {
  border-color: #9fb5d4 !important;
  box-shadow: 0 0 0 2px rgba(10, 76, 165, 0.05) !important;
  outline: none !important;
}

/* v0.4.0: +98, fixed password, redirect state */
.pdal-phone-prefix{min-width:72px;color:#9ca3af;font-size:26px;font-weight:700;direction:ltr;text-align:center}
.pdal-phone-rest{font-size:30px!important;letter-spacing:0!important;word-spacing:0!important;direction:ltr!important;text-align:center!important}
.pdal-link-button{border:0;background:transparent;color:#0A4CA5;cursor:pointer;font-family:inherit;font-weight:700;padding:8px;text-align:center}
.pdal-password-login{display:flex;flex-direction:column;gap:12px}
.pdal-password-login input{font-size:18px!important;direction:ltr;text-align:left!important}
.pedal-login-status{min-height:24px;margin-top:10px;text-align:center;color:#0A4CA5;font-weight:700}
.pedal-btn-full:disabled{cursor:not-allowed;opacity:.72}
.pdal-password-settings{max-width:560px;padding:20px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}
.pdal-password-settings input{display:block;width:100%;box-sizing:border-box;margin:10px 0;padding:12px;border:1px solid #d1d5db;border-radius:10px}
.pdal-password-message{margin-top:10px}


/* v0.4.1: prevent username autofill and render +98 correctly */
#pedal_login_username .pdal-phone-prefix{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  writing-mode:horizontal-tb!important;
  font-family:Arial, sans-serif!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
#pedal_login_username input.pdal-phone-rest{
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  background-color:transparent!important;
}


/* v0.4.3: input-only patch; keep original card dimensions untouched */
.pdal-autofill-decoys{
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#pedal_login_username .pdal-phone-prefix,
#pedal_login_username .pdal-phone-prefix bdi{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  writing-mode:horizontal-tb!important;
  font-family:inherit!important;
  font-size:26px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  white-space:nowrap!important;
}
#pedal_login_username input.pdal-phone-rest{
  font-family:inherit!important;
  font-size:30px!important;
  font-weight:600!important;
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  background:transparent!important;
}


/* v0.4.5: polished auth method controls and password visibility */
#pedal_login_username .pdal-auth-switch,
#pedal_login_otp .pdal-password-switch{
  width:100%!important;
  min-height:48px;
  margin:14px 0 0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid #d8e4f3!important;
  border-radius:13px!important;
  background:#f7faff!important;
  color:#0a4ca5!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.5!important;
  text-align:center!important;
  cursor:pointer;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#pedal_login_username .pdal-auth-switch:hover,
#pedal_login_otp .pdal-password-switch:hover{
  background:#eef5ff!important;
  border-color:#b9d0ed!important;
  transform:translateY(-1px);
}
#pedal_login_username .pdal-auth-switch:active,
#pedal_login_otp .pdal-password-switch:active{transform:none}
#pedal_login_username .pdal-auth-switch__icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 25px;
  border-radius:8px;
  background:#e7f0fb;
  color:#0a4ca5;
  font-family:Tahoma,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1;
}
#pedal_login_username .pdal-password-login{
  width:100%;
  gap:13px;
  margin-top:0;
}
#pedal_login_username .pdal-password-login__field{
  position:relative;
  width:100%;
}
#pedal_login_username .pdal-password-login__field input[name="pedal__password"]{
  width:100%!important;
  height:58px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 18px 0 58px!important;
  border:1px solid #cbd9ea!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#172033!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:600!important;
  direction:rtl!important;
  text-align:right!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#pedal_login_username .pdal-password-login__field input[name="pedal__password"]:focus{
  border-color:#0a4ca5!important;
  box-shadow:0 0 0 3px rgba(10,76,165,.09)!important;
}
#pedal_login_username .pdal-login-password-toggle{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:40px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:11px!important;
  background:#f2f6fb!important;
  color:#6f8096!important;
  cursor:pointer;
  box-shadow:none!important;
  line-height:1!important;
}
#pedal_login_username .pdal-login-password-toggle:hover{
  background:#e7f0fb!important;
  color:#0a4ca5!important;
}
#pedal_login_username .pdal-login-eye{width:21px;height:21px;display:block}
#pedal_login_username .pdal-login-eye-closed{display:none}
#pedal_login_username .pdal-login-password-toggle[aria-pressed="true"] .pdal-login-eye-open{display:none}
#pedal_login_username .pdal-login-password-toggle[aria-pressed="true"] .pdal-login-eye-closed{display:block}
#pedal_login_otp .pdal-password-switch{
  margin-top:16px!important;
}
@media(max-width:520px){
  #pedal_login_username .pdal-auth-switch,
  #pedal_login_otp .pdal-password-switch{min-height:46px;font-size:13px!important;border-radius:12px!important}
  #pedal_login_username .pdal-password-login__field input[name="pedal__password"]{height:54px!important;font-size:16px!important}
}


/* v0.4.6: password mode visibility and centered entry */
#pedal_login_username.is-password-mode > #pdal_show_password_login{
  display:none!important;
}
#pedal_login_username.is-password-mode .pdal-password-login{
  display:flex!important;
  flex-direction:column;
}
#pedal_login_username .pdal-password-login__field input[name="pedal__password"]{
  padding:0 58px!important;
  direction:ltr!important;
  text-align:center!important;
  unicode-bidi:plaintext!important;
}
#pedal_login_username .pdal-password-login__field input[name="pedal__password"]::placeholder{
  text-align:center!important;
  direction:rtl!important;
}


/* v0.4.8: phone-first auth choice */
#pedal_login_username .pdal-auth-choice{
  width:100%;
  display:none;
  flex-direction:column;
  gap:12px;
  margin-top:0;
}
#pedal_login_username.is-choice-mode .pdal-auth-choice{display:flex!important;}
#pedal_login_username .pdal-auth-choice__btn{
  width:100%!important;
  min-height:58px;
  padding:0 18px!important;
  border-radius:14px!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center!important;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#pedal_login_username .pdal-auth-choice__btn--primary{
  border:1px solid #0a4ca5!important;
  background:#0a4ca5!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(10,76,165,.16)!important;
}
#pedal_login_username .pdal-auth-choice__btn--secondary{
  border:1px solid #cddcf0!important;
  background:#f6f9fe!important;
  color:#0a4ca5!important;
  box-shadow:none!important;
}
#pedal_login_username .pdal-auth-choice__btn:hover{transform:translateY(-1px);}
#pedal_login_username .pdal-auth-choice__btn:active{transform:none;}
#pedal_login_username:not(.is-choice-mode):not(.is-password-mode) .pdal-auth-choice,
#pedal_login_username:not(.is-password-mode) .pdal-password-login{display:none!important;}
#pedal_login_username:not(.is-password-mode) > #pdal_show_password_login{display:none!important;}
@media(max-width:520px){
  #pedal_login_username .pdal-auth-choice__btn{min-height:54px;font-size:14px!important;border-radius:12px!important;}
}


/* v0.4.9: reliable OTP/password switching */
#pedal_login_otp .pdal-password-switch[style*="display: none"]{display:none!important;}
#pedal_login_otp .pdal-password-switch{width:100%!important;}
#pdal_choose_otp.loading{opacity:.7;pointer-events:none;}