/* ═══════════════════════════════════════════════════════════════════════════
   VD SECURIANALYST — CINEMATIC THEME V4 (Karanlığın İçinden Enerji)
   Felsefe: Tron × Apple × Institutional Trading Terminal.
   Karanlık premium teknoloji laboratuvarı. Glow geniş alanda + düşük opacity.
   Mor/magenta TAMAMEN temizlendi. Sadece cyan / electric blue / soft teal.
   Additive override. HTML/JS/diğer CSS sıfır temas. Sil = eski tema.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   1) TOKENS — Tron paleti, cinematic ölçü
   ════════════════════════════════════════════════════════════ */
:root {
  /* Karanlık katmanlar (siyah dominant) */
  --v4-bg-deep:    #02050D;
  --v4-bg:         #050816;
  --v4-bg-panel:   #07111F;
  --v4-bg-panel-2: #0a1628;
  --v4-bg-elev:    #0d1d36;

  /* Cyan + electric blue + soft teal (mor YOK) */
  --v4-cyan:       #00D1FF;
  --v4-cyan-br:    #5cdfff;
  --v4-cyan-soft:  #4dd9ff;
  --v4-teal:       #00e8d6;
  --v4-teal-soft:  #5cf2e3;
  --v4-blue:       #007BFF;
  --v4-blue-elec:  #2b8eff;
  --v4-blue-deep:  #0056b3;

  /* Semantik */
  --v4-success:    #00FFA3;
  --v4-success-d:  #00cc83;
  --v4-danger:     #FF3B6B;
  --v4-danger-d:   #cc2f55;
  --v4-warn:       #FFC247;

  /* Tipografi */
  --v4-text:       #EAF6FF;
  --v4-text-2:     #7FA9C9;
  --v4-text-3:     #4a6a85;
  --v4-text-muted: #2e4862;

  /* Border'lar (default görünmez, hover'da Tron) */
  --v4-border:        rgba(255,255,255,0.06);
  --v4-border-hi:     rgba(0,209,255,0.22);
  --v4-border-strong: rgba(0,209,255,0.38);
  --v4-border-active: rgba(0,209,255,0.55);

  /* GLOW SİSTEMİ — geniş alan + düşük opacity (Tron felsefesi) */
  --v4-glow-xs:    0 0 20px rgba(0,209,255,0.18);
  --v4-glow-s:     0 0 32px rgba(0,209,255,0.22);
  --v4-glow-m:     0 0 56px rgba(0,209,255,0.26);
  --v4-glow-l:     0 0 96px rgba(0,209,255,0.30);
  --v4-glow-xl:    0 0 140px rgba(0,209,255,0.32);
  --v4-glow-blue-m: 0 0 56px rgba(0,123,255,0.24);
  --v4-glow-blue-l: 0 0 96px rgba(0,123,255,0.28);
  --v4-glow-teal-m: 0 0 56px rgba(0,232,214,0.22);

  /* Shadow ölçeği (derinlik) */
  --v4-shadow-1: 0 4px 12px rgba(0,0,0,0.45);
  --v4-shadow-2: 0 12px 36px rgba(0,0,0,0.60);
  --v4-shadow-3: 0 28px 72px rgba(0,0,0,0.72);

  /* Cinematic kart kompoziti */
  --v4-card-shadow:
    0 0 0 1px var(--v4-border),
    0 14px 48px rgba(0,0,0,0.6),
    inset 0 1px 0 rgba(255,255,255,0.03),
    inset 0 -40px 80px rgba(0,0,0,0.25);
  --v4-card-shadow-hover:
    0 0 0 1px var(--v4-border-strong),
    0 24px 72px rgba(0,0,0,0.72),
    0 0 56px rgba(0,209,255,0.22),
    0 0 120px rgba(0,123,255,0.12),
    inset 0 1px 0 rgba(255,255,255,0.06);

  /* Yüzeyler */
  --v4-grad-panel: linear-gradient(180deg, rgba(13,29,54,0.92) 0%, rgba(7,17,31,0.96) 60%, rgba(2,5,13,0.98) 100%);
  --v4-grad-panel-elev: linear-gradient(180deg, rgba(20,42,72,0.85) 0%, rgba(10,22,40,0.96) 60%, rgba(2,5,13,0.99) 100%);
  --v4-grad-cta: linear-gradient(135deg, var(--v4-cyan) 0%, var(--v4-blue) 100%);
  --v4-grad-cta-hover: linear-gradient(135deg, var(--v4-cyan-br) 0%, var(--v4-blue-elec) 100%);
  --v4-grad-text: linear-gradient(120deg, var(--v4-text) 15%, var(--v4-cyan) 60%, var(--v4-blue) 100%);
  --v4-grad-text-cyan: linear-gradient(90deg, var(--v4-cyan), var(--v4-teal));

  /* Geometri */
  --v4-radius: 14px;
  --v4-radius-sm: 10px;
  --v4-radius-lg: 20px;

  /* Easing — Apple-style */
  --v4-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --v4-ease-emph: cubic-bezier(0.16, 1, 0.3, 1);
  --v4-dur: 280ms;
}

/* ════════════════════════════════════════════════════════════
   2) BODY — karanlık atmosfer, geniş enerji odakları
   ════════════════════════════════════════════════════════════ */
html, body {
  background: var(--v4-bg) !important;
  color: var(--v4-text);
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "cv11";
}

/* Geniş enerji odakları — düşük opacity ama büyük alan */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 8% -10%, rgba(0,209,255,0.22), transparent 55%),
    radial-gradient(ellipse 55% 50% at 92% 8%, rgba(0,123,255,0.20), transparent 58%),
    radial-gradient(ellipse 50% 35% at 50% 50%, rgba(0,209,255,0.06), transparent 65%),
    radial-gradient(ellipse 70% 45% at 50% 115%, rgba(0,123,255,0.16), transparent 60%);
  animation: v4Drift 48s ease-in-out infinite alternate;
}
@keyframes v4Drift {
  0%   { transform: translate3d(0,0,0) scale(1); opacity: 0.95; }
  100% { transform: translate3d(-1.5%,-2%,0) scale(1.06); opacity: 1; }
}

/* İnce holographic grid */
body::after {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(rgba(0,209,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,209,255,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 110% 70% at 50% 0%, black 25%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 110% 70% at 50% 0%, black 25%, transparent 85%);
}

/* ════════════════════════════════════════════════════════════
   3) TOPBAR — metallic + Tron alt çizgisi
   ════════════════════════════════════════════════════════════ */
.topbar {
  background:
    linear-gradient(180deg, rgba(7,17,31,0.94), rgba(2,5,13,0.86)) !important;
  backdrop-filter: blur(32px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(170%) !important;
  border-bottom: 1px solid transparent !important;
  position: relative;
  box-shadow: 0 4px 30px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.03) inset;
}
.topbar::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(0,209,255,0.10) 15%,
    rgba(0,209,255,0.55) 35%,
    rgba(0,232,214,0.50) 50%,
    rgba(0,123,255,0.55) 65%,
    rgba(0,209,255,0.10) 85%,
    transparent 100%);
  box-shadow: 0 0 24px rgba(0,209,255,0.55), 0 0 48px rgba(0,123,255,0.30);
}

/* Logo — metallic + aura */
.logo { position: relative; }
.logo::before {
  content: ""; position: absolute; left: -8px; top: -8px; width: 56px; height: 56px;
  background: radial-gradient(circle at 40% 40%, rgba(0,209,255,0.32), transparent 70%);
  filter: blur(8px); pointer-events: none; z-index: -1;
  transition: opacity 300ms var(--v4-ease);
}
.logo:hover::before { background: radial-gradient(circle at 40% 40%, rgba(0,209,255,0.50), transparent 70%); }
.logo-icon {
  background: linear-gradient(135deg, var(--v4-cyan) 0%, var(--v4-teal) 35%, var(--v4-blue) 100%) !important;
  box-shadow:
    0 0 32px rgba(0,209,255,0.55),
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 0 -8px 16px rgba(0,86,179,0.4) !important;
  border-radius: 10px !important;
  transition: transform var(--v4-dur) var(--v4-ease), box-shadow var(--v4-dur) var(--v4-ease);
}
.logo:hover .logo-icon {
  transform: rotate(-5deg) scale(1.06);
  box-shadow:
    0 0 48px rgba(0,209,255,0.75),
    0 0 96px rgba(0,123,255,0.35),
    inset 0 1px 0 rgba(255,255,255,0.35) !important;
}
.logo-text {
  background: linear-gradient(90deg, var(--v4-cyan) 0%, var(--v4-cyan-br) 50%, var(--v4-blue) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: 0.6px; font-weight: 800;
  filter: drop-shadow(0 0 12px rgba(0,209,255,0.4));
}
.logo-sub { color: var(--v4-text-3); letter-spacing: 0.6px; }

/* Navbar butonları (bildirim/admin/premium-kod) — glass + hover aura */
.notif-btn, .vd-premium-code-btn, .vd-admin-btn {
  background: rgba(0,209,255,0.04) !important;
  border: 1px solid var(--v4-border) !important;
  color: var(--v4-text-2) !important;
  border-radius: 10px !important;
  transition: all 220ms var(--v4-ease) !important;
  position: relative;
}
.notif-btn:hover, .vd-premium-code-btn:hover, .vd-admin-btn:hover {
  border-color: var(--v4-border-strong) !important;
  color: var(--v4-text) !important;
  background: rgba(0,209,255,0.08) !important;
  box-shadow: var(--v4-glow-xs), inset 0 0 12px rgba(0,209,255,0.08);
  transform: translateY(-1px);
}

/* ════════════════════════════════════════════════════════════
   4) TICKER — Bloomberg disiplini + soft glow
   ════════════════════════════════════════════════════════════ */
.ticker {
  background: rgba(2,5,13,0.8) !important;
  border-bottom: 1px solid var(--v4-border) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  position: relative;
}
.ticker::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,209,255,0.18), transparent);
}
.ticker-item {
  transition: background 200ms var(--v4-ease);
  font-variant-numeric: tabular-nums;
}
.ticker-item:hover { background: rgba(0,209,255,0.06); }
.ticker-sym { color: var(--v4-text-2) !important; letter-spacing: 0.4px; font-weight: 600; }
.ticker-price { color: var(--v4-text) !important; font-weight: 600; }
.ticker-chg.up {
  color: var(--v4-success) !important;
  background: rgba(0,255,163,0.06);
  box-shadow: inset 0 0 0 1px rgba(0,255,163,0.18), 0 0 8px rgba(0,255,163,0.10);
}
.ticker-chg.dn {
  color: var(--v4-danger) !important;
  background: rgba(255,59,107,0.06);
  box-shadow: inset 0 0 0 1px rgba(255,59,107,0.18), 0 0 8px rgba(255,59,107,0.10);
}

/* ════════════════════════════════════════════════════════════
   5) HERO / TERMINAL — büyük halo, başlık cinematic
   "PİYASA İSTİHBARAT TERMİNALİ" başlığı + ana panel
   ════════════════════════════════════════════════════════════ */
/* Glass-card içindeki gc-title — terminal başlığı */
.glass-card {
  position: relative;
}
.glass-card::before {
  content: ""; position: absolute;
  top: -1px; left: 12%; right: 12%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,209,255,0.55), transparent);
  opacity: 0.7; transition: opacity 300ms var(--v4-ease);
  pointer-events: none; z-index: 1;
  box-shadow: 0 0 14px rgba(0,209,255,0.4);
}
.glass-card:hover::before { opacity: 1; }

/* Kart üst köşelerine Tron köşe işaretleri (sadece hover'da görünür) */
.glass-card::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  pointer-events: none; opacity: 0;
  transition: opacity 300ms var(--v4-ease);
  background:
    /* sol üst köşe braket */
    linear-gradient(135deg, var(--v4-cyan) 0%, transparent 8%) top left / 18px 18px no-repeat,
    /* sağ üst */
    linear-gradient(225deg, var(--v4-cyan) 0%, transparent 8%) top right / 18px 18px no-repeat,
    /* sol alt */
    linear-gradient(45deg, var(--v4-cyan) 0%, transparent 8%) bottom left / 18px 18px no-repeat,
    /* sağ alt */
    linear-gradient(315deg, var(--v4-cyan) 0%, transparent 8%) bottom right / 18px 18px no-repeat;
  filter: drop-shadow(0 0 6px rgba(0,209,255,0.5));
}
.glass-card:hover::after { opacity: 0.7; }

/* Terminal başlığı (gc-title) yanında live dot */
.gc-title {
  letter-spacing: 0.6px;
  color: var(--v4-text) !important;
  font-weight: 700;
  position: relative;
}
.glass-card .gc-title::before {
  content: ""; display: inline-block;
  width: 4px; height: 14px; margin-right: 10px; vertical-align: -2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--v4-cyan), var(--v4-blue));
  box-shadow: 0 0 10px rgba(0,209,255,0.7);
}

/* ════════════════════════════════════════════════════════════
   6) KART SİSTEMİ — Tron hover, alt iç ışık, geniş glow
   ════════════════════════════════════════════════════════════ */
.glass-card,
.sc-card,
.smc-pro-card,
.perf-card,
.risk-card,
.ind-card,
.mkt-stat {
  background: var(--v4-grad-panel) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid var(--v4-border) !important;
  border-radius: var(--v4-radius) !important;
  box-shadow: var(--v4-card-shadow) !important;
  transition: transform var(--v4-dur) var(--v4-ease),
              border-color var(--v4-dur) var(--v4-ease),
              box-shadow var(--v4-dur) var(--v4-ease) !important;
  position: relative;
}

/* B157 — paneller HER ZAMAN ışıklı cam çerçeve içinde (rest), hover'da daha parlak.
   ti-card (terminal panelleri) + mkt-card (market kartları) dahil. */
.glass-card,
.ti-card,
.mkt-card,
.smc-pro-card,
.ind-card {
  border-color: rgba(0,209,255,0.16) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,209,255,0.12),
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 0 0 1px rgba(0,209,255,0.05),
    0 0 22px -14px rgba(0,209,255,0.28),
    0 10px 28px -20px rgba(0,0,0,0.65) !important;
  transition: transform var(--v4-dur) var(--v4-ease),
              border-color var(--v4-dur) var(--v4-ease),
              box-shadow var(--v4-dur) var(--v4-ease) !important;
  position: relative;
}

.glass-card:hover,
.smc-pro-card:hover,
.perf-card:hover,
.risk-card:hover,
.ind-card:hover,
.ti-card:hover,
.mkt-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0,209,255,0.55) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,209,255,0.42),
    inset 0 1px 0 rgba(255,255,255,0.10),
    inset 0 0 34px -16px rgba(0,209,255,0.55),
    0 0 0 1px rgba(0,209,255,0.30),
    0 0 26px -2px rgba(0,209,255,0.48),
    0 0 64px -14px rgba(0,209,255,0.65),
    0 26px 60px -34px rgba(0,0,0,0.7) !important;
}

/* ════════════════════════════════════════════════════════════
   B158 — Terminal panelleri: içte buzlu-cam yüzey + KONUYA GÖRE renk.
   Renk (--ti-c) panelin İÇİNDEKİ sınıftan :has ile seçilir (JS'e dokunmadan).
   ════════════════════════════════════════════════════════════ */
.ti-card:has(.ti-regime-badge.green)  { --ti-c: var(--v4-success, #00FFA3); }
.ti-card:has(.ti-regime-badge.red)    { --ti-c: var(--v4-danger,  #FF3B6B); }
.ti-card:has(.ti-regime-badge.yellow) { --ti-c: var(--v4-warn,    #FFC247); }
.ti-card:has(.ti-mm-headline)         { --ti-c: #8b7bfa; }                   /* MARKET MAKER */
.ti-card:has(.ti-warnings)            { --ti-c: var(--v4-warn,    #FFC247); } /* PİYASA BASKISI */
.ti-card:has(.ti-major-vs)            { --ti-c: #3b9eff; }                   /* BTC / ETH */
.ti-card:has(.ti-watch)               { --ti-c: #19d3c5; }                   /* İZLEME LİSTESİ */
.ti-card:has(.ti-best-dir.long)       { --ti-c: var(--v4-success, #00FFA3); }
.ti-card:has(.ti-best-dir.short)      { --ti-c: var(--v4-danger,  #FF3B6B); }

/* Normal paneller: buzlu-cam yüzey + renkli çerçeve (setup'ın şeffaf sarmalayıcısı hariç) */
.ti-card:not([style*="transparent"]) {
  background: linear-gradient(160deg,
              color-mix(in srgb, var(--ti-c, var(--v4-cyan, #00D1FF)) 12%, rgba(8,18,33,.5)),
              rgba(7,16,28,.55)) !important;
  border: 1px solid color-mix(in srgb, var(--ti-c, var(--v4-cyan, #00D1FF)) 28%, transparent) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ti-c, #00D1FF) 18%, transparent),
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 0 1px color-mix(in srgb, var(--ti-c, #00D1FF) 8%, transparent),
    0 0 24px -14px color-mix(in srgb, var(--ti-c, #00D1FF) 42%, transparent),
    0 10px 28px -20px rgba(0,0,0,0.7) !important;
}
.ti-card:not([style*="transparent"]):hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--ti-c, #00D1FF) 70%, transparent) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ti-c, #00D1FF) 50%, transparent),
    inset 0 1px 0 rgba(255,255,255,0.12),
    inset 0 0 34px -16px color-mix(in srgb, var(--ti-c, #00D1FF) 55%, transparent),
    0 0 0 1px color-mix(in srgb, var(--ti-c, #00D1FF) 35%, transparent),
    0 0 26px -2px color-mix(in srgb, var(--ti-c, #00D1FF) 50%, transparent),
    0 0 60px -14px color-mix(in srgb, var(--ti-c, #00D1FF) 62%, transparent),
    0 26px 60px -34px rgba(0,0,0,0.7) !important;
}

/* Setup hero kutusu (.ti-best): cam tint + yön rengi glow (--ti-c üst ti-card'dan miras alınır) */
.ti-best {
  background: linear-gradient(160deg,
              color-mix(in srgb, var(--ti-c, var(--v4-cyan, #00D1FF)) 9%, rgba(0,0,0,.35)),
              rgba(0,0,0,.4)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ti-c, #00D1FF) 22%, transparent),
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 22px -14px color-mix(in srgb, var(--ti-c, #00D1FF) 42%, transparent),
    0 10px 28px -20px rgba(0,0,0,0.65) !important;
  transition: box-shadow var(--v4-dur) var(--v4-ease), border-color var(--v4-dur) var(--v4-ease) !important;
}

/* Stat kutucukları — Bloomberg yoğunluğu */
.sc-stat, .mkt-stat, .entry-item {
  background:
    linear-gradient(180deg, rgba(0,209,255,0.04), rgba(0,209,255,0.01)) !important;
  border: 1px solid var(--v4-border) !important;
  border-radius: var(--v4-radius-sm) !important;
  transition: border-color 200ms var(--v4-ease), background 200ms var(--v4-ease);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 1px 4px rgba(0,0,0,0.3) !important;
}
.sc-stat:hover, .mkt-stat:hover, .entry-item:hover {
  border-color: var(--v4-border-hi) !important;
  background: linear-gradient(180deg, rgba(0,209,255,0.08), rgba(0,209,255,0.02)) !important;
}

/* Sayısal değerler — Bloomberg-grade */
.sc-stat-val, .mkt-stat-val, .smc-pro-val, .perf-card-val,
.ticker-price {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.2px;
  color: var(--v4-text) !important;
  font-weight: 700;
}
.sc-stat-lbl, .mkt-stat-lbl {
  color: var(--v4-text-3) !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

/* ════════════════════════════════════════════════════════════
   7) BTC/ETH/DOMINANCE KARTLARI — sağ üst orb dönüşümü
   Mevcut düz daireler → holographic energy orb
   ════════════════════════════════════════════════════════════ */
/* Tüm absolute pozisyonlu top:0 right:0 dekoratif daireleri hedefle */
.glass-card > div[style*="position:absolute"][style*="border-radius:50%"],
.glass-card > div[style*="position: absolute"][style*="border-radius: 50%"],
.smc-pro-card > div[style*="position:absolute"][style*="border-radius:50%"] {
  filter: blur(28px) !important;
  opacity: 0.7 !important;
  background: radial-gradient(circle at 35% 35%, rgba(0,209,255,0.7), rgba(0,123,255,0.4) 50%, transparent 75%) !important;
  mix-blend-mode: screen;
}

/* Mini chart sparkline'lar — alttan glow Bloomberg dokunuşu */
.glass-card svg, .smc-pro-card svg, .perf-card svg {
  filter: drop-shadow(0 4px 16px rgba(0,209,255,0.18));
}

/* ════════════════════════════════════════════════════════════
   8) BUTONLAR — primary cinematic CTA, secondary Tron glass
   ════════════════════════════════════════════════════════════ */
button { transition: all 220ms var(--v4-ease) !important; }

/* COMPACT/PRO/QUANT chip'leri — turuncu/mor temizlik */
.qc-chip, .sc-sort-btn, .gbtn {
  background: rgba(0,209,255,0.04) !important;
  border: 1px solid var(--v4-border) !important;
  color: var(--v4-text-2) !important;
  border-radius: 8px !important;
  transition: all 220ms var(--v4-ease) !important;
}
.qc-chip:hover, .sc-sort-btn:hover, .gbtn:hover {
  border-color: var(--v4-border-strong) !important;
  color: var(--v4-text) !important;
  background: rgba(0,209,255,0.08) !important;
  box-shadow: var(--v4-glow-xs);
}
.qc-chip.active, .sc-sort-btn.active, .gbtn.active {
  background: rgba(0,209,255,0.12) !important;
  border-color: var(--v4-border-active) !important;
  color: var(--v4-cyan) !important;
  box-shadow:
    inset 0 0 0 1px var(--v4-border-strong),
    0 0 20px rgba(0,209,255,0.25);
}

/* Login / Premium aktive — primary CTA */
.login-btn {
  background: var(--v4-grad-cta) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.4px;
  box-shadow:
    0 0 32px rgba(0,209,255,0.45),
    0 8px 24px rgba(0,0,0,0.5),
    inset 0 1px 0 rgba(255,255,255,0.25) !important;
  transition: transform 220ms var(--v4-ease), box-shadow 220ms var(--v4-ease) !important;
}
.login-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 48px rgba(0,209,255,0.6),
    0 12px 32px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.35) !important;
}
.login-btn:active { transform: translateY(0); }

/* ════════════════════════════════════════════════════════════
   9) MOR TEMİZLİK — squeeze, premium-cta bandı, joker, vb.
   Eski mor (#9d7dfa, #a78bfa, purple) tüm yerlerden cyan/blue'ya
   ════════════════════════════════════════════════════════════ */

/* SQUEEZE badge ve banner */
[class*="squeeze"], [class*="Squeeze"], [id*="squeeze"], [id*="Squeeze"] {
  --purple: var(--v4-cyan);
  --v2-purple: var(--v4-cyan);
}

/* Squeeze badge container */
button[onclick*="squeeze" i], div[class*="squeeze" i] button,
[class*="squeeze-badge"], [class*="SqueezeBadge"] {
  background: rgba(0,209,255,0.08) !important;
  border-color: var(--v4-border-strong) !important;
  color: var(--v4-cyan) !important;
  box-shadow: 0 0 16px rgba(0,209,255,0.20) !important;
}

/* "SQUEEZE ALGILANDI" sağ üst rozet (genel — herhangi mor bordürlü buton) */
[style*="rgb(157, 125, 250)"],
[style*="rgb(167, 139, 250)"],
[style*="#9d7dfa"],
[style*="#a78bfa"],
[style*="#8b5cf6"] {
  color: var(--v4-cyan) !important;
  border-color: var(--v4-border-strong) !important;
  background: rgba(0,209,255,0.06) !important;
}

/* Joker kartları (mor outline) → cinematic cyan-teal */
[class*="joker"], [id*="joker"] {
  --purple: var(--v4-cyan);
  --v2-purple: var(--v4-cyan);
}

/* Premium CTA bandı — alt "Premium'a Geç" */
[class*="premium-cta"], [class*="PremiumCta"], [id*="premium-cta"],
[class*="premium-band"] {
  background: linear-gradient(120deg, rgba(0,209,255,0.10), rgba(0,123,255,0.08) 60%, rgba(0,232,214,0.06)) !important;
  border-color: var(--v4-border-strong) !important;
  box-shadow:
    0 -8px 32px rgba(0,209,255,0.18),
    inset 0 1px 0 rgba(0,209,255,0.20) !important;
}
/* Premium CTA buton (içinde) */
[class*="premium-cta"] button, [class*="PremiumCta"] button {
  background: var(--v4-grad-cta) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 0 32px rgba(0,209,255,0.45), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
[class*="premium-cta"] button:hover, [class*="PremiumCta"] button:hover {
  box-shadow: 0 0 48px rgba(0,209,255,0.6), inset 0 1px 0 rgba(255,255,255,0.3) !important;
  transform: translateY(-2px);
}

/* Eski tema değişkenleri override (root düzeyinde mor varsa) */
:root {
  --purple: var(--v4-cyan) !important;
  --v2-purple: var(--v4-cyan) !important;
}

/* ════════════════════════════════════════════════════════════
   10) LOGIN / PREMIUM AKTİVASYON MODAL — cinematic vault
   ════════════════════════════════════════════════════════════ */
#loginScreen {
  background: rgba(2,5,13,0.82) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.login-card {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0,209,255,0.10), transparent 60%),
    linear-gradient(180deg, rgba(13,29,54,0.96), rgba(5,8,22,0.98)) !important;
  backdrop-filter: blur(36px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(36px) saturate(170%) !important;
  border: 1px solid var(--v4-border-strong) !important;
  border-radius: 24px !important;
  box-shadow:
    var(--v4-shadow-3),
    0 0 80px rgba(0,209,255,0.18),
    inset 0 1px 0 rgba(255,255,255,0.05) !important;
  position: relative; overflow: hidden;
}
.login-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--v4-grad-cta);
  box-shadow: 0 0 22px rgba(0,209,255,0.65);
}
.login-logo-icon { box-shadow: 0 0 48px rgba(0,209,255,0.65), inset 0 1px 0 rgba(255,255,255,0.25) !important; }
.login-h { color: var(--v4-text) !important; letter-spacing: 0.4px; }
.login-input {
  background: rgba(0,209,255,0.04) !important;
  border: 1px solid var(--v4-border) !important;
  color: var(--v4-text) !important;
  border-radius: 12px !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.6px;
  transition: border-color 200ms var(--v4-ease), box-shadow 200ms var(--v4-ease);
}
.login-input:focus {
  border-color: var(--v4-border-active) !important;
  box-shadow: 0 0 0 3px rgba(0,209,255,0.14), 0 0 24px rgba(0,209,255,0.22) !important;
  outline: none !important;
}

/* ════════════════════════════════════════════════════════════
   11) FOUNDER — split layout korunur, cinematic frame
   ════════════════════════════════════════════════════════════ */
.founder-section-v2 > div {
  background:
    radial-gradient(ellipse 50% 60% at 80% 50%, rgba(0,209,255,0.08), transparent 60%),
    linear-gradient(135deg, rgba(0,209,255,0.04), rgba(0,123,255,0.03) 60%, rgba(255,255,255,0.01)),
    var(--v4-bg-panel) !important;
  border: 1px solid var(--v4-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--v4-card-shadow), 0 0 60px rgba(0,209,255,0.06) !important;
  padding: 48px !important;
  transition: box-shadow var(--v4-dur) var(--v4-ease);
}
.founder-section-v2 > div:hover {
  box-shadow: var(--v4-shadow-3), 0 0 80px rgba(0,209,255,0.14) !important;
}

@media (min-width: 880px) {
  .founder-section-v2 > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    text-align: left !important;
    column-gap: 56px;
    padding-top: 60px !important;
    justify-content: space-between !important;
  }
  .founder-section-v2 > div > p:first-of-type {
    position: absolute; top: 28px; left: 48px; margin: 0 !important; order: 0;
  }
  .founder-section-v2 > div > .fv2-photo {
    order: 2; flex: 0 0 auto; align-self: center; margin: 0 !important;
  }
  .founder-section-v2 > div > h3,
  .founder-section-v2 > div > p:nth-of-type(2),
  .founder-section-v2 > div > p:nth-of-type(3),
  .founder-section-v2 > div > div:not(.fv2-photo):not([style*="height:2px"]):not([style*="height: 2px"]) {
    order: 1; flex: 0 0 calc(100% - 250px);
    text-align: left !important; margin-left: 0 !important; margin-right: 0 !important;
  }
  .founder-section-v2 > div > p:nth-of-type(3) { max-width: 480px !important; }
  .founder-section-v2 > div > div[style*="flex-wrap:wrap"] { justify-content: flex-start !important; }
  .founder-section-v2 > div > .fv2-copyright {
    order: 3; flex: 0 0 100%; text-align: left !important; margin-top: 24px !important;
  }
}

/* Foto cyan halka */
.founder-section-v2 > div > .fv2-photo > div:first-child {
  width: 160px !important; height: 160px !important;
  border: 2px solid var(--v4-border-active) !important;
  box-shadow:
    0 0 32px rgba(0,209,255,0.45),
    0 0 80px rgba(0,209,255,0.20),
    inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
.founder-section-v2 img { transition: transform 400ms var(--v4-ease); }
.founder-section-v2 img:hover { transform: scale(1.05); }

/* ════════════════════════════════════════════════════════════
   12) PRICING (premium.html) — cyan+blue palet
   ════════════════════════════════════════════════════════════ */
.pr-hero {
  background:
    radial-gradient(ellipse 60% 70% at 20% -10%, rgba(0,209,255,0.16), transparent 58%),
    radial-gradient(ellipse 60% 70% at 80% 0%, rgba(0,123,255,0.16), transparent 58%),
    radial-gradient(ellipse 50% 50% at 50% 100%, rgba(0,232,214,0.10), transparent 60%),
    linear-gradient(180deg, rgba(12,26,46,0.6), var(--v4-bg-panel)) !important;
  border: 1px solid var(--v4-border-hi) !important;
  box-shadow: var(--v4-shadow-3), 0 0 80px rgba(0,209,255,0.12) !important;
  border-radius: 28px !important;
}
.pr-hero-badge {
  color: var(--v4-cyan) !important;
  background: rgba(0,209,255,0.10) !important;
  border-color: var(--v4-border-strong) !important;
  box-shadow: 0 0 16px rgba(0,209,255,0.18) !important;
}
.pr-hero h1 {
  background: var(--v4-grad-text) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 24px rgba(0,209,255,0.18));
}
.pr-hero p { color: var(--v4-text-2) !important; }

.pr-card {
  background:
    linear-gradient(165deg, rgba(0,209,255,0.05), rgba(0,123,255,0.03) 70%, rgba(255,255,255,0.01)),
    var(--v4-bg-panel) !important;
  border: 1px solid var(--v4-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--v4-shadow-2) !important;
  transition: transform var(--v4-dur) var(--v4-ease), border-color var(--v4-dur), box-shadow var(--v4-dur);
}
.pr-card:hover {
  transform: translateY(-6px);
  border-color: var(--v4-border-strong) !important;
  box-shadow: var(--v4-shadow-3), 0 0 48px rgba(0,209,255,0.22) !important;
}
.pr-card.pr-featured {
  border-color: var(--v4-border-active) !important;
  box-shadow:
    var(--v4-shadow-3),
    0 0 56px rgba(0,209,255,0.32),
    0 0 120px rgba(0,123,255,0.20) !important;
  background:
    linear-gradient(165deg, rgba(0,209,255,0.09), rgba(0,123,255,0.07) 70%, rgba(255,255,255,0.02)),
    var(--v4-bg-panel) !important;
}
.pr-badge {
  background: linear-gradient(120deg, var(--v4-cyan), var(--v4-blue)) !important;
  box-shadow: 0 0 28px rgba(0,209,255,0.55), 0 4px 12px rgba(0,0,0,0.5) !important;
}
.pr-price {
  background: linear-gradient(120deg, var(--v4-cyan), var(--v4-blue)) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-variant-numeric: tabular-nums;
  filter: drop-shadow(0 0 16px rgba(0,209,255,0.25));
}
.pr-price-cur { -webkit-text-fill-color: var(--v4-cyan) !important; }
.pr-feat li::before { color: var(--v4-cyan) !important; }
.pr-cta {
  background: var(--v4-grad-cta) !important;
  box-shadow: 0 0 28px rgba(0,209,255,0.36), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
.pr-cta:hover { box-shadow: 0 0 44px rgba(0,209,255,0.55), inset 0 1px 0 rgba(255,255,255,0.3) !important; }
.pr-card:not(.pr-featured) .pr-cta {
  background: rgba(0,209,255,0.08) !important;
  border: 1px solid var(--v4-border-strong) !important;
  color: var(--v4-cyan) !important;
  box-shadow: none !important;
}
.pr-card:not(.pr-featured) .pr-cta:hover {
  background: rgba(0,209,255,0.14) !important;
  box-shadow: var(--v4-glow-xs) !important;
}
.pr-access-note { color: var(--v4-text-2); }
.pr-access-note strong { color: var(--v4-cyan); }
.pr-feat-item {
  background:
    linear-gradient(135deg, rgba(0,209,255,0.04), rgba(0,123,255,0.02)),
    var(--v4-bg-panel) !important;
  border: 1px solid var(--v4-border) !important;
}
.pr-feat-item:hover {
  border-color: var(--v4-border-strong) !important;
  box-shadow: var(--v4-shadow-2), 0 0 24px rgba(0,209,255,0.10);
}
.pr-feat-item .pr-fi-ico {
  background: linear-gradient(135deg, rgba(0,209,255,0.22), rgba(0,123,255,0.22)) !important;
  border-color: var(--v4-border-hi) !important;
  color: var(--v4-cyan) !important;
  box-shadow: 0 0 16px rgba(0,209,255,0.20);
}
.pr-compare {
  background: var(--v4-bg-panel) !important;
  border: 1px solid var(--v4-border) !important;
  border-radius: 18px !important;
}
.pr-compare thead th { background: rgba(0,209,255,0.04) !important; color: var(--v4-text-2) !important; }
.pr-compare thead th.pr-col-prem { color: var(--v4-cyan) !important; background: rgba(0,209,255,0.10) !important; }
.pr-compare td.pr-prem { background: rgba(0,209,255,0.04) !important; }
.pr-compare td.pr-prem::before { color: var(--v4-cyan) !important; }
.pr-compare tbody tr:hover td { background: rgba(0,209,255,0.06) !important; }
.pr-compare tbody tr:hover td.pr-prem { background: rgba(0,209,255,0.12) !important; }
.pr-code-link { color: var(--v4-cyan) !important; }
.pr-code-link:hover { color: var(--v4-cyan-br) !important; text-shadow: 0 0 12px rgba(0,209,255,0.5); }
.pr-disclaimer {
  background: rgba(0,209,255,0.03) !important;
  border-color: var(--v4-border) !important;
  border-left: 3px solid var(--v4-cyan) !important;
  color: var(--v4-text-2) !important;
  box-shadow: -8px 0 24px -8px rgba(0,209,255,0.25);
}

/* ════════════════════════════════════════════════════════════
   13) TABLOLAR — Bloomberg scan hover
   ════════════════════════════════════════════════════════════ */
table { font-variant-numeric: tabular-nums; }
table thead th {
  color: var(--v4-text-3) !important;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 700;
}
table tbody tr { transition: background 200ms var(--v4-ease); }
table tbody tr:hover {
  background: linear-gradient(90deg, transparent, rgba(0,209,255,0.06), transparent) !important;
  box-shadow: inset 0 0 0 1px rgba(0,209,255,0.06);
}

/* ════════════════════════════════════════════════════════════
   14) SCROLLBAR
   ════════════════════════════════════════════════════════════ */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,209,255,0.30) transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(0,209,255,0.35), rgba(0,123,255,0.35));
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(0,209,255,0.55), rgba(0,123,255,0.55));
  background-clip: padding-box;
}

/* ════════════════════════════════════════════════════════════
   15) Reveal animation
   ════════════════════════════════════════════════════════════ */
@keyframes v4FadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.glass-card { animation: v4FadeUp 420ms var(--v4-ease-emph) both; }

/* ════════════════════════════════════════════════════════════
   16) Focus ring — erişilebilirlik
   ════════════════════════════════════════════════════════════ */
:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(0,209,255,0.30),
    0 0 18px rgba(0,209,255,0.25) !important;
  border-radius: 8px;
}

/* ════════════════════════════════════════════════════════════
   17) Toast'lar — premium feedback
   ════════════════════════════════════════════════════════════ */
[class*="VDPremiumToast"], [class*="vd-premium-toast"], [class*="toast"] {
  background: linear-gradient(180deg, rgba(13,29,54,0.97), rgba(5,8,22,0.99)) !important;
  border: 1px solid var(--v4-border-hi) !important;
  box-shadow:
    var(--v4-shadow-2),
    0 0 36px rgba(0,209,255,0.22) !important;
  color: var(--v4-text) !important;
}

/* ════════════════════════════════════════════════════════════
   18) Admin Codes Panel (.acp-*)
   ════════════════════════════════════════════════════════════ */
.acp-overlay { background: rgba(2,5,13,0.84) !important; }
.acp-modal {
  background:
    radial-gradient(ellipse 80% 40% at 50% 0%, rgba(0,209,255,0.10), transparent 60%),
    linear-gradient(180deg, rgba(13,29,54,0.97), rgba(5,8,22,0.99)) !important;
  border: 1px solid var(--v4-border-strong) !important;
  box-shadow: var(--v4-shadow-3), 0 0 80px rgba(0,209,255,0.14) !important;
}
.acp-header {
  background: linear-gradient(120deg, rgba(0,209,255,0.08), rgba(0,123,255,0.05)) !important;
  border-bottom-color: var(--v4-border-hi) !important;
}
.acp-title {
  background: linear-gradient(120deg, var(--v4-cyan), var(--v4-blue)) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  filter: drop-shadow(0 0 14px rgba(0,209,255,0.35));
}
.acp-btn-primary {
  background: var(--v4-grad-cta) !important;
  box-shadow: 0 0 32px rgba(0,209,255,0.40), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
.acp-btn-primary:hover { box-shadow: 0 0 48px rgba(0,209,255,0.60) !important; }
.acp-tab-active {
  background: linear-gradient(120deg, var(--v4-cyan), var(--v4-blue)) !important;
  box-shadow: 0 0 18px rgba(0,209,255,0.35) !important;
}
.acp-code, .acp-code-full { color: var(--v4-cyan) !important; }
.acp-table tbody tr:hover td { background: rgba(0,209,255,0.06) !important; }
.acp-badge { box-shadow: 0 0 10px currentColor; opacity: 0.95; }

/* ════════════════════════════════════════════════════════════
   19) Legal header/footer
   ════════════════════════════════════════════════════════════ */
.legal-header {
  background: rgba(2,5,13,0.88) !important;
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  border-bottom: 1px solid var(--v4-border) !important;
}
.legal-logo {
  background: linear-gradient(90deg, var(--v4-cyan), var(--v4-blue)) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 12px rgba(0,209,255,0.35));
}
.legal-footer {
  border-top: 1px solid var(--v4-border) !important;
  background: rgba(2,5,13,0.6);
}

/* ════════════════════════════════════════════════════════════
   20) MOBİL
   ════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  body::after { background-size: 42px 42px; }
  .glass-card:hover,
  .smc-pro-card:hover,
  .perf-card:hover,
  .risk-card:hover,
  .ind-card:hover,
  .ti-card:hover,
  .mkt-card:hover { transform: none; border-color: rgba(0,209,255,0.16) !important; box-shadow: inset 0 0 0 1px rgba(0,209,255,0.12), inset 0 1px 0 rgba(255,255,255,0.05), 0 0 18px -13px rgba(0,209,255,0.26), 0 10px 28px -20px rgba(0,0,0,0.65) !important; }
  .glass-card:hover::after { opacity: 0; } /* mobilde Tron köşeler kapalı */
  .founder-section-v2 > div { padding: 28px !important; }
  .pr-card:hover { transform: translateY(-3px); }
  .ti-card:not([style*="transparent"]):hover { transform: none !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ti-c, #00D1FF) 18%, transparent), inset 0 1px 0 rgba(255,255,255,0.06), 0 0 22px -14px color-mix(in srgb, var(--ti-c, #00D1FF) 40%, transparent), 0 10px 28px -20px rgba(0,0,0,0.7) !important; }
}

/* ════════════════════════════════════════════════════════════
   21) Reduced motion
   ════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  body::before { animation: none; }
  .glass-card { animation: none; }
  * { transition-duration: 0.01ms !important; }
}

/* ════════════════════════════════════════════════════════════
   22) Utility class'ları
   ════════════════════════════════════════════════════════════ */
.v4-mono { font-family: 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.v4-text-cyan { color: var(--v4-cyan) !important; }
.v4-text-success { color: var(--v4-success) !important; }
.v4-text-danger { color: var(--v4-danger) !important; }