/* Forest Frontier screen contract: Inventory.
   The grid and the item cell share one geometry source to prevent 360px emulation drift. */

body.theme-ashen.screen-inventory-active {
  --inventory-grid-columns: 5;
  --inventory-grid-gap: 5px;
}

body.theme-ashen.screen-inventory-active .inventory-equipment-panel,
body.theme-ashen.screen-inventory-active .inventory-workspace,
body.theme-ashen.screen-inventory-active .inventory-list-pane,
body.theme-ashen.screen-inventory-active .inventory-icon-grid {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.theme-ashen.screen-inventory-active .inventory-category-toolbar {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

body.theme-ashen.screen-inventory-active .inventory-category-toolbar::after {
  content: '';
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 4px;
  width: 18px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(7, 11, 10, .94));
}

body.theme-ashen.screen-inventory-active .inventory-category-scroll {
  width: 100%;
  min-width: 0;
  padding-right: 18px !important;
  scroll-padding-inline: 2px 20px;
  overscroll-behavior-inline: contain;
}

body.theme-ashen.screen-inventory-active .inventory-icon-grid {
  display: grid !important;
  grid-template-columns: repeat(var(--inventory-grid-columns), minmax(0, 1fr)) !important;
  align-content: start !important;
  align-items: start !important;
  gap: var(--inventory-grid-gap) !important;
  width: 100% !important;
  margin: 0 !important;
}

body.theme-ashen.screen-inventory-active .inventory-icon-cell {
  display: grid !important;
  place-items: center !important;
  justify-self: stretch !important;
  align-self: start !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  transform: none;
}

body.theme-ashen.screen-inventory-active .inventory-icon-cell:active {
  transform: translateY(1px) !important;
}

body.theme-ashen.screen-inventory-active .inventory-cell-icon,
body.theme-ashen.screen-inventory-active .inventory-cell-icon > .item-icon,
body.theme-ashen.screen-inventory-active .inventory-icon-cell .item-icon {
  width: min(88%, 58px) !important;
  height: min(88%, 58px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

body.theme-ashen.screen-inventory-active .inventory-level-lock {
  inset: auto 3px 17px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-height: 16px !important;
  padding: 2px 3px !important;
  transform: none !important;
  border-radius: 5px !important;
  overflow: hidden !important;
}

body.theme-ashen.screen-inventory-active .inventory-level-lock b {
  display: none !important;
}

body.theme-ashen.screen-inventory-active .inventory-level-lock small {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 7.5px !important;
  line-height: 1 !important;
}

@media (max-width: 339px) {
  body.theme-ashen.screen-inventory-active {
    --inventory-grid-columns: 4;
  }
}

@media (min-width: 480px) and (max-width: 759px) {
  body.theme-ashen.screen-inventory-active {
    --inventory-grid-columns: 6;
    --inventory-grid-gap: 6px;
  }
}

@media (min-width: 760px) and (max-width: 1019px) {
  body.theme-ashen.screen-inventory-active {
    --inventory-grid-columns: 5;
    --inventory-grid-gap: 7px;
  }
}

@media (min-width: 1020px) {
  body.theme-ashen.screen-inventory-active {
    --inventory-grid-columns: 6;
    --inventory-grid-gap: 8px;
  }
}