/* Keep the existing login components and their accessible focus states. */
.login-container { border-radius: var(--border-radius-lg) !important; }
.login-header .logo-img { max-height:64px; max-width:180px; }
.login-body input[type='checkbox'] { accent-color: var(--primary); }
.btn-login { background: var(--primary) !important; }
.btn-login:hover { background: var(--primary-dark) !important; }
.forgot-password .text-link { color: var(--primary) !important; }
@media (max-width:480px) {
    .login-container { max-width:100%; }
    .login-header, .login-body { padding:var(--spacing-xl) var(--spacing-lg); }
}