/* ============================================================
   Component Library
   :root tokens. Theme-ready.
   ============================================================ */

/* --- C27: PASSWORD INPUT --- */
.password-input{position:relative;display:inline-block;width:100%;max-width:320px}
.password-input__field{width:100%;padding:10px 42px 10px 14px;border:1px solid var(--color-bg-secondary);border-radius:var(--border-radius);font-size:.86rem;font-family:inherit;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color .18s,box-shadow .18s;margin:0 !important}
.password-input__field:focus{border-color:var(--color-link);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-link)18%,transparent)}
.password-input__toggle{position:absolute;inset-inline-end:28px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none !important;background-color:transparent !important;border:none !important;color:var(--color-text-secondary);cursor:pointer;padding:0 !important;margin:0 !important;line-height:1 !important;font-size:1rem !important;border-radius:4px;transition:color .15s,background .15s}
.password-input__toggle:hover{color:var(--color-link);background:var(--color-bg-secondary) !important}
.password-input__toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}