/* ═══════════════════════════════════════════════════════════════════════════
   CENTRAL V — V2 DESIGN SYSTEM  ("Dijital Operasyon Merkezi")
   ─────────────────────────────────────────────────────────────────────────
   Bu dosya style.css → sayfa inline stilleri → premium.css → dm.css'ten
   SONRA yüklenir ve V2 görsel dilini kesinleştirir.

   Dil: graphite & steel. Saf siyah yerine katmanlı soğuk grafit derinlik,
   fırçalanmış metal yüzeyler, ince hatlar, kontrollü ışık. Neon yok,
   abartı yok — pahalı, sakin güç.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Derinlik skalası — soğuk grafit */
  --v2-void:    #04050a;
  --v2-deep:    #070a10;
  --v2-base:    #0a0d14;
  --v2-raised:  #10141c;
  --v2-high:    #161b25;

  /* Hatlar */
  --v2-line:        rgba(170,190,215,.10);
  --v2-line-strong: rgba(180,200,225,.22);
  --v2-line-hot:    rgba(220,235,255,.45);

  /* Metin */
  --v2-text:   #eef2f8;
  --v2-muted:  rgba(210,222,238,.56);
  --v2-faint:  rgba(200,214,232,.32);

  /* Çelik vurgu — tek, kontrollü accent */
  --v2-steel:      #aebfd4;
  --v2-steel-dim:  rgba(174,191,212,.5);
  --v2-glow:       rgba(190,210,235,.14);

  /* Yüzey reçeteleri */
  --v2-metal: linear-gradient(168deg, #141923 0%, #0c1018 46%, #080b11 100%);
  --v2-metal-hover: linear-gradient(168deg, #1a2030 0%, #0f131c 46%, #0a0d14 100%);
  --v2-edge: inset 0 1px 0 rgba(220,235,255,.07), inset 0 0 0 1px rgba(170,190,215,.04);
  --v2-shadow: 0 24px 70px rgba(0,0,0,.6);
  --v2-shadow-lift: 0 34px 90px rgba(0,0,0,.72), 0 0 0 1px rgba(190,210,235,.06);

  --v2-r: 12px;
  --v2-r-sm: 9px;
  --v2-ease: cubic-bezier(.2,.8,.2,1);
  --v2-t-fast: .16s;
  --v2-t: .22s;

  /* premium.css token köprüsü: kart ailesi radius/golge V2'ye iner */
  --cv-radius: 14px;
  --cv-radius-sm: 10px;
  --cv-shadow: var(--v2-shadow);
  --cv-line: var(--v2-line);
  --cv-muted: var(--v2-muted);
}

/* ─── 1 · ATMOSFER ────────────────────────────────────────────────────────
   Saf siyah boşluk yerine: soğuk grafit zemin + radyal derinlik + tepe ışık
   süpürmesi + ince grid + hafif noise. İçeriği asla boğmaz. */
html { background: var(--v2-void) !important; }
body {
  background:
    radial-gradient(1100px 520px at 50% -180px, rgba(150,175,210,.085), transparent 62%),
    radial-gradient(900px 600px at 12% 8%, rgba(120,145,180,.05), transparent 58%),
    radial-gradient(1000px 700px at 92% 90%, rgba(110,135,170,.04), transparent 60%),
    linear-gradient(180deg, #060810 0%, #04050a 44%, #05070c 100%) !important;
  color: var(--v2-text) !important;
}

/* Grid + diyagonal hairline dokusu */
body::before {
  background-image:
    linear-gradient(rgba(170,195,225,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(170,195,225,.04) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: .2 !important;
  -webkit-mask-image: radial-gradient(circle at 50% 32%, #000 0%, transparent 78%) !important;
          mask-image: radial-gradient(circle at 50% 32%, #000 0%, transparent 78%) !important;
}
/* Scanline yerine: çok ince noise (SVG tile — asset yok, ağ isteği yok) */
body::after {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E") repeat,
    repeating-linear-gradient(0deg, rgba(200,220,245,.011) 0 1px, transparent 1px 4px) !important;
  opacity: .14 !important;
}

::selection { background: var(--v2-steel); color: #060810; }

/* Global scrollbar — operasyon paneli hissi */
* { scrollbar-width: thin; scrollbar-color: rgba(170,190,215,.22) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(170,190,215,.26), rgba(170,190,215,.14));
  border-radius: 8px;
  border: 2px solid #05070c;
}
::-webkit-scrollbar-thumb:hover { background: rgba(190,210,235,.36); }

/* Erişilebilir, premium focus halkası */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid rgba(190,210,235,.55) !important;
  outline-offset: 2px;
  border-radius: 6px;
}

/* ─── 2 · TİPOGRAFİ ──────────────────────────────────────────────────────── */
.page-header h1, .section-title {
  color: var(--v2-text) !important;
  text-shadow: 0 0 34px rgba(190,210,235,.16) !important;
}
/* Başlık altı çelik çizgi — marka imzası */
.page-header h1::after {
  content: '';
  display: block;
  width: 64px; height: 2px;
  margin: 16px auto 0;
  background: linear-gradient(90deg, transparent, var(--v2-steel), transparent);
  box-shadow: 0 0 16px rgba(174,191,212,.45);
}
.page-header p { color: var(--v2-muted) !important; letter-spacing: .02em; }

/* Kicker/etiket dili her yerde aynı */
.msg-kicker, .dm-head-kicker, .cd-lbl, .stat-name, .stat-lbl,
.adm-stat-lbl, .asset-label, .nt-stat-label, .f3-stat-label {
  color: var(--v2-faint) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}

/* Sayısal değerler — Orbitron, çelik parıltı */
.stat-num, .stat-val, .adm-stat-val, .cd-num, .nt-stat-value, .f3-stat-val, .asset-stat {
  font-family: 'Orbitron', sans-serif !important;
  color: var(--v2-text) !important;
  text-shadow: 0 0 26px rgba(174,191,212,.22);
}

/* ─── 3 · BUTONLAR — pill yerine keskin profesyonel radius ───────────────── */
.btn, .btn-submit, .btn-save, .btn-edit, .reply-send-btn, .qa-btn {
  border-radius: 10px !important;
  letter-spacing: .09em !important;
}
.btn-primary, .btn-submit, .btn-save {
  background: linear-gradient(178deg, #ffffff 0%, #dde5ee 55%, #f2f6fb 100%) !important;
  color: #070a10 !important;
  border-color: rgba(255,255,255,.92) !important;
  box-shadow: 0 12px 36px rgba(190,210,235,.14), inset 0 1px 0 #fff, inset 0 -8px 18px rgba(140,165,200,.16) !important;
}
.btn-primary:hover:not(:disabled),
.btn-submit:hover:not(:disabled),
.btn-save:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 50px rgba(190,210,235,.2), inset 0 1px 0 #fff !important;
}
.btn-outline, .btn-edit, .filter-btn, .gf-btn, .cat-btn, .qa-btn {
  background: linear-gradient(170deg, rgba(190,210,235,.07), rgba(190,210,235,.02)) !important;
  border-color: var(--v2-line-strong) !important;
  color: rgba(225,235,248,.88) !important;
}
.btn-outline:hover, .btn-edit:hover,
.filter-btn:hover, .filter-btn.active,
.gf-btn:hover, .gf-btn.active,
.cat-btn:hover, .cat-btn.active {
  background: linear-gradient(170deg, rgba(190,210,235,.13), rgba(190,210,235,.05)) !important;
  border-color: var(--v2-line-hot) !important;
}
.btn:active:not(:disabled), .notif-btn:active, .dm-icon-btn:active { transform: translateY(0) scale(.97) !important; }

/* ─── 4 · FORM ELEMANLARI ────────────────────────────────────────────────── */
.form-group input, .form-group select, .form-group textarea,
.filter-input, .wiki-textarea, .write-textarea, .write-select,
.comment-input, .new-post-form input, .new-post-form textarea,
.dev-form input, .dev-form textarea,
.msg-search-input, .msg-textarea, .dm-search-input, .dm-textarea {
  background: linear-gradient(180deg, rgba(4,6,10,.7), rgba(10,14,20,.55)) !important;
  border: 1px solid var(--v2-line-strong) !important;
  border-radius: var(--v2-r-sm) !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.35), inset 0 1px 0 rgba(0,0,0,.4) !important;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus,
.filter-input:focus, .write-textarea:focus, .comment-input:focus,
.msg-search-input:focus, .msg-textarea:focus,
.dm-search-input:focus, .dm-textarea:focus {
  border-color: rgba(190,210,235,.55) !important;
  box-shadow: 0 0 0 3px rgba(174,191,212,.1), inset 0 2px 8px rgba(0,0,0,.3) !important;
  background: linear-gradient(180deg, rgba(10,14,22,.8), rgba(14,19,28,.7)) !important;
}
.form-group label { color: var(--v2-muted) !important; }

/* ─── 5 · YÜZEYLER — kart ailesi V2 metal ───────────────────────────────────
   premium.css'in tüm kart ailesi + V2'de eklenen sayfa kartları. */
.card, .db-card, .stat-card, .adm-stat, .webhook-card, .app-type-card,
.app-form-card, .guest-box, .rule-card, .warning-box, .wiki-card,
.wiki-content-panel, .new-post-form, .forum-sidebar, .post-card, .post-view,
.reply-form, .gallery-item, .sec-card, .modal-box, .auth-box, .prof-hero,
.db-hero, .wl-banner, .private-box, .hist-card, .modal-bg > .modal,
.modal-bg .em-box,
.bleet-card, .write-card, .comm-card, .faction-card, .f3-panel-card,
.f3-roster-card, .f3-sidebar, .rank-card, .rank-form-card, .q-card,
.app-review-card, .nt-card, .asset-card, .char-card, .dev-item,
.reply-card, .cv-modal-content, .tweedle-modal .tweedle-profile, .panel {
  background:
    linear-gradient(150deg, rgba(190,210,235,.055), rgba(190,210,235,.012) 38%, rgba(2,4,8,.5) 100%),
    var(--v2-metal) !important;
  border: 1px solid var(--v2-line) !important;
  box-shadow: var(--v2-shadow), var(--v2-edge) !important;
  /* Perf: kartlarda blur yok (uzun feed'ler); cam efekti navbar/dropdown/drawer'da */
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* Hover edilebilir kartlar: kalkış + çelik kenar */
.card:hover, .db-card:hover, .stat-card:hover, .adm-stat:hover,
.app-type-card:hover:not(.locked), .rule-card:hover, .wiki-card:hover,
.post-card:hover, .sec-card:hover, .hist-card:hover, .bleet-card:hover,
.comm-card:hover, .faction-card:hover, .f3-roster-card:hover,
.nt-card:hover, .asset-card:hover, .char-card:hover {
  border-color: var(--v2-line-strong) !important;
  box-shadow: var(--v2-shadow-lift), var(--v2-edge) !important;
  background:
    linear-gradient(150deg, rgba(190,210,235,.085), rgba(190,210,235,.02) 38%, rgba(2,4,8,.45) 100%),
    var(--v2-metal-hover) !important;
}
/* Üst kenar çelik hairline — metal levha hissi
   (overflow:hidden yalnızca hairline taşıyan kartlarda; içinde dropdown
   barındırabilecek panelleri kırpmamak için aile geneline uygulanmaz) */
.stat-card, .adm-stat, .app-type-card { position: relative; overflow: hidden; }
.db-hero { position: relative; }
.stat-card::after, .adm-stat::after, .app-type-card::after, .db-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 8%; right: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(190,210,235,.4), transparent);
  pointer-events: none;
}

/* Hero panelleri (dashboard/profil) — geniş metal plaka */
.db-hero, .prof-hero { overflow: hidden; }
.db-hero::after, .prof-hero::after {
  background:
    radial-gradient(560px 200px at 85% 0%, rgba(174,191,212,.1), transparent 70%),
    linear-gradient(130deg, rgba(220,235,255,.08), transparent 30%) !important;
  opacity: .8 !important;
}

/* ─── 6 · TABLOLAR ───────────────────────────────────────────────────────── */
.table-wrap {
  border: 1px solid var(--v2-line-strong) !important;
  border-radius: var(--v2-r) !important;
  background: rgba(5,7,12,.6) !important;
  box-shadow: var(--v2-shadow), var(--v2-edge) !important;
}
thead th {
  background: linear-gradient(180deg, rgba(174,191,212,.1), rgba(174,191,212,.04)) !important;
  color: var(--v2-muted) !important;
  letter-spacing: .12em !important;
  border-bottom: 1px solid var(--v2-line-strong) !important;
}
tbody td { border-bottom: 1px solid rgba(170,190,215,.05) !important; }
tbody tr { transition: background var(--v2-t-fast) ease; }
tbody tr:hover td { background: rgba(174,191,212,.06) !important; }

/* ─── 7 · SEKMELER / FİLTRELER ───────────────────────────────────────────── */
.page-tab, .adm-tab, .nt-tab, .mgmt-tab-btn, .profile-tab {
  border-radius: var(--v2-r-sm) !important;
  letter-spacing: .08em !important;
}
.page-tab.active, .adm-tab.active, .nt-tab.active, .mgmt-tab-btn.active, .profile-tab.active {
  background: linear-gradient(180deg, rgba(190,210,235,.16), rgba(190,210,235,.07)) !important;
  border-color: var(--v2-line-hot) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(220,235,255,.14), 0 8px 24px rgba(0,0,0,.3) !important;
}
.page-tab.active::after, .adm-tab.active::after {
  background: linear-gradient(90deg, transparent, var(--v2-steel), transparent) !important;
  box-shadow: 0 0 14px rgba(174,191,212,.55) !important;
}

/* ─── 8 · BADGE / NOTICE / TOAST ─────────────────────────────────────────── */
.badge, .user-role, .wl-badge, .badge-role, .badge-private, .dur-pill, .nt-pill, .fc-badge, .f3-chip, .comm-badge {
  border: 1px solid var(--v2-line-strong) !important;
  border-radius: 7px !important;
  letter-spacing: .1em !important;
  box-shadow: inset 0 1px 0 rgba(220,235,255,.08);
}
.notice {
  border-radius: var(--v2-r) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.3), var(--v2-edge) !important;
}
.toast {
  border-radius: 10px !important;
  border: 1px solid rgba(220,235,255,.22) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.25) !important;
  letter-spacing: .03em;
}

/* ─── 9 · DROPDOWN / MODAL ───────────────────────────────────────────────── */
.user-dropdown, .notif-dropdown, .nav-more-menu, .cd-options {
  background:
    linear-gradient(165deg, rgba(190,210,235,.06), transparent 42%),
    rgba(9,12,18,.985) !important;
  border: 1px solid var(--v2-line-strong) !important;
  border-radius: var(--v2-r) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.75), var(--v2-edge) !important;
  backdrop-filter: blur(20px) saturate(125%);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
}
.user-dropdown a:hover, .nav-more-menu a:hover, .nav-more-menu a.active {
  background: rgba(174,191,212,.1) !important;
}
.dd-head { border-bottom: 1px solid var(--v2-line) !important; }
.notif-head {
  background: linear-gradient(180deg, rgba(174,191,212,.07), transparent) !important;
  letter-spacing: .1em;
}
.notif-item.unread {
  background: rgba(174,191,212,.06) !important;
  border-color: rgba(174,191,212,.14) !important;
}
.modal-bg, .modal.open, .cv-modal, .lightbox {
  background: rgba(2,4,8,.78) !important;
  backdrop-filter: blur(12px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
}

/* ─── 10 · NAVBAR V2 ─────────────────────────────────────────────────────── */
.navbar {
  background:
    linear-gradient(180deg, rgba(8,11,17,.92), rgba(6,9,14,.66)) !important;
  border-bottom: 1px solid rgba(170,190,215,.14) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55), inset 0 -1px 0 rgba(190,210,235,.04) !important;
}
.navbar::after {
  background: linear-gradient(90deg, transparent 4%, rgba(190,210,235,.5) 50%, transparent 96%) !important;
  opacity: .55 !important;
}
.logo { text-shadow: 0 0 26px rgba(190,210,235,.22) !important; }
.logo img {
  height: 40px !important;
  filter: drop-shadow(0 0 16px rgba(190,210,235,.28)) !important;
}
.logo span { opacity: .6 !important; color: var(--v2-steel-dim); }

/* Nav linkler: pill yerine keskin sekme + alt çizgi parıltısı */
.nav-links a {
  border-radius: 8px !important;
  padding: 9px 13px !important;
  color: rgba(212,224,240,.66) !important;
}
.nav-links a:hover, .nav-links a.active {
  background: rgba(174,191,212,.08) !important;
  border-color: rgba(174,191,212,.16) !important;
  color: #fff !important;
}
.nav-links a.active { position: relative; }
.nav-links a.active::before {
  content: '';
  position: absolute;
  left: 18%; right: 18%; bottom: -2px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--v2-steel), transparent);
  box-shadow: 0 0 12px rgba(174,191,212,.6);
  pointer-events: none;
}
.nav-more-btn {
  border-radius: 8px !important;
  background: rgba(174,191,212,.06);
  border-color: var(--v2-line-strong);
}
/* İkon butonları (DM, bildirim) — çelik çerçeve */
.notif-btn {
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(190,210,235,.09), rgba(190,210,235,.03)) !important;
  border: 1px solid var(--v2-line-strong) !important;
}
.notif-btn:hover, .notif-btn:focus-visible {
  border-color: var(--v2-line-hot) !important;
  box-shadow: 0 0 20px rgba(174,191,212,.14) !important;
}
.notif-badge {
  border: 1px solid rgba(255,255,255,.4) !important;
  box-shadow: 0 4px 14px rgba(230,57,70,.4);
}
.user-btn {
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(190,210,235,.08), rgba(190,210,235,.03)) !important;
  border: 1px solid var(--v2-line-strong) !important;
}
.user-btn:hover { border-color: var(--v2-line-hot) !important; }

/* ─── 11 · MOBİL NAV — modern yan drawer ─────────────────────────────────── */
.mobile-nav {
  width: min(370px, 92vw) !important;
  border-right: 1px solid var(--v2-line-strong);
  background:
    radial-gradient(420px 240px at 0% 0%, rgba(174,191,212,.1), transparent 64%),
    linear-gradient(165deg, #0b0e15, #060810) !important;
  box-shadow: 40px 0 110px rgba(0,0,0,.7);
  padding-top: 64px !important;
}
/* Dev box-shadow ile arka plan karartması (ek element gerekmez) */
.mobile-nav.active {
  animation: v2DrawerIn .26s var(--v2-ease) !important;
  box-shadow: 40px 0 110px rgba(0,0,0,.7), 0 0 0 100vmax rgba(2,4,8,.6);
}
@keyframes v2DrawerIn {
  from { transform: translateX(-56px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}
.mob-links a {
  border-radius: 10px !important;
  border: 1px solid transparent;
  font-size: .95rem !important;
  letter-spacing: .06em;
  transition: background var(--v2-t-fast) ease, border-color var(--v2-t-fast) ease, transform var(--v2-t-fast) ease;
}
.mob-links a:hover, .mob-links a.active {
  background: rgba(174,191,212,.1) !important;
  border-color: rgba(174,191,212,.18) !important;
  transform: translateX(3px);
}
.mob-user {
  background: linear-gradient(150deg, rgba(190,210,235,.09), rgba(190,210,235,.02)) !important;
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
}

/* ─── 12 · HERO / INDEX V2 ───────────────────────────────────────────────── */
.hero::before {
  background:
    radial-gradient(circle at 50% 36%, rgba(174,191,212,.13), transparent 26%),
    radial-gradient(circle at 16% 12%, rgba(150,175,210,.1), transparent 30%),
    linear-gradient(90deg, rgba(3,5,9,.92), transparent 26%, transparent 74%, rgba(3,5,9,.94)),
    linear-gradient(180deg, rgba(3,5,9,.4), rgba(3,5,9,.16) 42%, #04050a 100%) !important;
}
.hero::after {
  background: linear-gradient(90deg, transparent, rgba(190,210,235,.6), transparent) !important;
  box-shadow: 0 0 38px rgba(174,191,212,.32) !important;
}
.hero-bg img { filter: grayscale(1) contrast(1.16) brightness(.6) saturate(.9) !important; }
/* Marka filigranı — başlığın arkasında dev logo izi */
.hero-content { isolation: isolate; }
.hero-content::before {
  content: '';
  position: absolute;
  top: 46%; left: 50%;
  width: min(640px, 86vw); height: min(640px, 86vw);
  transform: translate(-50%, -50%);
  background: url('../images/newlogo.png') center / contain no-repeat;
  opacity: .05;
  filter: blur(1px) drop-shadow(0 0 40px rgba(190,210,235,.3));
  pointer-events: none;
  z-index: -1;
}
.hero h1 {
  text-shadow: 0 0 22px rgba(190,210,235,.24), 0 26px 70px rgba(0,0,0,.92) !important;
}
@supports (-webkit-text-stroke: 1px white) {
  .hero h1 span { -webkit-text-stroke: 1px rgba(190,210,235,.7) !important; }
}
.hero-badge {
  background: linear-gradient(180deg, rgba(10,14,22,.7), rgba(5,8,13,.55)) !important;
  border: 1px solid rgba(190,210,235,.26) !important;
}
.hero-chips span {
  border-radius: 8px !important;
  border-color: rgba(174,191,212,.16) !important;
  background: rgba(6,9,14,.5) !important;
}
.hero-chips span:hover { border-color: rgba(190,210,235,.4) !important; }
/* IP kutusu — komut satırı plakası */
.ip-box {
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(6,9,14,.8), rgba(4,6,10,.7)) !important;
  border: 1px solid var(--v2-line-strong) !important;
  box-shadow: inset 0 2px 10px rgba(0,0,0,.5), 0 16px 44px rgba(0,0,0,.4) !important;
}
.ip-box::before { content: '>'; color: var(--v2-steel); font-family: 'Orbitron', sans-serif; font-weight: 700; opacity: .7; }
.ip-box:hover { border-color: rgba(190,210,235,.5) !important; }
/* Geri sayım — metal hücreler */
.cd-box {
  border-radius: 10px !important;
  background:
    linear-gradient(150deg, rgba(190,210,235,.07), transparent 45%),
    linear-gradient(180deg, #0d1118, #070a10) !important;
  border: 1px solid var(--v2-line-strong) !important;
  box-shadow: var(--v2-edge), 0 14px 40px rgba(0,0,0,.45) !important;
}
.cd-num { text-shadow: 0 0 24px rgba(174,191,212,.3) !important; }
/* İstatistik bandı */
.stats-section {
  border-color: rgba(170,190,215,.12) !important;
  background:
    linear-gradient(90deg, transparent, rgba(174,191,212,.05), transparent),
    rgba(190,210,235,.012) !important;
}
.stats-row > div {
  border-radius: var(--v2-r) !important;
  border: 1px solid var(--v2-line) !important;
  background: linear-gradient(160deg, rgba(190,210,235,.05), rgba(190,210,235,.012)) !important;
}
/* Özellik kartları: çelik gradient çerçeve premium.css'ten gelir; ton uyumu */
.feat-card::before {
  background: linear-gradient(135deg, rgba(190,210,235,.34), transparent 36%, rgba(174,191,212,.12)) !important;
}
.feat-icon {
  border-radius: 12px !important;
  background: linear-gradient(160deg, rgba(190,210,235,.12), rgba(190,210,235,.04)) !important;
  border: 1px solid rgba(190,210,235,.18) !important;
  color: var(--v2-steel) !important;
}

/* ─── 13 · FOOTER V2 ─────────────────────────────────────────────────────── */
footer {
  position: relative;
  background:
    radial-gradient(620px 200px at 50% 0%, rgba(174,191,212,.06), transparent 70%),
    linear-gradient(180deg, #06080d, #04050a) !important;
  border-top: 1px solid rgba(170,190,215,.12) !important;
  padding: 46px 36px 34px !important;
}
footer::before {
  content: '';
  position: absolute;
  top: -1px; left: 12%; right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(190,210,235,.5), transparent);
  pointer-events: none;
}
.foot-logo { letter-spacing: 4px !important; text-shadow: 0 0 26px rgba(190,210,235,.2); }
.foot-logo img { height: 34px; margin: 0 auto 10px; filter: drop-shadow(0 0 14px rgba(190,210,235,.3)); }
.foot-tagline { color: var(--v2-faint); font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 18px; }
.foot-links a { letter-spacing: .08em; text-transform: uppercase; font-size: .78rem !important; }
.foot-copy { color: var(--v2-faint) !important; }

/* ─── 14 · DM DRAWER + MESSAGES V2 ──────────────────────────────────────── */
.dm-drawer {
  background:
    radial-gradient(480px 240px at 100% 0%, rgba(174,191,212,.08), transparent 64%),
    linear-gradient(165deg, #0b0e15 0%, #060810 100%);
  border-left: 1px solid var(--v2-line-strong);
}
.dm-head {
  background: linear-gradient(180deg, rgba(174,191,212,.06), transparent);
  border-bottom: 1px solid var(--v2-line);
}
.dm-tab.active {
  background: linear-gradient(180deg, rgba(190,210,235,.16), rgba(190,210,235,.07));
  border-color: var(--v2-line-hot);
  box-shadow: inset 0 1px 0 rgba(220,235,255,.12);
}
.dm-row {
  background: linear-gradient(160deg, rgba(190,210,235,.035), rgba(190,210,235,.008));
  border-color: var(--v2-line);
}
.dm-row:hover {
  background: linear-gradient(160deg, rgba(190,210,235,.08), rgba(190,210,235,.02));
  border-color: var(--v2-line-strong);
}
.dm-bubble-wrap.sent .dm-bubble,
.msg-bubble-wrap.sent .msg-bubble {
  background: linear-gradient(178deg, #f6f9fd, #dfe7f0) !important;
  color: #070a10 !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.dm-bubble-wrap.received .dm-bubble,
.msg-bubble-wrap.received .msg-bubble {
  background: linear-gradient(160deg, rgba(190,210,235,.1), rgba(190,210,235,.04)) !important;
  border: 1px solid var(--v2-line-strong) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
.dm-send-btn, .msg-send-btn {
  background: linear-gradient(178deg, #fff 0%, #dde5ee 55%, #f2f6fb 100%) !important;
  color: #070a10 !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 26px rgba(190,210,235,.14);
}
.dm-empty-icon, .msg-empty-icon {
  background: linear-gradient(160deg, rgba(190,210,235,.12), rgba(190,210,235,.03)) !important;
  border: 1px solid rgba(190,210,235,.2) !important;
  color: var(--v2-steel) !important;
}
/* /messages tam sayfa kabuğu V2 zeminine oturur */
.msg-wrap {
  background:
    linear-gradient(150deg, rgba(190,210,235,.05), rgba(190,210,235,.012) 40%, rgba(2,4,8,.55)),
    var(--v2-metal) !important;
  border: 1px solid var(--v2-line-strong) !important;
  border-radius: var(--v2-r) !important;
  box-shadow: var(--v2-shadow), var(--v2-edge) !important;
}
.msg-sidebar { background: rgba(5,7,12,.55) !important; }
.msg-tab.active {
  background: linear-gradient(180deg, rgba(190,210,235,.15), rgba(190,210,235,.06)) !important;
  border-color: var(--v2-line-hot) !important;
}
.msg-row-item {
  background: linear-gradient(160deg, rgba(190,210,235,.03), rgba(190,210,235,.008)) !important;
  border-color: var(--v2-line) !important;
  border-radius: var(--v2-r-sm) !important;
}
.msg-row-item:hover {
  background: linear-gradient(160deg, rgba(190,210,235,.08), rgba(190,210,235,.02)) !important;
  border-color: var(--v2-line-strong) !important;
}
.msg-chat::before { opacity: .12 !important; }

/* ─── 15 · ADMİN — operasyon paneli ──────────────────────────────────────── */
.adm-stat { padding-left: 22px !important; }
.adm-stat::before {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, rgba(190,210,235,.65), rgba(190,210,235,.1));
  box-shadow: 0 0 14px rgba(174,191,212,.4);
}
.adm-tab-bar {
  border-bottom: 1px solid var(--v2-line-strong) !important;
  background: linear-gradient(180deg, rgba(174,191,212,.03), transparent);
}
.log-row {
  border-radius: var(--v2-r-sm);
  border: 1px solid transparent;
  transition: background var(--v2-t-fast) ease, border-color var(--v2-t-fast) ease;
}
.log-row:hover { background: rgba(174,191,212,.06); border-color: var(--v2-line); }
.badge-num {
  background: var(--error, #e63946) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(230,57,70,.4);
}

/* ─── 16 · GALERİ / FORUM / TWEEDLE / ORG ───────────────────────────────── */
.gallery-item { border-radius: var(--v2-r) !important; }
.gallery-item img { filter: grayscale(.12) contrast(1.07) brightness(.96) !important; }
.gallery-overlay { background: linear-gradient(180deg, transparent 38%, rgba(2,4,8,.92)) !important; }

.post-card { border-radius: var(--v2-r) !important; }
.pc-title, .pv-title { letter-spacing: .02em; }
.pin-icon { color: var(--v2-steel) !important; }

.bleet-card { border-radius: var(--v2-r) !important; }
.bleet-avatar, .tweedle-profile-avatar, .comment-avatar {
  border: 1px solid rgba(190,210,235,.24) !important;
  box-shadow: 0 0 0 3px rgba(174,191,212,.06);
}
.bleet-btn { transition: color var(--v2-t-fast) ease, transform var(--v2-t-fast) ease; }
.bleet-btn:hover { transform: translateY(-1px); }

.f3-list-item, .f3-filter-chip {
  border-radius: var(--v2-r-sm) !important;
  transition: background var(--v2-t-fast) ease, border-color var(--v2-t-fast) ease, transform var(--v2-t-fast) ease;
}
.f3-list-item:hover { background: rgba(174,191,212,.07); transform: translateX(2px); }
.f3-status-dot { box-shadow: 0 0 10px currentColor; }

.nt-icon {
  border-radius: 10px !important;
  background: linear-gradient(160deg, rgba(190,210,235,.12), rgba(190,210,235,.04)) !important;
  border: 1px solid rgba(190,210,235,.16);
}

/* ─── 17 · AUTH SAYFALARI ───────────────────────────────────────────────── */
.auth-page {
  background:
    radial-gradient(820px 420px at 50% -120px, rgba(150,175,210,.1), transparent 64%),
    radial-gradient(700px 500px at 86% 88%, rgba(120,145,180,.06), transparent 60%),
    linear-gradient(160deg, #05070c 0%, #04050a 60%, #060810 100%) !important;
}
.auth-box { border-radius: 16px !important; }
.auth-logo img { filter: drop-shadow(0 0 22px rgba(190,210,235,.3)); }
.auth-logo-text { text-shadow: 0 0 34px rgba(190,210,235,.22) !important; }

/* ─── 18 · MİKRO ETKİLEŞİM STANDARDI ────────────────────────────────────── */
/* 150–250ms bandı; transform+renk; layout reflow yok */
.card, .btn, .notif-btn, .user-btn, .nav-links a, .dm-row, .msg-row-item,
.dm-tab, .msg-tab, .page-tab, .adm-tab, .mob-links a, .gallery-item,
.post-card, .bleet-card, .f3-list-item, .nt-card {
  transition-duration: var(--v2-t) !important;
  transition-timing-function: var(--v2-ease) !important;
}
/* Spotlight: ana sayfalarda içerik üst ışığı tonu */
.page-wrap::before, .app-wrap::before, .db-wrap::before, .adm-wrap::before,
.forum-wrap::before, .gallery-wrap::before, .rules-wrap::before,
.wiki-wrap::before, .prof-wrap::before, .nt-wrap::before {
  background: radial-gradient(circle, rgba(174,191,212,.09), transparent 62%) !important;
}
/* Boş durumlar — her yerde aynı ciddiyet */
.empty-state, .empty-posts, .empty-gallery, .nt-empty, .hist-empty, .notif-empty {
  color: var(--v2-muted) !important;
  letter-spacing: .02em;
}

/* ─── 19 · RESPONSIVE / PERFORMANS ──────────────────────────────────────── */
@media (max-width: 768px) {
  body::before { background-size: 44px 44px !important; opacity: .12 !important; }
  body::after { opacity: .08 !important; }
  .hero-content::before { width: 120vw; height: 120vw; opacity: .04; }
}
@media (max-width: 480px) {
  .page-header h1::after { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-nav.active, .dm-drawer, .dm-chat.open { animation: none !important; }
  .hero-bg img { animation: none !important; }
}
@media print {
  body::before, body::after, footer::before { display: none !important; }
}