/* Radar das Odds v206.51 — inicialização protegida e pós-montagem segura. */
:root {
  --radar-global-canvas: #020812;
  --radar-global-canvas-mid: #041127;
  --radar-global-canvas-end: #020a16;
}

html,
body,
#root {
  min-height: 100%;
  background-color: var(--radar-global-canvas) !important;
}

body.rc19-premium,
body.radar-view-login {
  background:
    radial-gradient(circle at 78% -8%, rgba(29, 108, 201, 0.2), transparent 31rem),
    radial-gradient(circle at -8% 38%, rgba(255, 139, 35, 0.06), transparent 28rem),
    linear-gradient(
      180deg,
      var(--radar-global-canvas),
      var(--radar-global-canvas-mid),
      var(--radar-global-canvas-end)
    ) !important;
  background-attachment: fixed !important;
}

body.rc19-premium #root > :is(
  .app-shell,
  .auth-shell,
  .system-page-shell,
  .unified-page-shell,
  .management-page-shell,
  .insight-page-shell,
  .dashboard-shell,
  .profile-shell,
  .subscription-shell,
  .admin-console-shell,
  .match-statistics-shell
),
body.rc19-premium #root > .unified-page-shell > :is(
  .system-page-shell,
  .management-page-shell,
  .insight-page-shell,
  .onboarding-shell
) {
  min-height: 100dvh !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.rc19-premium :is(
  .app-content,
  .system-page-content,
  .management-page-content,
  .insight-page-content,
  .admin-console-main
) {
  background-color: transparent !important;
}

body.rc19-premium .management-page-shell {
  --mgmt-bg: var(--radar-global-canvas) !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-card {
  min-height: 112px !important;
  grid-template-columns: minmax(0, 1fr) 48px 48px !important;
  grid-template-areas:
    "time score side"
    "teams score side" !important;
  grid-template-rows: auto 1fr !important;
  column-gap: 7px !important;
  row-gap: 7px !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-time {
  grid-area: time !important;
  justify-content: flex-start !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-time > small {
  display: none !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-side-v183 {
  grid-area: side !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 100% !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  align-content: stretch !important;
  align-items: start !important;
  justify-items: center !important;
  overflow: visible !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-side-v183 > strong {
  display: block !important;
  max-width: 46px !important;
  overflow: hidden !important;
  color: #9eb8cb !important;
  font-size: 6px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-side-v183 > strong.is-live {
  color: #5cf0b8 !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-side-v183 > :is(span, small) {
  display: none !important;
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-statistics-button {
  grid-row: 3 !important;
  align-self: end !important;
  justify-self: center !important;
}

body.rc19-premium .daily-game-score-v20646 {
  width: 38px;
  min-height: 40px;
  padding: 5px 3px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  border: 1px solid rgba(103, 163, 203, 0.42);
  border-radius: 9px;
  color: #f4f9fd;
  background: #08243b;
  box-sizing: border-box;
}

body.rc19-premium .daily-game-score-v20646 > span {
  color: #b8cede !important;
  font-size: 6px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.rc19-premium .daily-game-score-v20646 > strong {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.rc19-premium .daily-game-score-v20646.is-live {
  border-color: rgba(53, 214, 155, 0.72);
  background: rgba(24, 113, 84, 0.28);
  box-shadow: 0 0 0 2px rgba(53, 214, 155, 0.08);
}

body.rc19-premium .daily-game-score-v20646.is-live > span,
body.rc19-premium .daily-game-score-v20646.is-live > strong {
  color: #5cf0b8 !important;
}

body.rc19-premium .daily-game-score-v20646.is-finished {
  border-color: rgba(115, 183, 255, 0.52);
  background: rgba(28, 80, 126, 0.3);
}

body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-score-v20646 {
  grid-area: score !important;
  align-self: center !important;
  justify-self: center !important;
  width: 46px !important;
  min-height: 48px !important;
}

@media (max-width: 860px) {
  body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-card {
    grid-template-columns: minmax(0, 1fr) 46px 46px !important;
    column-gap: 6px !important;
  }

  body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-score-v20646 {
    width: 44px !important;
    min-height: 46px !important;
    padding-block: 4px !important;
  }

  body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-side-v183 {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }
}

@media (max-width: 360px) {
  body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-card {
    grid-template-columns: minmax(0, 1fr) 43px 42px !important;
    column-gap: 4px !important;
  }

  body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-game-score-v20646 {
    width: 41px !important;
    min-height: 44px !important;
  }

  body.rc19-premium #root > main.radar-page-v209 .radar-agenda-column-v209 .daily-calendar-side-v183 {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }
}

/*
 * Seletor de campeonatos
 *
 * O componente já entrega nome e descrição completos. As folhas antigas o
 * comprimiam em duas colunas de ícones, tornando a seleção ilegível na barra
 * estreita. A lista abaixo mantém a busca e os filtros, mas apresenta uma liga
 * por linha e reserva toda a largura disponível para o texto.
 */
body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .visual-filter-menu {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: min(560px, 75dvh) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .visual-filter-options.league-options {
  width: 100% !important;
  max-height: min(390px, 55dvh) !important;
  padding: 5px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 5px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .league-options .visual-filter-option {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 16px !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 8px !important;
  overflow: hidden !important;
  text-align: left !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .league-options .visual-filter-option > .league-logo-badge {
  display: none !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .league-options .visual-filter-option > span {
  grid-column: 1 !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .league-options .visual-filter-option > span > strong {
  min-width: 0 !important;
  display: block !important;
  overflow: visible !important;
  color: #f4f9fd !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .league-options .visual-filter-option > span > small {
  min-width: 0 !important;
  display: block !important;
  overflow: visible !important;
  color: #9eb8cb !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.rc19-premium #root > main.radar-page-v209 .controls-panel .visual-filter-select.league .league-options .visual-filter-option > svg {
  grid-column: 2 !important;
  justify-self: end !important;
}

/* Elementos legados permanecem no DOM para que o React preserve sua árvore. */
body.rc19-premium :is(.dashboard-metric, .radar-metric-card, .stats-card).radar-bankroll-source-metrics-v20650,
body.rc19-premium .legacy-sidebar-brand-hidden-v20650,
body.rc19-premium .mobile-bottom-nav-hidden-v20650,
body.rc19-premium .team-crest-image-unavailable-v20650 {
  display: none !important;
}

body.rc19-premium #root > main.radar-page-v209 .team-crest.has-logo-fallback-v20640::after {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(119, 180, 224, 0.45) !important;
  border-radius: inherit !important;
  color: #f7fbff !important;
  background: linear-gradient(145deg, #174f77, #0a2944) !important;
  content: attr(data-radar-fallback-initials-v20650) !important;
  font-size: clamp(8px, 0.72em, 11px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}