.password-field { position: relative; }
.password-field input { padding-right: 52px; }
.password-field .password-toggle {
  position: absolute; top: 50%; right: 3px; transform: translateY(-50%);
  display: flex; align-items: center; justify-content: center;
  width: 42px; height: 38px; padding: 8px; margin: 0;
  border: 0; border-radius: 6px; background: transparent; color: #c7b6db;
  cursor: pointer; box-shadow: none;
}
.password-field .password-toggle:hover { color: #fff; background: rgba(127,49,161,.2); transform: translateY(-50%); box-shadow: none; }
.password-field .password-toggle:focus-visible { outline: 2px solid #c48fe3; outline-offset: -2px; }
.password-toggle .eye-slash { display: none; }
.password-toggle[aria-pressed="true"] .eye-slash { display: block; }