/* ════════════════════════════════════════════════════════════════
   SAVIORCLAN FORUM CSS  (tam yeniden yazım)
   ════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;}

/* ── Aynı token'lar (style.css yüklü değilse diye) ─────────── */
:root{
  --red:var(--primary);--red-dark:var(--primary-dark);--red-soft:var(--primary-soft);
  --bg:#111111;--bg-card:rgba(18,2,2,0.85);--bg-hover:rgba(30,4,4,0.92);
  --border:rgba(160,20,20,0.18);--border-hot:rgba(180,20,20,0.45);
  --text:#f0e0e0;--text-muted:#9a6a6a;--text-dim:#6a3a3a;
  --ease:.22s cubic-bezier(0.4,0,0.2,1);
  --shadow:0 8px 32px rgba(0,0,0,0.6);--shadow-red:0 8px 24px rgba(var(--primary-rgb),0.3);
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;
}
body.light{
  --red:var(--primary);--red-dark:var(--primary-dark);--red-soft:var(--primary-soft);
  --bg:#f5f0f0;--bg-card:rgba(255,255,255,0.92);--bg-hover:rgba(255,255,255,0.99);
  --border:rgba(187,0,0,0.14);--border-hot:rgba(187,0,0,0.38);
  --text:#1a0505;--text-muted:#773333;--text-dim:#aa6666;
  --shadow:0 4px 20px rgba(0,0,0,0.1);--shadow-red:0 6px 20px rgba(187,0,0,0.18);
}

/* ═══════════════════════════════════════════════════════════════
   TOP NAV BAR
   ═══════════════════════════════════════════════════════════════ */
.f-topbar{
  background:rgba(10,10,10,0.97);border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:900;backdrop-filter:blur(16px);
}
body.light .f-topbar{background:rgba(255,255,255,0.98);border-bottom-color:var(--border);}
.f-topbar-inner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 26px;height:72px;max-width:1600px;margin:0 auto;
}

/* Logo grubu */
.f-logo-wrap{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.f-site-back{
  color:var(--text-muted);width:36px;height:36px;border-radius:var(--r-md);
  border:1px solid var(--border);display:flex;align-items:center;
  justify-content:center;font-size:14px;text-decoration:none;transition:var(--ease);
}
.f-site-back:hover{color:var(--red);border-color:var(--border-hot);background:var(--red-soft);}
.f-logo{text-decoration:none;display:flex;align-items:center;gap:7px;}
.f-logo-text{font-family:'Oswald',sans-serif;font-size:21px;font-weight:700;color:var(--text);letter-spacing:2px;}
.f-logo-text span{color:var(--red);}
.f-logo-badge{
  background:var(--red-soft);border:1px solid var(--border-hot);
  color:var(--red);font-size:10px;font-weight:700;
  padding:2px 7px;border-radius:4px;letter-spacing:1px;
}

/* Stat bar */
.f-stat-bar{display:flex;gap:14px;flex:1;justify-content:center;}
.f-stat-bar span{
  font-size:11px;color:var(--text-muted);display:flex;align-items:center;
  gap:6px;padding:4px 11px;border-radius:20px;
  background:var(--red-soft);border:1px solid var(--border);transition:var(--ease);
}
.f-stat-bar span:hover{color:var(--text);}
.f-stat-bar i{color:var(--red);font-size:10px;}
.f-stat-bar strong{color:var(--text);font-weight:600;}

/* Nav sağı */
.f-nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}

.f-icon-btn{
  position:relative;width:38px;height:38px;border-radius:var(--r-md);
  border:1px solid var(--border);background:var(--red-soft);
  color:var(--text-muted);display:flex;align-items:center;
  justify-content:center;cursor:pointer;font-size:14px;
  text-decoration:none;transition:var(--ease);
}
.f-icon-btn:hover{color:var(--text);border-color:var(--border-hot);background:var(--border);}
.f-icon-btn-mod{color:var(--red);border-color:var(--border-hot);}
.f-badge{
  position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;
  background:#ef4444;color:#fff;border-radius:9px;
  font-size:9px;font-weight:700;display:flex;align-items:center;
  justify-content:center;padding:0 3px;border:2px solid var(--bg);
}

/* Kullanıcı */
.f-user-wrap{position:relative;}
.f-user-btn{
  display:flex;align-items:center;gap:9px;
  background:var(--red-soft);border:1px solid var(--border);
  border-radius:var(--r-md);padding:5px 14px 5px 7px;
  cursor:pointer;color:var(--text);transition:var(--ease);text-decoration:none;
}
.f-user-btn:hover{background:var(--border);border-color:var(--border-hot);}
.f-user-av{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--red);}
.f-user-av-ph{
  width:32px;height:32px;border-radius:50%;background:var(--red);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:11px;font-weight:700;flex-shrink:0;
}
.f-user-name{font-size:13px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.f-user-drop,.f-notif-drop{
  display:none;position:absolute;right:0;top:calc(100% + 10px);
  background:rgba(17,17,17,0.97);border:1px solid var(--border);
  border-radius:var(--r-lg);min-width:185px;z-index:999;
  overflow:hidden;box-shadow:var(--shadow);
}
body.light .f-user-drop,body.light .f-notif-drop{background:rgba(255,255,255,0.98);}
.f-user-drop.open,.f-notif-drop.open{display:block;animation:dropIn .18s ease;}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}

.f-drop-item{
  display:flex;align-items:center;gap:10px;padding:10px 15px;
  font-size:12px;color:var(--text-muted);text-decoration:none;transition:var(--ease);
}
.f-drop-item:hover{background:var(--red-soft);color:var(--text);}
.f-drop-item i{width:14px;color:var(--red);text-align:center;}
.f-drop-item-red{color:#f87171;}
.f-drop-item-red i{color:#f87171;}
.f-drop-item-red:hover{background:rgba(239,68,68,0.1);}
.f-drop-sep{height:1px;background:var(--border);margin:4px 0;}

/* Bildirim dropdown */
.f-notif-drop{width:305px;}
.f-notif-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:11px 15px;border-bottom:1px solid var(--border);
  font-size:12px;font-weight:600;color:var(--text);
}
.f-notif-list{max-height:290px;overflow-y:auto;}
.f-notif-item{
  display:flex;gap:10px;padding:10px 15px;text-decoration:none;
  border-bottom:1px solid var(--border);transition:var(--ease);
}
.f-notif-item:hover{background:var(--red-soft);}
.f-notif-item.yeni{background:var(--primary-soft);border-left:2px solid var(--red);}
.f-notif-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.f-notif-title{font-size:12px;color:var(--text);font-weight:600;margin-bottom:2px;}
.f-notif-text{font-size:11px;color:var(--text-muted);}

/* Giriş / Kayıt */
.f-btn-giris{
  display:flex;align-items:center;gap:7px;padding:9px 16px;
  border:1px solid var(--border-hot);border-radius:var(--r-md);
  color:var(--text-muted);font-size:12px;text-decoration:none;
  transition:var(--ease);font-family:'Oswald',sans-serif;letter-spacing:.5px;
}
.f-btn-giris:hover{color:var(--text);border-color:var(--red);background:var(--red-soft);}
.f-btn-kayit{
  display:flex;align-items:center;gap:7px;padding:9px 18px;
  background:var(--red);border:none;border-radius:var(--r-md);
  color:#fff;font-size:12px;text-decoration:none;
  font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.5px;
  transition:var(--ease);box-shadow:var(--shadow-red);
}
.f-btn-kayit:hover{background:var(--red-dark);transform:translateY(-1px);}

/* ═══════════════════════════════════════════════════════════════
   ALT NAV (sekmeler satırı)
   ═══════════════════════════════════════════════════════════════ */
.f-subnav{border-top:1px solid var(--border);background:rgba(0,0,0,0.3);}
body.light .f-subnav{background:rgba(0,0,0,0.04);}
.f-subnav-inner{
  max-width:1600px;margin:0 auto;padding:0 26px;
  display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;
}
.f-subnav-inner::-webkit-scrollbar{display:none;}
.f-snav-link{
  display:flex;align-items:center;gap:7px;padding:9px 13px;
  font-size:11px;color:var(--text-dim);text-decoration:none;
  border-bottom:2px solid transparent;white-space:nowrap;
  transition:var(--ease);font-family:'Oswald',sans-serif;letter-spacing:.5px;
}
.f-snav-link:hover{color:var(--text);border-bottom-color:rgba(255,255,255,0.2);}
.f-snav-link.on{color:var(--red);border-bottom-color:var(--red);}
.f-snav-link i{font-size:10px;}

/* ═══════════════════════════════════════════════════════════════
   ANA LAYOUT
   ═══════════════════════════════════════════════════════════════ */
.f-main-wrap{max-width:1600px;margin:0 auto;padding:20px 26px 80px;}
.f-layout{display:grid;grid-template-columns:1fr 295px;gap:22px;align-items:start;}
.f-content{min-width:0;}

/* ═══════════════════════════════════════════════════════════════
   SİDEBAR
   ═══════════════════════════════════════════════════════════════ */
.f-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:80px;}
.f-side-card{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(12px);
}
.f-side-head{
  display:flex;align-items:center;gap:8px;padding:11px 16px;
  border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;
  font-size:10px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;
}
.f-side-head i{color:var(--red);}
.f-side-body{padding:13px 16px;}

.f-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.f-stat-box{
  background:var(--red-soft);border:1px solid var(--border);
  border-radius:var(--r-md);padding:12px 10px;text-align:center;transition:var(--ease);
}
.f-stat-box:hover{border-color:var(--border-hot);}
.f-stat-box .sb-n{font-family:'Oswald',sans-serif;font-size:24px;font-weight:700;line-height:1;color:var(--text);}
.f-stat-box .sb-n.green{color:#22c55e;}
.f-stat-box .sb-l{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;}

.f-online-strip{display:flex;flex-direction:column;gap:6px;}
.f-online-user{
  display:flex;align-items:center;gap:9px;padding:6px 9px;
  border-radius:var(--r-md);text-decoration:none;transition:var(--ease);
  background:var(--red-soft);border:1px solid transparent;
}
.f-online-user:hover{border-color:var(--border);background:rgba(34,197,94,0.07);}
.f-online-dot-sm{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:blink 1.5s infinite;flex-shrink:0;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.f-online-user-name{font-size:12px;color:var(--text);font-weight:500;}

.f-quick-stats{display:flex;flex-direction:column;gap:0;}
.f-qs-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px;}
.f-qs-row:last-child{border-bottom:none;}
.f-qs-label{color:var(--text-muted);display:flex;align-items:center;gap:9px;}
.f-qs-label i{color:var(--red);width:13px;text-align:center;}
.f-qs-val{color:var(--text);font-weight:600;}

.f-new-members{display:flex;flex-direction:column;gap:6px;}
.f-nm-item{display:flex;align-items:center;gap:9px;text-decoration:none;padding:5px 7px;border-radius:var(--r-md);transition:var(--ease);}
.f-nm-item:hover{background:var(--red-soft);}
.f-nm-name{font-size:12px;color:var(--text);font-weight:500;}
.f-nm-date{font-size:10px;color:var(--text-dim);margin-top:1px;}

/* ═══════════════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════════════ */
.f-hero{
  background:linear-gradient(135deg,rgba(20,0,0,0.9),rgba(17,17,17,0.95));
  border:1px solid var(--border);border-radius:var(--r-xl);
  padding:26px 30px;margin-bottom:18px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;
}
body.light .f-hero{background:linear-gradient(135deg,rgba(255,240,240,0.9),rgba(250,245,245,0.95));}
.f-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(var(--primary-rgb),0.12) 0%,transparent 60%);pointer-events:none;}
.f-hero-left h1{font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;color:var(--text);letter-spacing:2px;margin:0 0 6px;display:flex;align-items:center;gap:11px;}
.f-hero-left h1 i{color:var(--red);}
.f-hero-left p{color:var(--text-muted);font-size:13px;margin:0;}

.f-stats-strip{display:flex;gap:8px;flex-wrap:wrap;}
.f-stat-pill{
  display:flex;flex-direction:column;align-items:center;
  background:var(--red-soft);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:11px 18px;min-width:68px;transition:var(--ease);
}
.f-stat-pill:hover{border-color:var(--border-hot);}
.f-stat-pill .n{font-family:'Oswald',sans-serif;font-size:22px;color:var(--text);line-height:1;font-weight:700;}
.f-stat-pill .l{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;}
.f-stat-pill.online .n{color:#22c55e;}
.f-stat-pill.online{border-color:rgba(34,197,94,0.2);}

/* ═══════════════════════════════════════════════════════════════
   TOOLBAR
   ═══════════════════════════════════════════════════════════════ */
.f-toolbar{display:flex;gap:10px;margin-bottom:12px;align-items:center;}
.f-search{flex:1;position:relative;}
.f-search input{
  width:100%;background:var(--bg-card);border:1px solid var(--border);
  color:var(--text);padding:11px 15px 11px 40px;border-radius:var(--r-md);
  font-size:13px;outline:none;transition:var(--ease);font-family:'Inter',sans-serif;
  backdrop-filter:blur(8px);
}
body.light .f-search input{background:rgba(255,255,255,0.9);}
.f-search input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.13);}
.f-search input::placeholder{color:var(--text-dim);}
.f-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:12px;pointer-events:none;}
.btn-yk{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--red);color:#fff;padding:11px 22px;
  border-radius:var(--r-md);font-family:'Oswald',sans-serif;
  font-size:12px;letter-spacing:1px;text-decoration:none;
  transition:var(--ease);white-space:nowrap;box-shadow:var(--shadow-red);
}
.btn-yk:hover{background:var(--red-dark);transform:translateY(-2px);}

/* ═══════════════════════════════════════════════════════════════
   SEKMELER
   ═══════════════════════════════════════════════════════════════ */
.f-tabs-wrap{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;
  overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(12px);
}
.f-tabs-wrap::-webkit-scrollbar{display:none;}
.f-tabs{display:flex;}
.f-tab{
  padding:12px 18px;font-family:'Oswald',sans-serif;font-size:11px;
  letter-spacing:1px;color:var(--text-muted);text-decoration:none;
  border-bottom:3px solid transparent;display:flex;align-items:center;
  gap:7px;white-space:nowrap;transition:var(--ease);flex-shrink:0;
}
.f-tab:hover{color:var(--text);background:var(--red-soft);}
.f-tab.on{color:var(--red);border-bottom-color:var(--red);background:var(--primary-soft);}

/* ═══════════════════════════════════════════════════════════════
   KONU TABLOSU
   ═══════════════════════════════════════════════════════════════ */
.f-table{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden;
  margin-bottom:18px;backdrop-filter:blur(12px);
}
.f-th{
  display:grid;grid-template-columns:1fr 120px 120px 175px;
  padding:9px 20px;background:rgba(0,0,0,0.35);
  border-bottom:1px solid var(--border);
  font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;
}
body.light .f-th{background:rgba(0,0,0,0.04);}
.f-tr{
  display:grid;grid-template-columns:1fr 120px 120px 175px;
  padding:9px 20px;border-bottom:1px solid var(--border);
  align-items:center;transition:var(--ease);position:relative;
}
.f-tr:last-child{border-bottom:none;}
.f-tr:hover{background:var(--primary-soft);}
.f-tr-unread{border-left:3px solid var(--red);padding-left:17px;}

.f-tr-sol{display:flex;align-items:center;gap:12px;min-width:0;position:relative;}
.f-konu-link{
  font-size:13px;font-weight:600;color:var(--text);text-decoration:none;
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  margin-bottom:3px;transition:var(--ease);
}
.f-konu-link:hover{color:var(--red);}
.f-konu-alt{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.f-kat-chip{
  display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;
  font-size:10px;font-weight:700;text-decoration:none;transition:var(--ease);border:1px solid transparent;
}
.f-kat-chip:hover{opacity:.8;}

.f-num{text-align:center;}
.f-num-n{font-family:'Oswald',sans-serif;font-size:17px;color:var(--text);}
.f-num-l{font-size:10px;color:var(--text-muted);margin-top:2px;}

.f-sn{display:flex;align-items:center;gap:8px;min-width:0;}
.f-sn-ad{font-size:12px;color:var(--red);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f-sn-z{font-size:10px;color:var(--text-muted);margin-top:2px;}

.f-more{
  display:block;text-align:center;padding:12px;
  background:rgba(0,0,0,0.2);border-top:1px solid var(--border);
  font-size:12px;color:var(--text-muted);text-decoration:none;transition:var(--ease);
}
.f-more:hover{color:var(--red);background:var(--red-soft);}

.icon-pin{color:#f59e0b;font-size:10px;}
.icon-lock{color:var(--text-muted);font-size:10px;}
.etiket{
  display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;
  font-size:9px;font-weight:700;background:rgba(139,92,246,0.12);
  color:#a78bfa;border:1px solid rgba(139,92,246,0.25);
}

/* Preview tooltip */
.f-preview-tip{
  display:none;position:absolute;left:44px;top:50%;transform:translateY(-50%);
  margin-left:8px;background:rgba(17,17,17,0.97);border:1px solid var(--border-hot);
  border-radius:var(--r-lg);padding:13px 16px;z-index:500;
  width:340px;max-width:80vw;box-shadow:var(--shadow);
  font-size:12px;color:var(--text-muted);line-height:1.6;pointer-events:none;
}
body.light .f-preview-tip{background:rgba(255,255,255,0.98);}
.f-tr-sol:hover .f-preview-tip{display:block;}
.f-preview-tip strong{display:block;font-size:13px;color:var(--text);margin-bottom:6px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:6px;}

.btn-okundu{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--red-soft);border:1px solid var(--border-hot);
  color:var(--red);padding:7px 13px;border-radius:var(--r-md);
  font-size:11px;font-weight:600;cursor:pointer;transition:var(--ease);
}
.btn-okundu:hover{background:rgba(var(--primary-rgb),0.2);}

.f-arama-kart{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-md);margin-bottom:6px;overflow:hidden;transition:var(--ease);
}
.f-arama-kart:hover{border-color:var(--border-hot);}
.f-arama-kart a{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;}

/* ═══════════════════════════════════════════════════════════════
   KATEGORİLER
   ═══════════════════════════════════════════════════════════════ */
.f-section-label{
  font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:2px;
  color:var(--text-muted);text-transform:uppercase;
  margin:24px 0 10px;display:flex;align-items:center;gap:9px;
}
.f-section-label::after{content:'';flex:1;height:1px;background:var(--border);}

.f-kat-wrap{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;margin-bottom:10px;
  transition:var(--ease);backdrop-filter:blur(12px);
}
.f-kat-wrap:hover{border-color:var(--border-hot);}
.f-kat-row{
  display:grid;grid-template-columns:1fr 85px 85px 195px;
  padding:16px 20px;border-bottom:1px solid var(--border);
  align-items:center;transition:var(--ease);
}
.f-kat-row:last-child{border-bottom:none;}
.f-kat-row:hover{background:rgba(var(--primary-rgb),0.04);}
.f-kat-sol{display:flex;align-items:center;gap:14px;}
.f-kat-ico{
  width:46px;height:46px;border-radius:var(--r-lg);
  display:flex;align-items:center;justify-content:center;
  font-size:19px;flex-shrink:0;transition:var(--ease);
}
.f-kat-wrap:hover .f-kat-ico{transform:scale(1.06);}
.f-kat-ad-link{
  font-family:'Oswald',sans-serif;font-size:14px;color:var(--text);
  text-decoration:none;letter-spacing:.5px;display:block;margin-bottom:3px;transition:var(--ease);
}
.f-kat-ad-link:hover{color:var(--red);}
.f-kat-desc{font-size:12px;color:var(--text-muted);}
.f-kat-n{text-align:center;}
.f-kat-n-num{font-family:'Oswald',sans-serif;font-size:19px;color:var(--text);}
.f-kat-n-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;}
.f-kat-sn{display:flex;align-items:center;gap:9px;min-width:0;}
.f-kat-sn a{
  font-size:12px;color:var(--text);font-weight:600;text-decoration:none;
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:145px;transition:var(--ease);
}
.f-kat-sn a:hover{color:var(--red);}
.f-kat-sn-meta{font-size:10px;color:var(--text-muted);margin-top:2px;}
.alt-kat-row{
  display:grid;grid-template-columns:1fr 85px 85px 195px;
  padding:10px 20px 10px 80px;border-bottom:1px solid var(--border);
  background:rgba(0,0,0,0.15);align-items:center;transition:var(--ease);
}
body.light .alt-kat-row{background:rgba(0,0,0,0.03);}
.alt-kat-row:last-child{border-bottom:none;}
.alt-kat-row:hover{background:rgba(var(--primary-rgb),0.04);}

/* ═══════════════════════════════════════════════════════════════
   ONLİNE BÖLÜMÜ
   ═══════════════════════════════════════════════════════════════ */
.f-online{
  background:var(--bg-card);border:1px solid rgba(34,197,94,0.14);
  border-radius:var(--r-lg);padding:16px 20px;margin-top:14px;backdrop-filter:blur(12px);
}
.f-online-h{
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:1px;
  color:var(--text-muted);text-transform:uppercase;margin-bottom:11px;
  display:flex;align-items:center;gap:7px;
}
.online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:blink 1.5s infinite;display:inline-block;}
.f-online-list{display:flex;flex-wrap:wrap;gap:6px;}
.f-online-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.18);
  color:#4ade80;padding:5px 12px;border-radius:20px;font-size:11px;
  text-decoration:none;transition:var(--ease);font-weight:500;
}
.f-online-chip:hover{background:rgba(34,197,94,0.16);color:#22c55e;}

/* ═══════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════ */
.f-footer{background:rgba(10,10,10,0.97);border-top:1px solid var(--border);}
body.light .f-footer{background:rgba(255,255,255,0.97);}
.f-footer-inner{
  max-width:1600px;margin:0 auto;padding:18px 26px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
}
.f-footer-left{display:flex;align-items:center;gap:14px;}
.f-footer-logo{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:1.5px;}
.f-footer-logo span{color:var(--red);}
.f-footer-stat{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:5px;}
.f-online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;}
.f-footer-links{display:flex;gap:16px;}
.f-footer-links a{font-size:12px;color:var(--text-muted);text-decoration:none;transition:var(--ease);}
.f-footer-links a:hover{color:var(--red);}
.f-footer-copy{font-size:11px;color:var(--text-dim);}

/* ═══════════════════════════════════════════════════════════════
   ÜYELER LİSTESİ
   ═══════════════════════════════════════════════════════════════ */
.uy-kart-adi{color:var(--text);}
.uy-stat-n{color:var(--text);}
.uy-sira-btn{
  background:var(--red-soft);border:1px solid var(--border);color:var(--text-muted);
  padding:6px 13px;border-radius:var(--r-md);font-size:12px;cursor:pointer;transition:var(--ease);
}
.uy-sira-btn:hover{color:var(--text);border-color:var(--border-hot);}
.uy-sira-btn.on{background:rgba(var(--primary-rgb),0.15);border-color:var(--border-hot);color:var(--red);}
.uy-harf-btn{color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 7px;border-radius:var(--r-sm);font-size:12px;transition:var(--ease);}
.uy-harf-btn:hover{color:var(--red);}
.uy-harf-btn.on{color:var(--red);background:var(--red-soft);}
.uy-count{color:var(--text-muted);}
.uy-ref{color:#d97706;}

/* ═══════════════════════════════════════════════════════════════
   REP SİSTEMİ
   ═══════════════════════════════════════════════════════════════ */
.rep-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;}
.rep-badge.pozitif{background:rgba(34,197,94,0.12);color:#22c55e;border:1px solid rgba(34,197,94,0.3);}
.rep-badge.negatif{background:rgba(239,68,68,0.12);color:#ef4444;border:1px solid rgba(239,68,68,0.3);}
.rep-badge.notr{background:var(--red-soft);color:var(--text-muted);border:1px solid var(--border);}
.btn-rep{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.2);
  color:#22c55e;padding:5px 11px;border-radius:20px;font-size:11px;cursor:pointer;transition:var(--ease);
}
.btn-rep:hover{background:rgba(34,197,94,0.18);border-color:rgba(34,197,94,0.4);}

.rep-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:10000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.rep-modal-overlay.acik{display:flex;}
.rep-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);width:400px;max-width:90vw;box-shadow:var(--shadow);overflow:hidden;}
body.light .rep-modal{background:rgba(255,255,255,0.98);}
.rep-modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:14px;color:var(--text);letter-spacing:1px;}
.rep-modal-head button{background:none;border:none;color:var(--text-muted);font-size:19px;cursor:pointer;}
.rep-modal-body{padding:19px;}
.rep-modal-body label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:5px;font-weight:600;letter-spacing:.5px;}
.rep-modal-body select,.rep-modal-body input,.rep-modal-body textarea{
  width:100%;background:var(--red-soft);border:1px solid var(--border);
  color:var(--text);padding:9px 13px;border-radius:var(--r-md);
  font-size:13px;outline:none;transition:var(--ease);font-family:inherit;margin-bottom:13px;
}
body.light .rep-modal-body select,body.light .rep-modal-body input,body.light .rep-modal-body textarea{background:#f8fafc;color:#0f172a;}
.rep-modal-body select:focus,.rep-modal-body input:focus,.rep-modal-body textarea:focus{border-color:var(--red);}
.rep-modal-body textarea{resize:vertical;min-height:58px;}
.btn-rep-gonder{
  width:100%;padding:11px;background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;border:none;border-radius:var(--r-md);font-size:14px;font-weight:700;cursor:pointer;transition:var(--ease);
}
.btn-rep-gonder:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(34,197,94,0.35);}

/* ═══════════════════════════════════════════════════════════════
   ÖNE ÇIKARANLAR
   ═══════════════════════════════════════════════════════════════ */
.one-cikan-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:18px;backdrop-filter:blur(12px);}
.one-cikan-head{display:flex;align-items:center;gap:8px;padding:13px 19px;border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:1px;color:var(--text);background:rgba(0,0,0,0.25);}
body.light .one-cikan-head{background:rgba(0,0,0,0.03);}
.one-cikan-head i{color:#f59e0b;}
.one-cikan-item{display:flex;align-items:center;gap:11px;padding:10px 19px;border-bottom:1px solid var(--border);text-decoration:none;transition:var(--ease);}
.one-cikan-item:last-child{border-bottom:none;}
.one-cikan-item:hover{background:var(--red-soft);}
.one-cikan-item .oci-num{width:23px;height:23px;border-radius:5px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.one-cikan-item .oci-title{font-size:13px;color:var(--text);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ═══════════════════════════════════════════════════════════════
   MOBİL POST (konu.php)
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:600px){
  .post{flex-direction:column !important;}
  .post-yazar{display:flex !important;width:100% !important;flex-direction:row !important;align-items:center !important;padding:11px 14px !important;border-right:none !important;border-bottom:1px solid var(--border) !important;gap:9px !important;}
  .post-yazar .av-wrap{flex-shrink:0;}
  .post-yazar .av-wrap img,.post-yazar .av-wrap .av-ph{width:38px !important;height:38px !important;}
  .post-ad{font-size:13px !important;}
  .post-istat{display:inline !important;margin-right:7px;}
  .post-imza{display:none;}
  .post-icerik{padding:13px 14px !important;}
  .post-ust-bar{flex-direction:column !important;align-items:flex-start !important;gap:5px !important;}
  .post-footer{flex-direction:column !important;gap:7px !important;align-items:flex-start !important;}
  .post-actions{flex-wrap:wrap !important;}
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:1200px){.f-layout{grid-template-columns:1fr 255px;gap:16px;}}
@media(max-width:960px){.f-layout{grid-template-columns:1fr;}.f-sidebar{display:none;}}
@media(max-width:768px){
  .f-topbar-inner{padding:0 13px;height:62px;}
  .f-stat-bar{display:none;}
  .f-user-name{display:none;}
  .f-main-wrap{padding:14px 13px 70px;}
  .f-hero{padding:18px;}
  .f-hero-left h1{font-size:21px;}
  .f-th,.f-tr{grid-template-columns:1fr 75px;}
  .f-th > *:nth-child(n+3),.f-tr > *:nth-child(n+3){display:none;}
  .f-kat-row,.alt-kat-row{grid-template-columns:1fr 65px;}
  .f-kat-row > *:nth-child(n+3),.alt-kat-row > *:nth-child(n+3){display:none;}
}