/* Login only: allow the document to scroll when Safari chrome or keyboard reduces space. */
@media(max-width:950px){
 body.login-page.login-active{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}
 .login-page.login-active .login-panel{height:auto;min-height:100svh;overflow:visible}
 .login-page.login-active .login-card{box-sizing:border-box;height:auto;min-height:100svh;overflow:visible;justify-content:flex-start;padding:24px 24px calc(32px + env(safe-area-inset-bottom,0px));scroll-margin-bottom:32px}
 .login-page .login-mobile-logo{width:min(240px,100%);margin:0 auto 22px;flex-shrink:0}
 .login-page .login-mobile-logo img{height:92px}
 .login-page .login-mobile-logo span{font-size:10px;line-height:1.5;margin-top:2px}
 .login-page .login-card h2{font-size:clamp(25px,7vw,30px);line-height:1.2;margin:8px 0 10px}
 .login-page .login-card>.eyebrow{margin:0;font-size:12px}
 .login-page .login-card>.muted{font-size:14px;line-height:1.5;margin:0 0 4px}
 .login-page .login-card>label{font-size:14px;margin:17px 0 0}
 .login-page .login-card input[type=email],.login-page .login-card input[type=password]{font-size:16px;min-height:48px;padding:12px;margin-top:6px}
 .login-page .login-card .form-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin:18px 0}
 .login-page .login-card .form-row a,.login-page .login-card .check{font-size:13px}
 .login-page .login-card .btn{min-height:48px;flex-shrink:0;scroll-margin-block:24px 100px}
 .login-page .login-card .support{font-size:12px;line-height:1.5;margin:18px 0 0;padding-bottom:12px}
}
@media(max-width:950px) and (max-height:650px){
 .login-page.login-active .login-card{padding-top:16px}
 .login-page .login-mobile-logo{width:190px;margin-bottom:16px}
 .login-page .login-mobile-logo img{height:70px}
}
