/* ========= Kurumsal mobil tema (üst stil) ========= */
:root{
  --bg:#f7f9fc;
  --card:#ffffff;
  --border:#e7ecf2;
  --ink:#0f172a;
  --muted:#5a6575;
  --brand:#0b67ff;
  --brand-ghost:#f5f8ff;
  --danger:#ef4444;
  --shadow:0 6px 18px rgba(16,24,40,.08);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b1220; --card:#0f172a; --border:#1f2937; --ink:#e5e7eb; --muted:#94a3b8;
    --brand:#60a5fa; --brand-ghost:#0b1220; --danger:#f87171; --shadow:0 10px 24px rgba(0,0,0,.35);
  }
}

/* ---------- Üst gezinme ve genel ---------- */
body { background:var(--bg); color:var(--ink); }
.nav { position:sticky; top:0; z-index:20; background:#fff; border-bottom:1px solid #e6e6e6; }
.nav a{ font-size:clamp(13px,3.2vw,15px); padding:clamp(8px,2.2vw,10px) clamp(10px,3vw,12px); }

.main-container { max-width:980px; margin:14px auto 72px; padding:0 12px; }

/* ---------- Segmented Control ---------- */
.segmented {
  display:flex; gap:8px; background:var(--card); border:1px solid var(--border); border-radius:12px;
  padding:6px; box-shadow:0 2px 8px rgba(16,24,40,.04); position:sticky; top:52px; z-index:15;
  backdrop-filter:saturate(140%) blur(6px); -webkit-backdrop-filter:saturate(140%) blur(6px);
}
.segmented a {
  flex:1; text-align:center; padding:10px 8px; border-radius:10px; text-decoration:none;
  color:var(--brand); font-weight:700; font-size:14px; border:1px solid transparent;
}
.segmented a:hover { background:var(--brand-ghost); border-color:#dbe7ff; }
.segmented a.active { background:var(--brand); color:#fff; }

/* ---------- Üyelik banner ---------- */
.uyelik-banner{
  display:none; margin:12px 0 14px; padding:12px 14px; border-radius:12px;
  background:var(--card); border:1px solid var(--border); box-shadow:0 2px 10px rgba(16,24,40,.06);
  font-size:14px; font-weight:600; color:var(--ink);
}
#uyelikActions a { margin-left:8px; padding:8px 10px; border-radius:10px; font-size:13px; text-decoration:none; }
.btn-premium { background:#ffd166; color:#0f172a; border:1px solid #f4c151; }

/* ---------- Bölümler ---------- */
.bolum { margin:18px 0 26px; }
.bolum h2 { font-size:18px; margin:0; }
.sticky-subheader {
  position:sticky; top:102px; z-index:10; background:var(--bg); padding:8px 4px 8px;
  border-bottom:1px solid #e6e6e6; display:flex; align-items:center; gap:8px;
}

/* ---------- Tablo -> Mobil Kart ---------- */
table{width:100%; border-collapse:collapse; margin-top:12px; font-size:14px; background:var(--card); border-radius:12px; overflow:hidden;}
th,td{border:1px solid #eef2f7; padding:10px; text-align:center}
th{background:#f8fafc; color:#334155; font-weight:600}
.data-table tr:hover { background:#fcfdff; }
.row-actions { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }

.btn { padding:8px 10px; font-size:13px; border-radius:10px; border:1px solid #d3dae6; background:#fff; color:var(--brand); cursor:pointer; font-weight:600; }
.btn:hover { background:var(--brand-ghost); }
.btn-danger { background:var(--danger); color:#fff; border-color:var(--danger); }
.btn-danger:hover { filter:brightness(.95); }
.btn-primary { background:var(--brand); color:#fff; border-color:var(--brand); }

/* Rozet */
.badge { display:inline-block; padding:4px 8px; border-radius:999px; font-size:12px; font-weight:700; background:#eef4ff; color:#1e40af; border:1px solid #dbe7ff; }

/* Sayfalama */
.pagination { display:flex; gap:8px; justify-content:center; margin-top:10px; }
.pagination button{
  background:#0f1726; color:#e7ecf6; border:1px solid #24324c; padding:6px 10px; border-radius:10px; cursor:pointer; min-width:36px;
}
.pagination button:hover{ border-color:#3a527a; }
.pagination button.active{ background:#2f6df6; border-color:#2f6df6; color:#fff; cursor:default; }
.pagination button:disabled { background:var(--brand); border-color:var(--brand); color:#0f1726; cursor:default; }

/* ---------- Mobil: sadece aktif bölüm görünsün ---------- */
@media (max-width: 600px){
  .main-container { padding:0 8px; }
  .segmented { top:48px; }
  .sticky-subheader { top:96px; }
  .bolum { display:none; }
  .bolum.active { display:block;}
  .bolum h2 { font-size:16px; }

  table, thead, tbody, th, td, tr { display:block; }
  thead { display:none; }
  tr {
    margin:10px 0; padding:10px 10px 8px; border:1px solid var(--border);
    border-radius:12px; box-shadow:var(--shadow); background:var(--card);
  }
  td { border:none; text-align:left; padding:4px 0; }
  td[data-label]::before{
    content: attr(data-label) " ";
    display:inline-block; min-width:110px; color:var(--muted); font-size:12px; margin-right:6px; font-weight:700;
  }
  .row-actions { justify-content:flex-start; margin-top:4px; }
  .btn { padding:10px 12px; font-size:14px; border-radius:12px; }
  .pagination {
    position:sticky; bottom:0; background:linear-gradient(180deg, rgba(247,249,252,0), var(--bg) 40%);
    padding:8px 0 10px; margin:0;
  }
}

/* Teknik Bildirimler tablosu da kartlaşsın */
#kullaniciBildirimleri table { border-radius:12px; overflow:hidden; }

/* Mobil Hızlı Aksiyonlar */
.mobile-actions{
  position:fixed; right:12px; bottom:12px; z-index:30; display:flex; flex-direction:column; gap:8px;
}
.mobile-actions a{
  display:flex; align-items:center; gap:8px;
  background:var(--brand); color:#fff; text-decoration:none;
  padding:10px 12px; border-radius:999px; box-shadow:var(--shadow); font-weight:700;
}
.mobile-actions a.secondary{
  background:#fff; color:var(--brand); border:1px solid var(--border);
}
@media (min-width: 601px){
  .mobile-actions{ display:none; }
}

/* Profil nav: mobilde 2x2 */
@media (max-width: 600px){
  .nav{ background:#fff; border-bottom:1px solid #e6e6e6; padding:8px; }
  .nav a{ padding:8px 10px; font-size:13px; border:1px solid var(--border); border-radius:10px; text-align:center; }
}
@media (max-width: 480px){
  .nav{ display:grid; grid-template-columns: 1fr 1fr; gap:6px; padding:8px; }
  .nav a{ display:block; width:100%; }
  .segmented{ top:96px; }
  .sticky-subheader{ top:144px; }
}

/* Işık tema kilidi */
html { color-scheme: light; }
body { background:#f7f9fc !important; color:#0f172a !important; }
@media (prefers-color-scheme: dark){
  :root{
    --bg:#f7f9fc; --card:#ffffff; --border:#e7ecf2; --ink:#0f172a; --muted:#5a6575;
    --brand:#0b67ff; --brand-ghost:#f5f8ff; --danger:#ef4444; --shadow:0 6px 18px rgba(16,24,40,.08);
  }
}

/* Üst NAV butonları – mobil beyaz pill */
@media (max-width: 600px){
  .nav{
    position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #e6e6e6;
    padding:10px; display:grid; grid-template-columns:1fr 1fr; gap:10px;
  }
  .nav a{
    display:block; text-align:center; padding:10px 12px; border:1px solid #d3dae6; border-radius:12px;
    background:#fff; color:#0f172a; font-weight:700; text-decoration:none;
  }
  .nav a:hover{ background:#f5f8ff; border-color:#c7d4ee; }
  #cikisBtn{ color:#b91c1c; border-color:#fbcaca; }
  #cikisBtn:hover{ background:#fee2e2; }
}

/* MOBİL NAV hard reset */
@media (max-width: 600px){
  .nav{
    all: unset; position: sticky; top: 0; z-index: 50;
    background: #fff; border-bottom: 1px solid #e6e6e6;
    padding: 10px env(safe-area-inset-right) 10px env(safe-area-inset-left);
    display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px;
  }
  .nav a{
    all: unset; display: block; text-align: center; padding: 12px 14px;
    background: #fff; border: 1px solid #d3dae6; border-radius: 12px;
    color: #0f172a; font-weight: 700; font-size: clamp(12px, 3.2vw, 15px);
    line-height: 1.15; white-space: nowrap;
  }
  .nav a:hover{ background:#f5f8ff; border-color:#c7d4ee; }
  #cikisBtn{ color:#b91c1c; border-color:#fbcaca; }
  #cikisBtn:hover{ background:#fee2e2; }
}
@media (max-width: 360px){
  .nav a{ font-size: 11.5px; padding: 10px 12px; }
}

/* =======================
   KOYU TEMA (istatistikler ile aynı)
   ======================= */
:root{
  --bg:#0b1220; --card:#0f1726; --border:#24324c; --ink:#e7ecf6; --muted:#9fb0d0; --brand:#2f6df6; --brand-ghost:#0e1626; --danger:#ef4444;
}
html { color-scheme: dark !important; }
body{
  background:linear-gradient(180deg,#0b1220,#0e1626 60%,#0b1220) !important;
  color:var(--ink) !important;
}
.nav{
  background:rgba(10,16,30,.85) !important;
  border-bottom:1px solid var(--border) !important;
  padding:10px env(safe-area-inset-right) 10px env(safe-area-inset-left);
}
.nav a{
  background:#0f1726 !important;
  border:1px solid var(--border) !important;
  color:var(--ink) !important;
  font-weight:700; border-radius:12px;
}
.nav a:hover{ background:#131e33 !important; border-color:#3a527a !important; }
#cikisBtn{ color:#ffb4b4 !important; border-color:#5a1a1f !important; }
#cikisBtn:hover{ background:#3a0f12 !important; }

.segmented{ background:var(--card) !important; border:1px solid var(--border) !important; box-shadow:none !important; }
.segmented a{ color:#b7c9ff !important; border-color:transparent !important; }
.segmented a:hover{ background:#131e33 !important; border-color:#3a527a !important; }
.segmented a.active{ background:var(--brand) !important; color:#fff !important; }
.sticky-subheader{ background:transparent !important; border-bottom:1px solid var(--border) !important; }

table, .data-table{ background:var(--card) !important; border-color:var(--border) !important; }
th{ background:#121a2b !important; color:var(--muted) !important; }
td, th{ border-color:var(--border) !important; }
.data-table tr:hover{ background:#0f172a !important; }

.uyelik-banner{ background:var(--card) !important; border:1px solid var(--border) !important; color:var(--ink) !important; }

@media (max-width:600px){
  .nav{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .nav a{ text-align:center; padding:12px 14px !important; white-space:nowrap; font-size:clamp(12px,3.2vw,15px) !important; }
}
.mobile-actions a.secondary{ background:#0f1726 !important; color:var(--brand) !important; border:1px solid var(--border) !important; }
.badge{ background:#19253d !important; color:#b7c9ff !important; border:1px solid #2a3b62 !important; }

/* 🔒 Kısıtlı modda (deneme/premium bitmiş) bu aksiyonları gizle */
body.limited .btn-danger,
body.limited .indir-btn{ display:none !important; }
/* === Koyu temayı kesinleştir — paneli ve başlıkları hizala === */

/* 1) İç paneli koyula (style.css’teki beyaz paneli ez) */
.main-container{
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}

/* 2) Bölüm başlıkları kontrastlı olsun (açık gri görünmesin) */
.sticky-subheader h2{
  color: var(--ink) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* 3) Panel içindeki “beyaz kalabilen” öğeleri de koyu karta eşitle */
.uyelik-banner,
.segmented,
.data-table,
.mobile-actions a.secondary{
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--ink) !important;
}

/* 4) Tablo başlık ve hücre kenarlıkları tutarlı kalsın */
.data-table th{
  background: #121a2b !important;
  color: var(--muted) !important;
}
.data-table td, .data-table th{
  border-color: var(--border) !important;
}

/* 5) “Işık tema kilidi”nden gelen açık zemin etkisini sıfırla (varsa) */
html { color-scheme: dark !important; }
/* Premium Satın Al rengi – Ana sayfa ile aynı */
.btn.btn-premium{
  background: #ffb30e !important;
  border-color: #ffb30e !important;
  color: #0f172a !important;   /* metin koyu, kontrast iyi */
}
.btn.btn-premium:hover{
  filter: brightness(.95);
}