/* Keep the login screen independent of workspace theme overrides. */
html body.auth-gated { background:#e9ecef !important; }
#auth-screen-overlay {
    position:fixed; inset:0; z-index:999999; display:flex;
    min-height:100dvh; overflow-y:auto; background:#e9ecef;
    padding:3rem 1rem; box-sizing:border-box;
}
#auth-screen-overlay .login-card {
    width:100%; max-width:28rem; flex-shrink:0; padding:2rem;
    background:#fff; border:1px solid rgb(203 213 225 / .8); border-radius:.75rem;
    box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
}
#auth-screen-overlay .login-logos { justify-content:center; }
#auth-screen-overlay .login-logos img { width:auto; max-width:100%; height:auto; max-height:6rem; object-fit:contain; margin:0 auto 1.5rem; }
@media (min-width:640px) { #auth-screen-overlay .login-logos img { max-height:7rem; } }
html body #auth-screen-overlay input {
    border:1px solid #cbd5e1 !important; border-radius:.5rem;
    color:#1e293b !important; -webkit-text-fill-color:#1e293b;
    padding:.625rem .875rem; font-size:.875rem;
}
html body #auth-screen-overlay input:focus {
    outline:none; border-color:#3b82f6 !important; box-shadow:0 0 0 2px #3b82f6;
}
html body #auth-screen-overlay .login-help { color:#2563eb !important; }
html body #auth-screen-overlay .login-submit {
    background:#2563eb !important; border:1px solid #2563eb !important; color:#fff !important;
    box-shadow:0 1px 2px rgb(0 0 0 / .05);
}
html body #auth-screen-overlay .login-submit:hover { background:#1d4ed8 !important; border-color:#1d4ed8 !important; }
html body #auth-screen-overlay .login-cancel {
    background:#fff !important; border:1px solid #cbd5e1 !important; color:#334155 !important;
    box-shadow:0 1px 2px rgb(0 0 0 / .05);
}
html body #auth-screen-overlay .login-cancel:hover { background:#f8fafc !important; }
html body #auth-screen-overlay .login-version { color:#64748b !important; flex-shrink:0; }
@media (max-height:540px) { #auth-screen-overlay { justify-content:flex-start; } }
@media (max-width:360px) { #auth-screen-overlay .login-card { padding:1.5rem; } }