.inventory-pages {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0 0.75rem;
}

.inventory-page-tab,.inventory-recipes {
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.25rem 0.65rem;
  border: 2px solid #c4abea;
  border-radius: 15px;
  background: #fff;
  color: #7652a9;
  box-shadow: 0 3px 0 #ece3f8;
  cursor: pointer;
}
.inventory-recipes{font-size:14px;white-space:nowrap;margin-left:3px}
.recipe-book-list{list-style:none;padding:0;max-height:60vh;overflow:auto}
.recipe-book-list li{border:1px solid #d9c7ee;background:#fcfaff;border-radius:14px;padding:12px;margin:8px 0;min-height:76px}
.recipe-book-list img{width:64px;height:64px;object-fit:cover;border-radius:10px;float:left;margin-right:12px}
.recipe-book-list p{line-height:1.6;overflow-wrap:anywhere}
#recipe-book-dialog{max-width:580px;width:calc(100% - 28px)}

.inventory-page-tab[aria-selected="true"] {
  border-color: #8860bf;
  background: #fff;
  box-shadow: inset 0 0 0 2px #e9dcfb, 0 3px 0 #cfbbea;
  font-weight: 800;
}

.inventory-page-tab:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* 가방만 밝게 꾸미며 조합기 등에서 공유하는 칸의 모양은 유지합니다. */
#inventory-dialog .panel { background: #fff; }
#inventory-dialog #inventory-title { color: #7652a9; }
#inventory-dialog .bag-grid {
  background: #fff;
  border: 2px solid #b99adc;
  border-radius: 20px;
  box-shadow: 0 4px 0 #eee5fa;
}
#inventory-dialog .slot {
  background: #fff;
  border: 2px solid #d0b9eb;
  border-radius: 12px;
  box-shadow: 0 2px 0 #eee5f8;
}
#inventory-dialog .slot.empty { background: #fff; box-shadow: inset 0 0 0 3px #faf7fe; }
#inventory-dialog .slot-btn { color: #704d9e; border-radius: 10px; }
#inventory-dialog .slot-energy{position:absolute;left:0;bottom:0;z-index:2;min-width:18px;height:18px;padding:1px 3px;border:2px solid #fff;border-radius:10px;background:#7963b4;color:#fff;font:800 11px/14px "Jua","Malgun Gothic",sans-serif;text-align:center;box-shadow:0 2px 4px #4f367a55}
#inventory-dialog .slot.selected {
  border-color: #8053b8;
  box-shadow: 0 0 0 2px #d8c4f0;
}
#inventory-dialog .slot .item-art { border-radius: 8px; }
#inventory-dialog .slot .count {
  color: #70459f;
  background: #fff;
  border: 1px solid #d9c8ed;
  border-radius: 6px;
  padding: 0 3px;
  text-shadow: none;
}
#inventory-dialog .slot .lock { background: #f4eaf1df; color: #925c82; border-radius: 10px; }
#inventory-dialog .bag-detail { background: #fff; border: 2px solid #ddccef; }