.table-wrap {
  margin-top: 12px;
  overflow-x: auto;
  border: 1px solid #232a35;
  border-radius: 12px;
  background: #0f1319;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
}

.data-table th, .data-table td {
  padding: 10px 10px;
  border-bottom: 1px solid #1b2028;
}

.data-table th {
  text-align: left;
  font-size: 12px;
  color: #b8c0cc;
  user-select: none;
  white-space: nowrap;
}

.data-table td {
  font-size: 14px;
}

.data-table td.num, .data-table th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}


.logo {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
}

.team-link {
  color: #8bbcff;
  text-decoration: none;
  font-weight: 650;
}

.team-link:hover { text-decoration: underline; }

.data-table tr:hover td {
  background: rgba(255,255,255,0.03);
}

/* Team themed table headers */
.team-themed + .two-col .data-table thead th,
.team-themed .data-table thead th {
  background: rgba(0,0,0,0.12);
}

/* Opponent cell with tiny logo */
.opponent-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.opponent-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* Result pills */
.pill {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid #232a35;
  font-size: 12px;
  font-weight: 700;
}

.pill-w, .pill-otw { color: #8bbcff; }
.pill-l { color: #ff8b8b; }
.pill-otl { color: #ffd27a; }

/* Hide advanced stats columns when season adv_stats=0 */
.hide-adv th.adv,
.hide-adv td.adv {
  display: none;
}

/* Logo cells in tables (default: normal table-cell behavior) */
.logo-cell {
  width: 44px;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}


/* Player/team logos in tables */
.logo-cell .logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Optional: flex-centered logo cell for special layouts (Games page, etc.) */
.logo-cell--flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Sortable header arrows */
.data-table th[data-key]{
  cursor: pointer;
  user-select: none;
}

.data-table th[data-key]::after{
  content: "";
  margin-left: 6px;
  font-size: 10px;
  opacity: 0.6;
}

.data-table th.sort-asc::after{
  content: "▲";
}

.data-table th.sort-desc::after{
  content: "▼";
}

.data-table th.sort-asc,
.data-table th.sort-desc{
  color: #e7e7e7;
}