/* Densidade visual 2026 — mais hierarquia sem alterar fluxos */
:root {
    --accent-green: #d97706;
    --accent-deep: #0c0d12;
    --accent-gold: #c99a43;
    --accent-blue: #2e6f9e;
    --accent-rose: #a95757;
}
html body { text-rendering: optimizeLegibility; }
html body :is(.card,.carteira-panel,.wallet-tier-strip,.aff-table-card,.aff-referrals-section,.model-card,.perfil-overview,.dash-gift,.voucher-card) {
    border-color: rgba(217,119,6,.17) !important;
}
html body :is(.home-quick-ico,.dash-action-ico,.dash-item-ico,.dash-gift-ico,.wallet-panel-icon,.network-stat-icon,.network-rate-icon) {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82),0 7px 16px rgba(0,0,0,.08) !important;
}

/* Home: mais conteúdo útil e cartões semanticamente distintos */
html body.perrier-home .hm-header { min-height: 238px !important; }
html body.perrier-home .hm-header::before {
    content: ""; position: absolute; right: 18px; top: 58px; width: 92px; height: 92px;
    border: 1px solid rgba(255,255,255,.16); border-radius: 28px; transform: rotate(18deg);
    box-shadow: 0 0 0 18px rgba(255,255,255,.035);
}
html body.perrier-home .home-quick { margin-top: -18px !important; padding: 14px !important; }
html body.perrier-home .home-quick-item { min-height: 86px; border: 1px solid rgba(217,119,6,.10); box-shadow: 0 7px 18px rgba(0,0,0,.06); }
html body.perrier-home .home-quick-item:nth-child(1) .home-quick-ico { color: #d97706 !important; background: #fef3c7 !important; }
html body.perrier-home .home-quick-item:nth-child(2) .home-quick-ico { color: #9a6417 !important; background: #fff0cf !important; }
html body.perrier-home .home-quick-item:nth-child(3) .home-quick-ico { color: #2e6f9e !important; background: #e2eff8 !important; }
html body.perrier-home .home-quick-item:nth-child(4) .home-quick-ico { color: #75569a !important; background: #eee6f7 !important; }
html body.perrier-home .home-quick-item:nth-child(5) .home-quick-ico { color: #9a4f4f !important; background: #f8e7e5 !important; }
html body.perrier-home .about-features { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
html body.perrier-home .about-feature { min-height: 82px; padding: 13px !important; border: 1px solid rgba(217,119,6,.13) !important; border-radius: 15px !important; background: linear-gradient(145deg,#fff,#f8fafc) !important; }
html body.perrier-home .about-stats > * { padding: 13px 9px !important; border-radius: 14px !important; background: linear-gradient(180deg,#fff,#f8fafc) !important; box-shadow: 0 7px 18px rgba(0,0,0,.06); }

/* Mercados: filtros, modelos e métricas com mais presença */
html body.page-mercados .market-header { padding-bottom: 24px !important; background: radial-gradient(circle at 85% 35%, rgba(217,119,6,.28) 0%, transparent 60%), linear-gradient(160deg, #0c0d12 0%, #161922 52%, #08090b 100%) !important; color: #fff !important; }
html body.page-mercados .market-heading { margin-top: 26px !important; }
html body.page-mercados #mercadosFilters .category-tab { min-height: 44px; border-radius: 12px !important; font-size: 11px !important; font-weight: 850 !important; box-shadow: 0 6px 14px rgba(0,0,0,.05) !important; }
html body.page-mercados #mercadosFilters .category-tab:nth-child(1) { background: #fef3c7 !important; }
html body.page-mercados #mercadosFilters .category-tab:nth-child(2) { background: #fff1d5 !important; }
html body.page-mercados #mercadosFilters .category-tab:nth-child(3) { background: #e5eff8 !important; }
html body.page-mercados .model-card { border-radius: 20px !important; box-shadow: 0 16px 38px rgba(0,0,0,.08) !important; }
html body.page-mercados .model-card-img { height: 150px !important; max-height: 160px !important; }
html body.page-mercados .ss2-cover { height: 220px !important; min-height: 200px !important; max-height: 240px !important; }
html body.page-mercados .model-card-head { background: radial-gradient(circle at 95% 0,rgba(217,119,6,.13),transparent 32%),linear-gradient(135deg,#fff,#fffbeb) !important; }
html body.page-mercados .model-number { width: 34px; height: 34px; font-size: 11px !important; box-shadow: 0 6px 14px rgba(217,119,6,.10); }
html body.page-mercados .model-option { min-height: 86px !important; border-radius: 15px !important; box-shadow: 0 8px 20px rgba(0,0,0,.07) !important; }
html body.page-mercados .model-option small { font-size: 9px !important; }
html body.page-mercados .model-card-foot > span { font-size: 9px !important; }

/* Rede: cores semânticas, tipografia legível e maior profundidade */
html body.page-network .network-hero { min-height: 296px !important; padding-top: 28px !important; padding-bottom: 26px !important; }
html body.page-network .network-kicker,html body.page-network .network-section-kicker { font-size: 9px !important; }
html body.page-network .network-invite-code > span { font-size: 9px !important; }
html body.page-network .network-invite-code strong { font-size: 10px !important; }
html body.page-network .network-section-head > p { font-size: 11px !important; }
html body.page-network .network-earnings-hero { border-radius: 22px !important; box-shadow: 0 16px 38px rgba(0,0,0,.08) !important; }
html body.page-network .network-stats { gap: 10px !important; }
html body.page-network .network-stat { min-height: 128px; padding: 15px 12px !important; border-radius: 16px !important; }
html body.page-network .network-stat:nth-child(1) .network-stat-icon { color: #d97706; background: #fef3c7 !important; }
html body.page-network .network-stat:nth-child(2) .network-stat-icon { color: #2e6f9e; background: #e1eef8 !important; }
html body.page-network .network-stat:nth-child(3) .network-stat-icon { color: #9a6417; background: #fff0cf !important; }
html body.page-network .network-stat small,html body.page-network .network-stat em { font-size: 9px !important; }
html body.page-network .network-stat strong { font-size: 15px !important; }
html body.page-network .network-commission,html body.page-network .network-journey,
html body.page-network .network-performance,html body.page-network .network-referrals { border-radius: 22px !important; box-shadow: 0 15px 34px rgba(0,0,0,.08) !important; }
html body.page-network .network-rate-card { position: relative; overflow: hidden; padding: 16px !important; border-radius: 16px !important; }
html body.page-network .network-rate-card::after { content: ""; position: absolute; right: -28px; top: -28px; width: 86px; height: 86px; border-radius: 50%; background: rgba(217,119,6,.055); }
html body.page-network .network-rate-card--soft::after { background: rgba(46,111,158,.07); }
html body.page-network .network-rate-card--soft .network-rate-icon { color: #2e6f9e; background: #e1eef8 !important; }
html body.page-network .network-rate-head strong { font-size: 14px !important; }
html body.page-network .network-rate-head span { font-size: 10px !important; }
html body.page-network .aff-tier-label { font-size: 9px !important; }
html body.page-network .aff-tier-note { font-size: 8px !important; }

/* Carteira: hero mais compacto e cards com estados diferenciados */
html body.page-wallet .wallet-hero { min-height: 238px !important; }
html body.page-wallet .wallet-kicker,html body.page-wallet .wallet-balance-block > span { font-size: 10px !important; }
html body.page-wallet .wallet-hero-copy > p { font-size: 13px !important; }
html body.page-wallet .wallet-progress-card { border-radius: 22px !important; box-shadow: 0 16px 36px rgba(0,0,0,.08) !important; }
html body.page-wallet .wl-tier-plan-text > span { font-size: 9px !important; }
html body.page-wallet .wallet-tier-meta { font-size: 11px !important; }
html body.page-wallet .wallet-progress-values span { font-size: 9px !important; }
html body.page-wallet .wallet-progress-values strong { font-size: 12px !important; }
html body.page-wallet .wallet-actions { gap: 9px !important; padding: 9px !important; border-radius: 20px !important; }
html body.page-wallet .wallet-actions .wl-tab { min-height: 86px; border: 1px solid rgba(217,119,6,.10) !important; }
html body.page-wallet .wallet-actions .wl-tab:nth-child(1):not(.active) { color: #d97706 !important; background: #fef3c7 !important; }
html body.page-wallet .wallet-actions .wl-tab:nth-child(2):not(.active) { color: #9a4f4f !important; background: #f8e8e6 !important; }
html body.page-wallet .wallet-actions .wl-tab:nth-child(3):not(.active) { color: #2e6f9e !important; background: #e4eff8 !important; }
html body.page-wallet .wallet-actions .wl-tab span { font-size: 12px !important; }
html body.page-wallet .wallet-actions .wl-tab small { display: block !important; color: inherit !important; font-size: 9px !important; opacity: .72; }
html body.page-wallet .wallet-operation-panel,html body.page-wallet .wallet-statement { border-radius: 23px !important; box-shadow: 0 16px 38px rgba(0,0,0,.08) !important; }
html body.page-wallet .wallet-panel-kicker { font-size: 9px !important; }
html body.page-wallet .wl-panel-sub { font-size: 11px !important; }
html body.page-wallet .carteira-field label { font-size: 11px !important; }
html body.page-wallet .deposit-amount-hint,html body.page-wallet .wl-secure-hint { font-size: 10px !important; }
html body.page-wallet .wallet-assurances .wl-trust-item { min-height: 92px; border-radius: 14px !important; }
html body.page-wallet .wallet-assurances .wl-trust-item:nth-child(2) { background: #fff8e8 !important; }
html body.page-wallet .wallet-assurances .wl-trust-item:nth-child(3) { background: #edf5fb !important; }
html body.page-wallet .wallet-assurances strong { font-size: 10px !important; }
html body.page-wallet .wallet-assurances span { font-size: 9px !important; }
html body.page-wallet .carteira-hint,html body.page-wallet .carteira-saved { font-size: 10px !important; }

/* Perfil e páginas auxiliares */
html body .dash-stat { position: relative; overflow: hidden; border: 1px solid rgba(217,119,6,.13) !important; border-radius: 16px !important; background: linear-gradient(145deg,#fff,#f8fafc) !important; box-shadow: 0 9px 22px rgba(0,0,0,.07) !important; }
html body .dash-stat:nth-child(2) { background: linear-gradient(145deg,#fff,#fff4dd) !important; }
html body .dash-stat:nth-child(3) { background: linear-gradient(145deg,#fff,#f8eaea) !important; }
html body .dash-stat:nth-child(4) { background: linear-gradient(145deg,#fff,#e7f1f9) !important; }
html body .dash-action,html body .dash-item { border-radius: 16px !important; box-shadow: 0 8px 20px rgba(0,0,0,.07) !important; }
html body .dash-item:nth-child(2n) .dash-item-ico { color: #d97706 !important; background: #fef3c7 !important; }
html body .dash-gift { background: radial-gradient(circle at 90% 10%,rgba(217,119,6,.18),transparent 36%),linear-gradient(135deg,#fff,#fffbeb) !important; box-shadow: 0 14px 32px rgba(0,0,0,.08) !important; }
html body .voucher-card,html body .voucher-success { border-radius: 22px !important; box-shadow: 0 16px 38px rgba(0,0,0,.08) !important; }
html body .voucher-tips li { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 9px 11px; border: 1px solid rgba(217,119,6,.11); border-radius: 12px; background: #f8fafc; }
html body .ci-balance,html body .ci-task,html body .rl-card,html body .rl-rules { border-radius: 20px !important; box-shadow: 0 14px 34px rgba(0,0,0,.08) !important; }
html body .ext-sum-card,html body .movement-item { border-radius: 16px !important; box-shadow: 0 8px 20px rgba(0,0,0,.07) !important; }
html body .ext-sum-card:nth-child(2) { background: #fff6e3 !important; }
html body .ext-sum-card:nth-child(3) { background: #eaf3fa !important; }
html body .auth-card { box-shadow: 0 20px 52px rgba(0,0,0,.15) !important; }

@media (max-width: 410px) {
    html body.page-network .network-hero { min-height: 305px !important; }
    html body.page-network .network-stats { grid-template-columns: 1fr !important; }
    html body.page-network .network-stat { min-height: 76px; display: grid !important; grid-template-columns: 38px minmax(0,1fr); align-items: center; }
    html body.page-wallet .wallet-hero { min-height: 248px !important; }
    html body.page-wallet .wallet-assurances .wl-trust-item { min-height: 0; }
}

/* Contraste dos filtros ativos de Mercados. */
html body.page-mercados #mercadosFilters .category-tab:nth-child(1).active {
    color: #fff !important;
    border-color: #d97706 !important;
    background: #d97706 !important;
}
html body.page-mercados #mercadosFilters .category-tab:nth-child(2).active {
    color: #fff !important;
    border-color: #a96a13 !important;
    background: #a96a13 !important;
}
html body.page-mercados #mercadosFilters .category-tab:nth-child(3).active {
    color: #fff !important;
    border-color: #2e6f9e !important;
    background: #2e6f9e !important;
}