/* The enlarged paper uses one blank native texture under localized labels. */
.desktop-client #window-bag .inventory-stats-paper {
  position: absolute;
  left: 63px; top: 101px; width: 86px; height: 182px;
  background: url('/assets/ui/panel-repair/inventory-stats-paper.png') center / 100% 100% no-repeat;
  border-radius: 6px 8px 5px 4px;
  pointer-events: none;
  z-index: 1;
}
.desktop-client #window-bag .inv-label {
  left: 68px; width: 40px; height: 12px;
  padding: 0; background: none; color: #46311f;
  font-size: 11px; line-height: 12px; text-shadow: 0 1px #e8d2ae66;
  z-index: 2;
}
.desktop-client #window-bag .inv-stat {
  left: 111px; width: 34px; height: 12px; padding: 0;
  font-size: 12px; line-height: 12px; text-align: right;
  color: #46311f; text-shadow: 0 1px #e8d2ae66; z-index: 2;
}
.desktop-client #window-bag .native-bag-page {
  display: block; font-size: 11px; line-height: 22px; color: #ead7ae;
}
.desktop-client #window-skills .skills-extended .inventory-frame-portrait-crown {
  display: block; left: 6px; top: -10px; width: 114px; height: 14px;
  background: url('/assets/ui/panel-repair/skills-portrait-crown.png') center / 114px 14px no-repeat;
  mask-image: none; filter: none; z-index: 2;
}
/* Every row shares the exact native 42px pitch, including empty slots. */
.desktop-client #window-skills .native-skill-list {
  left: 63px; top: 94px; width: 297px; height: 294px;
  display: flex; flex-direction: column; background: none;
  gap: 0; padding: 0; margin: 0; scrollbar-gutter: stable;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  touch-action: pan-y; scrollbar-width: thin;
}
.desktop-client #window-skills .native-skill-list > button {
  box-sizing: border-box; display: grid;
  grid-template-columns: 31px minmax(0,1fr); align-items: center;
  gap: 11px; width: 255px; min-width: 255px;
  height: 42px; min-height: 42px; flex: 0 0 42px;
  margin: 0; padding: 3px 7px 3px 3px;
  border: 0; border-radius: 0; box-shadow: none; text-align: left;
  background: url('/assets/ui/classic-desktop/skill-row.png') left top / 255px 42px no-repeat;
}
.desktop-client #window-skills .native-skill-list > .native-skill-empty {
  opacity: 1; filter: none; cursor: default; pointer-events: none;
}
.desktop-client #window-skills .native-skill-row-icon {
  display: grid; place-items: center; width: 31px; height: 31px;
  min-width: 31px; padding: 0; overflow: hidden; flex: none;
  transform: translate(-1px,-3px);
}
.desktop-client #window-skills .native-skill-row-icon :is(.native-item-icon,.native-skill-book-fallback,canvas) { flex: none; margin: 0; }
.desktop-client #window-skills .native-skill-row-icon .native-item-icon > span { flex: none; }
.desktop-client #window-skills .native-skill-copy {
  display: flex; flex-direction: column; justify-content: center; gap: 1px;
  min-width: 0; margin: 0; padding: 0 !important;
  overflow: hidden; text-align: left; white-space: normal;
  transform: translateY(-2px);
}
.desktop-client #window-skills .native-list-name {
  display: block; font-size: 12px; line-height: 14px; margin: 0;
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.desktop-client #window-skills .native-skill-copy small { font-size: 10px; line-height: 11px; margin: 0; }
