/* /trofeus/: recebimento e coleção. Peças comuns em /jogador/. */
.intro { padding: var(--space-2) 0 var(--space-6); }

/* Painel de recebimento: só existe com troféu pendente nesta aba. */
.recebimento { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-5) var(--space-7); padding: var(--space-6); background: linear-gradient(100deg, color-mix(in srgb, var(--action) 13%, var(--surface)), var(--surface) 50%), var(--surface); border: 1px solid color-mix(in srgb, var(--action) 45%, var(--border)); border-radius: var(--radius-large); }
.recebimento__medalha { margin-left: var(--space-3); }
.recebimento__texto { flex: 1 1 300px; min-width: 0; }
.recebimento h2 { margin: 0 0 var(--space-2); font-size: clamp(24px, 3.4vw, 34px); }
.recebimento__pendente { margin: 0; color: var(--heading); font-size: 18px; font-weight: 800; }
.recebimento__pendente:empty, .recebimento__identidade:empty { display: none; }
.recebimento__identidade { margin: var(--space-2) 0 0; }
.recebimento .acoes { margin-top: var(--space-4); }
#redeem { min-height: 56px; padding-inline: var(--space-6); font-size: 18px; }

/* Confirmação após o servidor guardar o troféu. */
.recebido { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-6); margin-top: var(--space-5); padding: var(--space-5) var(--space-6); background: linear-gradient(100deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface) 60%); border: 1px solid var(--accent); border-radius: var(--radius-large); }
.recebido > div { flex: 1 1 240px; }
.recebido h2 { margin: 0; font-size: clamp(24px, 3vw, 30px); }
.recebido p { margin: var(--space-1) 0 0; color: var(--success); font-weight: 700; }
.recebido__medalha { position: relative; }
.recebido__medalha::after { content: "✓"; position: absolute; right: -6px; bottom: -4px; display: grid; place-items: center; width: 32px; height: 32px; border: 3px solid var(--background); border-radius: 50%; background: var(--accent); color: var(--on-action); font-weight: 900; }
#status + .recebimento, #status + .recebido { margin-top: 0; }

.colecao__faixas { flex: 0 1 560px; }
.colecao #empty { margin: var(--space-1) 0 0; }
#colecao-estado:not(:empty) { margin-top: var(--space-2); }
#trophies:empty { display: none; }

@media (max-width: 719px) {
  .recebimento { padding: var(--space-5); gap: var(--space-4); }
  .recebimento__medalha { --tam: 84px; margin-left: 0; }
  .recebimento .acoes > button:not(.gpb-link) { flex: 1 1 100%; }
  .recebido { padding: var(--space-4); }
  .colecao__faixas { flex-basis: 100%; }
}