/* Backpack e Auto Venda vivem sobre o mapa como janelas independentes.
   A camada nao captura cliques; somente os paineis visiveis capturam. */
body.nrmt-baiak-layout #nrmt-bi-right.nrmt-bi-floating-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9300 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  pointer-events: none !important;
  contain: none !important;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-panel {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  pointer-events: auto !important;
  border-color: #8b6a28 !important;
  background: linear-gradient(145deg, rgba(29, 35, 36, .97), rgba(10, 15, 17, .98)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(0, 0, 0, .86), inset 0 0 0 1px rgba(225, 178, 65, .08) !important;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-panel > header {
  background: linear-gradient(90deg, rgba(54, 48, 29, .98), rgba(26, 31, 32, .98)) !important;
  border-bottom-color: #5f4a23 !important;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-backpack {
  top: calc(var(--bi-top) + 10px) !important;
  right: 10px !important;
  width: 252px !important;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-loot {
  top: calc(var(--bi-top) + 10px) !important;
  right: 272px !important;
  width: 310px !important;
  max-height: calc(100vh - var(--bi-top) - var(--bi-bottom) - 20px) !important;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-loot:not(.is-collapsed) > .nrmt-bi-panel__body {
  max-height: calc(100vh - var(--bi-top) - var(--bi-bottom) - 49px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #9d792d #121718;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-helper {
  top: calc(var(--bi-top) + 184px) !important;
  right: 10px !important;
  width: 252px !important;
  max-height: calc(100vh - var(--bi-top) - var(--bi-bottom) - 194px) !important;
  overflow: auto !important;
}

/* Impede um frame antigo do Helper de aparecer durante a volta ao lobby. */
body.nrmt-world-safe #nrmt-bi-right > .nrmt-bi-floating-helper {
  display: none !important;
}

body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-panel.is-collapsed {
  width: 190px !important;
}

@media (max-width: 1100px) {
  body.nrmt-baiak-layout #nrmt-bi-right.nrmt-bi-floating-layer {
    display: block !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: visible !important;
    border: 0 !important;
    padding: 0 !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-panel {
    display: block !important;
    flex: none !important;
    scroll-snap-align: none !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-backpack {
    top: calc(var(--bi-top) + 7px) !important;
    right: 7px !important;
    width: min(252px, calc(50vw - 10px)) !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-loot {
    top: calc(var(--bi-top) + 7px) !important;
    left: 7px !important;
    right: auto !important;
    width: min(310px, calc(50vw - 10px)) !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-helper {
    top: auto !important;
    right: 7px !important;
    bottom: calc(var(--bi-bottom) + 8px) !important;
    width: min(252px, calc(50vw - 10px)) !important;
    max-height: 34vh !important;
  }
}

@media (max-width: 680px) {
  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-backpack {
    top: calc(var(--bi-top) + 5px) !important;
    right: 5px !important;
    width: min(218px, calc(100vw - 10px)) !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-loot {
    top: auto !important;
    left: 5px !important;
    right: 5px !important;
    bottom: calc(var(--nrmt-mobile-action-height, 54px) + 7px) !important;
    width: auto !important;
    max-height: 42vh !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-loot:not(.is-collapsed) > .nrmt-bi-panel__body {
    max-height: calc(42vh - 28px) !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-helper {
    top: calc(var(--bi-top) + 5px) !important;
    left: 5px !important;
    right: auto !important;
    bottom: auto !important;
    width: min(218px, calc(100vw - 10px)) !important;
    max-height: 34vh !important;
  }

  body.nrmt-baiak-layout #nrmt-bi-right > .nrmt-bi-floating-panel.is-collapsed {
    width: min(176px, calc(100vw - 10px)) !important;
  }
}