/* Compact shared control; works with native/password-manager autocomplete. */
.hglr-password-field { position:relative; display:flex; flex:1 1 auto; align-items:center; width:100%; min-width:0; }
.hglr-password-field > input { flex:1 1 auto; width:100%; min-width:0; padding-right:52px !important; }
.hglr-password-field > button.hglr-password-toggle {
  position:absolute; inset:auto 5px auto auto; top:50%; transform:translateY(-50%);
  display:grid; place-items:center; width:36px; min-width:36px; height:34px; min-height:34px;
  margin:0; padding:7px; border:1px solid transparent; border-radius:8px;
  background:transparent; color:var(--muted,var(--hglr-muted,#718298));
  cursor:pointer; line-height:1; box-shadow:none; touch-action:manipulation;
}
.hglr-password-field > button.hglr-password-toggle:hover { color:var(--accent,var(--hglr-accent,#1685d1)); background:rgba(83,145,209,.12); }
.hglr-password-field > button.hglr-password-toggle:focus-visible { outline:2px solid var(--accent,var(--hglr-accent,#1685d1)); outline-offset:1px; }
.hglr-password-field > button.hglr-password-toggle:disabled { cursor:default; opacity:.45; }
.hglr-password-toggle svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }