.password-field { position:relative; display:block; width:100%; }
.password-field > input { width:100%; box-sizing:border-box; padding-right:3.25rem !important; }
.password-eye { position:absolute; right:.45rem; top:50%; transform:translateY(-50%); width:2.4rem; height:2.4rem; display:grid; place-items:center; border:0; border-radius:.7rem; background:transparent; color:#746894; cursor:pointer; }
.password-eye:hover,.password-eye:focus-visible { color:#603fd0; background:#f0ecff; }
.password-eye svg { width:1.25rem; height:1.25rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.password-eye .eye-slash { display:block; }
.password-eye[aria-pressed="true"] .eye-slash { display:none; }
/* Suppress native reveal controls so each field has exactly one toggle. */
.password-field input::-ms-reveal,.password-field input::-ms-clear,.password-field input::-webkit-credentials-auto-fill-button { display:none !important; visibility:hidden !important; }
.admin-login .password-eye { width:2.4rem; height:2.4rem; min-height:0; padding:0; border:0; border-radius:.7rem; color:#746894; background:transparent; box-shadow:none; font-size:inherit; font-weight:normal; }
.admin-login .password-eye:hover,.admin-login .password-eye:focus-visible { color:#603fd0; background:#f0ecff; }