/* Shared login screens retain the same geometry in both system themes. */
.page-login {
    --login-page: #f3f8fd;
    --login-surface: #fff;
    --login-text: #193454;
    --login-muted: #526780;
    --login-line: #c8d9e9;
    --login-accent: #176eb5;
    --login-on-accent: #fff;
    --login-soft: #e6f3ff;
    background: var(--login-page);
    color: var(--login-text);
    color-scheme: light;
}
@media (prefers-color-scheme: dark) {
    .page-login {
        --login-page: #101d2b;
        --login-surface: #192b40;
        --login-text: #e7f2ff;
        --login-muted: #afc1d5;
        --login-line: #405873;
        --login-accent: #91cfff;
        --login-on-accent: #10273e;
        --login-soft: #223e59;
        color-scheme: dark;
    }
}
.page-login .login-card, .page-login .navbar { background: var(--login-surface) !important; color: var(--login-text); border-color: var(--login-line) !important; }
.page-login .login-brand { background: var(--login-soft); color: var(--login-accent); }
.page-login .login-note, .page-login .text-muted { color: var(--login-muted) !important; }
.page-login .navbar-brand, .page-login .nav-link, .page-login .link-secondary { color: var(--login-text); }
.page-login .dropdown-menu { background: var(--login-surface); border-color: var(--login-line); }
.page-login .dropdown-item { color: var(--login-text); }
.page-login .dropdown-item:hover, .page-login .dropdown-item:focus { background: var(--login-soft); }
.page-login .login-link { color: var(--login-accent); }
.page-login .form-control, .page-login .form-check-input, .page-login .input-group .btn { background: var(--login-surface); color: var(--login-text); border-color: var(--login-line); }
.page-login .form-control:focus { border-color: var(--login-accent); box-shadow: 0 0 0 .15rem var(--login-soft); }
.page-login .btn-primary, .page-login .btn-primary:hover, .page-login .form-check-input:checked { background: var(--login-accent); border-color: var(--login-accent); color: var(--login-on-accent); }
.page-login .btn-outline-primary { color: var(--login-accent); border-color: var(--login-accent); }
.page-login .btn-outline-primary:hover { color: var(--login-on-accent); background: var(--login-accent); }
.page-login .text-danger { color: #b32635 !important; }
@media (prefers-color-scheme: dark) { .page-login .text-danger { color: #ffadb5 !important; } }
.page-login .login-card { overflow-wrap: anywhere; }