/* NBA PLAYER-PROP EXPLORER (Sprint 7, 2026-10-18). Theme tokens only, so it
   follows the public shell's dark/light surfaces. Every track is minmax(0,..)
   and every cell may wrap, so no width overflows the page; below 860px each
   wager becomes a labelled stack instead of a seven-column row. */
.nba-x{display:grid; gap:16px; min-width:0;}
.nba-x__meta,.nba-x__count,.nba-x__foot{margin:0; color:var(--text-muted); font-size:13px; line-height:1.5;}
.nba-x__empty{margin:0; color:var(--text-body);}
.nba-x__filters{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 180px), 1fr));
  gap:10px 12px; align-items:end;
  padding:14px; border:1px solid var(--border-soft); border-radius:12px; background:var(--surface-card);
}
.nba-x__field{display:grid; gap:4px; min-width:0;}
.nba-x__field-label{color:var(--text-muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;}
.nba-x__field select{
  width:100%; min-width:0; padding:8px 10px; border:1px solid var(--border-strong); border-radius:8px;
  background:var(--surface-sunken); color:var(--text-strong); font:inherit; font-size:14px;
}
.nba-x__field select:focus-visible,.nba-x a:focus-visible,.nba-x summary:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.nba-x__go{padding:8px 14px; border-radius:8px; border:1px solid var(--border-strong); background:var(--surface-raised); color:var(--text-strong); font:inherit;}
.nba-x__reset{align-self:center; color:var(--text-link); font-size:13px;}

.nba-x__list{display:grid; border:1px solid var(--border-soft); border-radius:12px; overflow:hidden; background:var(--surface-card);}
.nba-x__head,.nba-x__row{
  display:grid; gap:12px; align-items:start; padding:12px 16px;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) minmax(0,.9fr) 64px 64px minmax(0,1.1fr) minmax(0,1.1fr);
}
.nba-x__head{color:var(--text-muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--border-soft);}
.nba-x__row{border-top:1px solid var(--border-hairline); color:var(--text-body); font-size:14px;}
.nba-x__row > *{min-width:0; overflow-wrap:anywhere;}
.nba-x__row--historical{opacity:.78;}
.nba-x__player strong{display:block; color:var(--text-strong);}
.nba-x__market,.nba-x__obs,.nba-x__player{display:grid; gap:2px;}
.nba-x__sub{color:var(--text-muted); font-size:12px;}
.nba-x__sub code{font-size:11px;}
.nba-x__num{font-variant-numeric:tabular-nums; font-weight:700; color:var(--text-strong);}
.nba-x__chip{display:inline-block; padding:2px 8px; border-radius:999px; font-size:11.5px; font-weight:700; border:1px solid var(--border-strong);}
.nba-x__chip--current{color:var(--cb-positive); border-color:var(--cb-positive-soft); background:var(--cb-positive-soft);}
.nba-x__chip--historical{color:var(--text-muted);}
.nba-x__chip--unknown{color:var(--cb-caution); border-color:var(--cb-caution-soft); background:var(--cb-caution-soft);}
.nba-x__hist{margin-top:6px; font-size:12.5px;}
.nba-x__hist summary{cursor:pointer; color:var(--text-link);}
.nba-x__hist ol{margin:6px 0 0; padding-left:18px; display:grid; gap:3px;}
.nba-x__pages{display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:center; font-size:14px;}
.nba-x__pages a{color:var(--text-link);}

@media (max-width:860px){
  .nba-x__head{display:none;}
  .nba-x__row{grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px 14px;}
  .nba-x__player,.nba-x__market{grid-column:1 / -1;}
  .nba-x__row > [data-label]:not(.nba-x__market)::before{
    display:block; content:attr(data-label);
    color:var(--text-muted); font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  }
}