/* نمایش/پنهان‌کردن رمز + هم‌ترازی فیلد */
.pass-wrap { position: relative; display: flex; align-items: center; }
.pass-wrap input { width: 100%; padding-left: 44px; }
.pass-wrap button {
  position: absolute; left: 6px;
  border: none; background: transparent; cursor: pointer;
  width: 34px; height: 34px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; color: var(--muted, #7c8794);
  transition: color .15s ease, background-color .15s ease;
}
.pass-wrap button:hover { color: var(--ink, #16202b); background: rgba(14, 165, 120, .08); }
.pass-wrap button:focus-visible { outline: 2px solid #0ea578; outline-offset: 2px; }
.pass-wrap button .eye { width: 19px; height: 19px; display: block; }
/* رمز مخفی: چشم باز — رمز نمایان: چشم‌خط‌خورده */
.pass-wrap button .eye-off { display: none; }
.pass-wrap button.is-visible .eye-on { display: none; }
.pass-wrap button.is-visible .eye-off { display: block; }