/* Sport pages: the merged Games section (games_board.js).
   Moneyline = the fixtures table. Every other tab = the bet rows. The sportsbook card of the picked game sits below. */

/* which pane and which controls belong to which tab */
.scoutics-page #rankings[data-games-board][data-cat="moneyline"] .gb-pane--bets,
.scoutics-page #rankings[data-games-board][data-cat="moneyline"] #rankAvailability,
.scoutics-page #rankings[data-games-board][data-cat="moneyline"] #scpSortToggle,
.scoutics-page #rankings[data-games-board][data-cat="moneyline"] #scpGapHelp,
.scoutics-page #rankings[data-games-board][data-cat="moneyline"] #scpGapNote,
.scoutics-page #rankings[data-games-board]:not([data-cat="moneyline"]) .gb-pane--games,
.scoutics-page #rankings[data-games-board]:not([data-cat="moneyline"]) #gbSort,
.scoutics-page #rankings[data-games-board]:not([data-cat="moneyline"]) .gb-tz{display:none!important}

/* the old search / count bar: the team picker replaces it */
.scoutics-page #rankings[data-games-board] .page-data-tools{display:none!important}
.scoutics-page #rankings[data-games-board] .gb-off{display:none!important}

/* the Moneyline pane is a plain container inside the Games section (it used to be a section of its own) */
.scoutics-page #rankings[data-games-board] .gb-pane{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}

/* toolbar: team and order on the left, time zone and odds format on the right */
.scoutics-page #rankings[data-games-board] .rank-toolbar{justify-content:flex-start;gap:8px 12px}
.scoutics-page #rankings[data-games-board] .rank-toolbar #scpOddsToggle{margin-left:auto}
.scoutics-page .gb-team{display:inline-flex;align-items:center;margin:0}
.scoutics-page .gb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scoutics-page .gb-team select{font:600 13px 'IBM Plex Sans',sans-serif;width:172px;min-height:36px;max-width:100%;padding:6px 30px 6px 11px;border:1px solid var(--line-strong,var(--line));border-radius:8px;
  background-color:var(--panel-2,var(--panel));color:var(--paper);cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--slate) 50%),linear-gradient(135deg,var(--slate) 50%,transparent 50%);
  background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.scoutics-page .gb-team select:hover{border-color:var(--slate)}
.scoutics-page .gb-team select:focus-visible{outline:2px solid var(--good);outline-offset:2px}
.scoutics-page .gb-sort{flex-wrap:wrap}
.scoutics-page .gb-tz{display:inline-flex;align-items:center}
.scoutics-page .gb-tz button{font:600 11.5px 'IBM Plex Sans',sans-serif;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--slate);cursor:pointer}
.scoutics-page .gb-tz button:hover{color:var(--paper)}
.scoutics-page .gb-tz button:focus-visible{outline:2px solid var(--good);outline-offset:2px}
.scoutics-page .gb-status{margin:-4px 0 10px;font-size:12.5px;line-height:1.45;color:var(--slate)}
.scoutics-page .gb-status[hidden]{display:none}

/* picking a game: the row stays marked while its card is below */
.scoutics-page #sportsDashboardFixtures tr[role="button"][data-pc-id]{cursor:pointer}
body:not(.scp-fan) .scoutics-page #sportsDashboardFixtures tr.gb-selected>td{background:var(--panel-2,rgba(127,127,127,.12))}
body:not(.scp-fan) .scoutics-page #sportsDashboardFixtures tr.gb-selected>td:first-child{box-shadow:inset 3px 0 0 var(--brand-bright,#4f7cff)}
.scoutics-page #sportsDashboardFixtures tr[role="button"]:focus-visible{outline:2px solid var(--good);outline-offset:-2px}

@media(max-width:700px){
  .scoutics-page #rankings[data-games-board] .rank-toolbar{align-items:stretch}
  .scoutics-page .gb-team{flex:1 1 100%}
  .scoutics-page .gb-team select{flex:1 1 auto;width:100%;min-height:40px}
  .scoutics-page #rankings[data-games-board] .rank-toolbar #scpOddsToggle{margin-left:0}
  body:not(.scp-fan) .scoutics-page #sportsDashboardFixtures tr.gb-selected{border-color:var(--brand-bright,#4f7cff)!important}
  body:not(.scp-fan) .scoutics-page #sportsDashboardFixtures tr.gb-selected>td:first-child{box-shadow:none}
}