/* Page: Login Mobile (#page-login) */

@media (max-width: 768px) {
    #page-login .login-container {
        margin: 2rem auto;
        padding: 0 10px;
        /* Minimize padding */
        width: 100%;
        max-width: 100%;
    }

    #page-login .card {
        border-radius: var(--border-radius-md);
        box-shadow: var(--shadow-md);
        /* Lighter shadow on mobile */
    }

    #page-login .card-body {
        padding: 1.5rem 1rem !important;
    }
}