/* 09/10 — Equipamentos vestidos no estilo da Ficha Shinobi do ranking
   (js/equip-ficha.js). Usado no Status (#gameEquipSlots) e no inventário
   (#equipSlots). O contentor deixa de ser a grelha antiga e ocupa o card todo. */
#gameEquipSlots.eqf-host, #equipSlots.eqf-host { display:block !important; max-width:none !important; width:auto; margin:0; grid-template-columns:none; grid-template-areas:none; }
#gameEquipSlots.eqf-host { padding:4px 2px 2px; }
#equipSlots.eqf-host { padding:12px 8px; background:url('../img/status/card-equipamentos.png') center/100% 100%; }
.eqf-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:'. capacete .' 'armadura . arma' '. calcas .' 'acessorio1 sapatos acessorio2'; gap:6px; }
.eqf-grid [data-slot=capacete] { grid-area:capacete; }
.eqf-grid [data-slot=armadura] { grid-area:armadura; }
.eqf-grid [data-slot=arma] { grid-area:arma; }
.eqf-grid [data-slot=calcas] { grid-area:calcas; }
.eqf-grid [data-slot=sapatos] { grid-area:sapatos; }
.eqf-grid [data-slot=acessorio1] { grid-area:acessorio1; }
.eqf-grid [data-slot=acessorio2] { grid-area:acessorio2; }
.eqf-tile { min-width:0; min-height:88px; padding:5px 3px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:4px; text-align:center; border:3px double #ab8b4d; border-radius:5px; background:linear-gradient(130deg,#fff9e7,#e5d5ad); box-shadow:inset 0 0 0 1px #fff4d4,0 1px 2px #5e411933; }
.eqf-tile .eqf-img { width:48px; height:48px; object-fit:contain; border:0; background:transparent; }
.eqf-tile strong { display:block; font:700 10px/1.2 Nunito,sans-serif; color:#233b4c; overflow-wrap:anywhere; }
.eqf-tile small { display:block; font:700 10px/1.2 Nunito,sans-serif; color:#664511; }
.eqf-vazio { justify-content:center; opacity:.75; }
.eqf-bonus { display:flex; flex-wrap:wrap; justify-content:center; gap:2px 4px; margin-top:2px; }
.eqf-bonus span { font:700 10px/1.2 Nunito,sans-serif; color:#1d3a24; background:#e6f2d8; border:1px solid #8fae76; border-radius:3px; padding:0 3px; white-space:nowrap; }
.eqf-cristal { display:flex; align-items:center; gap:3px; margin-top:3px; font:800 9.5px/1.15 Nunito,sans-serif; color:#3a1d63; background:#efe6ff; border:1px solid #a38bd0; border-radius:4px; padding:2px 4px; text-align:left; max-width:100%; }
.eqf-cristal span { min-width:0; overflow-wrap:anywhere; }
.eqf-cristal img { width:16px; height:16px; flex:0 0 16px; object-fit:contain; }
.eqf-cristal-vida { color:#6b1420; background:#ffe6e6; border-color:#d08b8b; }
.eqf-cristal-defesa { color:#163a5c; background:#e3eefc; border-color:#86a6cc; }
button.eqf-cristal { cursor:pointer; }
button.eqf-cristal:hover { filter:brightness(1.05); box-shadow:0 0 0 1px #a38bd0; }
.eqf-acao, .eqf-remover { margin-top:auto; font:800 10px/1.2 Nunito,sans-serif; cursor:pointer; border-radius:3px; padding:2px 6px; }
.eqf-acao { color:#3a1d63; background:#f6f0ff; border:1px dashed #a38bd0; }
.eqf-acao + .eqf-remover { margin-top:2px; }
.eqf-remover { color:#803b25; background:none; border:0; text-decoration:underline; }
.eqf-total { margin:8px 0 0; padding:6px 8px; font:700 12px Nunito,sans-serif; color:#2a2312; background:#fff6dc; border:2px double #b99b60; border-radius:5px; text-align:center; }
@media(max-width:700px) { #equipSlots.eqf-host { max-width:420px !important; margin:auto; } }