/* A quiet, consistent surface for login and authenticator screens. */
html:has(body.auth-page){background:#f2f5f9!important;width:100%;min-height:100%}
body.auth-page.pixon-auth{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.pixon-auth :is(.auth-shell,.auth-single-shell,.security-setup-shell){width:100%!important;max-width:none!important;margin:0!important}
.pixon-auth .auth-single-shell.wide .premium-auth-card{width:min(100%,760px)!important}
body.auth-page.pixon-auth{background:#f2f5f9!important;color:#17243b!important;--px-bg:#f2f5f9;--px-panel:#fff;--px-panel-2:#f8fafc;--px-text:#17243b;--px-muted:#64748b;--px-border:#dfe5ee;--pixon-indigo:#5845d6}
.auth-page.pixon-auth::before,.auth-page.pixon-auth::after{display:none!important}
.pixon-auth .auth-shell{background:#f2f5f9;min-height:100dvh}
.pixon-auth .auth-brand{background:linear-gradient(145deg,#172445,#293462);color:white}
.pixon-auth .auth-brand h1{color:white}
.pixon-auth .auth-panel{background:#f2f5f9;padding:clamp(20px,4vw,64px)}
.pixon-auth .auth-card.premium-auth-card{box-sizing:border-box;border:1px solid #e0e6ef!important;box-shadow:0 16px 50px #1525410c!important;border-radius:24px!important;padding:32px!important}
.pixon-auth .auth-card-head h2{font-size:29px}.pixon-auth .auth-card-head p{font-size:14px;line-height:1.5}
.pixon-auth .auth-card.premium-auth-card label{font-size:13px!important}
.pixon-auth .auth-card input{border-radius:11px!important;font-size:15px!important}
.pixon-auth .btn.primary{background:#5845d6!important;border:0!important;color:#fff!important;box-shadow:0 5px 14px #5845d624!important;border-radius:11px!important;min-height:48px!important;font-size:14px!important}
.login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 6px;font-size:12px}
.pixon-auth .auth-card .remember-option{display:flex!important;align-items:center;gap:8px;font-weight:500!important;font-size:12px!important;cursor:pointer;margin:0}
.pixon-auth .auth-card.premium-auth-card .remember-option input{appearance:auto!important;width:16px!important;height:16px!important;min-height:16px!important;flex:none;margin:0;accent-color:#5845d6}
.login-options a{color:#5845d6;font-weight:600;text-decoration:none}.login-options a:hover{text-decoration:underline}
.pixon-auth .auth-single-shell,.pixon-auth .security-setup-shell{box-sizing:border-box;width:100%;max-width:none;min-height:100dvh;padding:40px 20px;background:#f2f5f9!important;margin:0;display:grid;place-items:center}
.pixon-auth .security-verify-card{width:min(100%,480px)!important}
.pixon-auth .security-verify-card h1{font-size:28px;line-height:1.2;color:#17243b}
.pixon-auth .security-verify-card>.muted{font-size:14px;line-height:1.65;color:#64748b;margin-bottom:24px}
.pixon-auth .security-verify-card .eyebrow{display:block;color:#5845d6;font-size:11px;letter-spacing:.12em;margin:4px 0 12px}
.pixon-auth .security-verify-card input[name="code"]{text-align:center;letter-spacing:.12em;min-height:54px!important}
.pixon-auth .premium-security-card{box-sizing:border-box;width:min(100%,880px);background:#fff;border:1px solid #dfe5ee;border-radius:24px;padding:32px;box-shadow:0 16px 50px #1525410c}
.pixon-auth .mfa-setup-grid{background:#f8fafc;grid-template-columns:minmax(0,260px) minmax(0,1fr);padding:24px;gap:24px}
.pixon-auth .mfa-qr-card{min-width:0;padding:12px}.pixon-auth .mfa-qr-card #mfaQr{min-width:0;min-height:0;max-width:100%;aspect-ratio:1;height:auto}.pixon-auth .mfa-qr-card #mfaQr :is(canvas,img){max-width:100%;height:auto!important}
.pixon-auth .mfa-setup-copy{min-width:0}.pixon-auth .copy-secret{min-width:0;flex-wrap:wrap}.pixon-auth .copy-secret code{min-width:0;overflow-wrap:anywhere}.pixon-auth .security-brand h1{font-size:26px}.pixon-auth .auth-secondary-row{color:#64748b;flex-wrap:wrap}
@media(max-width:720px){.pixon-auth .auth-shell{display:block}.pixon-auth .auth-brand{display:none}.pixon-auth .auth-panel{min-height:100dvh;box-sizing:border-box;padding:20px 16px}.pixon-auth .auth-card.premium-auth-card{padding:24px!important}.pixon-auth .auth-single-shell,.pixon-auth .security-setup-shell{padding:20px 16px}.pixon-auth .premium-security-card{padding:22px 16px}.pixon-auth .mfa-setup-grid{grid-template-columns:minmax(0,1fr);padding:14px}.pixon-auth .security-verify-card h1{font-size:25px}.pixon-auth .security-brand{gap:12px}.pixon-auth .security-steps{grid-template-columns:1fr}.pixon-auth .security-brand h1{font-size:23px}}