/* Teal-cloud inventory skin. Header/control rows stay fixed while the existing
 * six-column slot grid owns vertical scrolling. */
html[data-ui-theme="teal-cloud-a"] #game-root .page-panel.bag-panel {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  color: #eee3bd;
  background: var(--tc-cloth, none) center / 480px auto repeat, #17494c !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .page-panel.bag-panel[hidden] {
  display: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel > :is(
  .bag-heading,
  .bag-categories,
  .bag-status,
  .bag-grid-empty,
  .bag-batch-sell-bar
) {
  flex: 0 0 auto;
}

html[data-ui-theme="teal-cloud-a"] #game-root .page-panel.bag-panel .bag-heading h2 {
  color: #eadcb0 !important;
  text-shadow: 0 1px 1px #082d31;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel [data-role="bag-summary"] {
  color: #ede3c1;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel :is(.bag-batch-sell-entry,.bag-category-button) {
  border-color: #bbaa76 !important;
  background: var(--tc-button-art, none) center / 100% 100% no-repeat,
    linear-gradient(110deg, #e7e4c8, #c8d2b4) !important;
  color: #123f42 !important;
  box-shadow: inset 0 0 0 1px #325d5680, inset 0 0 0 3px #eee5bb66 !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-batch-sell-entry {
  color: #123f42 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-categories {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-category-button.is-active {
  background: var(--tc-active-button-art, none) center / 100% 100% no-repeat,
    var(--tc-cloth, none) center / 360px auto repeat, #113e43 !important;
  border-color: #e8c875 !important;
  color: #f1d58b !important;
  box-shadow: inset 0 0 0 2px #205456, inset 0 0 0 3px #c7a85e, 0 0 4px #dfbc6166 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot-grid {
  min-height: 0;
  flex: 1 1 auto;
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-color: #a29461 !important;
  background: #0e383b26 !important;
  box-shadow: inset 0 0 0 2px #16484a, inset 0 0 0 3px #9d926644 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot-grid::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot {
  border-color: #b8a773 !important;
  background: var(--tc-slot-filled-art, none) center / 100% 100% no-repeat,
    linear-gradient(120deg, #ece9d2, #cbd3b8) !important;
  box-shadow: inset 0 0 0 1px #3e756e88, inset 0 0 0 3px #f1e9c566 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot--empty {
  background: var(--tc-slot-empty-art, none) center / 100% 100% no-repeat,
    linear-gradient(115deg, #42747255, #497b7055),
    var(--tc-cloth, none) center / 320px auto repeat, #2e6061 !important;
  border-color: #a79e6a !important;
  box-shadow: inset 0 0 0 1px #8aa49244 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot__icon {
  background-color: #d9dfc6 !important;
  box-shadow: inset 0 0 0 1px #f5efd555;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot .bag-slot__name {
  background: transparent !important;
  color: #283420 !important;
  text-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot > .bag-slot__count {
  background: #304e43 !important;
  color: #fff7dc !important;
  -webkit-text-fill-color: #fff7dc;
  text-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot__quality {
  color: #e9d1e8;
  background: #403244;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel :is(.bag-status,.bag-grid-empty) {
  color: #dfdbb9 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-status[data-state="error"] {
  color: #ffc8ab !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-batch-sell-bar {
  position: static;
  border-color: #b4a370;
  background: var(--tc-cloth, none) center / 480px auto repeat, #17494c !important;
  box-shadow: 0 -2px 5px #102e2d55;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-batch-sell-bar__summary :is(strong,span) {
  color: #eee3bc !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot--occupied:focus-visible {
  outline: 2px solid #f0d18a;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel.is-batch-selling .bag-slot.is-batch-selected {
  border-color: #ffe2a2 !important;
  box-shadow: inset 0 0 0 2px #d4aa55 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .bag-panel .bag-slot__selected-badge {
  background: #836024;
  color: #fff0c0;
}