/* Login-only compact layout; preserve access to controls on small/zoomed screens. */
body.login-page{box-sizing:border-box;padding:16px;min-height:100dvh;height:100dvh;overflow:auto;align-items:center}.login-frame{box-sizing:border-box;width:min(1100px,100%);height:min(610px,calc(100dvh - 32px));min-height:0}.login-main{padding:20px 42px;min-width:0;min-height:0;overflow-y:auto}.login-card{max-width:420px;width:100%;margin:auto}.login-card h2{margin:10px 0 4px;font-size:27px;line-height:1.2}.login-card>p{margin:0 0 12px;line-height:1.5}.login-card .field{margin:9px 0}.login-card .field label{margin-bottom:4px}.login-card .field input{height:38px;min-height:38px;padding-top:7px;padding-bottom:7px}.login-card .login-submit{height:36px;min-height:36px;margin-top:8px;padding:7px 14px}.login-card .login-separator{margin:16px 0 8px;height:5px}.login-card .login-preview-note{margin:6px 0;font-size:10px;line-height:1.4}.login-card .biometric-help-link{padding:3px 0;line-height:1.4}.login-card #biometricStatus{margin:5px 0;font-size:11px;line-height:1.4}.login-card #biometricStatus:empty{display:none}.login-card .login-support{margin-top:9px}.login-managed-by{margin-top:7px}.login-password-control{position:relative}.login-card .login-password-control input{width:100%;padding-right:44px}.login-password-control button{position:absolute;right:3px;top:3px;width:34px;height:32px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#71668e;cursor:pointer;padding:6px}.login-password-control button:hover{color:var(--indigo);background:#f1eef9}.login-password-control button:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}.login-password-control .app-icon{display:block;width:20px;height:20px}.login-password-control [hidden]{display:none!important}.login-preview{margin-top:10px;font-size:11px}.login-preview summary{cursor:pointer;color:var(--indigo);text-align:center}.login-preview[open]{padding-top:4px}.login-story{padding:28px 32px;gap:18px}.login-story-copy h1{font-size:clamp(26px,3vw,37px)}
@media(max-height:600px) and (min-width:761px){body.login-page{padding:10px}.login-frame{height:calc(100dvh - 20px)}.login-main{padding:12px 36px}.login-card h2{font-size:24px;margin-top:5px}.login-card>p{margin-bottom:6px}.login-card .field{margin:6px 0}.login-card .field input{height:34px;min-height:34px}.login-password-control button{height:28px}.login-card .login-submit{height:34px;min-height:34px;margin-top:5px}.login-story{padding:22px 28px}.login-story-copy h1{font-size:29px}.login-story-copy p{font-size:12px}.login-card .login-separator{margin-top:12px}}
@media(max-width:760px){body.login-page{height:auto;min-height:100dvh;padding:12px}.login-frame{height:auto;grid-template-columns:1fr;min-height:0}.login-story{min-height:0;padding:14px 20px;gap:0}.login-story-copy,.login-story-footer{display:none}.login-story-brand .app-wordmark{font-size:22px;padding:6px 12px}.login-main{padding:18px 22px;overflow:visible}.login-card h2{font-size:25px}.login-card .field input{font-size:16px}}