/* Scoped employer sign-in styling; no changes to authentication or other forms. */
.sync-body .employer-login-section{padding-block:clamp(24px,4vw,52px);}
.sync-body .employer-login-shell{width:calc(100% - 32px);max-width:560px;margin:0 auto;min-width:0;}
.sync-body .employer-login-card{border-radius:20px;border:1px solid #cedbe5;box-shadow:0 14px 36px rgba(12,40,64,.10);overflow:visible;}
.sync-body .employer-login-card>.employer-login-header{padding:clamp(24px,4vw,36px);border-radius:20px 20px 0 0;background:#f2f7fb;border-bottom:1px solid #dce6ed;text-align:center;}
.employer-login-header .sync-kicker{margin:0 0 12px;line-height:1.5;}
.sync-body .employer-login-header h1{font-size:clamp(1.65rem,1.3rem + 1.4vw,2.25rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 16px;overflow-wrap:anywhere;text-wrap:balance;}
.employer-login-header>p:last-child{margin:0;line-height:1.65;color:#425769;}
.employer-login-body{padding:clamp(22px,4vw,36px);min-width:0;}
.employer-login-form{display:grid;gap:22px;}
.employer-login-form .form-group{margin:0;min-width:0;}
.employer-login-form label{display:block;margin:0 0 8px;font-weight:700;}
.employer-login-form input{width:100%;min-width:0;min-height:50px;font-size:16px;padding:12px 14px;box-sizing:border-box;border-radius:10px;}
.employer-login-form .button{width:100%;min-height:50px;justify-content:center;margin:2px 0 0;}
.employer-login-form input:focus-visible,.employer-login-card a:focus-visible,.employer-login-card button:focus-visible{outline:3px solid #bd761b;outline-offset:3px;}
.employer-login-recovery{text-align:center;margin:22px 0;line-height:1.5;}
.employer-login-recovery a{display:inline-block;padding:6px 2px;font-weight:600;}
.employer-login-help{margin:0;border-top:1px solid #dce6ed;padding-top:22px;text-align:center;font-size:.93rem;color:#526576;line-height:1.65;overflow-wrap:anywhere;}
@media(max-width:360px){.sync-body .employer-login-shell{width:calc(100% - 24px);}.employer-login-body{padding:22px 18px;}}

/* Avoid inherited mobile styles showing both the long and short security labels. */
.sync-body.employer-login-page .sync-secure-label::after{content:none;}
@media(max-width:520px){.sync-body.employer-login-page .sync-secure-label{font-size:0;gap:6px;}.sync-body.employer-login-page .sync-secure-label::after{content:'Secure Access';font-size:.64rem;}.sync-body.employer-login-page .sync-secure-label>span{font-size:.7rem;}}