/* FINAL night-mode prop modal layer: accent wash without purple leftovers */

html body:not(.light) #ppDetailsOverlay .pp-modal {
  background:
    linear-gradient(180deg, rgba(var(--pp-accent-rgb), .08), rgba(20,27,29,.98) 180px),
    #151d1f !important;
  border-color: rgba(var(--pp-accent-rgb), .38) !important;
}

html body:not(.light) #ppDetailsOverlay .pp-premium-pick-card,
html body:not(.light) #ppDetailsOverlay .pp-premium-wide,
html body:not(.light) #ppDetailsOverlay .pp-hit-summary,
html body:not(.light) #ppDetailsOverlay .pp-season-row,
html body:not(.light) #ppDetailsOverlay .pp-ai-premium,
html body:not(.light) #ppDetailsOverlay .pp-game-context-premium,
html body:not(.light) #ppDetailsOverlay .pp-line-shop-premium,
html body:not(.light) #ppDetailsOverlay .pp-matchup-pro,
html body:not(.light) #ppDetailsOverlay .pp-matchup-premium {
  background:
    linear-gradient(135deg, rgba(var(--pp-accent-rgb), .18), rgba(16,18,28,.88) 48%, rgba(0,0,0,.18)) !important;
  background-color: rgba(var(--pp-accent-rgb), .08) !important;
  border-color: rgba(var(--pp-accent-rgb), .34) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.22) !important;
}

html body:not(.light) #ppDetailsOverlay .pp-premium-wide::before,
html body:not(.light) #ppDetailsOverlay .pp-premium-wide::after,
html body:not(.light) #ppDetailsOverlay .pp-matchup-pro::before,
html body:not(.light) #ppDetailsOverlay .pp-matchup-pro::after,
html body:not(.light) #ppDetailsOverlay .pp-matchup-premium::before,
html body:not(.light) #ppDetailsOverlay .pp-matchup-premium::after {
  display: none !important;
  content: none !important;
}

html body:not(.light) #ppDetailsOverlay .pp-premium-stat,
html body:not(.light) #ppDetailsOverlay .pp-hit-summary > div,
html body:not(.light) #ppDetailsOverlay .pp-game-context-premium > div,
html body:not(.light) #ppDetailsOverlay .pp-line-shop-premium span,
html body:not(.light) #ppDetailsOverlay .pp-matchup-statgrid > div,
html body:not(.light) #ppDetailsOverlay .pp-matchup-impact > div,
html body:not(.light) #ppDetailsOverlay .pp-matchup-scout > div,
html body:not(.light) #ppDetailsOverlay .pp-matchup-profile > div,
html body:not(.light) #ppDetailsOverlay .pp-matchup-factors p,
html body:not(.light) #ppDetailsOverlay .pp-matchup-notes p {
  background: rgba(0,0,0,.20) !important;
  background-image: none !important;
  border-color: rgba(var(--pp-accent-rgb), .18) !important;
  box-shadow: none !important;
}

html body:not(.light) #ppDetailsOverlay .pp-matchup-head,
html body:not(.light) #ppDetailsOverlay .pp-matchup-pro-head {
  background: rgba(var(--pp-accent-rgb), .10) !important;
  background-image: none !important;
  border: 1px solid rgba(var(--pp-accent-rgb), .16) !important;
  border-radius: 16px !important;
}

/* Keep season donut green/red */
html body:not(.light) #ppDetailsOverlay .pp-season-row .pp-donut {
  background: conic-gradient(#35df82 0 var(--p), #ff5b68 var(--p) 100%) !important;
  background-color: transparent !important;
}

html body:not(.light) #ppDetailsOverlay .pp-season-row .pp-donut > div {
  background: #151d1f !important;
  border: 1px solid rgba(var(--pp-accent-rgb), .18) !important;
}

/* Keep chart bars semantic, just tint the track */
html body:not(.light) #ppDetailsOverlay .pp-chart-area,
html body:not(.light) #ppDetailsOverlay .pp-bars,
html body:not(.light) #ppDetailsOverlay .pp-true-chart {
  background:
    linear-gradient(to top, rgba(var(--pp-accent-rgb), .10) 1px, transparent 1px) 0 0/100% 33.333%,
    rgba(0,0,0,.18) !important;
  border-color: rgba(var(--pp-accent-rgb), .20) !important;
}

html body:not(.light) #ppDetailsOverlay .pp-chart-area .pp-bar {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(var(--pp-accent-rgb), .16) !important;
}

/* Keep + adjustment pill green */
html body:not(.light) #ppDetailsOverlay .pp-matchup-head > b,
html body:not(.light) #ppDetailsOverlay .pp-matchup-pro-head > b {
  background: rgba(16,185,129,.12) !important;
  border: 1px solid rgba(16,185,129,.24) !important;
  color: #35df82 !important;
}