/* Faraz SMS OTP — works with any WHMCS theme, tuned for "vira" */
.fotp-card {
    --fotp-brand: var(--vh-brand, #3aadab);
    max-width: 420px;
    margin: 1.5rem auto 2rem;
    padding: 2.25rem 2rem 1.5rem;
    background: #fff;
    border: 1px solid #e7ecef;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(15, 29, 38, .08);
    text-align: center;
    direction: rtl;
}
.fotp-icon {
    width: 56px; height: 56px;
    margin: 0 auto 1rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 16px;
    background: #ecf8f8;
    color: var(--fotp-brand);
    font-size: 1.5rem;
}
.fotp-title { font-size: 1.35rem; font-weight: 800; margin: 0 0 .35rem; }
.fotp-sub { color: #7a8893; font-size: .9rem; margin: 0 0 1.5rem; }
.fotp-input { height: 52px; font-size: 1.15rem; text-align: center; letter-spacing: .08em; border-radius: 12px; margin-bottom: .85rem; }
.fotp-code { font-size: 1.6rem; letter-spacing: .6em; font-weight: 700; padding-left: .6em; }
.fotp-btn { height: 48px; border-radius: 12px; font-weight: 700; }
.fotp-btn[disabled] { opacity: .7; }
.fotp-row { display: flex; justify-content: space-between; margin-top: .85rem; }
.fotp-link { background: none; border: 0; padding: 0; color: var(--fotp-brand); font-weight: 600; font-size: .85rem; cursor: pointer; }
.fotp-link[disabled] { color: #a9b4bb; cursor: default; }
.fotp-alert { border-radius: 10px; padding: .6rem .9rem; font-size: .86rem; margin-bottom: 1rem; text-align: right; background: #fdecec; color: #b42318; }
.fotp-alert.is-ok { background: #e5f6ee; color: #1b7f53; }
.fotp-foot { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #e7ecef; font-size: .85rem; color: #a9b4bb; }
.fotp-foot a { font-weight: 600; margin: 0 .25rem; }

/* login page shortcut */
.fotp-login-cta {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    width: 100%; margin-top: 1rem; height: 46px;
    border: 1px dashed #cfd8dd; border-radius: 12px;
    color: #0f1d26 !important; font-weight: 700; background: #fff;
}
.fotp-login-cta:hover { border-color: var(--vh-brand, #3aadab); color: var(--vh-brand, #3aadab) !important; text-decoration: none; }

/* register page widget */
.fotp-reg { margin-top: .5rem; }
.fotp-reg-row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.fotp-reg-row .form-control { max-width: 160px; text-align: center; letter-spacing: .3em; direction: ltr; }
.fotp-reg-msg { font-size: .82rem; margin-top: .35rem; }
.fotp-reg-msg.is-error { color: #b42318; }
.fotp-reg-msg.is-ok { color: #1b7f53; }
.fotp-badge { display: inline-flex; align-items: center; gap: .35rem; color: #1b7f53; font-weight: 700; font-size: .85rem; }