.password-field{position:relative;width:100%;min-width:0}
.password-field>input{width:100%;padding-inline-end:3.5rem}
.password-eye{position:absolute;inset-inline-end:.2rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted,#736b78);cursor:pointer}
.password-eye svg{width:20px;height:20px;pointer-events:none}
.password-eye:hover{background:rgba(100,60,120,.07);color:var(--ink,#24182e)}
.password-eye:focus-visible{outline:2px solid var(--brand,#b52252);outline-offset:-3px}
.password-eye[aria-pressed="true"]{color:var(--ink,#24182e)}
/* Keep one visibility control when Edge provides a native eye. */
.password-field>input::-ms-reveal{display:none}