/* ============================================================================
   MISSÕES — diárias, semanais e mensais (Fase 149)
   ----------------------------------------------------------------------------
   Mesma identidade do Party e do Correio: painel escuro, linha `--line`,
   dourado `--accent` para prêmio, texto em calc(Npx * var(--text-scale,1)).
   A lista usa `.forge-list-item`/`.mail-attachment` do jogo; aqui só o que é
   próprio da tela: abas, barra de progresso e os dois baús.
   ========================================================================== */
#missoesConteudo{display:grid;gap:12px;max-width:1100px;margin:0 auto}

.missoes-abas{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid #2c313d;border-radius:12px;background:#151820}
.missoes-aba{flex:1 1 140px;min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8f97aa;
  font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:1px}
.missoes-aba:hover{border-color:#3f4657;filter:none}
.missoes-aba.active{background:linear-gradient(180deg,#e0b453,#c2912f);color:#1b1407;box-shadow:0 5px 16px rgba(215,169,68,.22)}

.missoes-resumo{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel3)}
.missoes-resumo-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}
.missoes-resumo-topo strong{color:#f1e3bf;font-size:calc(13px * var(--text-scale,1))}
.missoes-resumo-topo small{color:#7f889b;font-size:calc(10px * var(--text-scale,1))}

.missoes-barra{position:relative;height:6px;margin-top:6px;border-radius:4px;background:#2a2f3b;overflow:hidden}
.missoes-barra i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c2912f,#ffd56a)}
.missoes-barra.grande{height:10px;margin-top:0;overflow:visible}
/* O risco do baú de 7: mostra onde a primeira joia sai. */
.missoes-barra.grande b{position:absolute;top:-3px;width:2px;height:16px;background:#f4f4f6;opacity:.55}

.missoes-marcos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.missoes-marco{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #343947;border-radius:10px;background:#1b1f29}
.missoes-marco>div{display:grid;gap:3px;min-width:0}
.missoes-marco strong{color:#e7dcc2;font-size:calc(11px * var(--text-scale,1))}
.missoes-marco span{color:#aab2c4;font-size:calc(10px * var(--text-scale,1))}
.missoes-marco.pronto{border-color:rgba(255,213,106,.6);background:linear-gradient(90deg,rgba(255,213,106,.10),#1b1f29 70%)}
.missoes-marco.resgatado{opacity:.6}
.missoes-marco button{flex:none;padding:8px 12px;font-size:calc(10px * var(--text-scale,1))}

#missoesConteudo .card-title-row{margin-bottom:0}
#missoesConteudo .card-title-row h2{margin:0}
.missoes-lista{display:grid;gap:8px;margin-top:0}
.missoes-item{display:flex;align-items:flex-start;gap:12px}
.missoes-icone{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #343947;border-radius:10px;background:#151820;font-size:calc(20px * var(--text-scale,1))}
.missoes-texto{flex:1;min-width:0}
.missoes-item.completa .missoes-icone{border-color:rgba(255,213,106,.6)}
.missoes-item.resgatada{opacity:.55}
.missoes-ok{color:#63c887;font-weight:900;font-size:calc(11px * var(--text-scale,1));white-space:nowrap}
.missoes-falta{color:#7f889b;font-weight:900;font-size:calc(11px * var(--text-scale,1))}

@media (max-width:640px){
  /* A regra de celular do Ferreiro estica `.wing-evolve-action` para a linha
     inteira; sem quebrar a linha, o texto da missão ficava com largura ZERO
     (medido a 375 px). O botão desce para uma linha própria. */
  .missoes-item{gap:8px;flex-wrap:wrap}
  .missoes-icone{width:32px;height:32px;font-size:calc(16px * var(--text-scale,1))}
  .missoes-texto{flex:1 1 calc(100% - 44px)}
  .missoes-item .wing-evolve-action{flex:1 1 100%}
  .missoes-item .wing-evolve-action:empty{display:none}
}