/**
 * Final scroll band: fixed top chrome + fixed footer; middle scrolls as one page.
 * Invisible scrollbars (still scroll with wheel / touch).
 */
body.komc-has-seo-footer > .container,
body.komc-has-seo-footer > #battle-assistant,
body.komc-has-seo-footer > section#battle-assistant,
body.komc-has-seo-footer > main.komc-doc-page {
  position: fixed !important;
  top: var(--komc-top-chrome-h, 56px) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--komc-footer-h, 48px) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  scroll-padding-bottom: calc(var(--komc-footer-h, 56px) + 24px) !important;
  padding: 10px var(--komc-page-gutter, 16px)
    calc(var(--komc-footer-h, 56px) + 20px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--komc-neon-rgb, 168, 85, 247), 0.35) transparent;
  -ms-overflow-style: auto;
}

/* Doc pages: centred column — see komc-docs.css */
body[data-komc-area='docs'].komc-has-seo-footer > main.komc-doc-page {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.komc-has-seo-footer > .container::-webkit-scrollbar,
body.komc-has-seo-footer > #battle-assistant::-webkit-scrollbar,
body.komc-has-seo-footer > section#battle-assistant::-webkit-scrollbar,
body.komc-has-seo-footer > main.komc-doc-page::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.komc-has-seo-footer > .container > .komc-hub,
body.komc-has-seo-footer > .container > .komc-page-stack {
  overflow: visible !important;
  max-height: none !important;
}

/* Trading + Leaderboards: children grow; host scrolls */
body.komc-has-seo-footer > .container > .komc-page-stack,
body.komc-has-seo-footer > .container > .tab-content,
body.komc-has-seo-footer > .container > .tab-content.active {
  width: 100%;
  max-width: var(--komc-page-max-width, 920px);
  margin-left: auto;
  margin-right: auto;
  flex: 0 0 auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.komc-has-seo-footer > .container > .tab-content {
  display: none;
}

body.komc-has-seo-footer > .container > .tab-content.active {
  display: block !important;
}

body.komc-has-seo-footer > #battle-assistant > .ba-panel,
body.komc-has-seo-footer > section#battle-assistant > .ba-panel {
  max-height: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  min-height: auto !important;
  display: block !important;
}

/* Hive Studio — page scroll on #battle-assistant; no nested flex traps (beats inline splinterlands styles) */
body[data-komc-area='hive-studio'].komc-has-seo-footer > #battle-assistant,
body[data-komc-area='hive-studio'].komc-has-seo-footer > section#battle-assistant {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  scroll-padding-bottom: calc(var(--komc-footer-h, 56px) + 28px) !important;
  padding-bottom: calc(var(--komc-footer-h, 56px) + 24px) !important;
}

body[data-komc-area='hive-studio'].komc-has-seo-footer > #battle-assistant > .ba-panel,
body[data-komc-area='hive-studio'].komc-has-seo-footer > section#battle-assistant > .ba-panel {
  flex: 0 0 auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}

body[data-komc-area='hive-studio'] #ba-hive-studio-section.ba-hive-studio-shell,
body[data-komc-area='hive-studio'] .ba-g-studio-screen-body,
body[data-komc-area='hive-studio'] .ba-g-studio-workspace:not([hidden]),
body[data-komc-area='hive-studio'] .ba-hive-design-panel:not([hidden]),
body[data-komc-area='hive-studio'] .ba-hive-design-panel:not([hidden]) > .ba-guild-hive-recap {
  max-height: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  min-height: auto !important;
  display: block !important;
}

body[data-komc-area='hive-studio'] .ba-g-hive-recap-body,
body[data-komc-area='hive-studio'] .ba-g-studio-pack__ta,
body[data-komc-area='hive-studio'] .ba-hive-pack-tuning {
  max-height: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  min-height: 88px;
}

/* Guild Hub (Guild / Competition / Settings) — page scroll; not Battle Board */
body[data-komc-area='guild']:not(.komc-guild-tab-battles) #guild.ba-guild-section,
body[data-komc-area='guild']:not(.komc-guild-tab-battles) #ba-guild-brawl-root,
body[data-komc-area='guild']:not(.komc-guild-tab-battles) #ba-guild-brawl-root .ba-guild-screens {
  max-height: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  min-height: auto !important;
}

body[data-komc-area='guild'] .ba-guild-fray-grid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Leaderboard tables flow in page scroll */
#content-leaderboard .komc-lb-table-wrap,
#content-leaderboard .komc-stack--ranks .komc-lb-scroll {
  overflow: visible !important;
  max-height: none !important;
}

/* Guild Hub — Settings / Guild / Competition: scroll the main panel (assign log above footer) */
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #komc-page-band > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #komc-page-band > section#battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer > section#battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer #komc-page-band > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer #komc-page-band > section#battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer > section#battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer #komc-page-band > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer #komc-page-band > section#battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer > section#battle-assistant {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(129, 140, 248, 0.5) rgba(10, 14, 26, 0.4) !important;
  -ms-overflow-style: auto !important;
  scroll-padding-bottom: calc(var(--komc-footer-h, 56px) + 32px) !important;
  padding-bottom: calc(var(--komc-footer-h, 56px) + 24px) !important;
}

body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #komc-page-band > #battle-assistant::-webkit-scrollbar,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer > #battle-assistant::-webkit-scrollbar,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer > section#battle-assistant::-webkit-scrollbar,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer #komc-page-band > #battle-assistant::-webkit-scrollbar,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer > #battle-assistant::-webkit-scrollbar,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer #komc-page-band > #battle-assistant::-webkit-scrollbar,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer > #battle-assistant::-webkit-scrollbar {
  display: block !important;
  width: 10px;
  height: 10px;
}

body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #komc-page-band > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer > section#battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer #komc-page-band > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer #komc-page-band > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #guild.ba-guild-section,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #guild #ba-guild-brawl-root,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #ba-guild-brawl-root .ba-guild-screens,
body[data-komc-area='guild'].komc-guild-tab-settings.komc-has-seo-footer #ba-guild-screen-settings,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer #guild.ba-guild-section,
body[data-komc-area='guild'].komc-guild-tab-guild.komc-has-seo-footer #guild #ba-guild-brawl-root,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer #guild.ba-guild-section,
body[data-komc-area='guild'].komc-guild-tab-competition.komc-has-seo-footer #guild #ba-guild-brawl-root {
  overflow: visible !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  min-height: auto !important;
}

body[data-komc-area='guild'].komc-guild-tab-battles.komc-has-seo-footer > #battle-assistant,
body[data-komc-area='guild'].komc-guild-tab-battles.komc-has-seo-footer > section#battle-assistant {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-komc-area='guild'].komc-guild-tab-battles.komc-has-seo-footer > #battle-assistant > .ba-panel,
body[data-komc-area='guild'].komc-guild-tab-battles.komc-has-seo-footer > section#battle-assistant > .ba-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-komc-area='guild'].komc-guild-tab-battles #guild.ba-guild-section,
body[data-komc-area='guild'].komc-guild-tab-battles #ba-guild-brawl-root[data-guild-main='battles'] {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-komc-area='guild'].komc-guild-tab-battles #ba-guild-brawl-root[data-guild-main='battles'] .ba-guild-screens,
body[data-komc-area='guild'].komc-guild-tab-battles #ba-guild-screen-battles:not([hidden]) {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-komc-area='guild'].komc-guild-tab-battles #ba-guild-fray-scroll {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(var(--komc-footer-h, 56px) + 16px) !important;
  scroll-padding-bottom: calc(var(--komc-footer-h, 56px) + 12px) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(129, 140, 248, 0.45) rgba(15, 23, 42, 0.5) !important;
}

body[data-komc-area='guild'].komc-guild-tab-battles #ba-guild-brawl-roster,
body[data-komc-area='guild'].komc-guild-tab-battles .ba-guild-fray-grid {
  overflow: visible !important;
  max-height: none !important;
}

/* Venna Mind — page scroll on #venna-mind-root; top nav + scores stay fixed above */
body[data-komc-area='venna'].komc-has-seo-footer > #venna-mind-root:not([hidden]) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior: contain;
  scroll-padding-bottom: 16px;
}

body[data-komc-area='venna'] .venna-shell.venna-shell--electric {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body[data-komc-area='venna'].venna-cluster-panel-open.komc-has-seo-footer > #venna-mind-root:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body[data-komc-area='venna'].venna-cluster-panel-open .venna-shell.venna-shell--electric {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body[data-komc-area='venna'].venna-cluster-panel-open #venna-cluster-panels-wrap {
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: none !important;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

body[data-komc-area='venna'].venna-cluster-panel-social .venna-manual-lane-cards {
  max-height: min(42vh, 320px) !important;
  overflow-y: auto !important;
  touch-action: pan-y;
}

body[data-komc-area='venna']:not(.venna-cluster-panel-open) #venna-cluster-panels-wrap {
  display: none !important;
}

body[data-komc-area='venna'] .venna-shell__head {
  flex-shrink: 0 !important;
}

body[data-komc-area='venna'] .venna-work-band {
  max-height: 100% !important;
  overflow: hidden !important;
}

body[data-komc-area='venna'] .venna-live-feed {
  overflow-y: auto !important;
  touch-action: pan-y;
}

body[data-komc-area='venna'] .venna-dock--fixed {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

body[data-komc-area='venna'] .venna-activity-panel {
  flex-shrink: 0 !important;
  max-height: min(30vh, 200px) !important;
}

body[data-komc-area='venna'] .venna-activity-log {
  overflow-y: auto !important;
  touch-action: pan-y;
}

body[data-komc-area='venna'] .venna-mind-stage {
  max-height: min(28vh, 220px) !important;
}

body[data-komc-area='venna'] #venna-garden-canvas {
  pointer-events: none !important;
}
