/* Essential access: guest-only geometry; authenticated workspace keeps its own shell. */
.access-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.login-page:not(.in-workspace){background:color-mix(in srgb,var(--surface-field) 65%,var(--surface-public-input))}
body.login-page:not(.in-workspace) main.access-main{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);margin:0 auto;padding:32px 0;gap:0;flex:1 0 auto}
body.login-page:not(.in-workspace) #login-panel.access-essential{width:424px;max-width:100%;padding:28px 32px;border:1px solid var(--access-line);border-radius:18px;background:var(--surface-field);box-shadow:0 10px 36px color-mix(in srgb,var(--text-primary) 4%,transparent)}
body.login-page:not(.in-workspace) .topbar{border-bottom:0;min-height:80px}
body.login-page:not(.in-workspace)>footer{border:0;justify-content:space-between;padding-block:16px}
body.login-page:not(.in-workspace)>footer .footer-divider{display:none}
body.login-page:not(.in-workspace) .access-essential .intro{margin-bottom:24px}
body.login-page:not(.in-workspace) .access-essential .intro>.eyebrow{margin-bottom:8px}
body.login-page:not(.in-workspace) .access-essential .intro h1{margin-bottom:6px}
body.login-page:not(.in-workspace) .access-essential .field-group{margin-top:var(--space-fields)}
body.login-page:not(.in-workspace) .access-essential .input-wrap{min-height:var(--control-target);border-radius:var(--action-radius);background:var(--surface-public-input)}
body.login-page:not(.in-workspace) .access-essential .login-remember-company{margin:0;padding:0;min-height:var(--control-target);font-size:var(--type-label);color:var(--text-secondary)}
body.login-page:not(.in-workspace) .access-essential #login-form>.field-group:nth-child(2){margin-top:0}
body.login-page:not(.in-workspace) .access-essential .submit-button{margin-top:0}
body.login-page:not(.in-workspace) .access-essential .security-note{margin-top:var(--space-section)}
body.login-page:not(.in-workspace) .access-essential .password-help{gap:var(--space-inline);flex-wrap:wrap;justify-content:flex-end}
body.login-page:not(.in-workspace) .access-essential #caps-lock{margin-right:auto}
body.login-page:not(.in-workspace) dialog.account-recovery-dialog{width:424px;background:var(--surface-field)}
body.login-page .account-recovery-dialog .customer-dialog-header{border:0;padding-bottom:0;align-items:center}
body.login-page .account-recovery-dialog .eyebrow{font-size:var(--type-eyebrow);letter-spacing:1.2px;margin:0 0 6px;color:var(--text-secondary)}
body.login-page .account-recovery-dialog .recovery-description{margin:var(--space-fields) 0 var(--space-section)}
body.login-page .account-recovery-dialog .recovery-passwords{grid-template-columns:1fr;gap:var(--space-fields)}
body.login-page .account-recovery-dialog .access-input{display:flex;position:relative;align-items:center;min-width:0}
body.login-page .account-recovery-dialog .access-input>.icon{position:absolute;left:12px;width:18px;height:18px;color:var(--text-secondary);pointer-events:none}
:root body:is(.login-page,.master-access) dialog.account-recovery-dialog.mobile-scroll-shell .access-input>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]){padding-left:40px;padding-right:12px;font-size:var(--type-control)}
body.login-page .account-recovery-dialog .recovery-status{font-size:var(--type-meta);padding:var(--space-fields);line-height:1.5}
body.login-page .account-recovery-dialog .recovery-channel-grid>label{border-color:var(--access-line)}
body.login-page .account-recovery-dialog .customer-dialog-actions{border-color:var(--access-line)}
@media(max-width:700px){
 body.login-page:not(.in-workspace) main.access-main{padding:var(--space-section) 0 24px}
 body.login-page:not(.in-workspace) #login-panel.access-essential{padding:24px 20px}
 body.login-page:not(.in-workspace) .topbar{min-height:72px}
}
@media(max-height:600px){body.login-page:not(.in-workspace) main.access-main{padding-block:var(--space-fields)}}
@supports(-webkit-touch-callout:none){@media(max-width:700px){:root body.login-page :is(#login-panel.access-essential .input-wrap>input,dialog.account-recovery-dialog.mobile-scroll-shell .access-input>input){font-size:16px}}}