/* Public Login eye control; keep the original field and autocomplete owner. */
.login-password-field { position:relative; min-width:0; color:#f1f5f9; }
.login-password-field > input { display:block; width:100%; min-width:0; padding-right:52px; }
.login-password-toggle {
  position:absolute; top:2px; right:2px; bottom:2px; width:44px;
  display:flex; align-items:center; justify-content:center;
  padding:0; border:0; border-radius:9px; background:transparent;
  color:inherit; cursor:pointer; touch-action:manipulation;
}
.login-password-toggle[hidden] { display:none; }
.login-password-toggle:hover { background:rgba(148,163,184,.18); }
.login-password-toggle:focus-visible { outline:2px solid currentColor; outline-offset:-4px; }
.login-password-toggle:disabled { opacity:.5; cursor:default; }
.login-password-toggle__slash { display:none; }
.login-password-toggle[aria-pressed="true"] .login-password-toggle__slash { display:block; }
.theme-light .login-password-field { color:#111; }
/* Browser-filled fields can be light even inside Glass/Dark. Keep the eye legible. */
.login-password-field > input:-webkit-autofill + .login-password-toggle { color:#111; }
.login-password-field > input:autofill + .login-password-toggle { color:#111; }
.login-password-field > input::-ms-reveal { display:none; }