/* Keep sign-in controls near the top on phones and short landscape screens. */
.login-mobile-brand{display:none}
@media(max-width:800px),(max-height:550px){
 .login-body{display:block;min-height:100vh;min-height:100dvh;padding:16px;overflow:auto}
 .login-mobile-brand{position:relative;z-index:1;display:block;width:max-content;margin:0 auto 14px}
 .login-mobile-brand img{display:block;width:80px;height:80px;object-fit:contain}
 .login-page{display:block;width:min(460px,100%);min-height:0;margin:0 auto;border-radius:14px}
 .login-brand-card{display:none}
 .login-form-card{display:block;padding:22px}
 .form-inner{width:100%;max-width:none}
 .mobile-logo{display:none}
 .form-eyebrow{font-size:10px}
 .form-inner h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:8px 0}
 .form-intro{font-size:12px;line-height:1.5}
 .login-form{margin-top:18px;padding:0;gap:14px}
 .login-form input:not([type=checkbox]){font-size:16px;min-height:44px}
 .account-note{margin-top:18px}
 .login-error{margin-top:12px}
 .login-body .pwa-install-floating{position:static;display:block;margin:12px auto 0}
}
@media(max-width:380px){.login-body{padding:10px}.login-form-card{padding:18px}.form-inner h2{font-size:22px}}