/* Show / hide button on password fields (app/static/js/reveal.js). */
.pw-reveal { position: relative; display: block; width: 100%; }
.pw-reveal > input.pw-reveal-input { width: 100%; padding-right: 4.6em; box-sizing: border-box; }
.pw-reveal-btn {
  position: absolute; top: 50%; right: 6px; transform: translateY(-50%);
  min-height: 30px; padding: 0 10px; margin: 0;
  background: transparent; border: 1px solid transparent; border-radius: 4px;
  font: inherit; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted, var(--dim, #8a8f8c)); cursor: pointer;
}
.pw-reveal-btn:hover { color: var(--label, inherit); border-color: var(--border, currentColor); }
.pw-reveal-btn:focus-visible { outline: 2px solid var(--label, currentColor); outline-offset: 1px; }
