/* Tables/results only. Match card styling lives in competition/match-cards.css. */
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-card__head {
  padding: 12px 14px !important;
  gap: 8px !important;
  min-height: 0 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-card__head strong {
  font-size: 17px !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-card__head p {
  min-height: 28px !important;
  padding: 5px 10px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th {
  padding: 9px 8px !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  vertical-align: middle !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner),
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) a,
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) span {
  font-size: 12px !important;
  line-height: 1.22 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) {
  min-width: 114px !important;
  width: 114px !important;
  max-width: 134px !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix th:is(.league-results-corner, .league-results-player) {
  --tfp-results-name-width: 142px;
  min-width: 142px !important;
  width: 142px !important;
  max-width: 142px !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix tbody th.league-results-player,
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix tbody td {
  padding: 8px 9px !important;
  height: auto !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-player,
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-player a,
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-player span {
  font-size: 12px !important;
  line-height: 1.26 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix td.league-results-cell {
  min-width: 114px !important;
  font-size: 12px !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix .tfp-pair-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: inherit !important;
  gap: 2px !important;
  max-width: 100% !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix .tfp-pair-member {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 720px){
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-card__head {
    padding: 10px 10px !important;
    gap: 6px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-card__head strong {
    font-size: 15px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-card__head p {
    min-height: 26px !important;
    width: auto !important;
    font-size: 10px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th {
    padding: 7px 6px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) a,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) span {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) {
    min-width: 102px !important;
    width: 102px !important;
    max-width: 113px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix th:is(.league-results-corner, .league-results-player) {
    --tfp-results-name-width: 130px;
    min-width: 130px !important;
    width: 130px !important;
    max-width: 130px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix tbody th.league-results-player,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix tbody td {
    padding: 7px 7px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-player,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-player a,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-player span {
    font-size: 11.5px !important;
    line-height: 1.19 !important;
    font-weight: 650 !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix td.league-results-cell {
    min-width: 102px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 720px){
body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner) :is(a, span) {
    font-size: 9px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.015em !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-stack {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    width: 100% !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member :is(a, span) {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 9px !important;
    line-height: 1.14 !important;
  }
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table
.league-standings-table thead th + th,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table
.league-standings-table tbody td + td {
  border-left: 1px solid #dfe5ec !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"])
.league-top-tabs .league-top-tab[data-tab="table"].active {
  color: #fff !important;
  background: linear-gradient(135deg, #6925d9 0%, #8b35ed 100%) !important;
  border-color: rgba(139, 53, 237, .32) !important;
  box-shadow: 0 5px 14px rgba(105, 37, 217, .18) !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card {
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #d9e1ea !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 20px rgba(8, 35, 62, .045) !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card::before {
  display: none !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 60px !important;
  padding: 13px 17px !important;
  background: #082940 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head h3::before,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head h3::after {
  display: none !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head :is(span, .tfp-count-badge) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 5px 11px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.27) !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-table-wrap {
  border-radius: 0 !important;
  background: #fff !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th {
  padding: 12px 9px !important;
  background: #edf1f5 !important;
  background-image: none !important;
  color: #506176 !important;
  border-bottom: 1px solid #dce3eb !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th:nth-child(2) {
  text-align: left !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td {
  padding: 11px 9px !important;
  background: #fff !important;
  color: #16273b !important;
  border-bottom: 1px solid #dce3eb !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  vertical-align: middle !important;
  box-shadow: none !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody tr:nth-child(even) td {
  background: #f7fafc !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th + th,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td + td {
  border-left: 1px solid #dce3eb !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table .league-rank {
  font-weight: 800 !important;
  color: #172941 !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-player-inline .tfp-pair-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  width: 100% !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-player-inline .tfp-pair-member {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-player-sub {
  display: none !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-points-badge {
  min-width: 36px !important;
  min-height: 32px !important;
  padding: 4px 9px !important;
  color: #6725d3 !important;
  background: linear-gradient(180deg, #fff 0%, #f0eaff 100%) !important;
  border: 1px solid #dfcff8 !important;
  border-radius: 12px !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

@media (max-width: 760px){
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head {
    min-height: 52px !important;
    padding: 11px 14px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-card__head h3 {
    font-size: 17px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table {
    width: max-content !important;
    min-width: 690px !important;
    table-layout: auto !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th {
    padding: 9px 6px !important;
    font-size: 10px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td {
    padding: 9px 6px !important;
    font-size: 12px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th:first-child,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:first-child {
    min-width: 32px !important;
    width: 32px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th:nth-child(2),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(2) {
    min-width: 131px !important;
    width: 131px !important;
    max-width: 147px !important;
    padding-left: 8px !important;
    padding-right: 6px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th:nth-child(n/**/+3):nth-child(-n/**/+5),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(n/**/+3):nth-child(-n/**/+5) {
    min-width: 28px !important;
    width: 28px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th:nth-child(6),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(6) {
    min-width: 48px !important;
    width: 48px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table thead th:nth-child(7),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(7) {
    min-width: 46px !important;
    width: 46px !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-points-badge {
    min-width: 31px !important;
    min-height: 29px !important;
    padding: 3px 7px !important;
    font-size: 17px !important;
  }
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-player-inline .tfp-pair-member,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-player-inline .tfp-pair-member :is(a,span) {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

@media (max-width: 720px){
body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner),
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) :is(span,a,.tfp-pair-member) {
    font-size: 8px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
  }

body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member :is(a,span) {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table table.league-standings-table {
  table-layout: auto !important;
  width: max-content !important;
  min-width: 100% !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table table.league-standings-table thead th:nth-child(2),
body:is([data-page="league-view"], [data-page="tournament-view"]) #table table.league-standings-table tbody td:nth-child(2) {
  
  width: 1% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-right: 12px !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(2) .league-player-inline,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(2) .league-player-inline > div,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(2) .league-player-inline strong,
body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(2) :is(.tfp-pair-stack, .tfp-pair-inline) {
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
}

body:is([data-page="league-view"], [data-page="tournament-view"]) #table .league-standings-table tbody td:nth-child(2) :is(.tfp-pair-member, .tfp-pair-member a, .tfp-pair-member span, .tfp-pair-inline > a, .tfp-pair-inline > span:not(.tfp-pair-separator), .league-player-inline strong > a, .league-player-inline strong > span) {
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 720px){
body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member,
  body:is([data-page="league-view"], [data-page="tournament-view"]) #results
  .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member :is(a,span) {
    font-size: 8px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

body[data-page] main#tfpCompetitionView.league-page #table .league-standings-card__head {
  background: #082940 !important;
  color: #fff !important;
  border-bottom-color: #082940 !important;
}

body[data-page] main#tfpCompetitionView.league-page #table .league-standings-card__head h3 {
  color: #fff !important;
}

body[data-page] main#tfpCompetitionView.league-page #table .league-standings-card__head > span {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.25) !important;
}

body[data-page] main#tfpCompetitionView.league-page #table .league-standings-table thead th {
  background: #edf1f5 !important;
  color: #506176 !important;
}

body[data-page] main#tfpCompetitionView.league-page #table .league-standings-table thead th + th,
body[data-page] main#tfpCompetitionView.league-page #table .league-standings-table tbody td + td {
  border-left: 1px solid #dce3eb !important;
}

body[data-page] main#tfpCompetitionView.league-page #table .league-standings-table .league-points-badge {
  background: linear-gradient(180deg,#fff 0%,#f0eaff 100%) !important;
  border: 1px solid #dfcff8 !important;
  border-radius: 12px !important;
  color: #6725d3 !important;
}

body[data-page] main#tfpCompetitionView.league-page #results .league-results-card__head {
  background: #082940 !important;
  color: #fff !important;
}

body[data-page] main#tfpCompetitionView.league-page #results .league-results-card__head strong,
body[data-page] main#tfpCompetitionView.league-page #results .league-results-card__head p {
  color: #fff !important;
}

body[data-page] main#tfpCompetitionView.league-page #results .league-results-matrix thead th {
  background: #0b3653 !important;
  color: #fff !important;
}

body[data-page] main#tfpCompetitionView.league-page #results .league-results-matrix thead th a,
body[data-page] main#tfpCompetitionView.league-page #results .league-results-matrix thead th span {
  color: #fff !important;
}

@media (max-width: 720px){
body[data-page] main#tfpCompetitionView.league-page #results .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member,
  body[data-page] main#tfpCompetitionView.league-page #results .league-results-matrix thead th:not(.league-results-corner) .tfp-pair-member :is(a,span) {
    font-size: 8px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

body[data-page] main#tfpCompetitionView.league-page #table .league-card.league-standings-card .league-standings-card__head h3 {
  color: #ffffff !important;
}

body[data-page] main#tfpCompetitionView.league-page #table .league-card.league-standings-card .league-standings-card__head > span {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .25) !important;
}
