.standings-page__header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.standings-page__title {
  font-size: 22px;
  font-weight: 700;
}

.standings-page__tabs {
  display: flex;
  gap: 4px;
  background: #1e293b;
  border-radius: 12px;
  padding: 4px;
  width: fit-content;
}

.standings-page__tab {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
  transition: background 0.15s, color 0.15s;
}

.standings-page__tab:hover {
  color: #e2e8f0;
}

.standings-page__tab--active {
  background: #2563eb;
  color: #fff;
}

.standings-page__table-wrapper {
  background: rgba(22, 33, 62, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow-x: auto;
}

.standings-page__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.standings-page__table th {
  text-align: left;
  padding: 12px;
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.standings-page__table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.standings-page__table tr:last-child td {
  border-bottom: none;
}

.standings-page__table tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}

.standings-page__rank {
  text-align: center;
  width: 40px;
}

.standings-page__rank-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
}

.standings-page__rank-badge--gold {
  background: rgba(234, 179, 8, 0.2);
  color: #eab308;
}

.standings-page__rank-badge--silver {
  background: rgba(203, 213, 225, 0.2);
  color: #cbd5e1;
}

.standings-page__rank-badge--bronze {
  background: rgba(251, 146, 60, 0.2);
  color: #fb923c;
}

.standings-page__user-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}

.standings-page__user-name {
  font-weight: 500;
}

.standings-page__highlight {
  background: rgba(37, 99, 235, 0.1);
}

.standings-page__highlight td {
  color: #60a5fa;
}

.standings-page__you-tag {
  font-size: 11px;
  color: #3b82f6;
  margin-left: 4px;
}

.standings-page__score {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}

.standings-page__pct {
  text-align: center;
}

.standings-page__pct--good { color: #4ade80; }
.standings-page__pct--mid { color: #eab308; }
.standings-page__pct--bad { color: #f87171; }

.standings-page__diff {
  text-align: center;
  font-size: 12px;
}

.standings-page__diff--negative { color: #f87171; }
.standings-page__diff--positive { color: #4ade80; }

/* Mobile */
@media (max-width: 767px) {
  .standings-page__table {
    min-width: 500px;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1079px) {
}

/* Desktop */
@media (min-width: 1080px) {
}

/* Standings new template */
.st-header { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.st-info-row { display:flex; align-items:center; gap:8px; }
.st-icon { font-size:20px; flex-shrink:0; }
.st-league-name--lg { font-size:18px; font-weight:700; color:#1e293b; }
.st-subtitle { font-size:12px; color:#94a3b8; margin-top:1px; }

/* Flex helpers */
.st-flex-gap4 { display:flex; gap:4px; }
.st-flex-between { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.st-flex-end-mb { display:flex; align-items:center; gap:6px; margin-left:auto; }
.st-card-row { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#fff; border:1px solid #e2e8f0; border-radius:8px; }
.st-card-row--you { background:rgba(212,86,42,0.06); border-color:rgba(212,86,42,0.2); }
.st-avatar-34 { width:34px; height:34px; font-size:14px; }
.st-btn-24 { width:24px; height:24px; padding:0; display:inline-flex; align-items:center; justify-content:center; }
.st-maxw { max-width:600px; margin:0 auto; }
.st-content-600 { max-width:600px; margin:0 auto; }
.st-name-wrap { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.st-jc-center { justify-content:center; }
.athlete-grid__cols-label { font-size:11px; color:#64748b; margin-right:4px; }
.dropdown__trigger.st-dd-trigger {
  flex-direction: column;
  padding: 2px 6px;
  gap: 0;
  border-radius: 4px;
  font-size: 7px;
  color: #94a3b8;
  font-weight: 400;
  align-items: center;
}
.dropdown__item .st-text-accent { color: #d4562a; }
.dropdown__item--active .st-text-muted { color: #d4562a; }
.dropdown__item.st-dd-item { padding: 8px 14px; font-size: 12px; cursor: pointer; }
.dropdown__item--active.st-dd-item .st-text-muted { color: #d4562a; }
.dropdown__menu.st-dd-menu { border: 1px solid #e2e8f0; padding: 4px 0; }
.st-dd-menu--open { display: block; }

/* View other team stat boxes */
.td2-stat-row { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.td2-stat-box { flex:1; min-width:80px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px 12px; text-align:center; }
.td2-stat-box__icon { font-size:16px; }
.td2-stat-box__inner { display:flex; flex-direction:column; gap:2px; }
.td2-stat-box__value { font-size:16px; font-weight:700; color:#1e293b; }
.td2-stat-box__value--pts { color:#d4562a; }
.td2-stat-box__value--red { color:#ef4444; }
.td2-stat-box__label { font-size:9px; color:#94a3b8; text-transform:uppercase; letter-spacing:0.02em; }
.td2-stat-box--budget { border-color:rgba(100,116,139,0.2); }
.td2-user__budget { color:#64748b; }

/* ========================================
   #page-team-detail — View other team
   ======================================== */

/* --- Default (≥601px) --- */
#page-team-detail .st-flex-between { margin-bottom:8px; }
#page-team-detail .st-card-row { margin-bottom:14px; }

#page-team-detail .st-content-600 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

#page-team-detail .st-name-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}

#page-team-detail .td2-stat-row {
  flex: 0 0 auto;
}

#page-team-detail .td2-stat-box {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 4px 10px;
}

#page-team-detail .td2-stat-box__value {
  font-size: 13px;
}

#page-team-detail .td2-stat-box__value--pts {
  color: #16a34a;
  font-size: 16px;
}

/* td2-stat-box__inner keeps base styles:
   display:flex; flex-direction:column; gap:2px; */

#page-team-detail .td2-stat-box__label {
  text-align: center;
  font-size: 8px;
}

/* --- Medium (≤600px) --- */
@media (max-width: 600px) {
  .st-content-600 { padding:0 12px; }
  .td2-stat-box { min-width:60px; padding:8px; }
  .td2-name { font-size:14px; }
  .td2-user { font-size:10px; }
  .st-name-wrap { max-width:120px; }
  #page-team-detail .st-name-wrap { max-width: 140px; }
  #page-team-detail .td2-stat-row { margin-left: auto; }
  #page-team-detail .td2-name { font-size:12px; }
  #page-team-detail .td2-user { font-size:9px; }
  #page-team-detail .td2-stat-box__value { font-size:12px; }
  #page-team-detail .td2-stat-box__value--pts { font-size:14px; }
  #page-team-detail .td2-stat-box__label { font-size:7px; }
}

/* --- Small (≤450px) --- */
@media (max-width: 450px) {
  .st-content-600 { padding:0 8px; }
  .st-name-wrap { max-width:80px; }
  .td2-stat-row { flex-direction:column; gap:4px; }
  .st-avatar-34 { width:28px; height:28px; font-size:12px; }
  .td2-user__budget { display:none; }
  #page-team-detail .st-content-600 {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  #page-team-detail .st-name-wrap { max-width: none; justify-content: center; }
  #page-team-detail .td2-stat-row { width: auto; flex-direction:row; flex-wrap:nowrap; justify-content:center; margin:12px 0; }
}

#stCards { transition: opacity 0.15s ease; }