/* iPii.TV Live TV - Neuro CI surface correction v19.75
   Restores the approved operational grey hierarchy without touching the
   v19.74 layout, scrolling, or responsive behaviour fixes. */
body:has(.live-page) {
  --canvas: #2b2b2a;
  --canvas-2: #30302f;
  --panel: #383735;
  --panel-2: #403f3d;
  --panel-3: #494745;
  --text: #fdf3f3;
  --text-2: rgba(253, 243, 243, .84);
  --text-3: rgba(253, 243, 243, .66);
  background: linear-gradient(180deg, #343432 0, var(--canvas) 300px) !important;
}

html:has(body .live-page) {
  background: var(--canvas) !important;
}

body:has(.live-page) .topbar {
  background: rgba(43, 43, 42, .97) !important;
}

body:has(.live-page) .desktop-nav {
  background: var(--canvas-2) !important;
}

body:has(.live-page) .live-toolbar {
  background: rgba(48, 48, 47, .97) !important;
}

body:has(.live-page) .module-context {
  background: transparent !important;
}

body:has(.live-page) .player-shell {
  background: #10100f !important;
}

body:has(.live-page) .player-controls,
body:has(.live-page) .live-toolbar .search-field,
body:has(.live-page) .live-toolbar .select-field,
body:has(.live-page) .live-toolbar .segmented {
  background: var(--panel-2) !important;
}

body:has(.live-page) .channel-panel,
body:has(.live-page) .channel-panel > header {
  background: var(--panel) !important;
}

body:has(.live-page) .channel-row {
  background: transparent !important;
}

body:has(.live-page) .channel-row:hover {
  background: var(--panel-2) !important;
}

body:has(.live-page) .channel-row.is-active {
  background: rgba(138, 29, 29, .16) !important;
  box-shadow: inset 2px 0 0 var(--cta);
}

@media (max-width: 980px) {
  body:has(.live-page) {
    background: linear-gradient(180deg, #343432 0, var(--canvas) 260px) !important;
  }

  body:has(.live-page) .mobile-nav {
    background: rgba(48, 48, 47, .98) !important;
  }
}