/* مربوط به: partials/modals/login.php */
/* نکته: قالب کلی مودال (.modal, .modal-content, .modal-title, ...) توی css/base.css هست */

.code-inputs {
    display: flex;
    direction: ltr;
    gap: 10px;
    justify-content: center;
    margin: 25px 0;
}

.code-input {
    width: 48px;
    height: 58px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    border: 2px solid #e5f3f6;
    border-radius: var(--radius);
    font-family: inherit;
    color: var(--teal);
    transition: .2s;
}

.code-input:focus {
    outline: none;
    border-color: var(--teal);
    transform: scale(1.05);
    box-shadow: 0 0 0 4px rgba(16,166,181,.15);
}

.resend{text-align:center;margin-top:20px;color:var(--muted);font-size:14px}
.resend a{color:var(--teal);text-decoration:none;font-weight:600}
.resend a.disabled{opacity:.5;pointer-events:none}

.step{display:none}
.step.active{display:block}

@media(max-width:380px){
    .code-input{width:42px;height:50px;font-size:18px}
}