:root{
  --bg:#050915;
  --panel-bg:#081220;
  --card:#0c1424;
  --border:#1b2740;
  --accent:#4cc3ff;
  --accent-soft:rgba(76,195,255,0.18);
  --text:#e8f0ff;
  --muted:#8a9bb8;
  --up:#17c964;
  --down:#e45c5c;
  --amber:#f7b500;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  min-height:100vh;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at top left,#12223b 0,transparent 55%),
    radial-gradient(circle at bottom right,#081220 0,#02040a 65%);
  color:var(--text);
}

/* =========================
   LIGHT THEME — TEMEL RENKLER
   ========================= */
body.light-theme{
  --bg:#f3f5ff;
  --panel-bg:#ffffff;
  --card:#f7f8ff;
  --border:#d1d9ea;
  --accent:#0f62fe;
  --accent-soft:rgba(15,98,254,0.12);
  --text:#1b2333;
  --muted:#5a647c;
  --up:#0b9157;
  --down:#cf304a;
  --amber:#b57a00;

  background:
    radial-gradient(circle at top left,#ffffff 0,transparent 55%),
    radial-gradient(circle at bottom right,#e3e9ff 0,#f4f6ff 65%);
}

/* LIGHT TEMA — TIMEFRAME PILL'LERİ */
body.light-theme .tf-pill{
  background:#ffffff;
  border-color:var(--border);
  color:var(--muted);
}

body.light-theme .tf-pill:hover{
  background:#f2f4ff;
  border-color:var(--accent);
  color:var(--accent);
}

body.light-theme .tf-pill.active{
  background:var(--accent);
  border-color:var(--accent);
  color:#ffffff;
  box-shadow:0 0 10px rgba(15,98,254,0.4);
}

/* LIGHT TEMA — F&G KAYAN SAYI GÖSTERGESİ */
body.light-theme .fear-scale{
  box-shadow:0 0 10px rgba(15,23,42,0.12);
  border-color:var(--border);
}

body.light-theme .fear-pointer::before{
  border-bottom-color:#ffffff;
}

body.light-theme .fear-value{
  background:#ffffff;
  border-color:var(--border);
  color:var(--text);
}

/* LIGHT TEMA — GRAFİK BLOĞU TAMAMEN AÇIK RENK */
body.light-theme .chart-main{
  border-color: var(--border);
  box-shadow: 0 14px 30px rgba(15,23,42,0.10);
  background: #ffffff;
}

body.light-theme .chart-topbar{
  background: linear-gradient(120deg,#f7f8ff,#e9edff);
  border-color: var(--border);
}

body.light-theme .chart-main-body{
  border-color: var(--border);
  background: #ffffff;
}

body.light-theme .chart-side{
  background: #ffffff;
}

body.light-theme .placeholder{
  color: var(--muted);
  opacity: 0.8;
}

/* LIGHT TEMA — ANA KUTULAR */
body.light-theme .col-logo,
body.light-theme .col-center .center-section,
body.light-theme .timebar-section,
body.light-theme .col-status,
body.light-theme .coin-slot,
body.light-theme .metric-card,
body.light-theme .chart-cell,
body.light-theme .logo-card,
body.light-theme .news-item,
body.light-theme .fear-card,
body.light-theme .pill,
body.light-theme .market-pulse{
  background:#ffffff;
  border-color:var(--border);
  box-shadow:none;
}

/* Light tema için ana kart gölgeleri */
body.light-theme .col-logo,
body.light-theme .timebar-section,
body.light-theme .center-section,
body.light-theme .col-status,
body.light-theme .chart-cell,
body.light-theme .panel{
  box-shadow:0 14px 30px rgba(15,23,42,0.10);
}

/* Light tema — coin slot alt 24H rozeti / metrik 24H pill pastel */
body.light-theme .coin-meta-row,
body.light-theme .metric-24-pill{
  background:rgba(15,98,254,0.04);
  border-color:var(--border);
  color:var(--muted);
}

body.light-theme .meta-24-vol{
  color:var(--accent);
}

/* Light tema — hover'larda kart kararmasın */
body.light-theme .metric-card:hover,
body.light-theme .coin-slot:hover{
  border-color:rgba(15,98,254,0.75);
  box-shadow:0 10px 22px rgba(15,23,42,0.16);
  background:#f7f9ff;
}

/* Light tema — logo kartı hafif gradient */
body.light-theme .logo-card{
  background:radial-gradient(circle at top,#f7f8ff,#ffffff 70%);
  border:1px solid rgba(15,98,254,0.35);
  box-shadow:0 18px 36px rgba(15,23,42,0.18);
}

/* Light tema — sol kolon arka ton */
body.light-theme .col-logo{
  background:#ffffff;
}

/* Light tema — sağ kolon ve market pulse */
body.light-theme .col-status{
  background:#ffffff;
}

body.light-theme .status-card.market-pulse{
  background:#ffffff;
  border-color:var(--border);
}
body.light-theme .pulse-left,
body.light-theme .pulse-right{
  background:#f7f8ff;
  border-color:var(--border);
}
body.light-theme .pulse-item{
  background:#ffffff;
  border-color:var(--border);
}

/* Light tema — haber kartı & arama inputu */
body.light-theme .status-card.news-card{
  background:#ffffff;
}
body.light-theme .news-search input{
  background:#ffffff;
  border-color:var(--border);
  color:var(--text);
}
body.light-theme .news-search input::placeholder{
  color:var(--muted);
}
body.light-theme .news-item{
  background:#ffffff;
  border-color:var(--border);
  box-shadow:0 8px 18px rgba(15,23,42,0.10);
}
body.light-theme .news-item:hover{
  background:#f7f8ff;
  box-shadow:0 10px 22px rgba(15,23,42,0.18);
}

/* Light tema için panel düzeltmeleri */
body.light-theme .panel{
  background:#ffffff;
  border-color:var(--border);
  box-shadow:0 14px 30px rgba(15,23,42,0.10);
}
body.light-theme .panel-sr .sr-block,
body.light-theme .panel-eval .eval-row{
  background:#f7f8ff;
  border-color:var(--border);
}
body.light-theme .sr-item{
  background:#ffffff;
  border-color:var(--border);
}
body.light-theme .eval-text{
  color:var(--muted);
}

/* ===== GENEL LAYOUT ===== */

.wrap{
  max-width:1920px;
  margin:0 auto;
  padding:24px 26px 32px;
}

.main-grid{
  display:grid;
  grid-template-columns:340px minmax(0,2.8fr) 340px 300px;
  gap:22px;
  align-items:stretch;
}

.col-logo,.col-center,.col-status{height:100%}

@media(max-width:1200px){
  .main-grid{grid-template-columns:1fr}
}

/* SOL KOLON */
.col-logo{
  background:rgba(5,12,26,0.96);
  border-radius:26px;
  border:1px solid var(--border);
  padding:20px 18px 22px;
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:340px;
}

/* === COIN INFO KARTI (LOGO ALTINDA) === */

.coin-info-card{
  margin-top:12px;
  border-radius:20px;
  border:1px solid rgba(37,53,87,0.97);
  background:linear-gradient(145deg,#050915,#0b1628);
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  box-shadow:0 10px 22px rgba(0,0,0,0.75);
}

.coin-info-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.ci-title{
  font-size:0.78rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.ci-symbol{
  font-size:0.78rem;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(76,195,255,0.65);
  background:rgba(76,195,255,0.12);
  color:var(--accent);
}

.coin-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 10px;
  margin-top:4px;
}

.ci-item{
  display:flex;
  flex-direction:column;
  gap:1px;
  font-size:0.76rem;
}

.ci-label{
  font-size:0.7rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--muted);
}

.ci-value{
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:var(--accent);
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.coin-info-status{
  margin-top:4px;
  font-size:0.7rem;
  color:var(--muted);
  opacity:0.9;
}

/* Light tema uyumu */
body.light-theme .coin-info-card{
  background:#ffffff;
  border-color:var(--border);
  box-shadow:0 12px 24px rgba(15,23,42,0.15);
}

body.light-theme .ci-label{
  color:var(--muted);
}

body.light-theme .ci-value{
  color:#21407a;
}

body.light-theme .ci-symbol{
  background:rgba(15,98,254,0.08);
  border-color:rgba(15,98,254,0.75);
  color:var(--accent);
}

.logo-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  padding:20px 10px 24px;
  border-radius:22px;
  background:radial-gradient(circle at top,#0f1d34,#050915 75%);
  border:1px solid rgba(76,195,255,0.5);
  box-shadow:0 18px 40px rgba(0,0,0,0.7);
}

.logo-circle{
  width:110px;height:110px;border-radius:999px;
  background:radial-gradient(circle at 30% 20%,#4cc3ff,#081220 70%);
  border:3px solid rgba(76,195,255,0.9);
  overflow:hidden;
}
.logo-circle img{width:100%;height:100%;object-fit:cover}

.logo-text{text-align:center;line-height:1.35}
.logo-title{
  font-size:1.25rem;font-weight:700;
  letter-spacing:0.22em;text-transform:uppercase;
}
.logo-sub{
  font-size:0.85rem;color:var(--muted);
  letter-spacing:0.22em;text-transform:uppercase;
}

.logo-bottom-note{
  font-size:0.9rem;color:var(--muted);text-align:center;
  padding:10px;border-radius:16px;
  border:1px dashed rgba(54,74,112,0.9);
}

/* ORTA KOLON */
.col-center{display:flex;flex-direction:column;gap:16px}

/* ZAMAN BAR */
.timebar-section{
  background:rgba(5,12,26,0.97);
  border-radius:24px;
  border:1px solid rgba(27,39,64,0.97);
  padding:8px 18px;
}
.timebar{display:flex;align-items:center;justify-content:center;min-height:64px}
.timebar-center{text-align:center}
.time-main{font-size:2.1rem;font-weight:700;line-height:1.1}
.time-sub{font-size:0.9rem;color:var(--muted);margin-top:2px}

/* Kart */
.center-section{
  background:rgba(5,12,26,0.97);
  border-radius:24px;
  border:1px solid rgba(27,39,64,0.97);
  padding:14px 18px 16px;
}
.center-header{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-bottom:8px;margin-bottom:10px;
  border-bottom:1px solid rgba(32,48,78,0.95);
}
.center-title{
  font-size:0.9rem;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--muted);
}
.center-tag{
  font-size:0.8rem;padding:4px 12px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent);
  border:1px solid rgba(76,195,255,0.55);
}

/* COIN GRID */
.coin-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
@media(max-width:1300px){
  .coin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.coin-slot{
  border-radius:22px;
  border:1px solid rgba(37,53,87,0.97);
  padding:10px 12px 12px;
  display:flex;flex-direction:column;justify-content:space-between;
  gap:4px;min-height:120px;
  background:linear-gradient(145deg,#081223,#101a30);
  cursor:pointer;
}

.coin-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:6px;margin-bottom:2px;
}
.coin-symbol{
  font-size:0.85rem;font-weight:600;
  letter-spacing:0.1em;text-transform:uppercase;
}
.coin-tag{
  font-size:0.68rem;padding:3px 7px;border-radius:999px;
  border:1px solid rgba(76,195,255,0.5);
  background:rgba(76,195,255,0.12);
  color:var(--accent);
  letter-spacing:0.08em;text-transform:uppercase;
}
.coin-tag.spot{
  border-color:rgba(76,195,255,0.85);
  background:rgba(76,195,255,0.18);
}
.coin-tag.futures{
  border-color:rgba(247,181,0,0.9);
  background:rgba(247,181,0,0.14);
  color:var(--amber);
}

.coin-price-row{margin-bottom:2px}
.coin-price{font-size:1.2rem;font-weight:700}

/* ALT 24H rozet */
.coin-meta-row{
  display:inline-flex;align-items:center;justify-content:space-between;
  align-self:stretch;
  gap:6px;margin-top:4px;
  padding:3px 8px;border-radius:999px;
  border:1px solid rgba(76,195,255,0.55);
  background:rgba(76,195,255,0.10);
  font-size:0.72rem;color:var(--muted);
}
.meta-24-label{text-transform:uppercase;letter-spacing:0.08em}
.meta-24-vol{font-weight:600;color:var(--accent)}
.meta-dot{opacity:0.7}

.coin-change{font-weight:600}
.coin-change.up{color:var(--up)}
.coin-change.down{color:var(--down)}

/* Aktif slot + rozet parlaması */
.coin-slot,.metric-card{
  transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;
}
.coin-slot.active{
  border-color:rgba(76,195,255,0.98);
  box-shadow:0 0 20px rgba(76,195,255,0.55);
  transform:translateY(-2px);
  background:linear-gradient(145deg,#0d1e38,#182743);
}
.coin-slot.active .coin-meta-row{
  border-color:rgba(76,195,255,0.98);
  background:rgba(76,195,255,0.20);
  box-shadow:0 0 12px rgba(76,195,255,0.55);
}

/* METRİK GRID */
.metric-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:12px;
}
@media(max-width:1400px){
  .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .metric-grid{grid-template-columns:1fr}
  .metric-card{min-height:90px;padding:8px 10px}
  .metric-label{font-size:0.78rem}
  .metric-value{font-size:0.95rem}
}
.metric-card{
  border-radius:20px;
  border:1px solid rgba(37,53,87,0.97);
  padding:10px 12px;
  display:flex;flex-direction:column;gap:4px;
  min-height:100px;
  background:linear-gradient(145deg,#081223,#101a30);
}
.metric-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:6px;margin-bottom:2px;
}
.metric-label{
  font-size:0.8rem;color:var(--muted);
  text-transform:uppercase;letter-spacing:0.08em;
}
.metric-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:2px 7px;border-radius:999px;
  font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;
  border:1px solid rgba(76,195,255,0.35);
  background:rgba(76,195,255,0.08);color:var(--accent);
}
.metric-chip.up{
  border-color:rgba(23,201,100,0.6);
  background:rgba(23,201,100,0.08);color:var(--up);
}
.metric-chip.down{
  border-color:rgba(228,92,92,0.7);
  background:rgba(228,92,92,0.08);color:var(--down);
}
.metric-chip.neutral{
  border-color:rgba(247,181,0,0.7);
  background:rgba(247,181,0,0.08);color:var(--amber);
}
/* Dominance / Piyasa Şeridi yön okları */
.metric-grid .metric-chip::after{
  margin-left:4px;
  font-size:0.7rem;
}

/* Yukarı yön */
.metric-grid .metric-chip.up::after{
  content:"▲";
}

/* Aşağı yön */
.metric-grid .metric-chip.down::after{
  content:"▼";
}

/* Nötr / yatay */
.metric-grid .metric-chip.neutral::after{
  content:"⇔";
}

.metric-value{font-size:1rem;font-weight:600}
.metric-sub{font-size:0.75rem;color:var(--muted);opacity:0.85}
.metric-emph{
  border-color:rgba(76,195,255,0.8);
  box-shadow:0 0 14px rgba(0,0,0,0.75);
}

/* mini 24H rozet + trend */
.metric-24-pill{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid rgba(76,195,255,0.45);
  background:rgba(76,195,255,0.10);
  font-size:0.72rem;
  color:var(--accent);
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.metric-trend{
  font-size:0.72rem;
  margin-top:2px;
  display:flex;
  align-items:center;
  gap:4px;
  color:var(--muted);
}
.trend-up{color:var(--up);}
.trend-down{color:var(--down);}
.trend-flat{color:var(--amber);}

/* GRAFİK SATIRI */
.chart-row{
  display:grid;
  grid-template-columns:1.1fr 2.1fr 1.1fr;
  gap:16px;
}
@media(max-width:1100px){
  .chart-row{grid-template-columns:1fr}
}
.chart-cell{
  border-radius:24px;
  border:1px solid rgba(37,53,87,0.97);
  min-height:400px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:16px;background:#081223;
}

.chart-main{
  border-color:rgba(76,195,255,0.9);
  box-shadow:0 0 40px rgba(0,0,0,0.8);
  padding:0;align-items:stretch;
}
.chart-main-inner{display:flex;flex-direction:column;width:100%;height:100%}
.chart-topbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:8px 12px 9px;
  border-radius:20px;
  background:linear-gradient(120deg,#071425,#101c34);
  border:1px solid rgba(37,53,87,0.95);
  margin:10px 10px 6px;
}
.chart-asset{display:flex;flex-direction:column;gap:2px;min-width:0}
.asset-symbol{
  font-size:0.95rem;font-weight:700;
  letter-spacing:0.18em;text-transform:uppercase;
}
.asset-market{font-size:0.78rem;color:var(--muted)}

.chart-timeframes{
  display:flex;align-items:center;justify-content:center;
  gap:6px;flex-wrap:wrap;
}
.tf-pill{
  padding:4px 10px;border-radius:999px;
  border:1px solid rgba(37,53,87,0.97);
  font-size:0.75rem;text-transform:uppercase;
  letter-spacing:0.08em;cursor:pointer;user-select:none;
  background:#071425;
  transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;
}
.tf-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(76,195,255,0.85);
  box-shadow:0 0 10px rgba(76,195,255,0.35);
}
.tf-pill.active{
  background:radial-gradient(circle at top,#4cc3ff,#0b1730);
  border-color:rgba(76,195,255,0.95);
  box-shadow:0 0 14px rgba(76,195,255,0.55);
}

/* meta blok: fiyat + % + hacim + sinyal */
.chart-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  min-width:0;
}
.meta-line{
  display:flex;
  align-items:center;
  gap:6px;
  justify-content:flex-end;
}
.meta-price{font-size:1.05rem;font-weight:700}
.meta-change{font-size:0.8rem;font-weight:600}
.meta-change.up{color:var(--up)}
.meta-change.down{color:var(--down)}
.meta-vol{
  font-size:0.75rem;
  color:var(--accent);
}
.meta-signal{
  font-size:0.75rem;
  color:var(--muted);
}

/* Grafik gövde */
.chart-main-body{
  flex:1;margin:0 10px 10px;
  border-radius:18px;
  border:1px dashed rgba(54,74,112,0.9);
  display:flex;align-items:center;justify-content:center;
  padding:16px;text-align:center;
}

.chart-side{opacity:0.9}

/* SAĞ KOLON */
.col-status{
  background:rgba(5,12,26,0.96);
  border-radius:26px;
  border:1px solid var(--border);
  padding:16px 16px 18px;
  display:flex;flex-direction:column;gap:12px;
}
.status-badges,.status-card{background:transparent;border:none;padding:0}
.status-badges{
  padding-bottom:6px;
  border-bottom:1px solid rgba(32,48,78,0.95);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.badge-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
  flex-wrap:wrap;          /* Gerekirse alta insin, dışarı taşmasın */
}

.badge-row:last-child{margin-bottom:0}

.pill{
  flex:1;
  display:flex;align-items:center;justify-content:center;
  gap:6px;padding:5px 9px;border-radius:999px;
  border:1px solid rgba(37,53,87,0.97);
  background:#081223;font-size:0.75rem;min-height:28px;
  min-width:0; /* Sıkışabilsin, taşmasın */
  transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;
}

.pill-label{font-weight:600}
.pill-icon{font-size:0.85rem}
.pill-value{font-weight:600;color:var(--accent)}

.pill-refresh,.pill-cfg,.pill-theme{flex:0 0 40px}
.pill:hover{
  transform:translateY(-2px);
  background:linear-gradient(145deg,#08162a,#111d34);
  cursor:pointer;
}

/* ÜST ROZETLER — PING / CANLI / RESET / AYAR / TEMA */
.pill-ping{
  flex:1.3;
  justify-content:space-between;
  padding-inline:10px;
}
.pill-ping .pill-label{
  letter-spacing:0.08em;
  font-size:0.7rem;
}
.pill-ping .pill-value{
  font-variant-numeric:tabular-nums;
}

/* Ping durumu renkleri */
.ping-good .pill-value{color:var(--up);}
.ping-warn .pill-value{color:var(--amber);}
.ping-bad  .pill-value{color:var(--down);}

.pill-conn{
  flex:0 0 90px;
  justify-content:space-between;
  padding-inline:10px;
}
.conn-dot{
  width:8px;height:8px;border-radius:50%;
  background:#444;
  box-shadow:0 0 6px rgba(0,0,0,0.7);
}
.conn-on{
  background:#17c27a;
  box-shadow:0 0 10px rgba(23,194,122,0.7);
}
.conn-off{
  background:#e45c5c;
  box-shadow:0 0 10px rgba(228,92,92,0.7);
}

/* ALT BLOK — MARKET STATUS BAYRAKLARI */
.market-status{
  font-size:0.72rem;
  color:var(--muted);
}
.market-divider{
  height:1px;
  background:rgba(32,48,78,0.95);
  margin-bottom:6px;
}
.market-flags{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.market-label{
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-size:0.7rem;
  color:rgba(156,177,204,0.9);
}
.market-flags-row{
  display:flex;
  gap:10px;
}
.ms-item{
  display:flex;
  align-items:center;
  gap:4px;
}
.ms-flag{font-size:0.85rem;}
.ms-dot{
  width:8px;height:8px;border-radius:50%;
  background:#444;
  box-shadow:0 0 6px rgba(0,0,0,0.6);
}
.ms-on{
  background:#17c27a;
  box-shadow:0 0 10px rgba(23,194,122,0.7);
}
.ms-off{
  background:#e45c5c;
  box-shadow:0 0 10px rgba(228,92,92,0.7);
}


/* === PİYASA NABZI KARTI === */
.status-card.market-pulse{
  margin-top:8px;
  padding:8px 6px 10px;
  border-radius:18px;
  border:1px solid rgba(32,48,78,0.95);
  background:linear-gradient(145deg,#050915,#091324);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.pulse-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 4px 2px;
}

.pulse-title{
  font-size:0.8rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.pulse-tag{
  font-size:0.72rem;
  padding:3px 10px;
  border-radius:999px;
  border:1px solid rgba(76,195,255,0.55);
  background:var(--accent-soft);
  color:var(--accent);
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.pulse-grid{
  display:flex;
  align-items:stretch;
  gap:8px;
}

.pulse-left,
.pulse-right{
  flex:1;
  border-radius:14px;
  border:1px solid rgba(37,53,87,0.95);
  background:rgba(5,12,26,0.9);
  padding:6px 7px 7px;
}

/* Sol taraf — Most Searched */
.pulse-left-title{
  font-size:0.78rem;
  color:var(--muted);
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:4px;
}
.pulse-left-title span{
  font-size:0.7rem;
  opacity:0.9;
}

.pulse-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.pulse-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:3px 5px;
  border-radius:10px;
  border:1px solid rgba(37,53,87,0.9);
  background:#050915;
  font-size:0.78rem;
}

.pulse-coin{
  display:flex;
  flex-direction:column;
  gap:1px;
}

.pulse-coin-name{
  font-size:0.78rem;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.pulse-coin-price{
  font-size:0.72rem;
  color:var(--muted);
}

.pulse-coin-change{
  font-size:0.75rem;
  font-weight:600;
}
.pulse-coin-change.up{color:var(--up);}
.pulse-coin-change.down{color:var(--down);}

/* Sağ taraf — Long / Short */
.pulse-ratio-block{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  margin-bottom:4px;
}
.pulse-ratio-main{
  font-size:1.1rem;
  font-weight:700;
}
.pulse-ratio-label{
  font-size:0.72rem;
  color:var(--muted);
}

.pulse-bars{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:4px;
}

.pulse-bar{
  font-size:0.72rem;
  padding:2px 5px;
  border-radius:8px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.pulse-bar-long{
  background:rgba(23,201,100,0.16);
  color:var(--up);
}

.pulse-bar-short{
  background:rgba(228,92,92,0.16);
  color:var(--down);
}

.pulse-risk-pill{
  font-size:0.72rem;
  padding:3px 6px;
  border-radius:999px;
  border:1px solid rgba(247,181,0,0.8);
  background:rgba(247,181,0,0.12);
  color:var(--amber);
}

.pulse-footer{
  margin-top:2px;
  font-size:0.72rem;
  color:var(--muted);
}

/* HABER PORTALI */
.status-card.news-card{
  padding-top:8px;padding-bottom:8px;
  display:flex;flex-direction:column;flex:1;
}
.news-controls{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin-bottom:8px;
}
.news-tabs{display:flex;gap:6px}
.news-tab{
  padding:4px 10px;border-radius:999px;
  border:1px solid rgba(37,53,87,0.97);
  background:#071425;color:var(--muted);
  font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;
  cursor:pointer;
  transition:background .16s,border-color .16s,color .16s,box-shadow .16s;
}
.news-tab:hover{
  border-color:rgba(76,195,255,0.85);
  box-shadow:0 0 10px rgba(76,195,255,0.35);
  color:var(--accent);
}
.news-tab.active{
  background:radial-gradient(circle at top,#4cc3ff,#0b1730);
  border-color:rgba(76,195,255,0.95);
  color:#fff;
}
.news-search{flex:1;display:flex;justify-content:flex-end}
.news-search input{
  width:100%;max-width:160px;
  padding:5px 9px;border-radius:999px;
  border:1px solid rgba(37,53,87,0.97);
  background:#050915;color:var(--text);
  font-size:0.78rem;
}
.news-search input::placeholder{color:var(--muted)}

.news-list{
  margin-top:4px;padding-right:2px;flex:1;
  max-height:none;overflow-y:auto;
  display:flex;flex-direction:column;gap:6px;
}
.news-list::-webkit-scrollbar{width:6px}
.news-list::-webkit-scrollbar-track{background:transparent}
.news-list::-webkit-scrollbar-thumb{
  background:rgba(54,74,112,0.9);border-radius:999px;
}

.news-item{
  padding:7px 8px 8px;border-radius:12px;
  border:1px solid rgba(37,53,87,0.9);
  background:linear-gradient(145deg,#050915,#081427);
  display:flex;flex-direction:column;gap:3px;
  font-size:0.8rem;
}
.news-item:hover{
  border-color:rgba(76,195,255,0.95);
  box-shadow:0 6px 14px rgba(0,0,0,0.7);
  transform:translateY(-1px);
}
.news-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:6px;color:var(--muted);font-size:0.73rem;
}
.news-title{font-size:0.8rem;font-weight:500}
.news-tags{display:flex;gap:4px;flex-wrap:wrap}
.news-tag{
  padding:2px 6px;border-radius:999px;
  border:1px solid rgba(76,195,255,0.45);
  font-size:0.7rem;color:var(--accent);
}

/* F&G */
.fear-card{
  margin-top:8px;padding-top:10px;padding-bottom:10px;
  border-top:1px solid rgba(32,48,78,0.95);
  min-height:120px;display:flex;flex-direction:column;gap:6px;
}
.fear-header{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.fear-title{
  font-size:0.8rem;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--muted);
}
.fear-tag{
  font-size:0.75rem;padding:3px 10px;border-radius:999px;
  border:1px solid rgba(76,195,255,0.55);
  color:var(--accent);background:var(--accent-soft);
}
.fear-body{padding:2px 2px 0}
.fear-scale{
  position:relative;height:20px;border-radius:999px;
  background:linear-gradient(90deg,var(--down),var(--amber),var(--up));
  box-shadow:0 0 16px rgba(0,0,0,0.7);
  border:1px solid rgba(37,53,87,0.95);
}
.fear-pointer{
  position:absolute;top:50%;
  transform:translate(-50%,-50%);
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:0;
}
.fear-pointer::before{
  content:"";width:0;height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:7px solid #ffffffdd;
  margin-bottom:1px;
}
.fear-value{
  font-size:0.78rem;font-weight:600;
  padding:2px 6px;border-radius:999px;
  background:#050915ee;
  border:1px solid rgba(255,255,255,0.35);
}
.fear-labels{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:4px;font-size:0.73rem;color:var(--muted);
}
.fear-label.mid{text-align:center;flex:1}

/* === PANEL STİLLERİ — DESTEK/DİRENÇ & GENEL DEĞERLENDİRME === */

.panel{
  width:100%;
  height:100%;
  border-radius:20px;
  border:1px solid rgba(37,53,87,0.97);
  background:linear-gradient(145deg,#070f20,#0f182c);
  padding:10px 10px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:left;
}

.panel-header{
  font-size:0.8rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.panel-sub{
  font-size:0.75rem;
  color:var(--muted);
  opacity:0.9;
}

/* Panel alt not */
.panel-footer-note{
  margin-top:6px;
  font-size:0.7rem;
  color:var(--muted);
  opacity:0.9;
}

/* DESTEK / DİRENÇ PANELİ */
.panel-sr{
  box-shadow:0 0 18px rgba(0,0,0,0.65);
}

.panel-tf-row{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.panel-tf-pill{
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(37,53,87,0.97);
  background:#050915;
  font-size:0.68rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--muted);
  cursor:pointer;
  user-select:none;
  transition:background .16s,border-color .16s,box-shadow .16s,transform .16s,color .16s;
}

.panel-tf-pill:hover{
  border-color:rgba(76,195,255,0.85);
  color:var(--accent);
  box-shadow:0 0 10px rgba(76,195,255,0.35);
  transform:translateY(-1px);
}

.panel-tf-pill.active{
  background:radial-gradient(circle at top,#4cc3ff,#0b1730);
  border-color:rgba(76,195,255,0.95);
  color:#fff;
  box-shadow:0 0 12px rgba(76,195,255,0.6);
}

.panel-sr-body{
  margin-top:8px;
  display:flex;
  gap:8px;
  align-items:stretch;
}

.sr-block{
  flex:1;
  padding:6px 6px 8px;
  border-radius:14px;
  border:1px solid rgba(37,53,87,0.97);
  background:rgba(3,7,18,0.8);
  display:flex;
  flex-direction:column;
  gap:4px;
}

.sr-title{
  font-size:0.74rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:2px;
}

.sr-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.sr-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:3px 6px;
  border-radius:10px;
  background:rgba(5,12,26,0.9);
  border:1px solid rgba(37,53,87,0.9);
  font-size:0.78rem;
}

.sr-label{
  font-size:0.7rem;
  letter-spacing:0.09em;
  text-transform:uppercase;
  color:var(--muted);
}

.sr-value{
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:var(--accent);
}

.sr-support .sr-value{color:var(--up);}
.sr-resistance .sr-value{color:var(--down);}

.sr-item:hover{
  border-color:rgba(76,195,255,0.75);
  background:rgba(9,18,40,0.95);
}

/* GENEL DEĞERLENDİRME PANELİ */
.panel-eval{
  box-shadow:0 0 18px rgba(0,0,0,0.65);
}

.eval-row{
  margin-top:6px;
  padding:6px 8px;
  border-radius:12px;
  border:1px solid rgba(37,53,87,0.9);
  background:rgba(5,12,26,0.9);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:0.78rem;
}

.eval-label{
  font-size:0.72rem;
  letter-spacing:0.09em;
  text-transform:uppercase;
  color:var(--muted);
}

.eval-value{
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:var(--accent);
  text-align:right;
}

.eval-notes{
  flex-direction:column;
  align-items:flex-start;
}

.eval-notes .eval-label{
  width:100%;
}

.eval-text{
  margin-top:4px;
  font-size:0.76rem;
  color:var(--muted);
  line-height:1.4;
  max-height:140px;
  overflow-y:auto;
}

.eval-text::-webkit-scrollbar{
  width:5px;
}
.eval-text::-webkit-scrollbar-thumb{
  background:rgba(54,74,112,0.9);
  border-radius:999px;
}

.eval-row:hover{
  border-color:rgba(76,195,255,0.7);
  background:rgba(9,18,40,0.95);
}

/* Genel */
.placeholder{opacity:0.72;font-style:italic;color:var(--muted);text-align:center}

.metric-card:hover,.coin-slot:hover{
  border-color:rgba(76,195,255,0.95);
  box-shadow:0 8px 22px rgba(0,0,0,0.7);
  transform:translateY(-3px);
  background:linear-gradient(145deg,#0b182c,#141f36);
  cursor:pointer;
}

/* === GRAFİK ALANI AYARLARI === */
.chart-main-body {
  position: relative;
  padding: 8px 0 4px;
}

#chart-root {
  width: 100%;
  height: 260px;
}

/* === ROZET DURUM SINIFLARI === */
.pill-active {
  box-shadow: 0 0 14px rgba(120, 220, 255, 0.7);
  transform: translateY(-1px);
}

.pill-soft {
  opacity: 0.6;
}

.pill-error {
  box-shadow: 0 0 12px rgba(255, 90, 90, 0.8);
}

/* FOOTER */

.site-footer {
  margin-top:18px;
  text-align:center;
  font-size:0.8rem;
  color:var(--muted);
}

/* Buraya ekliyoruz */
.site-footer-inner {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;           /* elemanlar arası mesafe */
  flex-wrap:wrap;
  line-height:1.6;
}

.site-footer-inner span,
.site-footer-inner a {
  white-space:nowrap;
}

.site-footer-inner a {
  color:var(--accent);
  text-decoration:none;
  margin:0 2px;
}
.site-footer-inner a:hover {
  text-decoration:underline;
}

/* ==== ZORLA SCROLL SERBEST BIRAKMA PATCH'i ==== */
html, body {
  min-height: 100vh !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Ana sarmalayıcıların yüksekliğini serbest bırak */
.wrap,
.main-grid {
  min-height: 100vh;
  height: auto !important;
  overflow: visible !important;
}


/* === PANEL DIŞI SAĞ ÜST SPONSOR (Masaüstü) === */
.floating-sponsor{
  position: fixed;
  top: 110px;         /* zaman barının altı */
  right: 18px;
  width: 300px;
  z-index: 9999;

  background: linear-gradient(145deg, #050915, #0b1628);
  border: 1px solid rgba(76,195,255,0.35);
  border-radius: 18px;
  padding: 10px 10px 12px;

  box-shadow: 0 18px 40px rgba(0,0,0,0.65);
}

.floating-sponsor .sponsor-label{
  display: block;
  text-align: center;
  font-size: 0.65rem;
  letter-spacing: 0.28em;
  color: var(--muted);
  margin-bottom: 6px;
}

@media(max-width: 1200px){
  .floating-sponsor{ display:none; }
}

/* === ZAMAN BAR / DİL SEÇİCİ === */
.timebar{ position: relative; }
.timebar-right.lang-toggle{
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  gap: 6px;
}

.lang-btn{
  cursor: pointer;
  border: 1px solid rgba(76,195,255,0.25);
  background: rgba(5, 12, 24, 0.55);
  color: rgba(230, 246, 255, 0.85);
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.06em;
}

.lang-btn.active{
  border-color: rgba(76,195,255,0.55);
  background: rgba(10, 24, 44, 0.75);
}

/* ===== Logo alt not: TR/EN şık ayrım ===== */
.logo-bottom-note{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(76,195,255,0.18);
  background: rgba(8,18,32,0.35);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
  color: rgba(232,240,255,0.78);
  font-size: 0.72rem;
  line-height: 1.55;
  letter-spacing: 0.01em;
}

.logo-bottom-note .note-tr{
  font-weight: 600;
}

.logo-bottom-note .note-en{
  margin-top: 8px;
  opacity: 0.72;
  font-weight: 600;
  font-size: 0.70rem;
}

.logo-bottom-note .note-sep{
  height: 1px;
  margin: 10px 0 8px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(76,195,255,0.35),
    transparent
  );
}

/* Light theme’de de okunaklı kalsın */
body.light-theme .logo-bottom-note{
  background: rgba(255,255,255,0.7);
  border-color: rgba(15,23,42,0.12);
  color: rgba(15,23,42,0.82);
}

body.light-theme .logo-bottom-note .note-en{
  opacity: 0.75;
}
/* =========================================================
   LIGHT THEME HOTFIX — Yazılar görünmüyor sorununu kökten çöz
   En alta yapıştır.
========================================================= */

/* 1) Genel metin/arka plan */
body.light-theme{
  background: #f6f8fc;
  color: #0f172a;
}

body.light-theme .wrap,
body.light-theme .main-grid{
  color: #0f172a;
}

/* 2) Kartlar / paneller */
body.light-theme .card,
body.light-theme .panel,
body.light-theme .box,
body.light-theme .col-logo .logo-card,
body.light-theme .col-logo .core-card,
body.light-theme .col-center .section,
body.light-theme .col-status .panel,
body.light-theme .news-card,
body.light-theme .market-pulse,
body.light-theme .fear-card{
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,0.06) !important;
}

/* 3) Tüm yazıları koyulaştır (kritik) */
body.light-theme .card *,
body.light-theme .panel *,
body.light-theme .box *,
body.light-theme .section *,
body.light-theme .news-card *,
body.light-theme .market-pulse *,
body.light-theme .fear-card *{
  color: #0f172a;
}

/* 4) Soltaki açıklama / muted metinler */
body.light-theme .muted,
body.light-theme .sub,
body.light-theme .label,
body.light-theme .note,
body.light-theme .hint,
body.light-theme .small{
  color: #475569 !important;
}

/* 5) Coin slot: isim + fiyat + meta */
body.light-theme .coin-slot{
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}
body.light-theme .coin-symbol,
body.light-theme .coin-price,
body.light-theme .coin-change,
body.light-theme .meta-24-vol,
body.light-theme .meta-price,
body.light-theme .meta-vol,
body.light-theme .asset-symbol,
body.light-theme .asset-market{
  color: #0f172a !important;
}

/* 6) Up/Down renkleri (light’ta da okunur) */
body.light-theme .up{ color:#16a34a !important; }
body.light-theme .down{ color:#dc2626 !important; }
body.light-theme .neutral{ color:#475569 !important; }

/* 7) Dominance / metric kartları */
body.light-theme .metric-card{
  background:#ffffff !important;
  border-color:#e2e8f0 !important;
}
body.light-theme .metric-label,
body.light-theme .metric-value,
body.light-theme .metric-sub,
body.light-theme .metric-24-pill{
  color:#0f172a !important;
}
body.light-theme .metric-chip{
  background:#f1f5f9 !important;
  color:#0f172a !important;
  border-color:#e2e8f0 !important;
}

/* 8) Sağ üst rozetler (PING/CANLI vs.) */
body.light-theme .pill{
  background:#f1f5f9 !important;
  border-color:#cbd5e1 !important;
}
body.light-theme .pill,
body.light-theme .pill *{
  color:#0f172a !important;
}

/* 9) Input / arama kutusu (haber arama) */
body.light-theme input,
body.light-theme .news-search,
body.light-theme .search{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#e2e8f0 !important;
}

/* 10) Linkler */
body.light-theme a{
  color:#0b5ed7;
}
/* ===== Sağ kolon altındaki mavi sızıntıyı kapat ===== */
.col-status{
  background: transparent;          /* dark theme bozulmasın */
}

/* Light theme'de sağ kolonun arka planını beyaz yap */
body.light-theme .col-status{
  background: #f6f8fc !important;
}

/* Sponsor kutusu altındaki alan da beyaz dursun (light) */
body.light-theme .floating-sponsor{
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,0.08) !important;
}

/* Haber paneli container'ı (light) - alttan mavi vurmasın */
body.light-theme #news-panel,
body.light-theme .news-panel,
body.light-theme .crypto-news,
body.light-theme .news-wrap{
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* ===== Destek/Direnç mum seçimlerini tek satır kare pastel yap ===== */

/* buton grubunun kapsayıcısını tek satır yap (wrap'lı) */
.sr-timeframes,
.sr-tf-row,
.tf-row,
.timeframe-row{
  display: flex !important;
  gap: 8px;
  flex-wrap: wrap;              /* küçük ekranda taşarsa alta geçsin ama düzenli */
  align-items: center;
}

/* buton stili: kare/pastel */
.sr-timeframes button,
.sr-tf-row button,
.tf-row button,
.timeframe-row button,
.sr-btn, .tf-btn{
  min-width: 54px;
  height: 34px;
  padding: 0 10px;
  border-radius: 10px;          /* kareye yakın pastel */
  border: 1px solid rgba(148,163,184,0.45);
  background: rgba(241,245,249,0.85);
  color: #0f172a;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
}

/* seçili olan */
.sr-timeframes button.active,
.sr-tf-row button.active,
.tf-row button.active,
.timeframe-row button.active,
.sr-btn.active, .tf-btn.active{
  background: rgba(59,130,246,0.15);
  border-color: rgba(59,130,246,0.55);
  color: #0b5ed7;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.12);
}

/* dark theme'de pastel koyulaşsın */
body:not(.light-theme) .sr-timeframes button,
body:not(.light-theme) .sr-tf-row button,
body:not(.light-theme) .tf-row button,
body:not(.light-theme) .timeframe-row button,
body:not(.light-theme) .sr-btn, 
body:not(.light-theme) .tf-btn{
  background: rgba(10,24,44,0.55);
  border-color: rgba(76,195,255,0.22);
  color: rgba(232,240,255,0.88);
}

body:not(.light-theme) .sr-timeframes button.active,
body:not(.light-theme) .sr-tf-row button.active,
body:not(.light-theme) .tf-row button.active,
body:not(.light-theme) .timeframe-row button.active,
body:not(.light-theme) .sr-btn.active, 
body:not(.light-theme) .tf-btn.active{
  background: rgba(76,195,255,0.16);
  border-color: rgba(76,195,255,0.55);
  color: rgba(232,240,255,0.95);
}
/* === Destek/Direnç MUM seçimleri → Grafik zaman pill’leri gibi === */
.panel-tf-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

/* button olduğu için span .tf-pill'e benzet */
.panel-tf-pill{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--border);
  background:rgba(255,255,255,0.06);
  color:var(--muted);
  padding:4px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background .16s,border-color .16s,transform .16s,box-shadow .16s,color .16s;
}

.panel-tf-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(76,195,255,0.55);
  color:rgba(230,246,255,0.95);
  box-shadow:0 0 10px rgba(76,195,255,0.35);
}

/* aktif pill */
.panel-tf-pill.active{
  background:var(--accent);
  border-color:var(--accent);
  color:#ffffff;
  box-shadow:0 0 10px rgba(15,98,254,0.40);
}

/* Light theme’de de düzgün dursun */
body.light-theme .panel-tf-pill{
  background:#ffffff;
  border-color:#e2e8f0;
  color:#475569;
}
body.light-theme .panel-tf-pill:hover{
  border-color:#0b5ed7;
  color:#0b5ed7;
  box-shadow:0 0 10px rgba(11,94,215,0.22);
}
body.light-theme .panel-tf-pill.active{
  background:#0b5ed7;
  border-color:#0b5ed7;
  color:#ffffff;
}
/* Genel Değerlendirme başlığını ortala */
.center-header{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.center-title{
  width:100%;
}
/* Light theme: sağ kolonun genel arka planını açık tut */
body.light-theme .col-status{
  background: #f6f8fc !important;
}
/* ===== LIGHT THEME: sağ kolon altındaki mavi sızıntıyı EZ ===== */
body.light-theme .col-status{
  background: #f6f8fc !important;    /* kolon boşluğu */
}

/* sağ kolondaki tüm kutular beyaz kalsın */
body.light-theme .col-status > *{
  background: transparent !important;
}

/* Sponsor kutusunun kendi arka planı */
body.light-theme .floating-sponsor{
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* === Sponsor: fixed KAPAT, sağ kolona göm (scroll ile aksın) === */
.floating-sponsor{
  position: static !important;   /* fixed'i öldür */
  top: auto !important;
  right: auto !important;

  width: 100% !important;        /* sağ kolon genişliğiyle birlikte */
  max-width: none !important;
  margin: 12px 0 0 !important;   /* üstten nefes */
  z-index: auto !important;

  border-radius: 18px;
}

/* Sağ kolonda sponsor kutusu "panel gibi" dursun */
.col-status .floating-sponsor{
  background: var(--card) !important;
  border: 1px solid rgba(76,195,255,0.22) !important;
}

/* Light theme’de sponsor da kart gibi olsun */
body.light-theme .col-status .floating-sponsor{
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,0.06) !important;
}


/* =========================
   SPONSOR KOLONU (DİŞTE AMA PANELLE UYUMLU)
   - fixed yok, sayfayla akar
   - küçük ekranda otomatik gizlenir
   ========================= */
.col-sponsor{
  background:rgba(5,12,26,0.96);
  border-radius:26px;
  border:1px solid var(--border);
  padding:16px 14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:340px;
}

.col-sponsor .sponsor-label{
  display:block;
  text-align:center;
  font-size:0.65rem;
  letter-spacing:0.28em;
  color:var(--muted);
  margin:2px 0 8px;
}

/* Eskiden fixed olan sponsor: artık normal akış */
.floating-sponsor{
  position: static !important;
  top:auto !important;
  right:auto !important;
  width:100% !important;
  z-index:auto !important;
}

/* Sponsor kutusu kart gibi */
.col-sponsor .floating-sponsor{
  background: linear-gradient(145deg, #050915, #0b1628);
  border: 1px solid rgba(76,195,255,0.35);
  border-radius: 18px;
  padding: 10px 10px 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.65);
}

/* Light theme sponsor kolonu */
body.light-theme .col-sponsor{
  background:#ffffff;
  border-color:var(--border);
  box-shadow:0 14px 30px rgba(15,23,42,0.10);
}
body.light-theme .col-sponsor .floating-sponsor{
  background:#ffffff;
  border-color:#e2e8f0;
  box-shadow:0 12px 30px rgba(15,23,42,0.10);
}

/* Sponsor kolonunu dar ekranda kapat (çakışma bitirici) */
@media (max-width: 1500px){
  .col-sponsor{ display:none !important; }
  .main-grid{ grid-template-columns:340px minmax(0,2.8fr) 340px; }
}

/* ===== Sponsor: ana paneli SIKIŞTIRMASIN, sağda DIŞTA dursun ===== */
.wrap{
  position: relative; /* sponsor'un referansı */
}

/* Sponsor kutusu: sayfayla birlikte aksın (fixed yok) */
.floating-sponsor{
  position: absolute !important;    /* grid'den bağımsız */
  top: 110px;                       /* zaman barının altı */
  left: calc(100% + 18px);          /* wrap'ın sağına TAŞIR */
  width: 320px;
  height: 560px;                    /* senin afiş alanın */
  z-index: 10;

  /* "Kağıt afiş" görünümü */
  background: rgba(255,255,255,0.02);
  border: none !important;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.55);
}

/* Üstteki SPONSOR yazısı kalsın ama çizgiler olmasın */
.floating-sponsor .sponsor-label,
.floating-sponsor .label,
.floating-sponsor .title{
  opacity: 0.6;
  letter-spacing: 0.25em;
}

/* Ekran daralınca sponsor otomatik kaybolsun (çakışma sıfır) */
@media (max-width: 1650px){
  .floating-sponsor{ display:none !important; }
}

/* === Layout sabitleme (1920 tasarım, sponsor dışta) === */

/* Sağ/sol taşma engeli */
html, body{ overflow-x:hidden; }

/* Wrap zaten var: max 1920, ortalı */
.wrap{ max-width:1920px; margin:0 auto; }

/* 3 kolon: SOL / ORTA / SAĞ */
.main-grid{
  display:grid;
  grid-template-columns: 340px minmax(0, 1fr) 360px;
  gap: 22px;
  align-items:start;
}

/* Grid içindeki elemanların "genişleyip taşma" huyunu kır */
.col-logo, .col-center, .col-status{ min-width:0; }
.panel, .card, .box, .slot, .widget{ min-width:0; }

/* GENEL DEĞERLENDİRME satırı: 3'lü düzen sabit kalsın */
.eval-grid, .genel-grid, .general-grid{
  display:grid;
  grid-template-columns: 320px minmax(0, 1fr) 320px;
  gap: 18px;
  align-items:stretch;
}

/* Sağ kolonun altına kaçmayı önleyen kritik satır */
.eval-grid > *, .genel-grid > *, .general-grid > *{ min-width:0; }

/* Sponsor "AFİŞ" dışta: sabit konum, grid'e karışmaz */
.col-sponsor{
  position:fixed;
  right: 24px;
  top: 96px;
  width: 300px;
  height: calc(100vh - 140px);
  z-index: 50;
  pointer-events: none;
}
.col-sponsor .floating-sponsor{ height:100%; pointer-events:auto; }

/* 1920 altı: kolonlar tek sıra, sponsor gizli */
@media (max-width: 1380px){
  .main-grid{ grid-template-columns:1fr; }
  .col-sponsor{ display:none !important; }
}



/* =========================
   BLOG AUTO + KENDİ REKLAMLARIMIZ (PATCH)
   Amaç: Sol kolonda 2 kart yüksekliği + içeride scroll, panel uzamasın.
   ========================= */
.blog-auto-card{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:14px;
  padding:10px;
  margin-top:12px;
  box-shadow: var(--shadow-soft, 0 8px 24px rgba(0,0,0,.12));
}
.blog-auto-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.blog-auto-title{
  font-weight:900;
  letter-spacing:.04em;
  font-size:12px;
  text-transform:uppercase;
  color:var(--muted);
}
.blog-auto-all{
  font-size:12px;
  color:var(--accent);
  text-decoration:none;
  padding:4px 8px;
  border-radius:10px;
  border:1px solid rgba(76,195,255,.25);
}
.blog-auto-all:hover{ border-color: rgba(76,195,255,.55); }

.blog-auto-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height: 210px; /* ~2 kart + rozet */
  overflow-y:auto;
  padding-right:4px;
}
.blog-auto-loading{
  color:var(--muted);
  font-size:12px;
  padding:10px;
  border-radius:12px;
  border:1px dashed rgba(255,255,255,.12);
}
.blog-auto-item{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:10px;
  background: rgba(255,255,255,.04);
  text-decoration:none;
  color:inherit;
  display:block;
}
body:not(.light-theme) .blog-auto-item{ background:rgba(0,0,0,.12); }
.blog-auto-item:hover{ border-color:rgba(76,195,255,.45); }
.blog-auto-item-title{
  font-weight:900;
  font-size:13px;
  line-height:1.2;
  margin:0 0 6px;
}
.blog-auto-item-sub{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  margin:0 0 8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.blog-auto-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-pill{
  font-size:11px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  color:var(--muted);
}
.blog-pill.cat{ color:var(--accent); border-color:rgba(76,195,255,.25); }
.blog-pill.time{ opacity:.9; }

.blog-auto-list::-webkit-scrollbar{ width:6px; }
.blog-auto-list::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.18); border-radius:999px; }
body.light-theme .blog-auto-list::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); }

/* Ad slider */
.ad-slider-card{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:14px;
  padding:10px;
  margin-top:12px;
  box-shadow: var(--shadow-soft, 0 8px 24px rgba(0,0,0,.12));
}
.ad-slider-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.ad-slider-title{
  font-weight:900;
  letter-spacing:.04em;
  font-size:12px;
  text-transform:uppercase;
  color:var(--muted);
}
.ad-slider-dotwrap{ display:flex; gap:6px; align-items:center; }
.ad-dot{
  width:6px; height:6px; border-radius:99px;
  background: rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.14);
}
.ad-dot.active{ background: rgba(76,195,255,.85); border-color: rgba(76,195,255,.45); }

.ad-slide{
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(135deg, rgba(76,195,255,.10), rgba(23,194,122,.08));
  overflow:hidden;
}
body:not(.light-theme) .ad-slide{
  background: linear-gradient(135deg, rgba(76,195,255,.08), rgba(0,0,0,.18));
}
.ad-slide-body{ padding:12px; }
.ad-title{ font-weight:900; font-size:13px; margin:0 0 6px; }
.ad-sub{ color:var(--muted); font-size:12px; line-height:1.35; margin:0 0 10px; }
.ad-cta{
  display:inline-block;
  font-size:12px;
  color:var(--accent);
  text-decoration:none;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid rgba(76,195,255,.25);
}
.ad-cta:hover{ border-color: rgba(76,195,255,.55); }