/* Show / hide button on password boxes: partials.pw-eye. Linked in the head of the app, admin and
   sign-in layouts, so the button is never drawn as a grey native box first. :root keeps the weight these
   rules had when they came after the page's own styles. */
:root .pw-field{position:relative;display:block;min-width:0;flex:1 1 auto}
:root .pw-field > input{width:100%;padding-right:44px}
:root .pw-field:has(> input[hidden]){display:none}
:root .pw-field > .pw-eye{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;
  width:34px;height:34px;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:8px;background:none;box-shadow:none;
  color:var(--muted,#6b7280);cursor:pointer}
:root .pw-field > .pw-eye:hover{background:var(--subtle,#f3f4f6);color:var(--text,#111827)}
:root .pw-field > .pw-eye:focus-visible{outline:2px solid var(--primary,#54298c);outline-offset:1px}
:root .pw-eye .pw-i{display:grid;place-items:center}
:root .pw-eye .pw-i[hidden]{display:none}
:root .pw-eye svg{width:18px;height:18px}