/* Full equipment doll. Loaded last so HUD/font work keeps its own rules. */
#invPanel .ivT-bag .ivHero #doll.dollBig{
  grid-template-columns:82px minmax(110px,1fr) 82px;
  grid-template-rows:repeat(8,minmax(52px,1fr));
  grid-template-areas:"helm st amu" "shoulders st back" "chest st gloves" "belt st legs" "wpn st off" "rl st rr" "boots st mirror" "bag1 st bag2";
  gap:5px 8px;min-height:490px;padding:10px;
}
#invPanel .ivT-bag .ivHero #dollStage{grid-area:st;grid-row:1 / span 8;min-height:440px}
#invPanel .ivT-bag .ivHero .eq{height:auto;min-height:50px;width:auto;margin:0}
#invPanel .ivT-bag .ivHero .eq img{width:100%!important;height:100%!important;max-height:90px;padding:5px 5px 19px!important;object-fit:contain}
#invPanel .ivT-bag .ivHero .eq .lbl{font-size:max(12px,var(--qo-small,12px));letter-spacing:.02em;white-space:normal}
/* 2026-10-16 the Mirror (reflects one item) and echoes (weapon|shield, ring|ring sharing a stat): inventory.js */
#invPanel .ivT-bag .ivHero .eq.mirrorSlot{border-color:#8a80d8;background:radial-gradient(circle at 50% 40%,#2a2550,#0c0b14)}
#invPanel .ivT-bag .ivHero .eq.echo{box-shadow:0 0 0 1px #b8b0ff,0 0 12px #9a90ffaa}
#invPanel .ivT-bag .ivHero .eq[data-slot^="bag"]{border-color:#86704d;background:linear-gradient(#292218,#0c0b09)}
#invPanel .ivBody.ivT-bag{overflow-y:auto}
#invPanel .ivT-bag .ivGridCol{max-height:490px;overflow:auto;scrollbar-width:thin}
#invPanel .ivT-bag .ivHeroDoll{min-height:510px}
@media(max-width:1179px){
 #invPanel .ivT-bag .ivHero{grid-template-columns:minmax(280px,1fr) minmax(200px,.8fr)}
 #invPanel .ivT-bag .ivHeroDoll{padding:8px}
}
@media(max-width:700px){
 #invPanel .ivT-bag .ivHero{display:block}
 #invPanel .ivT-bag .ivHero #doll.dollBig{grid-template-columns:64px minmax(130px,1fr) 64px;min-height:500px}
 #invPanel .ivT-bag .ivHero .eq{touch-action:manipulation}
 #invPanel .ivT-bag .ivGridCol{max-width:100%;max-height:430px;overflow:auto}
}

.carrySummary{font-size:12px;color:#c7ac78;letter-spacing:.1em;padding:0 0 5px}

.qoTouch #invPanel .dollChips{display:none!important}
/* 2026-10-04: no scrolling on the bag tab with big packs (up to 16 rows): primary skills left this screen,
   the Mirror Grid takes the whole middle column above charms + sealed and ui.js fitBag() zooms it to fit */
@media (min-width:1180px){
#invPanel .ivBody.ivT-bag{overflow:hidden;grid-template-rows:minmax(0,1fr) auto}
#invPanel .ivT-bag .ivGridCol{grid-row:1;max-height:none;overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:center}
#invPanel .ivT-bag .ivGridCol>*:not(#invGrid):not(#dropZone){align-self:stretch}
#invPanel .ivT-bag .ivCh,#invPanel .ivT-bag .ivSe{grid-row:2;padding-bottom:12px}
#invPanel .ivT-bag .ivHeroDoll,#invPanel .ivT-bag .ivPower{grid-row:1 / -1}
#invPanel .ivT-bag .ivHeroDoll{min-height:0}
#invPanel .ivT-bag .ivHero #dollStage{min-height:0}
}