/* ============================================
   STATS PAGE STYLES
   ============================================ */

.season-selector-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 2rem;
  padding: 1rem 1.5rem;
  background: white;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

.season-selector-wrap label {
  font-weight: 600;
  color: #5D1725;
  font-size: 0.95rem;
  white-space: nowrap;
}

.season-selector-public {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #111;
  background: white;
  min-width: 160px;
}

/* STATS TABLE */
.stats-table-wrap {
  overflow-x: auto;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.stats-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  font-size: 0.9rem;
}

.stats-table thead {
  background: linear-gradient(135deg, #5D1725, #3c0f17);
  color: white;
}

.stats-table th {
  padding: 0.75rem 1rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  cursor: default;
}

.stats-table th.col-name {
  text-align: left;
}

.stats-table th.col-num {
  text-align: center;
  width: 40px;
}

.stats-table tbody tr {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s;
}

.stats-table tbody tr:hover {
  background: #fdf8f8;
}

.stats-table tbody tr:last-child {
  border-bottom: none;
}

.stats-table td {
  padding: 0.65rem 1rem;
  text-align: center;
  color: #333;
}

.stats-table td.col-name {
  text-align: left;
  font-weight: 600;
  color: #111;
}

.stats-table td.col-num {
  color: #5D1725;
  font-weight: 700;
}

.stats-table td.col-pos {
  color: #888;
  font-size: 0.8rem;
}

.stats-table td.stat-pts {
  font-weight: 700;
  color: #5D1725;
}

.empty-cell {
  text-align: center !important;
  color: #999;
  font-style: italic;
  padding: 2rem !important;
}

/* Alternating rows */
.stats-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.stats-table tbody tr:nth-child(even):hover {
  background: #fdf8f8;
}

@media (max-width: 768px) {
  .stats-table {
    font-size: 0.8rem;
  }
  .stats-table th,
  .stats-table td {
    padding: 0.5rem 0.6rem;
  }
}

/* TEAM STATS BAR */
.team-stats-bar {
  display: flex;
  gap: 0.75rem;
  width: 100%;
}

.team-stat-card {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.team-stat-card-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.team-stat-card-value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #5D1725;
}

/* Totals row - maroon bg white text */
.stats-totals-row td {
  background: #5D1725 !important;
  color: white !important;
  font-weight: 700 !important;
}

/* Empty net row */
.empty-net-row {
  background: #f5f5f5 !important;
  color: #888;
  font-style: italic;
  border-top: 2px dashed #ddd;
}

.empty-net-row .col-num,
.empty-net-row .col-name {
  color: #888 !important;
}

/* No spinner on number inputs */
.stats-table input[type=number] {
  -moz-appearance: textfield;
}
.stats-table input[type=number]::-webkit-outer-spin-button,
.stats-table input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* SORTABLE HEADERS */
.stats-table th.sortable {
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
}

.stats-table th.sortable:hover {
  background: #4a1020;
}

.stats-table th.sort-active {
  background: #3c0f17;
}

.sort-arrow {
  font-size: 0.65rem;
  opacity: 0.8;
}