.password-field { position: relative; display: block; width: 100%; min-width: 0; }
.password-field > input { width: 100%; padding-inline-end: 54px; box-sizing: border-box; }
.password-field > .password-toggle { position: absolute; inset-inline-end: 6px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 40px; height: 40px; min-height: 40px; padding: 0; margin: 0; border: 0; border-radius: 8px; background: transparent; color: var(--muted, #65778b); box-shadow: none; cursor: pointer; }
.password-field > .password-toggle:hover { color: var(--green, #24b85b); background: rgba(36,184,91,.1); }
.password-field > .password-toggle:focus-visible { outline: 2px solid var(--green, #24b85b); outline-offset: 1px; }
.password-toggle svg { display: block; pointer-events: none; }
html[data-theme="dark"] .password-toggle, html[data-admin-theme="dark"] .password-toggle { color: #a9c4bc; }