/* Team Statcast — self-contained styles for the team leaderboard page. */

/* team picker: left-aligned under the brand row, like the player picker */
[data-graph="team"] .team-search { justify-content: flex-start; margin: 6px 0 14px; }
[data-graph="team"] .team-search input { max-width: 440px; }

/* header card (logo + name + season) */
[data-graph="team"] .ppcard {
  display: flex; align-items: center; gap: 16px;
  border: 2px solid var(--line); border-left-width: 6px; border-radius: 10px;
  padding: 12px 18px; margin: 6px 0 14px; background: var(--soft);
}
[data-graph="team"] .hs {
  width: 78px; height: 78px; border-radius: 10px; object-fit: contain; background: var(--card);
}
[data-graph="team"] .hs.avatar {
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 22px; letter-spacing: .02em;
}
[data-graph="team"] .ppmeta h1 { margin: 0 0 3px; font-size: 24px; }
[data-graph="team"] .ppfacts { margin: 0; color: var(--muted); }

/* season summary strip (record / division rank / streak / run diff / league) */
[data-graph="team"] .tsummary {
  display: flex; flex-wrap: wrap; border: 1px solid var(--line); border-radius: 8px;
  overflow: hidden; margin: -6px 0 16px;
}
[data-graph="team"] .tsbox {
  flex: 1 1 0; min-width: 118px; padding: 9px 16px; border-right: 1px solid var(--line);
}
[data-graph="team"] .tsbox:last-child { border-right: none; }
[data-graph="team"] .tsl {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #c0392b;
}
[data-graph="team"] .tsv {
  display: block; margin-top: 4px; font-size: 15px; color: var(--link);
  font-variant-numeric: tabular-nums;
}
[data-graph="team"] .tsv.pos { color: #1a8a3a; }
[data-graph="team"] .tsv.neg { color: #c0392b; }

/* leaderboard table */
[data-graph="team"] .tlbwrap { overflow-x: auto; }
[data-graph="team"] table.tlb { border-collapse: collapse; font-size: 13px; min-width: 100%; }
[data-graph="team"] table.tlb th, [data-graph="team"] table.tlb td {
  padding: 4px 9px; text-align: right; white-space: nowrap;
  font-variant-numeric: tabular-nums; border-bottom: 1px solid var(--line);
}
[data-graph="team"] table.tlb thead th {
  position: sticky; top: 0; background: var(--card); color: var(--head, #222);
  border-bottom: 2px solid var(--line); cursor: pointer; z-index: 1;
}
/* sticky player column so wide tables stay readable while scrolling */
[data-graph="team"] table.tlb th:first-child,
[data-graph="team"] table.tlb td:first-child {
  text-align: left; position: sticky; left: 0; background: var(--card);
  box-shadow: 1px 0 0 var(--line);
}
[data-graph="team"] table.tlb thead th:first-child { z-index: 2; }
[data-graph="team"] table.tlb tbody tr:hover td:first-child { background: var(--zebra); }
/* Total row (last) — bold, ruled off */
[data-graph="team"] table.tlb tbody tr:last-child td {
  font-weight: 700; border-top: 2px solid var(--line); border-bottom: none;
}