/* Let short screens and on-screen keyboards scroll the entire login form. */
body.ats-login .auth-gate{overflow-y:auto!important}
body.ats-login .auth-card,body.ats-login .ats-public-header{flex-shrink:0!important}
@media(max-width:820px),(max-height:560px){
 html:has(body.ats-login){height:auto;min-height:100%;overflow-y:auto}
 body.ats-login{height:auto!important;min-height:100vh;min-height:100svh;overflow-y:auto!important}
 body.ats-login .auth-gate{position:relative!important;inset:auto!important;height:auto!important;min-height:100vh;min-height:100svh;overflow:visible!important;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;gap:12px!important}
 body.ats-login .ats-public-header,body.ats-login .auth-visual{display:none!important}
 body.ats-login .auth-card{display:block!important;width:min(460px,100%)!important;min-height:0!important;height:auto!important;overflow:visible!important;border-radius:18px!important;margin:auto!important}
 body.ats-login .auth-content{padding:24px 20px!important}
 body.ats-login .auth-logo{width:200px!important;max-width:100%!important;margin:0 auto 16px!important}
 body.ats-login .auth-content h1{font-size:26px!important;line-height:1.15!important;white-space:normal!important;margin:8px 0!important}
 body.ats-login .auth-content>p:not(.login-kicker){font-size:14px!important;margin:0 0 12px!important;line-height:1.45!important}
 body.ats-login .login-kicker{font-size:9px!important;letter-spacing:.1em!important}
 body.ats-login #loginForm{margin:8px 0 0!important;width:100%!important}
 body.ats-login .login-form label{display:block!important;text-align:left;font-size:14px!important;margin:12px 0!important}
 body.ats-login .login-form input{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:48px!important;font-size:16px!important;padding:12px!important}
 body.ats-login .password-field{display:block!important;position:relative!important}
 body.ats-login #loginPassword{padding-right:70px!important}
 body.ats-login #togglePassword{min-width:60px;min-height:44px;font-size:14px!important}
 body.ats-login #signInButton{min-height:48px!important;width:100%!important;font-size:16px!important;margin-top:8px!important}
 body.ats-login .auth-card small{font-size:11px!important;line-height:1.45!important;margin-top:12px!important}
}

body.ats-login:has(#authGate:not(.hidden)) .shell{display:none!important}
body.ats-login #authGate.hidden{display:none!important}