/* FINAL light-mode prop modal layer: donut + matchup only */

/* Restore real green/red season donut. Do not let accent wash override this. */
html body.light #ppDetailsOverlay .pp-modal .pp-season-row .pp-donut {
  background: conic-gradient(#35df82 0 var(--p), #ff5b68 var(--p) 100%) !important;
  background-color: transparent !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.12) !important;
}

html body.light #ppDetailsOverlay .pp-modal .pp-season-row .pp-donut > div {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

/* Season card interior should be accent-washed, not white/purple. */
html body.light #ppDetailsOverlay .pp-modal .pp-season-row {
  background:
    linear-gradient(135deg, rgba(var(--pp-accent-rgb), .075), rgba(255,255,255,.78) 55%, rgba(var(--pp-accent-rgb), .045)) !important;
  border-color: rgba(var(--pp-accent-rgb), .28) !important;
}

/* Matchup whole card and all grid gaps */
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-pro,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-premium {
  background:
    linear-gradient(135deg, rgba(var(--pp-accent-rgb), .085), rgba(var(--pp-accent-rgb), .045) 55%, rgba(255,255,255,.72)) !important;
  background-color: rgba(var(--pp-accent-rgb), .055) !important;
  border-color: rgba(var(--pp-accent-rgb), .30) !important;
}

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

/* Header white rectangle */
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-head,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-pro-head {
  background: rgba(var(--pp-accent-rgb), .07) !important;
  background-image: none !important;
  border: 1px solid rgba(var(--pp-accent-rgb), .16) !important;
  box-shadow: none !important;
}

/* Grid containers so the spaces BETWEEN cells are not white */
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-statgrid,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-impact,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-scout,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-profile,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-factors,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-notes {
  background: transparent !important;
  background-image: none !important;
}

/* Individual matchup cells */
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-statgrid > div,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-impact > div,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-scout > div,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-profile > div,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-factors p,
html body.light #ppDetailsOverlay .pp-modal .pp-matchup-notes p {
  background: rgba(var(--pp-accent-rgb), .06) !important;
  background-image: none !important;
  border: 1px solid rgba(var(--pp-accent-rgb), .18) !important;
  box-shadow: none !important;
}

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