/* کانتینر اصلی اینپوت‌ها (مشابه بخش کپچا) */
.custom-input-group {
    display: flex;
    align-items: stretch;
    height: 48px;
    border: 1.5px solid #e1e6eb;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    /* افکت فوکوس هماهنگ */
    .custom-input-group:focus-within {
        border-color: #5867dd;
        box-shadow: 0 0 0 3px rgba(88, 103, 221, 0.15);
    }

/* آیکون ثابت سمت راست */
.input-icon-holder {
    background: #f8f9fa;
    border-left: 1px solid #edf0f3;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5867dd;
    flex-shrink: 0;
}

/* فیلد ورودی */
.custom-input {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
    font-size: 0.95rem;
    color: #2c323f;
    padding: 0 14px !important;
    flex: 1;
}

    .custom-input::placeholder {
        color: #aab2bd;
        font-size: 0.9rem;
    }

/* دکمه چشم برای نمایش گذرواژه در سمت چپ */
.toggle-password-btn {
    border: none !important;
    border-right: 1px solid #edf0f3;
    background: #f8f9fa;
    color: #8c93a0;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    flex-shrink: 0;
}

    .toggle-password-btn:hover {
        background: #eef0ff;
        color: #5867dd;
    }


/* کانتینر اصلی یکپارچه */
.captcha-input-group {
    display: flex;
    align-items: stretch;
    height: 48px;
    border: 1.5px solid #e1e6eb;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    /* افکت فوکوس روی کل مجموعه وقتی کاربر در حال تایپ است */
    .captcha-input-group:focus-within {
        border-color: #5867dd;
        box-shadow: 0 0 0 3px rgba(88, 103, 221, 0.15);
    }

/* بخش عکس کپچا (راست) */
.captcha-img-holder {
    background: #f8f9fa;
    border-left: 1px solid #edf0f3;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

    .captcha-img-holder img {
        height: 38px;
        display: block;
    }

/* اینپوت مرکزی */
.captcha-input {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
    text-align: center;
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: 600;
    color: #2c323f;
    flex: 1;
}

    .captcha-input::placeholder {
        letter-spacing: normal;
        font-size: 0.9rem;
        font-weight: normal;
        color: #aab2bd;
    }

/* دکمه رفرش (چپ) */
.captcha-refresh-btn {
    border: none !important;
    border-right: 1px solid #edf0f3;
    background: #f8f9fa;
    color: #5867dd;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    flex-shrink: 0;
}

    .captcha-refresh-btn:hover {
        background: #5867dd;
        color: #ffffff;
    }

    /* حذف کادر و خط مشکی در حالت کلیک و فوکوس */
    .toggle-password-btn:focus,
    .toggle-password-btn:active,
    .toggle-password-btn:focus-visible,
    .captcha-refresh-btn:focus,
    .captcha-refresh-btn:active,
    .captcha-refresh-btn:focus-visible {
        outline: none !important;
        box-shadow: none !important;
        border-color: #edf0f3 !important;
    }
/* دکمه اختصاصی ورود به سیستم */
.btn-modern-submit {
    height: 44px;
    background: linear-gradient(135deg, #5867dd 0%, #4354c7 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(88, 103, 221, 0.35);
    transition: all 0.25s ease-in-out !important;
    outline: none !important;
}

    /* افکت هاور (رفتن ماوس روی دکمه) */
    .btn-modern-submit:hover {
        background: linear-gradient(135deg, #4856c9 0%, #3544b3 100%) !important;
        box-shadow: 0 6px 20px rgba(88, 103, 221, 0.45);
        transform: translateY(-1px);
    }

    /* افکت هنگام کلیک کردن (Active) */
    .btn-modern-submit:active {
        transform: translateY(1px);
        box-shadow: 0 2px 8px rgba(88, 103, 221, 0.3);
    }

    /* حذف هرگونه خط/کادر مشکی دور دکمه */
    .btn-modern-submit:focus,
    .btn-modern-submit:focus-visible {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(88, 103, 221, 0.25) !important;
    }
/* اندازه فونت عنوان */
.swal2-popup .my-swal-title {
    font-size: 1.1rem !important; /* اندازه پیش‌فرض معمولاً ۱.۸75rem است */
}

/* اندازه فونت متن توضیحات */
.swal2-popup .my-swal-text {
    font-size: 0.9rem !important; /* اندازه پیش‌فرض معمولاً ۱.۱۲۵rem است */
}

/* اندازه فونت دکمه */
.swal2-popup .my-swal-btn {
    font-size: 0.85rem !important;
    padding: 8px 16px !important; /* در صورت تمایل برای پدینگ دکمه */
}
/* کوچک کردن اندازه دایره آیکون */
.swal2-popup .swal2-icon {
    width: 3.5em !important;
    height: 3.5em !important;
    margin: 1em auto 0.5em !important;
}

    /* ظریف‌تر و کوچکتر کردن خط‌های ضربدر پیش‌فرض */
    .swal2-popup .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
        top: 1.6em !important;
        height: 3px !important; /* ضخامت خط */
        width: 28px !important; /* طول خط */
    }

    .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left {
        left: 0.85em !important;
    }

    .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right {
        right: 0.85em !important;
    }