/* ============================================================
   GURIZON · WOW LAYER (deneme)
   Bu dosyayı silmek + scripts.php'den wow.js'i kaldırmak +
   index.php'deki <!-- WOW START --> / <!-- WOW END --> bloğunu
   eski kod-snippet bölümüyle değiştirmek için yeterlidir.
   ============================================================ */

/* ===== 1) Cursor-follow spotlight (hero) ===== */
.wow-spotlight{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background: radial-gradient(
    520px circle at var(--wx,50%) var(--wy,30%),
    rgba(239,68,68,.22),
    rgba(239,68,68,.08) 28%,
    transparent 60%
  );
  opacity:0;
  transition: opacity .45s ease;
  mix-blend-mode: screen;
  will-change: background-position;
}
.hero.wow-active .wow-spotlight{ opacity:1 }
@media (hover:none){ .wow-spotlight{ display:none } }

/* shared pulse keyframe (dashboard orb kullanıyor) */
@keyframes wowOrbPing{
  0%,100%{ box-shadow:0 0 0 0 rgba(239,68,68,.55) }
  50%   { box-shadow:0 0 0 12px rgba(239,68,68,0) }
}

/* ===== 8) Live operations dashboard ===== */
.wow-dash{
  max-width:980px; margin:0 auto;
  background:linear-gradient(180deg,#0d0d10 0%,#08080a 100%);
  border:1px solid #1f1f23;
  border-radius:22px;
  overflow:hidden;
  box-shadow:
    0 60px 120px -30px rgba(0,0,0,.85),
    0 0 0 1px rgba(239,68,68,.08) inset,
    0 20px 60px -20px rgba(239,68,68,.15);
  position:relative;
}
.wow-dash::before{
  content:""; position:absolute;
  top:-200px; right:-200px;
  width:500px; height:500px;
  background:radial-gradient(circle,rgba(239,68,68,.18),transparent 70%);
  filter:blur(60px); pointer-events:none;
}
.wow-dash-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 20px;
  background:linear-gradient(135deg,#1a0b0b 0%,#0c0c0e 100%);
  border-bottom:1px solid #2a2a30;
  position:relative; z-index:1;
}
.wow-dash-head-l{ display:flex; align-items:center; gap:12px }
.wow-dash-orb{
  width:34px; height:34px; border-radius:10px;
  background:linear-gradient(135deg,#ef4444,#7f1d1d);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:13px;
  animation: wowOrbPing 2.6s ease-in-out infinite;
}
.wow-dash-title{ font-size:14px; font-weight:800; color:#fafafa; line-height:1.1 }
.wow-dash-title small{
  display:block; font-size:10.5px; color:#71717a; font-weight:600;
  margin-top:3px; letter-spacing:.3px; font-family:'JetBrains Mono',monospace;
}
.wow-dash-mode{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(34,197,94,.12); color:#22c55e;
  font-size:10px; font-weight:800; letter-spacing:.7px;
  padding:5px 10px; border-radius:999px;
  border:1px solid rgba(34,197,94,.28);
}
.wow-dash-mode .dot{
  width:6px; height:6px; border-radius:50%;
  background:#22c55e; animation:pulseDot 1.2s infinite;
  box-shadow:0 0 0 3px rgba(34,197,94,.25);
}

.wow-dash-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#1f1f23;
  position:relative; z-index:1;
}
@media (max-width:760px){ .wow-dash-grid{ grid-template-columns:repeat(2,1fr) } }

.wow-kpi{
  background:#0a0a0c;
  padding:18px 20px 16px;
  display:flex; flex-direction:column; gap:6px;
  position:relative; overflow:hidden;
}
.wow-kpi-label{
  font-size:10.5px; font-weight:800; letter-spacing:.7px;
  color:#71717a; text-transform:uppercase;
  display:flex; align-items:center; gap:6px;
}
.wow-kpi-label .pulse{
  width:6px; height:6px; border-radius:50%;
  background:#22c55e; animation:pulseDot 1.4s infinite;
  box-shadow:0 0 0 3px rgba(34,197,94,.20);
}
.wow-kpi-value{
  font-family:'JetBrains Mono', monospace;
  font-size:26px; font-weight:800; color:#fafafa;
  letter-spacing:-.5px; line-height:1;
  font-variant-numeric: tabular-nums;
}
.wow-kpi-delta{
  font-size:11px; font-weight:700; color:#22c55e;
  display:flex; align-items:center; gap:4px;
}
.wow-kpi-delta.down{ color:#ef4444 }
.wow-kpi-spark{
  position:absolute; right:12px; bottom:12px;
  width:64px; height:24px; opacity:.6;
}

.wow-dash-body{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:1px;
  background:#1f1f23;
  position:relative; z-index:1;
}
@media (max-width:760px){ .wow-dash-body{ grid-template-columns:1fr } }

.wow-dash-feed,
.wow-dash-chart{
  background:#0a0a0c;
  padding:18px 20px;
  min-height:240px;
}
.wow-dash-feed h4,
.wow-dash-chart h4{
  font-size:11px; font-weight:800; letter-spacing:.7px;
  color:#a1a1aa; text-transform:uppercase;
  margin:0 0 14px;
  display:flex; align-items:center; gap:8px;
}
.wow-dash-feed h4 .pulse{
  width:6px; height:6px; border-radius:50%;
  background:#ef4444; animation:pulseDot 1.2s infinite;
  box-shadow:0 0 0 3px rgba(239,68,68,.25);
}

.wow-feed-list{
  display:flex; flex-direction:column; gap:8px;
  list-style:none; margin:0; padding:0;
}
.wow-feed-item{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
  border-left:3px solid var(--feed-c,#ef4444);
  border-radius:10px;
  font-size:12.5px; color:#e4e4e7; font-weight:600;
  animation: wowFeedIn .5s cubic-bezier(.2,.9,.3,1.1);
}
.wow-feed-item strong{ color:#fff; font-weight:800 }
.wow-feed-item .ic{
  width:26px; height:26px; border-radius:7px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:11px;
}
.wow-feed-item .t{
  flex:1; min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wow-feed-item .ago{
  font-size:10.5px; color:#71717a; font-weight:700;
  flex-shrink:0; font-variant-numeric:tabular-nums;
}
@keyframes wowFeedIn{
  0%   { opacity:0; transform:translateY(-12px) scale(.98) }
  100% { opacity:1; transform:translateY(0) scale(1) }
}
.wow-feed-item.leaving{ animation: wowFeedOut .35s ease forwards }
@keyframes wowFeedOut{
  0%   { opacity:1; transform:translateY(0) }
  100% { opacity:0; transform:translateY(8px) scale(.98) }
}

.wow-dash-chart{ display:flex; flex-direction:column }
.wow-chart-svg{
  flex:1; width:100%; min-height:140px; height:auto;
}
.wow-chart-line{
  stroke:url(#wowGrad);
  stroke-width:2;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 4px 14px rgba(239,68,68,.4));
}
.wow-chart-area{ fill:url(#wowArea) }

.wow-dash-foot{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; flex-wrap:wrap;
  padding:12px 20px;
  background:linear-gradient(180deg,rgba(239,68,68,.06),rgba(239,68,68,.02));
  border-top:1px solid rgba(239,68,68,.15);
  position:relative; z-index:1;
}
.wow-dash-foot-l{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  font-size:11.5px; color:#a1a1aa; font-weight:700;
}
.wow-dash-foot-l span{ display:inline-flex; align-items:center; gap:6px }
.wow-dash-foot-l .dt{
  width:6px; height:6px; border-radius:50%;
  background:#22c55e; animation:pulseDot 1.4s infinite;
}
.wow-dash-foot-l .dt.r{ background:#ef4444 }
.wow-dash-foot-l .dt.y{ background:#facc15 }
.wow-dash-foot-l .dt.p{ background:#a855f7 }
.wow-dash-cta{
  font-size:12px; font-weight:800; color:#fff;
  background:linear-gradient(120deg,#ef4444,#dc2626);
  border-radius:999px; padding:8px 14px;
  display:inline-flex; align-items:center; gap:6px;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow:0 8px 24px -8px rgba(239,68,68,.6);
}
.wow-dash-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px -8px rgba(239,68,68,.85);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .wow-spotlight,
  .wow-feed-item,
  .wow-dash-orb{
    animation:none !important;
    transition:none !important;
  }
}