/* TROCA DE CLASSE DO ITEM (11/10, SQL 1570): a aba Classe do Ferreiro e a linha discreta da ficha.
   Reaproveita fx-custo, fx-aviso e fx-dr-nota do Ferreiro; aqui só a escolha da classe e o antes/depois. */
.ttip-troca{margin-top:4px;font-size:calc(11px * var(--text-scale,1));letter-spacing:.02em;overflow-wrap:anywhere}
/* 18/10: dentro da ficha a linha encostava na borda (sem a margem lateral das outras caixas) */
.game-tooltip.rico .ttip-troca{margin:4px 12px 0}
.ttip-troca.tc-livre{color:#8f9bb0}
.ttip-troca.tc-usada{color:#e2b85c}
.ttip-troca.tc-fim{color:#e0868c}
.fx-classe{display:grid;gap:8px}
.fx-classe .tc-titulo{margin:0;font-size:calc(12px * var(--text-scale,1));letter-spacing:.08em;color:#e8dcc0}
.tc-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.tc-op{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:6px 8px;border-radius:9px;border:1px solid #3a3326;background:#151a21;color:#e8dcc0;font:inherit;text-align:left;cursor:var(--cur-mao,pointer)}
.tc-op .tc-op-arte{width:40px;height:40px;object-fit:contain}
.tc-op span{display:flex;flex-direction:column;min-width:0}
.tc-op b,.tc-op small,.tc-op em{overflow-wrap:anywhere;font-size:calc(11.5px * var(--text-scale,1))}
.tc-op small{color:var(--fx-mudo,#9aa6b8)}
.tc-op em{font-style:normal;color:#9fd38a;font-size:calc(10.5px * var(--text-scale,1))}
.tc-op.sel{border-color:#d89a2b;background:#2a2112;box-shadow:0 0 0 1px #d89a2b inset}
.tc-previa{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--fx-cartao,#0f141c);border:1px solid var(--fx-linha,#2c3442)}
.tc-lado{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;text-align:center}
.tc-lado small{color:var(--fx-mudo,#9aa6b8);font-size:calc(10.5px * var(--text-scale,1));letter-spacing:.06em;text-transform:uppercase}
.tc-lado .tc-arte{width:56px;height:56px;object-fit:contain}
.tc-lado b,.tc-lado span{overflow-wrap:anywhere;font-size:calc(12px * var(--text-scale,1))}
.tc-lado .tc-stats{color:#c9d2e0;font-size:calc(11px * var(--text-scale,1))}
.tc-seta{font-size:calc(20px * var(--text-scale,1));color:#d89a2b}
.tc-onde{display:block;text-align:center;color:#ffc9cd;font-size:calc(11.5px * var(--text-scale,1))}
.fx-aviso.tc-falta{border-color:#7a2f35;color:#ffc9cd}
#forgeClassTarget .ttip-troca{margin:6px 0 0;text-align:center}
@media (max-width:420px){.tc-previa{grid-template-columns:minmax(0,1fr)}.tc-seta{transform:rotate(90deg);justify-self:center}.tc-ops{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* 1955: Pergaminho Troca Classe de Item — custo e onde conseguir */
#forgeView .fx-custo img.tc-perg{width:20px;height:20px;object-fit:contain}