/**
 * Team standings — chalksta-app companion
 * body.chalksta-app.chalksta-page-teamstandings
 */

.chalksta-page-teamstandings .chalksta-ts-main {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

/* Filter / week controls */
.chalksta-page-teamstandings .chalksta-ts-toolbar--crossnav {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0 0 0.75rem 0;
  margin-bottom: 0.5rem;
}

.chalksta-page-teamstandings .chalksta-ts-toolbar:not(.chalksta-ts-toolbar--crossnav) {
  background: var(--idx-surface);
  border: 1px solid var(--idx-border);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.chalksta-page-teamstandings .chalksta-ts-toolbar .custom-control-label {
  color: var(--idx-fg);
  font-size: 0.875rem;
}

.chalksta-page-teamstandings .chalksta-ts-toolbar #datesel {
  color: var(--idx-fg) !important;
  background: var(--idx-surface-alt) !important;
  border: 1px solid var(--idx-border);
}

/* Keep the week picker above tabs/tables/sticky cells; Popper opens downward via data-flip="false". */
.chalksta-page-teamstandings .chalksta-ts-toolbar .dropdown {
  position: relative;
  z-index: 1040;
}

.chalksta-page-teamstandings .chalksta-ts-toolbar #datelist {
  background: var(--idx-surface) !important;
  border: 1px solid var(--idx-border);
  max-height: min(70vh, 28rem);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  z-index: 1040;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
  touch-action: pan-y;
}

/* Light theme: dark thumb on light track | Dark theme: light thumb on dark track */
body.chalksta-app:not(.dark-theme) .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist {
  scrollbar-width: auto;
  scrollbar-color: #1d1d1f #d8d8df;
}

body.dark-theme.chalksta-app .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist {
  scrollbar-color: rgba(255, 255, 255, 0.72) #141414;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.45);
}

/* Date dropdown: visible vertical scrollbar (WebKit + theme contrast). */
.chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar {
  width: 10px;
}

.chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-track {
  background: var(--idx-surface-alt);
  border-radius: 5px;
}

body.chalksta-app:not(.dark-theme) .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar {
  width: 12px;
}

body.chalksta-app:not(.dark-theme) .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-track {
  background: #d8d8df;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

body.chalksta-app:not(.dark-theme) .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-thumb {
  background: #1d1d1f;
  border-radius: 6px;
  border: 2px solid #d8d8df;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

body.dark-theme.chalksta-app .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-track {
  background: #141414;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
}

body.dark-theme.chalksta-app .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.72);
  border-radius: 6px;
  border: 2px solid #141414;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

body.chalksta-app:not(.dark-theme) .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-thumb:hover {
  background: #000000;
}

body.dark-theme.chalksta-app .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 767.98px) {
  .chalksta-page-teamstandings .chalksta-ts-toolbar #datelist::-webkit-scrollbar {
    width: 12px;
  }
}

.chalksta-page-teamstandings .chalksta-ts-toolbar #datelist .dropdown-item {
  color: var(--idx-fg);
}

.chalksta-page-teamstandings .chalksta-ts-toolbar #datelist .dropdown-item:hover {
  background: var(--idx-surface-alt);
  color: var(--espn-red);
}

.chalksta-page-teamstandings #div_id_para {
  color: var(--idx-muted) !important;
  font-size: 0.75rem !important;
}

/* Tabs */
.chalksta-page-teamstandings .nav-tabs {
  border-bottom-color: var(--idx-border);
}

.chalksta-page-teamstandings .nav-tabs .nav-link {
  color: var(--idx-muted);
  border: 1px solid transparent;
}

.chalksta-page-teamstandings .nav-tabs .nav-link:hover {
  color: var(--idx-fg);
  border-color: var(--idx-border);
}

.chalksta-page-teamstandings .nav-tabs .nav-link.active {
  color: var(--idx-fg);
  background: var(--idx-surface);
  border-color: var(--idx-border) var(--idx-border) var(--idx-surface);
}

.chalksta-page-teamstandings .tab-content {
  background: var(--idx-surface);
  border: 1px solid var(--idx-border);
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 0.75rem;
}

/* Standings tables */
.chalksta-page-teamstandings .chalksta-ts-table {
  color: var(--idx-fg);
  background: var(--idx-surface);
}

.chalksta-page-teamstandings .chalksta-ts-table thead th {
  color: var(--idx-fg);
  border-color: var(--idx-border);
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.chalksta-page-teamstandings .chalksta-ts-table tbody td {
  border-color: var(--idx-border);
}

/* Data rows slightly smaller than page default (~1rem) — aligns with toolbar / topbar scale */
.chalksta-page-teamstandings table.chalksta-data-table tbody td,
.chalksta-page-teamstandings table.chalksta-data-table tbody th {
  font-size: 0.8125rem !important;
  line-height: 1.32 !important;
}

.chalksta-page-teamstandings .chalksta-ts-table.table-hover tbody tr:hover {
  background: var(--idx-surface-alt);
}

.chalksta-page-teamstandings #statstable,
.chalksta-page-teamstandings #statstable-tourny-div {
  filter: none;
}

/* Singles division message (injected by popteamsstandings.js) */
.chalksta-ts-singles-banner {
  background: var(--idx-surface-alt);
  border: 1px solid var(--idx-border);
  border-radius: 10px;
  color: var(--idx-fg);
}

.chalksta-ts-singles-banner-icon {
  font-size: 2rem;
  color: var(--espn-red);
  flex-shrink: 0;
}

.chalksta-ts-singles-banner-title {
  font-size: 1.1rem;
}

.chalksta-ts-singles-banner-text {
  opacity: 0.9;
  font-size: 0.95rem;
}

.chalksta-ts-singles-banner-link {
  color: var(--espn-red);
  text-decoration: underline;
}

.chalksta-ts-singles-banner-link:hover {
  color: var(--espn-red-dark);
}

@media (max-width: 767px) {
  .chalksta-page-teamstandings .chalksta-ts-toolbar .row {
    flex-wrap: wrap;
  }
}