/* public/assets/css/recovery-center/patient-login.css */

.patient-login-page {
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;

    background-image:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.97) 0%,
            rgba(255, 255, 255, 0.92) 42%,
            rgba(255, 255, 255, 0.50) 68%,
            rgba(255, 255, 255, 0.18) 100%
        ),
        var(--rc-auth-background-image, var(--rc-auth-background-image-fallback, url('/assets/recovery-center/login-bg.png')));

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

/* Password eye icon fix */
.patient-login-page .password-eye-btn {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    border-radius: 6px;
    transition: color 0.2s ease;
}

.patient-login-page .password-eye-btn:hover {
    color: #071d3a;
}

.patient-login-page .password-eye-btn i {
    font-size: 13px;
    line-height: 1;
}

/* Large desktop */
@media (min-width: 1440px) {
    .patient-login-page {
        background-size: cover;
        background-position: center right;
    }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1439px) {
    .patient-login-page {
        background-size: cover;
        background-position: 68% center;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .patient-login-page {
        background-image:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.97) 0%,
                rgba(255, 255, 255, 0.90) 48%,
                rgba(255, 255, 255, 0.55) 78%,
                rgba(255, 255, 255, 0.20) 100%
            ),
            var(--rc-auth-background-image, var(--rc-auth-background-image-fallback, url('/assets/recovery-center/login-bg.png')));

        background-size: cover;
        background-position: 72% center;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .patient-login-page {
        background-image:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.96) 0%,
                rgba(255, 255, 255, 0.88) 55%,
                rgba(255, 255, 255, 0.62) 100%
            ),
            var(--rc-auth-background-image, var(--rc-auth-background-image-fallback, url('/assets/recovery-center/login-bg.png')));

        background-size: cover;
        background-position: 76% center;
    }
}

/* Small mobile */
@media (max-width: 420px) {
    .patient-login-page {
        background-position: 78% center;
    }
}

.patient-login-page .rc-input-error {
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.12);
}

.patient-login-page .rc-input-error:focus {
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.18);
}

.patient-login-page .rc-field-error {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #e11d48;
}