/* Login/registration only. The long-form marketing landing is deliberately unchanged. */
@media screen and (min-width:1000px) and (min-height:640px){
body.ops-auth-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.ops-auth-screen>.publicnav{flex-shrink:0;padding:12px clamp(24px,5vw,80px);min-height:68px;gap:20px;background:#ffffff8c;border-bottom:1px solid #dfe3e8}
body.ops-auth-screen>.publicnav .brand>img{width:40px;height:40px}
body.ops-auth-screen>main.public{width:100%;max-width:1160px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 28px 40px;min-height:0}
body.ops-auth-screen .auth-shell{width:100%;grid-template-columns:.75fr 1.25fr;min-height:0;margin:0 auto;border-radius:24px}
body.ops-auth-screen .auth-story{position:relative;inset:auto;width:auto;min-height:400px;align-self:stretch;padding:28px;gap:14px}
body.ops-auth-screen .auth-story-copy{padding:20px 0}
body.ops-auth-screen .auth-story-copy h2{font-size:36px;line-height:1.25}
body.ops-auth-screen .auth-shell>.auth{padding:22px 32px!important;width:100%;min-width:0}
body.ops-auth-screen .auth-shell .authbrand,body.ops-auth-screen .auth-shell .eyebrow{display:none}
body.ops-auth-screen .auth-shell h1{font-size:28px;line-height:1.25;margin:0 0 6px}
body.ops-auth-screen .auth-shell .auth>.muted{font-size:12px;line-height:1.5;margin:0 0 16px}
body.ops-auth-screen .auth-shell .auth form{gap:10px 16px}
body.ops-auth-screen .auth-shell .auth label{font-size:12px;line-height:1.5;gap:4px}
body.ops-auth-screen .auth-shell input:not([type=hidden]),body.ops-auth-screen .auth-shell select{height:44px;min-height:44px;padding:9px 12px;font-size:14px}
body.ops-auth-screen .auth-shell .auth-password-wrap input{padding-inline-end:60px}
body.ops-auth-screen .auth-shell .auth form>button{height:44px;min-height:44px;margin-top:2px}
body.ops-auth-screen .auth-shell .auth-links{padding-top:12px;margin-top:14px;gap:10px;font-size:12px}
body.ops-auth-screen .auth-login{max-width:800px}
body.ops-auth-screen .auth-login .auth-story{min-height:420px}
body.ops-auth-screen .auth-login .auth form{gap:16px}
body.ops-auth-screen .auth-login .auth>.muted{margin-bottom:24px}
body.ops-auth-screen main>.alert{width:100%;max-width:1020px;margin-bottom:12px;padding:10px 16px}
body.ops-auth-screen .ops-public-version{bottom:8px;padding:5px 10px}
html[dir=rtl] body.ops-auth-screen .auth-story-copy h2{letter-spacing:0}
}
/* Short windows, browser zoom, keyboards and mobile retain document scrolling; no fields are clipped. */

@media screen and (min-width:821px){body.ops-auth-screen .auth-login{max-width:800px}}
.auth-shell .auth-session-note{display:block;font-size:11px;line-height:1.6;color:#717b86}.auth-session-duration select{margin:0}.auth-login .auth-story{min-height:0}@media screen and (min-width:1000px) and (min-height:640px){body.ops-auth-screen .auth-login .auth form{gap:12px}.auth-shell .auth-session-note{font-size:10px;line-height:1.5}}
