/* Restore season donut hit/miss colors */
body.light #ppDetailsOverlay .pp-donut {
  background: conic-gradient(#35df82 var(--p), #ff5b68 0) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
}

body.light #ppDetailsOverlay .pp-donut > div {
  background:
    linear-gradient(135deg, rgba(var(--pp-accent-rgb), .045), rgba(255,255,255,.94)) !important;
  border: 1px solid rgba(var(--pp-accent-rgb), .14) !important;
}

/* Matchup card: kill leftover white/purple blocks and use accent wash */
body.light #ppDetailsOverlay .pp-matchup-pro,
body.light #ppDetailsOverlay .pp-matchup-premium {
  background:
    linear-gradient(135deg, rgba(var(--pp-accent-rgb), .07), rgba(255,255,255,.76) 48%, rgba(var(--pp-accent-rgb), .04)) !important;
  border-color: rgba(var(--pp-accent-rgb), .30) !important;
}

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;
}

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

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: 0 !important;
  box-shadow: none !important;
}

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-matchup-notes p {
  background: rgba(var(--pp-accent-rgb), .055) !important;
  background-image: none !important;
  border: 1px solid rgba(var(--pp-accent-rgb), .16) !important;
  box-shadow: none !important;
}

body.light #ppDetailsOverlay .pp-matchup-head > b,
body.light #ppDetailsOverlay .pp-matchup-pro-head > b {
  background: rgba(16,185,129,.11) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
  color: #07111f !important;
}
