/* قالب «akoatlas» — ظاهر هم‌خوان با کارت ورود قبلی سایت (SMS Authentication) */
.ia {
    --ia-primary: #07074a;
    --ia-primary-hover: #15157a;
    --ia-text: #101828;
    --ia-muted: #475467;
    --ia-border: #e0e5ff;
    --ia-bg: #f9f9fb;
    --ia-soft: #eef0fb;
    --ia-radius: 9px;
    font-family: inherit;
}
.ia .ia-card.ako-ia {
    max-width: 490px; margin: 40px auto; padding: 0; overflow: hidden;
    background: var(--ia-bg); border: 0; border-radius: 9px; box-shadow: none;
}
.ako-ia-top {
    padding: 18px 44px 18px 22px; font-size: 14px; font-weight: 700; line-height: 1.6; color: #000;
    border-bottom: 1px solid #ececf3; text-align: right;
}
.ia .ako-ia .ia-brand {
    margin: 0; padding: 26px 16px 22px; text-align: center; border-bottom: 1px solid #ececf3;
}
.ia .ako-ia .ia-brand img { width: 128px; max-width: 60%; height: auto; display: inline-block; }
.ako-ia-tag { margin-top: 14px; font-size: 13px; line-height: 1.8; color: #101828; }
.ako-ia-body { padding: 20px 12px 18px; }

.ia .ako-ia .ia-title { margin: 0 0 8px; font-size: 15px; font-weight: 700; line-height: 1.7; color: #000; text-align: right; }
.ako-ia-desc { margin: 0 0 22px; font-size: 13.5px; line-height: 1.9; color: #101828; }
.ia .ako-ia .ia-label { display: none; }
.ia .ako-ia .ia-input {
    height: 45px; padding: 6px 12px; font-size: 14px; border: 1px solid var(--ia-border); border-radius: var(--ia-radius); background: #fff;
}
.ia .ako-ia .ia-input:focus { border-color: var(--ia-primary); box-shadow: 0 0 0 3px rgba(7, 7, 74, .1); }
.ia .ako-ia .ia-input::placeholder { color: #667085; }
.ako-ia-terms { margin: 16px 0 0; font-size: 13px; line-height: 1.9; color: #000; }
.ako-ia-terms a { color: #f97316; text-decoration: none; }
.ako-ia-terms a:hover { text-decoration: underline; }

/* دکمه‌ها: پایین کارت، تمام‌عرض، با جداکننده (مثل کارت قبلی) */
.ia .ako-ia .ia-step > .ia-submit {
    width: calc(100% + 24px); margin: 22px -12px 0; border-radius: 0; border: 0; border-top: 1px solid #ececf3;
    background: transparent; padding: 16px 12px 0; height: auto; box-shadow: none; display: block; min-width: 0; max-width: none;
}
.ia .ako-ia .ia-step > .ia-submit > span {
    display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border-radius: var(--ia-radius);
    background: var(--ia-primary); color: #fff; font-size: 14px; font-weight: 700;
}
.ia .ako-ia .ia-step > .ia-submit:hover > span { background: var(--ia-primary-hover); }
.ia .ako-ia .ia-step > .ia-submit[disabled] > span { background: #e0e5ff; color: #fff; }
.ia .ako-ia .ia-step > .ia-submit.ia-busy::after { right: auto; left: 28px; top: 28px; }

/* پیوندهای تغییر روش (ورود با رمز / با کد): دکمه‌ی دورخط */
.ia .ako-ia .ia-links { display: flex; gap: 8px; justify-content: stretch; margin-top: 10px; }
.ia .ako-ia .ia-links .ia-use-password,
.ia .ako-ia .ia-links .ia-use-otp {
    flex: 1; height: 40px; border: 1px solid var(--ia-primary); border-radius: var(--ia-radius);
    color: var(--ia-primary); background: #fff; font-weight: 700; font-size: 14px; text-decoration: none;
}
.ia .ako-ia .ia-links .ia-use-password:hover,
.ia .ako-ia .ia-links .ia-use-otp:hover { background: var(--ia-soft); }
.ia .ako-ia .ia-links .ia-forgot { flex: 0 0 auto; color: var(--ia-muted); }
.ia .ako-ia .ia-link.ia-change { font-weight: 700; color: #000; }

/* خانه‌های کد */
.ia .ako-ia .ia-otp-box { border-color: var(--ia-border); border-radius: var(--ia-radius); background: #fff; }
.ia .ako-ia .ia-otp-box:focus { border-color: var(--ia-primary); box-shadow: 0 0 0 3px rgba(7, 7, 74, .1); }

@media (max-width: 575px) {
    .ia .ia-card.ako-ia { margin: 16px auto; }
    .ako-ia-top { text-align: center; padding: 16px; }
}

.ia .ako-ia .ia-captcha { margin-top: 12px; }
.ia .ako-ia .ia-captcha-row { margin-bottom: 8px; }
.ia .ako-ia .ia-captcha-img { border-radius: var(--ia-radius); border: 1px solid var(--ia-border); }

/* فیلد رمز: آیکون چشم روی متن نیفتد؛ راهنمای فارسی راست‌چین */
.ia .ako-ia .ia-field:has(.ia-eye) .ia-input { padding-left: 46px !important; }
.ia .ako-ia .ia-input.ia-ltr::placeholder { direction: rtl; text-align: right; }
.ia .ako-ia .ia-input.ia-ltr:placeholder-shown { direction: rtl; text-align: right; }
/* «ورود با رمز عبور» در مرحله‌ی اول: دکمه‌ی دورخط */
.ia .ako-ia .ia-links .ako-pw {
    flex: 1; height: 40px; border: 1px solid var(--ia-primary); border-radius: var(--ia-radius);
    color: var(--ia-primary); background: #fff; font-weight: 700; font-size: 14px; text-decoration: none;
}
.ia .ako-ia .ia-links .ako-pw:hover { background: var(--ia-soft); }