/**
 * Login / Security shell (Bootstrap 3 + login-5). Small-viewport overrides only.
 */

@media (max-width: 480px) {
    body.login .user-login-5 {
        height: auto !important;
        min-height: 100vh;
        min-height: 100dvh;
        padding-left: max(0, env(safe-area-inset-left, 0px));
        padding-right: max(0, env(safe-area-inset-right, 0px));
        box-sizing: border-box;
    }

    body.login .user-login-5 .login-container {
        padding: 1.25rem 0.85rem 1.5rem !important;
        height: auto !important;
        min-height: 100vh;
        min-height: 100dvh;
        box-sizing: border-box;
    }

    body.login .login-content {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }

    body.login .login-content .form-control,
    body.login .login-content input[type="text"],
    body.login .login-content input[type="password"],
    body.login .login-content input[type="email"] {
        max-width: 100%;
        box-sizing: border-box;
    }
}