/* R7.10.107 — Paperdoll realmente unificado e estático.
   - UM ÚNICO frame para todos os slots (vazio ou ocupado).
   - Nenhum slot vazio cresce/troca de asset no hover.
   - Remove pseudo-elementos legados que misturavam círculos/2x com os assets novos.
   - Bolsa é fixa: pode ser substituída por outra bolsa, mas nunca desequipada. */

/* Dá alguns pixels extras ao painel esquerdo sem aumentar a janela toda. */
#infoModal.inventory-mode .tibia-inventory{
  grid-template-columns:216px minmax(0,1fr)!important;
}

#infoModal.inventory-mode .equip-pane{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
}
#infoModal.inventory-mode .equip-pane::before{
  inset:6px!important;
  background:url('assets/ui/inventory_v107/equipment_panel.png') center/contain no-repeat!important;
  opacity:.78!important;
  pointer-events:none!important;
}

/* Grade segura: 3x3 + botas no centro. */
#infoModal.inventory-mode .equipment-paperdoll{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:174px!important;
  height:218px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(3,48px)!important;
  grid-template-rows:repeat(4,48px)!important;
  column-gap:8px!important;
  row-gap:5px!important;
  align-content:start!important;
  justify-content:start!important;
  overflow:visible!important;
  z-index:3!important;
}

/* Toda posição antiga é neutralizada. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  transform:none!important;
  place-self:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
  background:url('assets/ui/inventory_v107/slot_frame.png') center/100% 100% no-repeat!important;
  transition:none!important;
  animation:none!important;
}

/* Mata completamente os desenhos/pistas legadas de styles.css/v96. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot::after{
  content:none!important;
  display:none!important;
}
/* Hover NÃO muda tamanho, frame, posição ou escala. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:hover{
  width:48px!important;
  height:48px!important;
  transform:none!important;
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
  filter:none!important;
  box-shadow:none!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:not(.filled):hover{
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
  filter:none!important;
  cursor:default!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot.filled:hover{
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
  filter:brightness(1.06)!important;
}

/* Placeholder = ícone separado por cima do MESMO frame. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:not(.filled)::before{
  content:''!important;
  position:absolute!important;
  inset:8px!important;
  display:block!important;
  background-image:var(--equip-placeholder)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  opacity:.72!important;
  pointer-events:none!important;
  filter:drop-shadow(0 1px 1px #000b)!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot.filled::before{display:none!important}

#infoModal.inventory-mode .equip-slot[data-equip="necklace"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/necklace.png')}
#infoModal.inventory-mode .equip-slot[data-equip="head"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/head.png')}
#infoModal.inventory-mode .equip-slot[data-equip="backpack"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/backpack.png')}
#infoModal.inventory-mode .equip-slot[data-equip="weapon"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/weapon.png')}
#infoModal.inventory-mode .equip-slot[data-equip="armor"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/armor.png')}
#infoModal.inventory-mode .equip-slot[data-equip="offhand"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/offhand.png')}
#infoModal.inventory-mode .equip-slot[data-equip="ring"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/ring.png')}
#infoModal.inventory-mode .equip-slot[data-equip="legs"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/legs.png')}
#infoModal.inventory-mode .equip-slot[data-equip="ammo"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/relic.png')}
#infoModal.inventory-mode .equip-slot[data-equip="boots"]{--equip-placeholder:url('assets/ui/inventory_v107/icons/boots.png')}

/* Ordem autoritativa. */
#infoModal.inventory-mode .equip-slot[data-equip="necklace"]{grid-column:1!important;grid-row:1!important}
#infoModal.inventory-mode .equip-slot[data-equip="head"]{grid-column:2!important;grid-row:1!important}
#infoModal.inventory-mode .equip-slot[data-equip="backpack"]{grid-column:3!important;grid-row:1!important}
#infoModal.inventory-mode .equip-slot[data-equip="weapon"]{grid-column:1!important;grid-row:2!important}
#infoModal.inventory-mode .equip-slot[data-equip="armor"]{grid-column:2!important;grid-row:2!important}
#infoModal.inventory-mode .equip-slot[data-equip="offhand"]{grid-column:3!important;grid-row:2!important}
#infoModal.inventory-mode .equip-slot[data-equip="ring"]{grid-column:1!important;grid-row:3!important}
#infoModal.inventory-mode .equip-slot[data-equip="legs"]{grid-column:2!important;grid-row:3!important}
#infoModal.inventory-mode .equip-slot[data-equip="ammo"]{grid-column:3!important;grid-row:3!important}
#infoModal.inventory-mode .equip-slot[data-equip="boots"]{grid-column:2!important;grid-row:4!important}

/* Item real e refino ficam PRESOS dentro do slot. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot>img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:34px!important;
  height:34px!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
  image-rendering:pixelated!important;
  filter:drop-shadow(0 1px 2px #000c)!important;
  z-index:2!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot .refine-badge{
  left:2px!important;
  top:2px!important;
  min-width:15px!important;
  height:12px!important;
  padding:0 2px!important;
  font-size:7px!important;
  line-height:12px!important;
  border-radius:3px!important;
  z-index:5!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot.filled::after{
  right:2px!important;
  top:2px!important;
  font-size:7px!important;
}

/* Mochila/Depot continuam completamente neutros. */
#infoModal.inventory-mode .bag-slot:not(.filled),
#infoModal.depot-mode .depot-slot:not(.filled){
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
}

@media (max-width:760px){
  #infoModal.inventory-mode .tibia-inventory{grid-template-columns:202px minmax(0,1fr)!important}
  #infoModal.inventory-mode .equipment-paperdoll{
    width:164px!important;
    height:207px!important;
    padding:4px 6px!important;
    grid-template-columns:repeat(3,46px)!important;
    grid-template-rows:repeat(4,46px)!important;
    column-gap:7px!important;
    row-gap:5px!important;
  }
  #infoModal.inventory-mode .equipment-paperdoll>.equip-slot{width:46px!important;height:46px!important}
  #infoModal.inventory-mode .equipment-paperdoll>.equip-slot>img{width:32px!important;height:32px!important}
}

/* Bolsa: slot fixo. Não existe estado de "sem bolsa" por ação do jogador. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot[data-equip="backpack"]{
  cursor:default!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot[data-equip="backpack"].filled:hover{
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
  filter:none!important;
}

/* Slots vazios da mochila/depot também não animam/crescem. */
#infoModal.inventory-mode .bag-slot:not(.filled):hover,
#infoModal.depot-mode .depot-slot:not(.filled):hover{
  transform:none!important;
  filter:none!important;
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
  cursor:default!important;
}

@media (max-width:760px){
  #infoModal.inventory-mode .equipment-paperdoll>.equip-slot:hover{width:46px!important;height:46px!important}
}

/* R7.10.107 final lock: nenhum hover pode alterar geometria do paperdoll. */
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot,
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:hover,
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:focus,
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:active{
  scale:none!important;
  transition:none!important;
  animation:none!important;
  background-image:url('assets/ui/inventory_v107/slot_frame.png')!important;
}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot:not(.filled):hover{filter:none!important}
#infoModal.inventory-mode .equipment-paperdoll>.equip-slot::after{content:none!important;display:none!important}