/* Auth-only styles are served from a unique URL to bypass stale shared-CSS caches. */
body.auth-page .auth-input-shell:has(> .auth-field:autofill),
body.auth-page .auth-input-shell:has(> .auth-field:-webkit-autofill) {
    background-color: #e8f0fe;
}
html[data-theme="dark"] body.auth-page .auth-input-shell:has(> .auth-field:autofill),
html[data-theme="dark"] body.auth-page .auth-input-shell:has(> .auth-field:-webkit-autofill),
body.accessibility-dark.auth-page .auth-input-shell:has(> .auth-field:autofill),
body.accessibility-dark.auth-page .auth-input-shell:has(> .auth-field:-webkit-autofill) {
    background-color: #171717 !important;
}

/* Chromium paints saved values on the input itself; match that fill to the
   surrounding shell so the icon and password toggle do not look detached. */
body.auth-page .auth-field:-webkit-autofill,
body.auth-page .auth-field:-webkit-autofill:hover,
body.auth-page .auth-field:-webkit-autofill:focus,
body.auth-page .auth-field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #e8f0fe inset !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a;
}
html[data-theme="dark"] body.auth-page .auth-field:-webkit-autofill,
html[data-theme="dark"] body.auth-page .auth-field:-webkit-autofill:hover,
html[data-theme="dark"] body.auth-page .auth-field:-webkit-autofill:focus,
html[data-theme="dark"] body.auth-page .auth-field:-webkit-autofill:active,
body.accessibility-dark.auth-page .auth-field:-webkit-autofill,
body.accessibility-dark.auth-page .auth-field:-webkit-autofill:hover,
body.accessibility-dark.auth-page .auth-field:-webkit-autofill:focus,
body.accessibility-dark.auth-page .auth-field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #171717 inset !important;
    -webkit-text-fill-color: #f5f5f5 !important;
    caret-color: #f5f5f5 !important;
}

body.auth-page .auth-login-password-recovery {
    display: none;
    justify-content: flex-end;
}
body.auth-page .auth-login-password-group:has(.auth-field:not(:placeholder-shown)) .auth-login-password-recovery,
body.auth-page .auth-login-password-group:has(.auth-field:autofill) .auth-login-password-recovery,
body.auth-page .auth-login-password-group:has(.auth-field:-webkit-autofill) .auth-login-password-recovery {
    display: flex;
}

/* Restore the light-mode login submit button when shared utility colors are absent. */
html:not([data-theme="dark"]) body.auth-page:not(.accessibility-dark) .auth-login-submit {
 display:flex!important;width:100%!important;min-height:3rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 background-color:#176c3a!important;background-image:linear-gradient(90deg,#176c3a 0%,#17a36b 100%)!important;
 border-color:transparent!important;opacity:1!important;visibility:visible!important;
}
html:not([data-theme="dark"]) body.auth-page:not(.accessibility-dark) .auth-login-submit:hover:not(:disabled) {
 background-image:linear-gradient(90deg,#135c31 0%,#12895a 100%)!important;
}

.auth-login-page .auth-promo__color-overlay,
.auth-register-page .auth-register-page__illustrated-promo::before {
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(8,37,29,.58) 0%, rgba(24,54,46,.40) 44%, rgba(8,37,29,.20) 100%);
}

.auth-register-page .auth-register-page__illustrated-promo::before {
    content: "";
}