/* WEVADS Global v1.0 — Single Source of Truth */
/* This file overrides ALL legacy styles */

/* === FORCE DARK THEME EVERYWHERE === */
:root {
  --bg: #060a14 !important;
  --s: #0c1220 !important;
  --s2: #111827 !important;
  --b: #1e293b !important;
  --t: #e2e8f0 !important;
  --d: #64748b !important;
  --cy: #22d3ee !important;
  --gn: #34d399 !important;
  --am: #fbbf24 !important;
  --rd: #f87171 !important;
  --pu: #a78bfa !important;
  --bl: #60a5fa !important;
}
html, body {
  background: #060a14 !important;
  color: #e2e8f0 !important;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
}

/* === KILL LIGHT BACKGROUNDS === */
body[style*="background:#f"], body[style*="background: #f"],
body[style*="background:#F"], body[style*="background:white"],
body[style*="background: white"], body[style*="background:#fff"] {
  background: #060a14 !important;
}

/* === TYPOGRAPHY === */
h1, h2, h3, h4, h5 { color: #e2e8f0 !important; }
h1 span, h1 em, h1 strong { color: #22d3ee !important; }
p, li, td, th, label, span { color: inherit; }
a { color: #22d3ee; }
a:hover { color: #67e8f9; }
code, pre, .mono { font-family: 'JetBrains Mono', monospace !important; }

/* === CARDS & STATS === */
.sc, .card, .stat, .stat-card, .panel, .box, .section,
[class*="stat-card"], [class*="card"] {
  background: #0c1220 !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
  transition: all .25s ease !important;
  position: relative;
  overflow: hidden;
}
.sc:hover, .card:hover, .stat:hover, .stat-card:hover,
[class*="stat-card"]:hover, [class*="card"]:hover {
  transform: translateY(-2px) !important;
  border-color: #22d3ee !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.3) !important;
}
.sc::after, .card::after, .stat-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: #22d3ee;
  opacity: 0;
  transition: opacity .25s;
}
.sc:hover::after, .card:hover::after { opacity: .7; }

/* Stat values */
.sv, .stat-val, .n, .kpi-val, .metric-val {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  color: #22d3ee !important;
  font-size: 22px;
}
.sl, .stat-label, .l, .sub, .dim {
  color: #64748b !important;
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}

/* === BUTTONS === */
.btn, button[class*="btn"], .button {
  transition: all .2s ease !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
}
.btn:hover, button[class*="btn"]:hover, .button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.2) !important;
}

/* === ANIMATIONS === */
@keyframes wvFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.sc, .card, .stat-card { animation: wvFadeIn .4s ease both; }
.sc:nth-child(2), .card:nth-child(2) { animation-delay: .05s; }
.sc:nth-child(3), .card:nth-child(3) { animation-delay: .1s; }
.sc:nth-child(4), .card:nth-child(4) { animation-delay: .15s; }
.sc:nth-child(5), .card:nth-child(5) { animation-delay: .2s; }
.sc:nth-child(6), .card:nth-child(6) { animation-delay: .25s; }

/* === LIVE BADGE (standard) === */
/* .wv-status moved to arsenal-common nav */

/* === MENU BUTTON (standard) === */
#wv-menu-btn, a[href="menu.html"] {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 9999 !important;
  background: rgba(12,18,32,.9) !important;
  border: 1px solid #1e293b !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  color: #64748b !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-family: system-ui, sans-serif !important;
  backdrop-filter: blur(8px) !important;
}
a[href="menu.html"]:hover { border-color: #22d3ee !important; color: #22d3ee !important; }

/* === GRIDS === */
.stats, .cards, .grid {
  display: grid;
  gap: 12px;
}

/* === TABLES === */
table { border-collapse: collapse; width: 100%; }
th { background: #111827 !important; color: #64748b !important; font-size: 10px !important; padding: 8px !important; text-align: left; }
td { padding: 8px !important; border-bottom: 1px solid #1e293b !important; color: #e2e8f0 !important; }
tr:hover { background: rgba(34,211,238,.03) !important; }

/* === SCROLLBARS === */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #060a14; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }

/* === INPUTS === */
input, select, textarea {
  background: #111827 !important;
  border: 1px solid #1e293b !important;
  color: #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: #22d3ee !important;
}