/* =====================================================================
   QUADRO DE CONTRATOS (03/10) — src/ui/contratos-ui.js desenha.
   A base (.contract-card, .contract-progress, .contract-reward) continua em
   style.css; aqui só o que o quadro novo acrescenta: raridade, selo de
   aceito, prêmio em pedaços e a linha de botões (ACEITAR + TROCAR).
   ===================================================================== */
#contractsSummary{grid-template-columns:repeat(4,minmax(0,1fr))}
.contract-daily-bonus strong{display:flex!important;flex-wrap:wrap;gap:2px 8px}
#contractsSummary .contrato-premio{display:inline-flex}
#contractsSummary .contrato-premio>span{display:inline;margin:0;color:inherit;font-size:calc(10px * var(--text-scale, 1));letter-spacing:0}
#contractsSummary .contrato-bau-titulo>span{display:inline;margin:0}
#contractsSummary .contrato-bau-titulo{display:flex}
.contract-card{position:relative;display:flex;flex-direction:column}
.contract-card .contrato-raridade{color:#9aa6b6}
.contract-card.contrato-raro{border-color:#2f5f9a}
.contract-card.contrato-raro .contrato-raridade{color:#6fb0ff}
.contract-card.contrato-epico{border-color:#6c3f9a;box-shadow:0 0 16px rgba(108,63,154,.35)}
.contract-card.contrato-epico .contrato-raridade{color:#c78bff}
.contract-card.contrato-lendario{border-color:#b9832c;box-shadow:0 0 18px rgba(255,179,71,.35)}
.contract-card.contrato-lendario .contrato-raridade{color:#ffb347}
.contract-card.aceito:not(.claimed){background:linear-gradient(155deg,#1d2620,#151a17)}
.contrato-selo{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:6px;background:#2c6e3f;color:#c9f5d6;font-style:normal;font-weight:900;font-size:calc(8px * var(--text-scale, 1));letter-spacing:.6px}
.contract-reward strong{display:flex;flex-wrap:wrap;gap:2px 8px}
.contrato-premio{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.contrato-premio-icone{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.contrato-topo{display:flex;align-items:center;gap:12px;padding-right:62px}
.contrato-topo h3{margin:2px 0 0}
.contrato-arte{width:48px;height:48px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.contrato-bau-titulo{display:flex;align-items:center;gap:6px}
.contrato-bau-icone{width:20px;height:20px;object-fit:contain}
.contrato-botoes{display:flex;gap:8px;margin-top:auto;padding-top:12px}
.contrato-botoes button{flex:1 1 0;width:auto!important;margin-top:0!important;min-width:0}
.contrato-botoes .contrato-trocar{flex:0 0 auto;padding-left:14px;padding-right:14px;background:#262c36;color:#cfd5de;border-color:#3a4553}
.contrato-botoes .contrato-resgatar{background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto)}
.contrato-cabecalho{display:inline-flex;align-items:center;gap:6px}
.contrato-cabecalho-icone{width:18px;height:18px;object-fit:contain}
@media(max-width:620px){#contractsSummary{grid-template-columns:1fr 1fr}}