/* ==========================================================================
   ÜYE PANELİ (hesabim/*) VE ÜYELİK SAYFALARI ORTAK STİLLERİ
   ========================================================================== */
.uye-panel { background:#fafafa; font-family:'Quicksand','Quicksand Fallback',sans-serif; font-size:.9rem; color:#222; }
.uye-kap { padding-top:18px; }
.uye-ust { background:#fff; border:1px solid #e5e5e5; border-radius:8px 8px 0 0; padding:14px 16px; }
.uye-avatar { width:40px; height:40px; border-radius:50%; background:#111; color:#fff; display:grid; place-items:center; font-weight:700; flex-shrink:0; }
.min-w-0 { min-width:0; }

/* Sekmeli menü: dar ekranda yatay kaydırılır */
.uye-sekmeler { display:flex; gap:2px; overflow-x:auto; background:#fff; border:1px solid #e5e5e5; border-top:0; border-radius:0 0 8px 8px; padding:0 8px; margin-bottom:18px; scrollbar-width:thin; }
.uye-sekmeler a { display:flex; align-items:center; gap:6px; padding:12px 12px; color:#555; text-decoration:none; font-weight:600; font-size:.85rem; white-space:nowrap; border-bottom:2px solid transparent; }
.uye-sekmeler a:hover { color:#111; }
.uye-sekmeler a.aktif { color:#111; border-bottom-color:#111; }
.uye-sekmeler.devami-var { -webkit-mask-image:linear-gradient(to right, #000 85%, transparent); mask-image:linear-gradient(to right, #000 85%, transparent); }
.uye-rozet { background:#ef4444; color:#fff; font-size:.66rem; font-weight:700; border-radius:10px; padding:1px 6px; }

.kutu { background:#fff; border:1px solid #e5e5e5; border-radius:8px; padding:20px; margin-bottom:16px; }
.kutu-baslik { font-weight:700; font-size:.98rem; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.kutu-baslik .sag { margin-left:auto; font-weight:600; font-size:.8rem; }
.ipucu { font-size:.76rem; color:#8a8a8a; margin-top:4px; }

.sayi-kart { background:#fff; border:1px solid #e5e5e5; border-radius:8px; padding:14px 16px; height:100%; text-decoration:none; color:#222; display:block; transition:.15s; }
a.sayi-kart:hover { border-color:#111; color:#222; }
.sayi-kart .n { font-size:1.5rem; font-weight:700; line-height:1.2; font-variant-numeric:tabular-nums; }
.sayi-kart .l { font-size:.76rem; color:#8a8a8a; font-weight:600; }

.rozet { font-size:.72rem; font-weight:700; padding:3px 8px; border-radius:4px; white-space:nowrap; display:inline-block; }
.rz-yesil { background:#eafbf3; color:#0f9d64; } .rz-sari { background:#fff8eb; color:#b45309; }
.rz-kirmizi { background:#fef2f2; color:#dc2626; } .rz-gri { background:#f3f3f3; color:#666; } .rz-mavi { background:#eef6ff; color:#0d6efd; }

.ilan-satir { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #f0f0f0; }
.ilan-satir:last-child { border-bottom:0; }
.ilan-gorsel { width:112px; height:84px; object-fit:cover; border-radius:6px; border:1px solid #eee; flex-shrink:0; background:#f3f3f3; }
.ilan-meta { font-size:.76rem; color:#8a8a8a; display:flex; flex-wrap:wrap; gap:10px; }
.bos-durum { text-align:center; color:#8a8a8a; padding:36px 10px; }
.bos-durum i { font-size:2rem; display:block; margin-bottom:6px; color:#c4c4c4; }

.filtre-hap { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border:1px solid #e5e5e5; border-radius:20px; background:#fff; color:#444; text-decoration:none; font-size:.8rem; font-weight:600; white-space:nowrap; }
.filtre-hap.aktif { background:#111; color:#fff; border-color:#111; }
.filtre-hap .s { opacity:.7; }

/* Giriş / kayıt sayfaları */
.auth-kap { flex:1; display:flex; align-items:center; justify-content:center; padding:24px 16px; }
.auth-kart { width:100%; max-width:440px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:28px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.auth-kart .form-control { font-size:16px; }
.sifre-goster { cursor:pointer; }
.sifre-guc { height:4px; border-radius:2px; background:#eee; margin-top:6px; overflow:hidden; }
.sifre-guc span { display:block; height:100%; width:0; transition:.2s; }

@media (max-width:576px) {
    .ilan-gorsel { width:84px; height:64px; }
    .kutu { padding:16px; }
}

/* Ortak ilan formu (includes/ilan_form.php) üye tarafında da kullanılır */
.form-hint { font-size:.76rem; color:#8a8a8a; margin-top:4px; }