/* m24-ranking-scroll38 — APENAS no Rank: scroll da página (painel do hub).
   O .manager38-panel.manager38-club-hub É a página rolável. A lista cresce
   sem scroll próprio; o painel desce com abas + ranking juntos. */

/* O painel do hub (página) — único scroll quando Rank está aberto */
.manager38-brasfoot-main > .manager38-panel.manager38-club-hub:has(.manager38-bf-ranking-hub) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

/* Filhos crescem com o conteúdo — sem scroll aninhado */
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-club-hub-section.manager38-club-hub-embed,
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-hub,
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking {
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-list {
  flex: none !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  -webkit-overflow-scrolling: auto !important;
}

/* Abas do hub um pouco mais baixas só no Rank */
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-club-hub-tabs {
  gap: 4px !important;
}
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-club-hub-tabs button {
  min-height: 28px !important;
  font-size: 0.64rem !important;
  padding: 3px 2px !important;
}

/* Sticky dos filtros do ranking dentro do painel que rola */
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-tabs,
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-head,
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-cols.head {
  position: sticky !important;
  z-index: 8 !important;
  background: var(--mgr-panel, #ffffff) !important;
}
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-tabs {
  top: 0 !important;
  padding-bottom: 6px !important;
}
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-head {
  top: 40px !important;
  padding: 4px 0 !important;
  margin-bottom: 4px !important;
}
.manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-cols.head {
  top: 84px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

html:not(.ui-light-test) body:not(.light) .manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-tabs,
html:not(.ui-light-test) body:not(.light) .manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-head,
html:not(.ui-light-test) body:not(.light) .manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-cols.head,
.manager38-brasfoot:not(.manager38-brasfoot-light) .manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-tabs,
.manager38-brasfoot:not(.manager38-brasfoot-light) .manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-head,
.manager38-brasfoot:not(.manager38-brasfoot-light) .manager38-club-hub:has(.manager38-bf-ranking-hub) .manager38-bf-ranking-cols.head {
  background: var(--mgr-panel, #0f1a14) !important;
}