/* Little Bloom language sheet only: correct centering and modal layering. */
#app .language-overlay[data-v-ff69ef00] {
  z-index: 2001 !important;
}

#app .language-panel[data-v-ff69ef00] {
  /* The component already centers with left:50% and translate:-50% 0. */
  margin-inline: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100vw !important;
  max-height: calc(100vh - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow: hidden !important;
  z-index: 2002 !important;
}

/* Preserve the existing 480px cap for the profile's direct app child. */
#app > .language-panel[data-v-ff69ef00] {
  max-width: min(480px, 100vw) !important;
}

#app .language-panel[data-v-ff69ef00] > .van-floating-panel__content {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

@media (max-height: 400px) {
  #app .language-panel[data-v-ff69ef00] {
    min-height: 0 !important;
  }
}