/* ==========================================================================
   Şifre alanı göster/gizle göz ikonu — PAYLAŞILAN stil.

   Neden ayrı dosya: panelin iki ayrı stil ağacı var ve ikisi birbirini yüklemiyor —
   _Layout (site.css) ve _AuthLayout (auth.css). Göz ikonu ikisinde de lazım (panelde profil/hesap
   modalleri, giriş ekranında giriş formu), bu yüzden kural site.css'ten buraya taşındı ve HER İKİ
   layout da bu dosyayı ayrıca link'liyor. Kopyalamak yerine tek yerde durması tercih edildi.

   Markup'ı JS üretir: panelde site.js → PasswordToggle, giriş ekranında auth-password.js.
   ========================================================================== */
.password-field { position: relative; }
/* width: 100% ŞART — giriş ekranında input genişliğini `.form-group`'un flex sütunundan (esneme ile) alıyordu;
   JS onu bu sarmalayıcıya taşıyınca esneme kayboldu, input doğal genişliğine küçüldü ve ikon kutunun DIŞINA,
   sarmalayıcının sağ kenarına düştü (Selman bildirdi, 2026-09-22). Paneldeki input'lar zaten `w-100` taşıdığı
   için orada görünmüyordu; kural burada olunca iki ağaç da aynı davranır. */
.password-field input { width: 100%; padding-right: 42px; }
.password-toggle {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    background: none; border: none; cursor: pointer; padding: 4px; line-height: 0;
    color: var(--text-tertiary); display: inline-flex; align-items: center;
}
.password-toggle:hover { color: var(--text-secondary); }