.pw-field{ position:relative; display:block; }
.pw-field input[type="password"],
.pw-field input[type="text"]{ width:100%; box-sizing:border-box; padding-right:42px; }

/* the little eye button */
.pw-toggle{ position:absolute; right:10px; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border:0; border-radius:8px; cursor:pointer;
  background:#f1f5f9; color:#111; font-size:16px; line-height:1;
}
.pw-toggle:hover{ filter:brightness(1.03); }
.pw-toggle:active{ transform:translateY(-50%) scale(0.98); }

/* optional dark mode */
body.dark .pw-toggle{ background:#1f2937; color:#e5e7eb; }