/* Show / hide for every password field (js/password-toggle.js). The button is a sibling
   laid over the field's end edge by script; the field keeps its own layout. */
.pwt-btn {
  position: absolute; z-index: 2; left: 0; top: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; min-width: 0; min-height: 0; padding: 0; margin: 0;
  border: 0; border-radius: 8px; box-shadow: none; background: transparent;
  color: var(--muted, #6a7075); cursor: pointer; line-height: 1; font-size: 0;
}
.pwt-btn[hidden] { display: none; }
.pwt-btn:hover { background: rgba(12, 59, 104, .07); color: var(--navy, #0c3b68); }
.pwt-btn:focus-visible { outline: 3px solid rgba(28, 122, 196, .28); outline-offset: 1px; }
.pwt-btn svg { width: 18px; height: 18px; display: block; max-width: none; pointer-events: none; }
.pwt-btn .pwt-off { display: none; }
.pwt-btn[aria-pressed="true"] .pwt-on { display: none; }
.pwt-btn[aria-pressed="true"] .pwt-off { display: block; }
/* A secret typed into a textarea (the master key): hidden like a password until shown. */
.pwt-masked { -webkit-text-security: disc; text-security: disc; }