/*
 * GridTV Theme — Cyberpunk (Néons & dystopie)
 * Violet/magenta sur noir profond, glows, Blade Runner vibes.
 */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap');

:root {
  --bg: #050008;
  --surface: #0a000f;
  --surface2: #0f0018;
  --border: #2a0040;
  --border-bright: #5a0080;
  --accent: #ff00ff;
  --accent2: #00ffcc;
  --accent-live: #ff0055;
  --text: #cc88ff;
  --text-dim: #660099;
  --text-bright: #ffccff;
  --prog-bg: #0d0018;
  --prog-border: #3d0060;
  --prog-live-bg: #1a0030;
  --prog-live-border: #ff00ff;
  --font-ui: 'Rajdhani', sans-serif;
  --font-mono: 'Share Tech Mono', monospace;
}

/* Topbar avec glow */
.topbar {
  border-bottom: 1px solid var(--accent);
  box-shadow: 0 0 20px rgba(255,0,255,0.15);
}

/* Logo néon */
.logo {
  color: var(--accent);
  text-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent);
}

/* Badge LIVE néon */
.live-dot {
  color: var(--accent-live);
  text-shadow: 0 0 8px var(--accent-live);
}
.live-dot::before {
  box-shadow: 0 0 6px var(--accent-live);
}

/* Programmes live avec glow */
.program-block.is-live {
  box-shadow: 0 0 8px rgba(255,0,255,0.3);
}

/* Barre rouge néon */
.now-line {
  box-shadow: 0 0 8px var(--accent-live), 0 0 16px var(--accent-live);
}

/* Bordures néon */
.channels-col { border-right: 1px solid var(--accent); }
.time-ruler { border-bottom: 1px solid var(--accent); }

/* Scrollbar */
.timeline-area::-webkit-scrollbar-thumb { background: var(--border-bright); }