/* The login card stays a readable light surface in every workspace theme. */
#auth .auth-card { background: #f8fbfc !important; color: #103747 !important; }
#auth .auth-card h1, #auth .login-option, #auth .login-option span { color: #103747 !important; }
#auth .auth-card p { color: #52656d !important; }
#auth #authMessage { color: #a5241f !important; opacity: 1 !important; overflow-wrap: anywhere; }
#auth #loginForm input:not([type="checkbox"]) { background: #fff !important; color: #103747 !important; border-color: #7999a8 !important; }
#auth #loginForm input::placeholder { color: #52656d !important; opacity: 1 !important; }
#auth #loginForm button[type="submit"] { background: #075570 !important; color: #fff !important; opacity: 1 !important; text-shadow: none !important; filter: none !important; }
#auth #loginForm button[type="submit"]:hover:not(:disabled) { background: #06445a !important; }
#auth #loginForm button[type="submit"]:disabled { background: #dce7ec !important; color: #395460 !important; cursor: wait; }
#auth #toggleLoginPassword, #auth #closeAuth, #auth .auth-tabs button { background: #edf5f8 !important; color: #103747 !important; opacity: 1 !important; }
#auth .auth-tabs button.active { background: #fff !important; color: #103747 !important; }
#auth :is(button,input):focus-visible { outline: 2px solid #075570 !important; outline-offset: 2px; }