/* Password controls share geometry and contrast across every authentication form. */
.password-field>.icon-button.password-toggle{position:absolute;right:7px;top:50%;display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);transform:translateY(-50%);box-shadow:none;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.password-field>.icon-button.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.password-field>.icon-button.password-toggle .password-eye-slash{opacity:0;transition:opacity .12s ease}
.password-field>.icon-button.password-toggle:hover{transform:translateY(-50%);background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text);box-shadow:none}
.password-field>.icon-button.password-toggle:active{transform:translateY(-50%) scale(.95)}
.password-field>.icon-button.password-toggle[aria-pressed="true"]{background:#111;color:#fff;border-color:#111;box-shadow:0 2px 8px #00000012}
.password-field>.icon-button.password-toggle[aria-pressed="true"] .password-eye-slash{opacity:1}
[data-theme="dark"] .password-field>.icon-button.password-toggle[aria-pressed="true"]{background:#fff;color:#111;border-color:#fff;box-shadow:0 2px 8px #00000026}
.password-field>.icon-button.password-toggle:focus-visible{outline:2px solid var(--focus,#b76b31);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.password-field>.icon-button.password-toggle,.password-field>.icon-button.password-toggle .password-eye-slash{transition:none}.password-field>.icon-button.password-toggle:hover,.password-field>.icon-button.password-toggle:active{transform:translateY(-50%)}}