/* Paginas de afiliado (/afiliado e /user/afiliado). Cartoes .app-card do tema; destaque na cor secundaria. */
.afiliado-pagina{--af-cor:var(--incrivel-secundaria,#198754);--af-fundo:var(--incrivel-superficie-2,#212b35);--af-borda:var(--incrivel-borda-sutil,rgba(255,255,255,.08))}
.afiliado-hero{overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--af-cor) 38%,var(--incrivel-cardBg,#161d23)),var(--incrivel-cardBg,#161d23) 70%)!important;border:1px solid color-mix(in srgb,var(--af-cor) 45%,transparent)!important}
.afiliado-hero .card-body{display:flex;align-items:center;gap:14px;padding:16px 14px}
.afiliado-hero-pct{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--af-cor);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--af-cor) 25%,transparent)}
.afiliado-hero-pct b{font-size:1.7rem;font-weight:800;line-height:1}
.afiliado-hero-pct span{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.afiliado-hero-texto h2{font-size:1.08rem;font-weight:700;margin:0 0 4px;line-height:1.25}
.afiliado-hero-texto p{font-size:.82rem;opacity:.8;margin:0;line-height:1.4}
.afiliado-passos{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
.afiliado-passos .card-body{display:flex;gap:12px;align-items:flex-start}
.afiliado-passo-icone{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:color-mix(in srgb,var(--af-cor) 22%,transparent);color:color-mix(in srgb,var(--af-cor) 60%,#fff)}
.afiliado-passos strong{display:block;font-size:.92rem}
.afiliado-passos p{font-size:.78rem;opacity:.75;margin:2px 0 0;line-height:1.35}
.afiliado-secao{font-size:.95rem;font-weight:700;margin:0 0 10px}
.afiliado-secao i{color:color-mix(in srgb,var(--af-cor) 60%,#fff)}
.afiliado-codigo{letter-spacing:.08em;color:#fff}
.afiliado-numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.afiliado-numeros .card-body{display:flex;flex-direction:column;gap:2px;min-height:78px}
.afiliado-numero-rotulo{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7;white-space:nowrap}
.afiliado-numeros b{font-size:1.2rem;font-weight:800;line-height:1.2;white-space:nowrap}
.afiliado-numeros small{font-size:.7rem;opacity:.65}
.afiliado-saldo{background:color-mix(in srgb,var(--af-cor) 24%,var(--incrivel-cardBg,#161d23))!important;border:1px solid color-mix(in srgb,var(--af-cor) 55%,transparent)!important}
.afiliado-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.afiliado-lista li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:var(--af-fundo);border:1px solid var(--af-borda)}
.afiliado-lista-principal{min-width:0;display:flex;flex-direction:column}
.afiliado-lista-principal strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afiliado-lista-principal span{font-size:.72rem;opacity:.65;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.afiliado-lista-valor{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.afiliado-lista-valor b{font-size:.92rem;white-space:nowrap}
.afiliado-lista-valor span{font-size:.7rem;opacity:.65;white-space:nowrap}
.afiliado-lista li.estornada b{text-decoration:line-through;opacity:.55}
.afiliado-selo{padding:1px 8px;border-radius:999px;font-weight:700;opacity:1!important}
.afiliado-selo--requested{background:rgba(255,193,7,.18);color:#ffd35c}
.afiliado-selo--paid{background:color-mix(in srgb,var(--af-cor) 30%,transparent);color:color-mix(in srgb,var(--af-cor) 45%,#fff)}
.afiliado-selo--rejected{background:rgba(220,53,69,.2);color:#ff8a95}
@media (min-width:768px){.afiliado-passos{grid-template-columns:repeat(3,minmax(0,1fr))}.afiliado-numeros{grid-template-columns:repeat(4,minmax(0,1fr))}.afiliado-cta .card-body{max-width:460px;margin:0 auto}}
