/* =====================================================================
   INVENTÁRIO C — escolha do autor na auditoria de 29/09 ("Novo Inventário").
   Boneco com os 7 equipados à esquerda, mochila em quadradinhos no meio e a
   ficha num painel FIXO à direita. Nada flutua por cima dos itens: era a
   ficha que seguia o mouse que "misturava as informações".
   Larguras (pedido do autor: a ficha nunca desce para baixo da grade):
     > 1240 px  três colunas;
     900-1240   o boneco vira fileira em cima, grade e ficha lado a lado;
     < 900      uma coluna, a ficha abre numa gaveta de baixo.
   Mesma linguagem da Loja B / Conta B: fundo azul escuro, ouro no que está ativo.
   Quem preenche: renderInventory e amigos no game.js. Só a tela; nada de regra.
   ===================================================================== */
#inventoryView.inv-c{--iv-card:#141a26;--iv-card2:#101723;--iv-linha:#2d3a52;--iv-ouro:#f6d58a;--iv-ouro2:#e0ad4c;--iv-tinta:#e3e9f3;--iv-mudo:#8c95a8;
  max-width:1560px;margin:0 auto;padding:12px 16px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;color:var(--iv-tinta)}
#inventoryView.inv-c>*{min-width:0}
.inv-c-filtros,.inv-c-chips,.inv-c-seletores,.inv-c-topo{min-width:0}
#inventoryView.inv-c *{box-sizing:border-box}
#inventoryView .r-common{--rc:var(--rarity-common,#a8b0bd)}#inventoryView .r-uncommon{--rc:var(--rarity-uncommon,#5fd07a)}#inventoryView .r-rare{--rc:var(--rarity-rare,#4c9bff)}
#inventoryView .r-epic{--rc:var(--rarity-epic,#b36bff)}#inventoryView .r-legendary{--rc:var(--rarity-legendary,#ffb02e)}#inventoryView .r-ancient{--rc:#6ff0b0}

/* topo */
.inv-c-topo{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 18px;border:1px solid #6b5426;border-radius:14px;
  background:radial-gradient(120% 140% at 0% 0%,#2a2113 0%,#141a26 55%,#0e131c 100%)}
.inv-c-titulo{display:grid;gap:2px}
.inv-c-titulo .eyebrow{font-size:calc(10.5px * var(--text-scale,1));letter-spacing:.16em;color:var(--iv-ouro2);font-weight:800}
.inv-c-titulo h2{margin:0;font-family:var(--font-display,Georgia,serif);font-size:calc(26px * var(--text-scale,1));color:#fff;line-height:1}
.inv-c-cap{margin-left:auto;display:grid;gap:5px;min-width:170px;font-size:calc(12px * var(--text-scale,1));color:var(--iv-mudo)}
.inv-c-cap strong{color:#fff;font-size:calc(15px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.inv-c-barra{height:6px;border-radius:4px;background:#0b111a;border:1px solid var(--iv-linha);overflow:hidden}
.inv-c-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c8923a,#f6d58a)}
.inv-c-acoes{display:flex;gap:8px;flex-wrap:wrap}
#inventoryView .inv-c-acoes .utility-button{min-height:38px;padding:8px 14px;border-radius:9px;font-weight:800;letter-spacing:.05em}
#inventoryView .inv-c-acoes .smart-equip-button{background:linear-gradient(180deg,#e6b85c,#b98530);color:#1b1206;border:1px solid #f6d58a}
#inventoryView .inv-c-acoes .recycle-trash-button{background:#15301f;border:1px solid #2f7a48;color:#bff0cc}
#invLixoCount{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.35);font-variant-numeric:tabular-nums}

/* filtros */
.inv-c-filtros{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inv-c-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
.inv-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 12px;border-radius:999px;border:1px solid var(--iv-linha);background:var(--iv-card2);
  color:#c9d2e0;font-size:calc(12px * var(--text-scale,1));font-weight:700;white-space:nowrap;cursor:pointer}
.inv-chip small{color:var(--iv-mudo);font-weight:700}
.inv-chip.on{border-color:var(--iv-ouro2);background:#2a2113;color:var(--iv-ouro)}
.inv-chip .col-icone{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px}
.inv-chip .col-icone img{width:18px;height:18px;image-rendering:pixelated}
.inv-c-seletores{display:flex;gap:8px;flex-wrap:wrap}
.inv-c-seletores select{min-height:34px;padding:5px 10px;border-radius:8px;border:1px solid var(--iv-linha);background:var(--iv-card2);color:var(--iv-tinta);font-size:calc(12px * var(--text-scale,1));font-weight:700}
#invRecycleMode{min-height:34px;padding:5px 12px;border-radius:8px}
#invRecycleMode.on{border-color:#2f7a48;background:#15301f;color:#bff0cc}
.inv-c-reciclar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;border:1px solid #2f7a48;background:#0f2519}
.inv-c-reciclar.hidden{display:none!important}
.inv-c-reciclar>div{display:flex;gap:6px;flex-wrap:wrap}

/* corpo em três colunas */
.inv-c-corpo{display:grid;grid-template-columns:300px minmax(0,1fr) 350px;gap:12px;align-items:start}
.inv-c-esq{display:grid;gap:12px;min-width:0}
#inventoryView .inv-c-equip,#inventoryView .inv-c-mochila{padding:14px;border:1px solid var(--iv-linha);border-radius:14px;background:var(--iv-card);min-width:0}
.inv-c-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:calc(11px * var(--text-scale,1));letter-spacing:.16em;color:var(--iv-mudo);font-weight:800}
.inv-c-cab b,.inv-c-cab small{color:var(--iv-ouro);letter-spacing:.04em;font-weight:800}

/* quadradinho (mochila e boneco) */
#inventoryView .inv-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;cursor:pointer;
  border-radius:9px;border:1px solid color-mix(in srgb,var(--rc,#3a4660) 70%,#000);
  background:radial-gradient(90% 90% at 50% 70%,color-mix(in srgb,var(--rc,#223) 26%,#0b111a) 0%,#0b111a 75%);color:inherit}
#inventoryView .inv-slot:hover{border-color:var(--rc,#56627a);filter:brightness(1.12)}
#inventoryView .inv-slot:focus-visible{outline:2px solid var(--iv-ouro);outline-offset:2px}
#inventoryView .inv-slot img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 2px 3px #000);pointer-events:none}
#inventoryView .inv-slot.vazio{--rc:#26324a;background:#0b111a;border-style:dashed;opacity:.55;cursor:default}
#inventoryView .inv-slot.vazio:hover{filter:none}
.inv-mais{position:absolute;left:4px;top:3px;font-size:calc(11px * var(--text-scale,1));font-weight:900;color:var(--iv-ouro);text-shadow:0 1px 2px #000;pointer-events:none}
.inv-qtd{position:absolute;right:4px;bottom:2px;font-size:calc(11px * var(--text-scale,1));font-weight:900;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none}
.inv-seta{position:absolute;right:4px;top:2px;font-size:12px;font-weight:900;color:#5fe08a;text-shadow:0 1px 2px #000;pointer-events:none}
.inv-selo{position:absolute;left:3px;bottom:1px;font-size:11px;pointer-events:none}
#inventoryView .inv-slot.inv-nao-serve img{filter:saturate(.35) brightness(.7)}
#inventoryView .inv-slot.inv-nao-serve::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,70,70,.14) 0 6px,transparent 6px 12px)}
#inventoryView .inv-slot.inv-sel{outline:2px solid var(--iv-ouro);outline-offset:2px;box-shadow:0 0 16px rgba(246,213,138,.35)}
#inventoryView .inv-slot.inv-marcado::before{content:"♻";position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(20,60,35,.6);color:#9ff0b8;font-size:22px}
#inventoryView.inv-reciclando .inv-c-grade .inv-slot:not(.vazio){cursor:copy}
.inv-c-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:7px}
.inv-c-grade .empty-inventory{grid-column:1/-1;padding:24px;text-align:center;color:var(--iv-mudo)}
.inv-c-legenda{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:calc(11px * var(--text-scale,1));color:var(--iv-mudo)}
.inv-c-legenda b{color:#5fe08a}

/* boneco */
.inv-c-boneco{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"pendant helmet wing" "weapon armor wing" "ring boots wing";gap:8px;padding:10px;border-radius:12px;
  background:radial-gradient(70% 60% at 50% 45%,rgba(224,173,76,.10),transparent 70%),#0c121c;border:1px solid #243049}
#inventoryEquippedGrid>article.inv-slot.vazio{--rc:#3a4660}
#inventoryEquippedGrid>article[data-inv-equip="wing"]{aspect-ratio:auto}
#inventoryEquippedGrid>article>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.inv-rotulo{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:calc(9px * var(--text-scale,1));letter-spacing:.1em;color:var(--iv-mudo);font-weight:800}
#inventoryEquippedGrid>article.vazio{cursor:default}
.inv-c-set{margin-top:10px;padding:9px 11px;border-radius:10px;border:1px solid #6b5426;background:#1c1710;font-size:calc(12px * var(--text-scale,1));display:grid;gap:2px}
.inv-c-set b{color:var(--iv-ouro)}.inv-c-set small{color:#cdbf9e}
#inventoryView .inv-c-esq .loot-filter-card,#inventoryView .inv-c-esq .mg-build-panel{margin:0}

/* o slot do boneco ainda leva a classe antiga (equipped-showcase-slot: testes e a calibração da asa
   no Editor a usam); aqui ele perde a forma de cartão grande de antes */
#inventoryView #inventoryEquippedGrid>article.equipped-showcase-slot{display:grid;grid-template-rows:none!important;place-items:center;min-height:0!important;height:auto!important;
  padding:0!important;text-align:center;border-radius:9px!important;border:1px solid color-mix(in srgb,var(--rc,#3a4660) 70%,#000)!important;box-shadow:none!important;
  background:radial-gradient(90% 90% at 50% 70%,color-mix(in srgb,var(--rc,#223) 26%,#0b111a) 0%,#0b111a 75%)!important}
#inventoryView #inventoryEquippedGrid>article.equipped-showcase-slot.vazio{border-style:dashed!important;background:#0b111a!important}
#inventoryView #inventoryEquippedGrid>article.inv-sel{outline:2px solid var(--iv-ouro);outline-offset:2px}

/* painel da ficha */
.inv-c-detalhe{position:sticky;top:10px;align-self:start;max-height:calc(100vh - 20px);overflow:auto;overscroll-behavior:contain;
  border:1px solid #6b5426;border-radius:14px;background:linear-gradient(180deg,#171e2c,#10151f)}
.inv-detalhe-card{display:grid;gap:10px;padding-bottom:12px;position:relative}
.inv-detalhe-vazio{padding:22px 16px;display:grid;gap:6px;color:var(--iv-mudo);text-align:center}
.inv-detalhe-vazio strong{color:#fff}
.inv-detalhe-vazio p{margin:0}
#inventoryDetail .game-tooltip.rico{position:static!important;display:block!important;max-width:none!important;width:auto!important;border:0!important;box-shadow:none!important;
  background:transparent!important;columns:auto!important;pointer-events:auto!important;white-space:normal!important;z-index:auto!important}
.inv-iguais{margin:0 12px;font-size:calc(12px * var(--text-scale,1));color:var(--iv-mudo)}
.inv-iguais b{color:#fff}
.inv-comp{margin:0 12px;padding:9px 11px;border-radius:10px;font-size:calc(12.5px * var(--text-scale,1));font-weight:700;border:1px solid}
.inv-comp small{display:block;font-size:calc(10.5px * var(--text-scale,1));letter-spacing:.12em;opacity:.75;margin-bottom:3px}
.inv-comp.positive{background:#0f2519;border-color:#2f7a48;color:#aef2c3}.inv-comp.negative{background:#2a1416;border-color:#7a2f35;color:#ffc9cd}.inv-comp.neutral{background:#151c29;border-color:var(--iv-linha);color:#c9d2e0}
.inv-botoes{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px}
.inv-botoes>.inv-btn:first-child{grid-column:1/-1}
.inv-botoes-peq{display:flex;gap:7px;padding:0 12px}
.inv-botoes-peq .inv-btn{flex:1}
#inventoryView .inv-btn{min-height:40px;padding:9px 10px;border-radius:9px;border:1px solid var(--iv-linha);background:#1a2233;color:var(--iv-tinta);font-weight:800;
  font-size:calc(12px * var(--text-scale,1));letter-spacing:.05em;cursor:pointer}
#inventoryView .inv-btn:disabled{opacity:.45;cursor:not-allowed}
#inventoryView .inv-btn.ouro{background:linear-gradient(180deg,#e6b85c,#b98530);color:#1b1206;border-color:#f6d58a}
#inventoryView .inv-btn.roxo{background:#2b1d44;border-color:#6d4bb0;color:#e2d4ff}
#inventoryView .inv-btn.verde{background:#15301f;border-color:#2f7a48;color:#bff0cc}
#inventoryView .inv-btn.fantasma{background:transparent;min-height:34px;font-size:calc(11.5px * var(--text-scale,1))}
#inventoryView .inv-btn.fantasma.on{border-color:var(--iv-ouro2);color:var(--iv-ouro)}
.inv-fechar{display:none}
.inv-c-fundo{display:none}

/* 900-1240: o boneco vira fileira em cima; grade e ficha continuam lado a lado */
@media (max-width:1240px){
  .inv-c-corpo{grid-template-columns:minmax(0,1fr) 320px}
  .inv-c-esq{grid-column:1/-1;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:start}
  #inventoryView .inv-c-equip{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:10px 12px;align-items:center}
  #inventoryView .inv-c-equip>.inv-c-cab{grid-column:1/-1;margin:0}
  .inv-c-boneco{grid-template-columns:repeat(7,58px);grid-template-areas:"weapon helmet armor boots pendant ring wing";padding:6px}
  #inventoryEquippedGrid>article[data-inv-equip="wing"]{aspect-ratio:1}
  .inv-c-set{margin:0}
}
/* < 900: uma coluna; a ficha é uma gaveta de baixo */
@media (max-width:899px){
  #inventoryView.inv-c{padding:8px 8px 90px;gap:8px}
  .inv-c-topo{gap:8px 12px;padding:10px 12px}
  .inv-c-titulo h2{font-size:calc(21px * var(--text-scale,1))}
  .inv-c-cap{min-width:120px}
  .inv-c-acoes{width:100%}.inv-c-acoes .utility-button{flex:1;padding:9px 6px!important;font-size:calc(11px * var(--text-scale,1))!important}
  .inv-c-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .inv-c-chips::-webkit-scrollbar{display:none}
  .inv-c-seletores{width:100%;display:grid;grid-template-columns:1fr 1fr}.inv-c-seletores>*{min-width:0}#invRecycleMode{grid-column:1/-1}
  .inv-c-corpo{display:block}
  .inv-c-esq{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}
  #inventoryView .inv-c-equip{display:block;padding:10px}
  #inventoryView .inv-c-mochila{padding:10px}
  .inv-c-boneco{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-areas:"weapon helmet armor boots pendant ring wing";gap:5px;padding:5px}
  .inv-c-set{margin-top:8px}
  .inv-c-grade{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .inv-c-dica{display:none}
  .inv-c-detalhe{position:fixed;left:0;right:0;top:auto;bottom:calc(62px + env(safe-area-inset-bottom,0px));z-index:1300;max-height:calc(100dvh - 140px);
    border-radius:18px 18px 0 0;border-width:1px 0 0;box-shadow:0 -18px 40px rgba(0,0,0,.7);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s}
  .inv-c-detalhe.aberto{transform:none;visibility:visible}
  .inv-c-fundo{display:block;position:fixed;inset:0;z-index:1290;background:rgba(0,0,0,.55)}
  .inv-c-fundo.hidden{display:none!important}
  .inv-fechar{display:grid;place-items:center;position:absolute;right:8px;top:8px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--iv-linha);background:#0f141d;color:var(--iv-tinta);font-size:15px}
  #inventoryDetail .game-tooltip.rico{columns:2!important;column-gap:6px}
  #inventoryDetail .game-tooltip.rico>.ttip-head{column-span:all;padding-right:48px}
  #inventoryDetail .game-tooltip.rico>*{break-inside:avoid}
  #inventoryDetail .game-tooltip.rico .ttip-frase{display:none}
}
@media (max-width:420px){ #inventoryDetail .game-tooltip.rico{columns:1!important} }
@media (prefers-reduced-motion:reduce){ .inv-c-detalhe{transition:none} }
#inventoryView .inv-c-esq .loot-filter-card{border-radius:14px}
#inventoryView .inv-c-esq .inventory-automation-details>summary{padding:13px 16px!important}
#inventoryView .inv-slot img{border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important}