/* Android / iOS — Taça. Values copied from the approved current-round layout.
   Keep these screen selectors independent from league, website and one another. */

/* TACA — INICIO */
body.capacitor .cup-home-panel .hub-t {
  font-size: 15px;
}
body.capacitor .cup-home-panel .hub-score.played {
  font-size: 15px !important;
}
body.capacitor .cup-home-panel .j-time {
  font-size: 15px !important;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
body.capacitor .cup-home-panel .cup-match-center,
body.capacitor .cup-home-panel .cup-match-center .timeslot {
  width: 100%;
  min-width: 0;
}
body.capacitor .cup-home-panel .j-time .time-undetermined {
  width: 100%;
  max-width: 100%;
  font-size: inherit !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}
body.capacitor .cup-home-panel .match-date {
  font-size: 14px;
}
body.capacitor .cup-home-panel .jnav-num,
body.capacitor .cup-home-panel .cup-ph-name {
  font-size: 17px;
}
body.capacitor .cup-home-panel .jnav-date,
body.capacitor .cup-home-panel .cup-ph-date {
  font-size: 12px;
}
body.capacitor .cup-home-panel .jnav-st,
body.capacitor .cup-home-panel .cup-ph-st {
  font-size: 10.5px;
}
body.capacitor .cup-home-panel .jnav-btn {
  font-size: 12px;
}
@media (max-width: 600px) {
  body.capacitor .cup-home-panel .hub-match {
    grid-template-columns: 16px minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
    gap: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  body.capacitor .cup-home-panel .hub-match > .hub-t .tl-wrap {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }
  body.capacitor
    .cup-home-panel
    .hub-match:not(
      :has(> .match-edit-icon, > .special-home-action, .special-sheet-btn)
    ):has(.time-undetermined) {
    grid-template-columns: 0 minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
  }
}
@media (max-width: 380px) {
  body.capacitor .cup-home-panel .hub-match {
    grid-template-columns: 12px minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
    gap: 3px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  body.capacitor .cup-home-panel .hub-match > .hub-t .tl-wrap {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  body.capacitor
    .cup-home-panel
    .hub-match:not(
      :has(> .match-edit-icon, > .special-home-action, .special-sheet-btn)
    ):has(.time-undetermined) {
    grid-template-columns: 0 minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
  }
}

/* TACA — FASES */
body.capacitor .cup-phases-panel .hub-t {
  font-size: 15px;
}
body.capacitor .cup-phases-panel .hub-score.played {
  font-size: 15px !important;
}
body.capacitor .cup-phases-panel .j-time {
  font-size: 15px !important;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
body.capacitor .cup-phases-panel .cup-match-center,
body.capacitor .cup-phases-panel .cup-match-center .timeslot {
  width: 100%;
  min-width: 0;
}
body.capacitor .cup-phases-panel .j-time .time-undetermined {
  width: 100%;
  max-width: 100%;
  font-size: inherit !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}
body.capacitor .cup-phases-panel .match-date {
  font-size: 14px;
}
body.capacitor .cup-phases-panel .jnav-num,
body.capacitor .cup-phases-panel .cup-ph-name {
  font-size: 17px;
}
body.capacitor .cup-phases-panel .jnav-date,
body.capacitor .cup-phases-panel .cup-ph-date {
  font-size: 12px;
}
body.capacitor .cup-phases-panel .jnav-st,
body.capacitor .cup-phases-panel .cup-ph-st {
  font-size: 10.5px;
}
body.capacitor .cup-phases-panel .jnav-btn {
  font-size: 12px;
}
@media (max-width: 600px) {
  body.capacitor .cup-phases-panel .hub-match {
    grid-template-columns: 16px minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
    gap: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  body.capacitor .cup-phases-panel .hub-match > .hub-t .tl-wrap {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }
  body.capacitor
    .cup-phases-panel
    .hub-match:not(
      :has(> .match-edit-icon, > .special-home-action, .special-sheet-btn)
    ):has(.time-undetermined) {
    grid-template-columns: 0 minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
  }
}
@media (max-width: 380px) {
  body.capacitor .cup-phases-panel .hub-match {
    grid-template-columns: 12px minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
    gap: 3px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  body.capacitor .cup-phases-panel .hub-match > .hub-t .tl-wrap {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  body.capacitor
    .cup-phases-panel
    .hub-match:not(
      :has(> .match-edit-icon, > .special-home-action, .special-sheet-btn)
    ):has(.time-undetermined) {
    grid-template-columns: 0 minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
  }
}

/* TACA — QUADRO */
body.capacitor .cup-bracket-panel .hub-t {
  font-size: 15px;
}
body.capacitor .cup-bracket-panel .hub-score.played {
  font-size: 15px !important;
}
body.capacitor .cup-bracket-panel .j-time {
  font-size: 15px !important;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
body.capacitor .cup-bracket-panel .cup-match-center,
body.capacitor .cup-bracket-panel .cup-match-center .timeslot {
  width: 100%;
  min-width: 0;
}
body.capacitor .cup-bracket-panel .j-time .time-undetermined {
  width: 100%;
  max-width: 100%;
  font-size: inherit !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}
body.capacitor .cup-bracket-panel .match-date {
  font-size: 14px;
}
body.capacitor .cup-bracket-panel .jnav-num,
body.capacitor .cup-bracket-panel .cup-ph-name {
  font-size: 17px;
}
body.capacitor .cup-bracket-panel .jnav-date,
body.capacitor .cup-bracket-panel .cup-ph-date {
  font-size: 12px;
}
body.capacitor .cup-bracket-panel .jnav-st,
body.capacitor .cup-bracket-panel .cup-ph-st {
  font-size: 10.5px;
}
body.capacitor .cup-bracket-panel .jnav-btn {
  font-size: 12px;
}
@media (max-width: 600px) {
  body.capacitor .cup-bracket-panel .hub-match {
    grid-template-columns: 16px minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
    gap: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  body.capacitor .cup-bracket-panel .hub-match > .hub-t .tl-wrap {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }
  body.capacitor
    .cup-bracket-panel
    .hub-match:not(
      :has(> .match-edit-icon, > .special-home-action, .special-sheet-btn)
    ):has(.time-undetermined) {
    grid-template-columns: 0 minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
  }
}
@media (max-width: 380px) {
  body.capacitor .cup-bracket-panel .hub-match {
    grid-template-columns: 12px minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
    gap: 3px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  body.capacitor .cup-bracket-panel .hub-match > .hub-t .tl-wrap {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  body.capacitor
    .cup-bracket-panel
    .hub-match:not(
      :has(> .match-edit-icon, > .special-home-action, .special-sheet-btn)
    ):has(.time-undetermined) {
    grid-template-columns: 0 minmax(0, 1fr) 64px minmax(0, 1fr) 64px !important;
  }
}

/* TACA — MARCADORES: same values as native league scorers, separate selectors. */
body.capacitor .cup-scorers-panel .top-scorers-table {
  width: max-content !important;
  min-width: 100%;
  table-layout: auto !important;
}
body.capacitor .cup-scorers-panel .top-scorers-table th {
  font-size: 13px;
  padding: 11px 6px;
}
body.capacitor .cup-scorers-panel .top-scorers-table td {
  font-size: 15px;
  padding: 9px 6px;
}
body.capacitor .cup-scorers-panel .top-scorers-table :is(th, td):first-child {
  width: 28px !important;
}
body.capacitor .cup-scorers-panel .top-scorers-table :is(th, td):nth-child(2) {
  width: auto !important;
  min-width: 0;
  white-space: nowrap;
}
body.capacitor .cup-scorers-panel .top-scorers-table :is(th, td):nth-child(3) {
  width: 1% !important;
  min-width: 0;
  white-space: nowrap;
}
body.capacitor .cup-scorers-panel .top-scorers-table .t-btn {
  font-size: 13.5px;
  white-space: nowrap;
}
body.capacitor .cup-scorers-panel .top-scorers-table .pos {
  font-size: 12px;
}
body.capacitor .cup-scorers-panel .top-scorers-table :is(th, td):last-child {
  width: 36px !important;
  padding-left: 6px;
  padding-right: 6px;
}
body.capacitor .cup-scorers-panel .top-scorers-table td.pts {
  font-size: 17px;
}