/* Euroleague player predictability — addendum to nba_players.css.
   The npp-* layout AND accent are reused as-is: links, pills, sorting and
   score colors stay the sitewide interactive cyan so the two boards read
   as the same product. The locked Euroleague violet (#A78BFA family)
   appears ONLY as the avatar tint — it is an identity touch, not a link
   color. Scoped to .npp-page--el so both sports can coexist. */

.npp-page--el .npp-avatar {
  background: linear-gradient(140deg, #7c3aed 0%, #1e293b 80%);
}

/* PIR is the one stat whose bar can point the other way: a negative
   season average is a real outcome, not a missing value. */
.npp-page--el .npp-negative-ok { font-variant-numeric: tabular-nums; }

/* Mobile: a grid item defaults to min-width:auto, so a child that cannot
   shrink below its min-content (here the five-stat model-vs-naive table
   and the five-axis radar) widens the track past the viewport and makes
   the whole PAGE scroll sideways. Wide tables must scroll inside their
   own container, never the body. */
.npp-page--el .npp-grid > * { min-width: 0; }
.npp-page--el .npp-card { max-width: 100%; }
.npp-page--el .npp-games-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.npp-page--el .npp-chart-wrap { max-width: 100%; overflow: hidden; }

/* NEVER use overflow-wrap:anywhere here. It does stop the overflow, but it
   also breaks INSIDE numbers: "15.24" renders as "15." / "24" and "+17.6%"
   as "+17." / "6%", which reads as two different figures. Numeric cells
   stay on one line and the table scrolls in its own box instead; only the
   stat label is allowed to wrap, on word boundaries. */
.npp-page--el .npp-naive-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.npp-page--el .npp-naive-table th,
.npp-page--el .npp-naive-table td { white-space: nowrap; }
.npp-page--el .npp-naive-table th:first-child,
.npp-page--el .npp-naive-table td:first-child { white-space: normal; }

/* The club surfaces tag the backtest season with the same look as the
   player pages' npp-source-tag. Their stylesheets (tennis_player.css +
   football_club.css) carry no npp-* rules, so the tag is cloned here
   unscoped (minus the flex-row margin) and the club templates link this
   file for it. */
.npp-source-tag {
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  border: 1px dashed rgba(148, 163, 184, 0.35);
  border-radius: 6px;
  padding: 0.15rem 0.5rem;
  white-space: nowrap;
}
