/* Afinacoes da pagina de afiliados para o tema IA (verde/preto/cinza) */
.aff-app .aff-table tbody tr:hover td {
    background: rgba(217, 119, 6, .06);
}

.aff-app .aff-referrals-list > * {
    background: linear-gradient(180deg, rgba(22, 25, 34, .95), rgba(12, 13, 18, .95));
    border: 1px solid rgba(217, 119, 6, .16);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .34);
}


/* Perrier claro: a página de afiliados acompanha as superfícies brancas
   da aplicação, sem alterar os componentes e dados da rede. */
.aff-app .aff-table tbody tr:hover td {
    background: rgba(217, 119, 6, .07);
}
.aff-app .aff-referrals-list > * {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-color: rgba(217, 119, 6, .16);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .06);
}


/* Perrier 2.0: cartões, indicadores e fluxo de comissão claros. */
.aff-app .aff-top { background: linear-gradient(135deg, #fffbeb, #ffffff); border-bottom: 1px solid rgba(217, 119, 6, .13); }
.aff-app .aff-level-badge, .aff-app .aff-rules-btn, .aff-app .aff-comm-card,
.aff-app .aff-promo-card, .aff-app .aff-earn, .aff-app .aff-table-card {
    background: #ffffff !important;
    border-color: rgba(217, 119, 6, .16) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .06) !important;
}
.aff-app .aff-level-badge > i, .aff-app .aff-section-title, .aff-app .aff-comm-ico,
.aff-app .aff-how-ico, .aff-app .aff-promo-ico, .aff-app .aff-earn-val,
.aff-app .aff-earn-link { color: #d97706 !important; }
.aff-app .aff-level-badge-text #affLevelText, .aff-app .aff-comm-head-text strong,
.aff-app .aff-promo-text > strong, .aff-app .aff-how-step strong { color: #0c0d12 !important; }
.aff-app .aff-level-kicker, .aff-app .aff-comm-head-text span, .aff-app .aff-promo-text > span,
.aff-app .aff-earn-label, .aff-app .aff-earn-sub, .aff-app .aff-how-step span { color: #64748b !important; }
.aff-app .aff-promo-card { background: linear-gradient(135deg, #fffbeb, #ffffff) !important; }
.aff-app .aff-promo-pct { color: #d97706 !important; }
.aff-app .aff-cta--primary { background: linear-gradient(135deg, #f59e0b, #d97706) !important; color: #0c0d12 !important; }
.aff-app .aff-cta--ghost { background: #ffffff !important; color: #d97706 !important; border-color: rgba(217, 119, 6, .18) !important; }
.aff-app .comm-modal-panel { background: #ffffff !important; color: #0c0d12 !important; border-color: rgba(217, 119, 6, .18) !important; }


/* =====================================================================
   PERRIER — Programa de parceiros
   Banner editorial e cartões claros alinhados à carteira e ao perfil.
   ===================================================================== */
.aff-page-body,
.aff-app { background: linear-gradient(180deg, #fcfcfd, #f4f5f8) !important; color: #0c0d12 !important; }
.aff-app .aff-top { padding: 16px !important; }
.aff-app .aff-level-badge,
.aff-app .aff-rules-btn { color: #0c0d12 !important; }
.aff-app .aff-hero-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 184px;
    margin: 4px 16px 20px;
    padding: 21px 20px;
    overflow: hidden;
    border: 1px solid rgba(217, 119, 6, .16);
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff, #fffbeb);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .06);
}
.aff-app .aff-hero-copy { position: relative; z-index: 1; flex: 1 1 55%; min-width: 0; }
.aff-app .aff-hero-kicker {
    color: #d97706;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}
.aff-app .aff-hero-card h1 { margin-top: 8px; color: #0c0d12; font: 400 25px/1.08 Georgia, "Times New Roman", serif; }
.aff-app .aff-hero-card h1 em { color: #b45309; }
.aff-app .aff-hero-card p { margin-top: 8px; color: #64748b; font-size: 12px; line-height: 1.5; }
.aff-app .aff-hero-art { width: 44%; max-width: 190px; margin: -15px -21px -17px 0; flex: 0 0 44%; }
.aff-app .aff-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    padding: 10px 13px;
    color: #0c0d12;
    border-radius: 999px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    box-shadow: 0 9px 18px rgba(217, 119, 6, .18);
    font-size: 12px;
    font-weight: 800;
}
.aff-app .aff-main { padding: 0 16px 110px !important; }
.aff-app .aff-section-title { margin-top: 22px !important; color: #0c0d12 !important; font: 400 20px/1.2 Georgia, "Times New Roman", serif; }
.aff-app .aff-comm-card,
.aff-app .aff-promo-card,
.aff-app .aff-earn,
.aff-app .aff-table-card,
.aff-app .aff-how-step {
    background: #ffffff !important;
    border-color: rgba(217, 119, 6, .15) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .06) !important;
}
.aff-app .aff-comm-lvl,
.aff-app .aff-tier-item { background: #f8fafc !important; border-color: rgba(217, 119, 6, .12) !important; }
.aff-app .aff-tier-pct,
.aff-app .aff-comm-lvl strong,
.aff-app .aff-promo-pct,
.aff-app .aff-earn-val { color: #d97706 !important; }
.aff-app .aff-table th { color: #64748b !important; background: #f8fafc !important; }
.aff-app .aff-table td { color: #0c0d12 !important; border-color: rgba(217, 119, 6, .1) !important; }
.aff-app .aff-period-tab.active { color: #0c0d12 !important; background: linear-gradient(135deg, #f59e0b, #d97706) !important; }
.aff-app .aff-referrals-title { color: #0c0d12 !important; }
.aff-app .comm-modal-panel { border-radius: 22px !important; box-shadow: 0 22px 46px rgba(0, 0, 0, .20) !important; }
.aff-app .comm-input { color: #0c0d12 !important; background: #f8fafc !important; border-color: rgba(217, 119, 6, .18) !important; }
.aff-app .comm-btn { color: #0c0d12 !important; background: linear-gradient(135deg, #f59e0b, #d97706) !important; }
@media (max-width: 390px) {
    .aff-app .aff-hero-card { min-height: 164px; padding: 18px 17px; }
    .aff-app .aff-hero-card h1 { font-size: 22px; }
    .aff-app .aff-hero-art { margin-right: -18px; }
}