/* fe-password-toggle-2026-10-02: show/hide password eye button (see password-toggle.js). */
.pw-toggle-wrap { position: relative; display: block; width: 100%; }
.pw-toggle-wrap > input.pw-toggle-input { padding-inline-end: 2.6rem !important; width: 100%; box-sizing: border-box; }
.pw-toggle-btn {
  position: absolute; top: 50%; inset-inline-end: .3rem; transform: translateY(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; min-height: 0; margin: 0; padding: 0;
  border: 0; border-radius: 4px; background: transparent;
  color: var(--muted, #5c6b7a); cursor: pointer; line-height: 1;
}
.pw-toggle-btn:hover { color: var(--accent, #1e4d6b); background: #eef3f7; }
.pw-toggle-btn[aria-pressed="true"] { color: var(--accent, #1e4d6b); }
.pw-toggle-btn:focus { outline: 2px solid var(--accent, #1e4d6b); outline-offset: 1px; }
.pw-toggle-btn:focus:not(:focus-visible) { outline: none; }
.pw-toggle-btn:focus-visible { outline: 2px solid var(--accent, #1e4d6b); outline-offset: 1px; }
.pw-toggle-btn:disabled { opacity: .45; cursor: not-allowed; }
.pw-toggle-icon { display: block; pointer-events: none; }
/* Hide the browser's own reveal button (Edge/IE) so there's only one eye. */
.pw-toggle-input::-ms-reveal, .pw-toggle-input::-ms-clear { display: none; }
@media print { .pw-toggle-btn { display: none !important; } }
