/* Prop modal light-mode inner panel cleanup */
body.light #ppDetailsOverlay .pp-premium-wide,
body.light #ppDetailsOverlay .pp-premium-pick-card,
body.light #ppDetailsOverlay .pp-hit-summary,
body.light #ppDetailsOverlay .pp-season-row,
body.light #ppDetailsOverlay .pp-ai-premium,
body.light #ppDetailsOverlay .pp-game-context-premium,
body.light #ppDetailsOverlay .pp-matchup-pro,
body.light #ppDetailsOverlay .pp-matchup-premium,
body.light #ppDetailsOverlay .pp-line-shop-premium {
  background:
    linear-gradient(135deg, rgba(var(--pp-accent-rgb), .075), rgba(var(--pp-accent-rgb), .025) 55%, rgba(255,255,255,.72)) !important;
  border-color: rgba(var(--pp-accent-rgb), .28) !important;
}

/* Remove old white/purple overlay layers */
body.light #ppDetailsOverlay .pp-premium-wide::before,
body.light #ppDetailsOverlay .pp-premium-wide::after,
body.light #ppDetailsOverlay .pp-matchup-pro::before,
body.light #ppDetailsOverlay .pp-matchup-pro::after,
body.light #ppDetailsOverlay .pp-matchup-premium::before,
body.light #ppDetailsOverlay .pp-matchup-premium::after {
  display: none !important;
  content: none !important;
}

/* Inner cards/cells */
body.light #ppDetailsOverlay .pp-premium-stat,
body.light #ppDetailsOverlay .pp-hit-summary > div,
body.light #ppDetailsOverlay .pp-season-row > div,
body.light #ppDetailsOverlay .pp-game-context-premium > div,
body.light #ppDetailsOverlay .pp-matchup-statgrid > div,
body.light #ppDetailsOverlay .pp-matchup-impact > div,
body.light #ppDetailsOverlay .pp-matchup-scout > div,
body.light #ppDetailsOverlay .pp-matchup-profile > div,
body.light #ppDetailsOverlay .pp-matchup-factors p,
body.light #ppDetailsOverlay .pp-line-shop-premium span {
  background: rgba(var(--pp-accent-rgb), .045) !important;
  background-image: none !important;
  border-color: rgba(var(--pp-accent-rgb), .16) !important;
  box-shadow: none !important;
}

/* Matchup header: stop the big white text-box look */
body.light #ppDetailsOverlay .pp-matchup-head,
body.light #ppDetailsOverlay .pp-matchup-pro-head,
body.light #ppDetailsOverlay .pp-matchup-head > div,
body.light #ppDetailsOverlay .pp-matchup-pro-head > div,
body.light #ppDetailsOverlay .pp-matchup-head strong,
body.light #ppDetailsOverlay .pp-matchup-pro-head strong,
body.light #ppDetailsOverlay .pp-matchup-head span,
body.light #ppDetailsOverlay .pp-matchup-pro-head span {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Chart panel, without touching hit/miss bar colors */
body.light #ppDetailsOverlay .pp-chart-area,
body.light #ppDetailsOverlay .pp-bars,
body.light #ppDetailsOverlay .pp-true-chart {
  background:
    linear-gradient(to top, rgba(var(--pp-accent-rgb), .075) 1px, transparent 1px) 0 0/100% 33.333%,
    rgba(var(--pp-accent-rgb), .035) !important;
  border-color: rgba(var(--pp-accent-rgb), .16) !important;
}

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

/* Donut center should not be pure white */
body.light #ppDetailsOverlay .pp-donut,
body.light #ppDetailsOverlay .pp-donut > div {
  background: rgba(var(--pp-accent-rgb), .045) !important;
  border-color: rgba(var(--pp-accent-rgb), .14) !important;
}

/* AI grade card should stay clean, grade color remains semantic */
body.light #ppDetailsOverlay .pp-ai-gradebox {
  background: rgba(var(--pp-accent-rgb), .045) !important;
  border-color: rgba(var(--pp-accent-rgb), .18) !important;
}

body.light #ppDetailsOverlay .pp-ai-gradebox strong {
  background: transparent !important;
}