.password-control { position: relative; min-width: 0; }
.password-control input { width: 100%; min-height: 48px; padding-right: 3.25rem; }
.password-control input::-ms-reveal { display: none; }
.password-toggle {
  position: absolute; right: 3px; top: 50%; transform: translateY(-50%);
  display: grid; place-items: center; width: 44px; height: 44px; padding: 0;
  /* An opaque surface keeps the eye readable over the browser's autofill color. */
  border: 1px solid var(--bw-border-strong, #3d5847); border-radius: 6px;
  background: var(--panel, #0e2030); color: var(--text, #f3f7fb);
  cursor: pointer; touch-action: manipulation;
}
.password-toggle:hover { background: var(--page, #07131d); }
.password-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.password-eye-slash { display: none; }
.password-toggle.is-visible .password-eye-slash { display: block; }