/* Perrier UI 2026 — camada visual unificada */
:root {
    color-scheme: light;
    --primary: #d97706;
    --primary-rgb: 217, 119, 6;
    --primary-soft: #fef3c7;
    --primary-softer: #fffbeb;
    --primary-strong: #b45309;
    --primary-deep: #0c0d12;
    --primary-contrast: #fff;
    --header-grad-1: #0c0d12;
    --header-grad-2: #161922;
    --gold: #d4a037;
    --gold-bright: #fae28e;
    --bg: #f4f5f8;
    --bg2: #fff;
    --surface: #fff;
    --surface-2: #fafbfd;
    --surface-3: #f1f3f7;
    --text: #111317;
    --text-soft: #4b5563;
    --text-muted: #6b7280;
    --text-faint: #9ca3af;
    --success: #d97706;
    --success-soft: #fef3c7;
    --danger: #ef4444;
    --danger-soft: #fef2f2;
    --warning: #f59e0b;
    --warning-soft: #fffbeb;
    --up: #10b981;
    --down: #ef4444;
    --border: #e2e5eb;
    --border-soft: #edf0f5;
    --shadow-sm: 0 4px 14px rgba(0, 0, 0, .04);
    --shadow: 0 10px 28px rgba(0, 0, 0, .06);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, .10);
    --shadow-primary: 0 10px 24px rgba(217, 119, 6, .25);
    --radius-xs: 10px;
    --radius-sm: 14px;
    --radius: 18px;
    --radius-lg: 26px;
    --app-max: 520px;
    --nav-h: 68px;
    --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { -webkit-tap-highlight-color: transparent; }
html { background: #0c0d12; }
body { background: #0c0d12 !important; color: var(--text) !important; }
button, input, select, textarea { font-family: var(--font); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid rgba(var(--primary-rgb), .22) !important;
    outline-offset: 2px;
}
.app {
    max-width: var(--app-max) !important;
    background: var(--bg) !important;
    box-shadow: 0 0 60px rgba(0, 0, 0, .45);
    overflow: clip !important;
}
.page-wrap, .carteira-main, .perfil-main, .voucher-main, .aff-main { position: relative; }

/* Cabeçalhos claros e nova hierarquia */
.header, .memecoin-header, .ci-head, .rl-head, .voucher-topbar {
    color: #fff !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;
    border: 0 !important;
    border-radius: 0 0 34px 34px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.25) !important;
}
.header::before, .memecoin-header::before { opacity: .35 !important; }
.banner-image { display: none !important; }
.banner-image img { display: none !important; }
.balance-label, .hm-cap-label { color: rgba(255,255,255,.75) !important; letter-spacing: .13em; }
.balance-amount, .balance, .hm-hero .balance-amount { color: #fff !important; }
.usdt-label, .hm-badge {
    color: #e5b348 !important;
    background: rgba(8,36,20,.65) !important;
    border: 1px solid rgba(227,201,138,.35) !important;
}
.hm-tagline { color: rgba(255,255,255,.72) !important; }
.hm-logo-img { filter: drop-shadow(0 3px 8px rgba(0,0,0,.35)) !important; }
.icon-btn, .ci-back, .rl-back, .voucher-back {
    color: #fff !important;
    background: rgba(8,36,20,.65) !important;
    border: 1px solid rgba(227,201,138,.35) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Navegação inferior */
.bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 480px !important;
    height: 64px !important;
    padding: 0 8px calc(env(safe-area-inset-bottom, 0px) + 2px) !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #062817 !important;
    border-top: 1px solid rgba(227,201,138,.25) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.4) !important;
    z-index: 9999 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.nav-item {
    flex: 1 1 0 !important;
    height: 50px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 4px 2px !important;
    transition: all .2s ease !important;
    border-radius: 14px !important;
    transform: none !important;
    box-sizing: border-box !important;
}
.nav-item .solar-nav-icon,
.nav-item .nav-ico {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    color: rgba(255,255,255,.75) !important;
    fill: currentColor !important;
    display: inline-flex !important;
}
.nav-item span {
    color: rgba(255,255,255,.75) !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    display: block !important;
}
.nav-item.active {
    flex: 0 0 auto !important;
    min-width: 68px !important;
    height: 46px !important;
    background: linear-gradient(135deg, #fae28e 0%, #d89f33 100%) !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    box-shadow: 0 4px 14px rgba(216,159,51,.38) !important;
    color: #0c0d12 !important;
}
.nav-item.active .solar-nav-icon,
.nav-item.active .nav-ico,
.nav-item.active .solar-nav-icon svg,
.nav-item.active .nav-ico path {
    color: #0c0d12 !important;
    fill: #0c0d12 !important;
}
.nav-item.active span {
    color: #0c0d12 !important;
    font-weight: 800 !important;
}
.nav-item:active { transform: scale(.94); }
.nav-item[data-page="network"]::before { display: none !important; }

/* Componentes globais */
.tabs, .category-tabs.carteira-wallet-tabs {
    background: #fff !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-sm) !important;
}
.tabs::before { display: none !important; }
.tab, .category-tab, .ext-chip, .rl-tab, .aff-period-tab, .comm-tab {
    color: var(--text-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}
.tab.active, .category-tab.active, .ext-chip.is-active, .rl-tab.active, .aff-period-tab.active, .comm-tab.active {
    color: #fff !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 7px 18px rgba(var(--primary-rgb), .20) !important;
}
.category-tabs:not(.carteira-wallet-tabs), .ext-filters { scrollbar-width: none; }
.trader-card, .manager-vip-card, .wallet-tier-strip, .carteira-panel, .wl-statement,
.ext-sum-card, .voucher-card, .voucher-success, .perfil-overview, .dash-gift,
.aff-comm-card, .aff-promo-card, .aff-earn, .aff-table-card, .aff-referrals-section,
.ci-balance, .ci-task, .rl-card, .rl-rules {
    color: var(--text) !important;
    background: #fff !important;
    border: 1px solid var(--border-soft) !important;
    box-shadow: var(--shadow-sm) !important;
}
.carteira-input, .perfil-input, .voucher-input-wrap, .comm-input, .pr-input {
    color: var(--text) !important;
    background: #fafbfe !important;
    border-color: var(--border) !important;
}
.carteira-input:focus, .perfil-input:focus, .voucher-input-wrap:focus-within, .comm-input:focus, .pr-input:focus-within {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), .10) !important;
}
.subscribe-btn, .carteira-btn, .wl-btn-primary, .ss2-confirm, .sub-sheet-ok,
.voucher-submit, .comm-btn, .ci-task-btn--go, .rl-win button, .aff-hero-cta, .pr-submit {
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary), #7778ff) !important;
    border: 0 !important;
    box-shadow: var(--shadow-primary) !important;
}

/* Home — painel leve, sem blocos verde-escuros */
.perrier-home {
    color: var(--text) !important;
    background: var(--bg) !important;
}
.perrier-home .hm-header {
    min-height: 286px !important;
    padding-bottom: 40px !important;
    color: var(--text) !important;
    background:
        radial-gradient(circle at 82% 18%, rgba(255,177,92,.34), transparent 28%),
        radial-gradient(circle at 8% 78%, rgba(91,92,240,.19), transparent 35%),
        linear-gradient(145deg, #fff 4%, #f0efff 54%, #e9f6ff 100%) !important;
    border: 0 !important;
}
.perrier-home .hm-header .banner-image { opacity: .035 !important; }
.perrier-home .hm-header .banner-image::after { background: none !important; }
.perrier-home .hm-brand::after {
    content: "Perrier" !important;
    color: var(--text) !important;
    font-family: var(--font) !important;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 850;
    letter-spacing: -.05em;
}
.perrier-home .hm-cap-label { color: var(--text-muted) !important; }
.perrier-home .hm-hero .balance-amount { color: var(--text) !important; font-family: var(--font) !important; font-weight: 850 !important; }
.perrier-home .hm-tagline { color: var(--text-soft) !important; letter-spacing: .09em; }
.perrier-home .hm-badge { color: var(--primary-deep) !important; background: #fff !important; border-color: var(--border) !important; }
.home-quick {
    position: relative;
    z-index: 2;
    margin: -24px 16px 0 !important;
    padding: 10px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 24px !important;
    box-shadow: var(--shadow) !important;
}
.home-quick-row { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.home-quick-item {
    min-height: 76px;
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 12px 14px;
    color: var(--text) !important;
    background: var(--surface-2);
    border-radius: 17px;
    font-size: 13px !important;
}
.home-quick-ico {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
    color: #fff !important;
    background: var(--primary) !important;
    border: 0 !important;
    box-shadow: none !important;
}
.home-quick-item:nth-child(2) .home-quick-ico { color: #fff !important; background: #ff7b68 !important; }
.home-about { padding: 28px 16px 30px !important; }
.about-hero-card {
    padding: 25px !important;
    color: var(--text) !important;
    background: linear-gradient(145deg, #fff, #f8f3ff) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 26px !important;
    box-shadow: var(--shadow-sm) !important;
}
.about-badge { color: var(--primary-deep) !important; background: var(--primary-softer) !important; border-color: #dcdcff !important; }
.about-title, .about-title span { color: var(--text) !important; }
.about-title span { color: var(--primary) !important; }
.about-lead, .about-trust p { color: var(--text-soft) !important; }
.about-stats { gap: 9px !important; }
.about-stat { background: #fff !important; border: 1px solid var(--border-soft) !important; border-radius: 17px !important; }
.about-stat strong { color: var(--primary) !important; }
.about-trust { color: var(--primary) !important; background: #fff !important; border: 1px solid var(--border-soft) !important; }
.wa-float { width: 48px !important; height: 48px !important; bottom: 94px !important; right: max(16px, calc((100vw - var(--app-max)) / 2 + 16px)) !important; box-shadow: var(--shadow) !important; }

/* Mercados e sheet de investimento */
.traders-list, .receita-list { padding: 14px 16px 28px !important; gap: 12px !important; }
.trader-card { border-radius: 22px !important; padding: 17px !important; }
.trader-card-avatar { border-radius: 14px !important; }
.trader-prazo-days, .trader-stat-val--green { color: var(--primary) !important; }
.manager-vip-card { margin: 14px 16px 0; border-radius: 22px !important; }
.sheet-backdrop { background: rgba(26,28,48,.52) !important; backdrop-filter: blur(5px); }
.sheet-panel, .comm-modal-panel, .iaturbo-full-sheet {
    color: var(--text) !important;
    background: #f8f9fc !important;
    border-color: var(--border) !important;
}
.ss2-hero { color: var(--text) !important; background: linear-gradient(145deg,#fff,#eeedff) !important; }
.ss2-hero-title, .ss2-stat strong, .ss2-balance strong, .ss2-summary dd { color: var(--text) !important; }
.ss2-hero-sub, .ss2-stat span, .ss2-balance > span, .ss2-label { color: var(--text-muted) !important; }
.ss2-close, .ss2-input-edit { color: var(--primary) !important; background: #fff !important; border-color: var(--border) !important; }
.ss2-input-wrap, .ss2-summary { background: #fff !important; border-color: var(--border) !important; }
.ss2-range-hex { background: var(--primary) !important; }
.ss2-summary-profit, .ss2-summary-ico--profit { color: var(--success) !important; }

/* Carteira */
.carteira-app .header { min-height: 220px; }
.wl-story {
    margin: -28px 16px 0 !important;
    background: linear-gradient(135deg, #252640, #454779) !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: var(--shadow) !important;
}
.wl-story-kicker { color: #c9caff !important; }
.wl-story h1, .wl-story p { color: #fff !important; }
.carteira-main { padding: 18px 16px 0 !important; }
.wallet-tier-strip, .carteira-panel, .wl-statement { border-radius: 22px !important; }
.wl-tier-diamond { color: var(--primary) !important; background: var(--primary-softer) !important; }
.wallet-tier-name, .wl-tier-limit, .wl-tier-used, .wl-panel-title, .wl-statement-title { color: var(--text) !important; }
.wl-tier-track, .carteira-hint, .wl-important { background: var(--surface-2) !important; border-color: var(--border) !important; }
.wl-tier-track span { background: linear-gradient(90deg, var(--primary), #9697ff) !important; }
.wl-tabs { padding: 7px !important; border-radius: 18px !important; }
.wl-tab { border-radius: 13px !important; }
.wl-accent { color: var(--primary) !important; }
.wl-trust-item i { color: var(--primary) !important; }
.wl-sum { color: var(--text) !important; background: var(--surface-2) !important; border-color: var(--border) !important; }
.carteira-link-btn { color: var(--primary) !important; }

/* Perfil totalmente renovado */
.perfil-header {
    min-height: 276px !important;
    padding-bottom: 30px !important;
    background:
        radial-gradient(circle at 88% 12%, rgba(255,177,92,.32), transparent 27%),
        linear-gradient(145deg, #fff 0%, #f1efff 56%, #e9f6ff 100%) !important;
}
.perfil-identity {
    margin-top: 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.perfil-avatar {
    width: 64px !important;
    height: 64px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary), #9b7df5) !important;
    border: 5px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 10px 24px rgba(var(--primary-rgb), .22) !important;
}
.perfil-identity-body, .perfil-id-row, .perfil-plan, .perfil-since { color: var(--text) !important; }
.perfil-plan { color: var(--primary-deep) !important; }
.perfil-copy-btn { color: var(--primary) !important; }
.perfil-hero-stats {
    margin-top: 22px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.perfil-hero-stat {
    padding: 13px 15px !important;
    text-align: left !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 17px !important;
}
.perfil-hero-stat + .perfil-hero-stat { border-left: 1px solid rgba(255,255,255,.92) !important; }
.perfil-hero-val { color: var(--text) !important; font-size: 18px !important; }
.perfil-hero-lbl { color: var(--text-muted) !important; }
.perfil-main { padding: 18px 16px 24px !important; }
.perfil-overview { padding: 20px !important; border-radius: 24px !important; }
.perfil-kicker, .perfil-history-link { color: var(--primary) !important; }
.perfil-overview h1 { color: var(--text) !important; }
.dash-stats { gap: 9px !important; }
.dash-stat { background: var(--surface-2) !important; border: 1px solid var(--border-soft) !important; border-radius: 15px !important; }
.dash-stat strong { color: var(--text) !important; }
.dash-actions { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.dash-action {
    min-height: 74px;
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 13px !important;
    color: var(--text) !important;
    background: #fff !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 18px !important;
    box-shadow: var(--shadow-sm) !important;
}
.dash-action-ico { color: #fff !important; background: var(--primary) !important; }
.dash-action:nth-child(2) .dash-action-ico { background: #ff7b68 !important; }
.dash-gift { color: var(--text) !important; border-radius: 20px !important; }
.dash-gift-ico { color: var(--primary) !important; background: var(--primary-softer) !important; }
.perfil-menu-section h2 { color: var(--text-muted) !important; letter-spacing: .08em; text-transform: uppercase; }
.dash-grid { gap: 8px !important; padding: 8px !important; background: #fff; border: 1px solid var(--border-soft); border-radius: 22px; box-shadow: var(--shadow-sm); }
.dash-item { color: var(--text) !important; background: transparent !important; border: 0 !important; border-radius: 15px !important; box-shadow: none !important; }
.dash-item:hover { background: var(--surface-2) !important; }
.dash-item-ico { color: var(--primary) !important; background: var(--primary-softer) !important; }
.perfil-logout { color: var(--danger) !important; background: var(--danger-soft) !important; border-color: #ffd9df !important; }
.iaturbo-full-sheet-head { color: var(--text) !important; background: #fff !important; border-bottom-color: var(--border) !important; }
.iaturbo-full-sheet-back { color: var(--primary) !important; background: var(--primary-softer) !important; }

/* Extrato, voucher, check-in e roleta */
.auth-page > .header { min-height: 88px !important; padding-bottom: 18px !important; }
.auth-header-link { color: var(--primary) !important; background: var(--primary-softer) !important; }
.page-title { color: var(--text) !important; font-size: 30px !important; letter-spacing: -.04em; }
.page-lead { color: var(--text-soft) !important; }
.ext-summary { gap: 10px !important; }
.ext-sum-card { border-radius: 19px !important; }
.ext-sum-ico.total { color: var(--primary) !important; background: var(--primary-softer) !important; }
.ext-chip { background: #fff !important; border: 1px solid var(--border) !important; }
.ext-item, .ext-sub-card { color: var(--text) !important; background: #fff !important; border-color: var(--border-soft) !important; box-shadow: var(--shadow-sm) !important; }
.voucher-topbar { min-height: 88px; }
.voucher-topbar-title { color: var(--text) !important; }
.voucher-main { padding: 28px 16px !important; }
.voucher-card { padding: 20px !important; border-radius: 22px !important; }
.voucher-input { color: var(--text) !important; }
.voucher-paste, .voucher-link-wallet { color: var(--primary) !important; }
.voucher-tips { color: var(--text-soft) !important; background: #fff !important; border: 1px solid var(--border-soft); border-radius: 20px; padding: 18px !important; }
.voucher-tips i { color: var(--success) !important; }
.voucher-success { border-radius: 24px !important; }
.voucher-success-icon { color: var(--success) !important; background: var(--success-soft) !important; }
.ci-page, .rl-page { color: var(--text) !important; background: var(--bg) !important; }
.ci-head, .rl-head { min-height: 94px; }
.ci-head h1, .rl-head h1 { color: #ffffff !important; }
.ci-main, .rl-wrap { padding-left: 16px !important; padding-right: 16px !important; }
.ci-balance, .ci-task, .rl-card, .rl-rules { border-radius: 22px !important; }
.ci-balance-ico { background: linear-gradient(135deg, #ffb15c, #ff8469) !important; }
.ci-task-icon { color: var(--primary) !important; background: var(--primary-softer) !important; border-color: #ddddff !important; }
.ci-task-icon i, .ci-tasks-head h2 i { color: var(--primary) !important; }
.ci-task-name, .ci-balance-val { color: var(--text) !important; }
.ci-toast, .rl-toast { color: #fff !important; background: #252640 !important; border-color: transparent !important; }
.rl-head { padding-bottom: 62px !important; }
.rl-fx-aurora { background: conic-gradient(from 0deg,#5b5cf0,#8d79f6,#ff7b68,#ffb15c,#5b5cf0) !important; opacity: .34 !important; }
.rl-spins, .rl-row-l b, .rl-rules h3 { color: var(--text) !important; }
.rl-spins b, .rl-invite span { color: var(--primary) !important; }
.rl-invite { color: var(--text) !important; background: linear-gradient(135deg,#fff,#f1efff) !important; border-color: #ddddff !important; }
.rl-row { color: var(--text) !important; background: var(--surface-2) !important; border-color: var(--border-soft) !important; }
.rl-win { color: var(--text) !important; background: #fff !important; border-color: var(--border) !important; }
.rl-win h2 { color: var(--text) !important; }

/* Rede de afiliados */
.aff-page-body, .aff-app { color: var(--text) !important; background: var(--bg) !important; }
.aff-top { color: var(--text) !important; background: #fff !important; border-bottom: 1px solid var(--border-soft) !important; }
.aff-level-badge { color: var(--primary-deep) !important; background: var(--primary-softer) !important; border-color: #ddddff !important; }
.aff-rules-btn { color: var(--text-soft) !important; }
.aff-hero-card {
    color: #fff !important;
    background: linear-gradient(135deg, #35364f, #585a91) !important;
    border: 0 !important;
    box-shadow: var(--shadow) !important;
}
.aff-hero-kicker { color: #cfd0ff !important; }
.aff-hero-card h1, .aff-hero-card p { color: #fff !important; }
.aff-section-title { color: var(--text) !important; }
.aff-comm-card, .aff-promo-card, .aff-earn, .aff-table-card, .aff-referrals-section { border-radius: 21px !important; }
.aff-comm-ico, .aff-promo-ico, .aff-how-ico { color: var(--primary) !important; background: var(--primary-softer) !important; }
.aff-comm-lvl strong, .aff-earn-val, .aff-promo-pct { color: var(--primary) !important; }
.aff-how-step { color: var(--text) !important; background: #fff !important; border-color: var(--border-soft) !important; }
.aff-earn-link, .aff-details-link { color: var(--primary) !important; }
.comm-modal-overlay { background: rgba(26,28,48,.54) !important; backdrop-filter: blur(5px); }
.comm-modal-panel { border-radius: 26px !important; }
.comm-modal-title, .comm-modal-balance, .comm-field label { color: var(--text) !important; }
.comm-edit-btn { color: var(--primary) !important; }

/* Autenticação */
.pr-auth { background: #f2f4fa !important; }
.pr-brand {
    color: #fff !important;
    background:
        radial-gradient(circle at 15% 12%, rgba(255,177,92,.35), transparent 28%),
        radial-gradient(circle at 85% 80%, rgba(140,121,246,.42), transparent 34%),
        linear-gradient(145deg, #252640, #444671) !important;
}
.pr-mark { background: linear-gradient(135deg, var(--primary), #9293ff) !important; border-color: rgba(255,255,255,.3) !important; }
.pr-kicker { color: #cfd0ff !important; }
.pr-brand-mid h2 em, .pr-form-head h1 em, .pr-foot a, .pr-link { color: var(--primary) !important; }
.pr-brand-mid h2 em { color: #ffce96 !important; }
.pr-stat { border-color: rgba(255,255,255,.16) !important; }
.pr-form-side { color: var(--text) !important; background: #fff !important; }
.pr-form-head h1, .pr-field label { color: var(--text) !important; }
.pr-form-head p, .pr-foot { color: var(--text-muted) !important; }
.pr-form-eyebrow { color: var(--primary) !important; }
.pr-switch { background: var(--surface-3) !important; border-color: var(--border) !important; }
.pr-switch a { color: var(--text-muted) !important; }
.pr-switch a.is-active { color: var(--primary-deep) !important; background: #fff !important; box-shadow: var(--shadow-sm) !important; }
.pr-ico, .pr-eye { color: var(--primary) !important; }
.pr-secondary { color: var(--primary-deep) !important; background: var(--primary-softer) !important; border-color: #ddddff !important; }
.pr-check-box { border-color: var(--border) !important; }
.pr-check input:checked + .pr-check-box { background: var(--primary) !important; border-color: var(--primary) !important; }
.pr-recovery { background: var(--surface-2) !important; border-color: var(--border) !important; }
.pr-captcha-code { color: var(--primary-deep) !important; background: var(--primary-softer) !important; }

/* Carreira dinâmica: neutraliza os temas escuros inline */
.cr-hero { background: linear-gradient(145deg,#35364f,#585a91) !important; }
.cr-hero h1, .cr-hero p { color: #fff !important; }
.cr-hero h1 span { color: #ffce96 !important; }
.cr-body { background: var(--bg) !important; }
.cr-journey, .cr-card, .cr-geral, .cr-rules, .carreira-overview, .carreira-stat, .carreira-nivel, .carreira-rules {
    color: var(--text) !important;
    background: #fff !important;
    border-color: var(--border-soft) !important;
    box-shadow: var(--shadow-sm) !important;
}
.cr-journey-txt strong, .cr-title, .cr-metric strong, .cr-geral-item strong, .cr-rules-head strong,
.carreira-overview-title, .carreira-stat strong, .carreira-title, .carreira-metric strong, .carreira-rules-head strong { color: var(--text) !important; }
.cr-journey-txt span, .cr-desc, .cr-metric span, .cr-prog-head, .cr-rules li,
.carreira-overview-copy, .carreira-stat-label, .carreira-subtitle, .carreira-metric span, .carreira-rules-list li { color: var(--text-muted) !important; }
.cr-metric, .carreira-metric, .carreira-overview-current { background: var(--surface-2) !important; border-color: var(--border-soft) !important; }
.cr-hex::after { background: #fff !important; }

/* Responsividade */
@media (min-width: 760px) {
    .app { min-height: 100vh !important; }
    .bottom-nav { bottom: 18px !important; }
}
@media (max-width: 920px) {
    .pr-auth { grid-template-columns: 1fr !important; }
    .pr-brand { min-height: 290px !important; padding: 28px !important; }
    .pr-brand-foot { display: none !important; }
    .pr-form-side { padding: 34px 24px !important; }
}
@media (max-width: 380px) {
    .home-quick-item { padding: 10px; }
    .about-stats, .ext-summary { grid-template-columns: 1fr !important; }
    .perfil-hero-stats { gap: 7px !important; }
    .perfil-hero-val { font-size: 15px !important; }
    .dash-stats { grid-template-columns: repeat(2,1fr) !important; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* =====================================================================
   PERRIER — override global da nav inferior para todas as páginas
   Garante verde independente de qual arquivo carrega o redesign.css
   ===================================================================== */
html body .bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    max-width: 480px !important;
    height: 64px !important;
    padding: 0 8px calc(env(safe-area-inset-bottom, 0px) + 2px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #062817 !important;
    border-top: 1px solid rgba(227,201,138,.25) !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.4) !important;
    z-index: 9999 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
html body .bottom-nav .nav-item {
    flex: 1 1 0 !important;
    height: 50px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 4px 2px !important;
    transition: all .2s ease !important;
    border-radius: 14px !important;
    transform: none !important;
    box-sizing: border-box !important;
}
html body .bottom-nav .nav-item::before {
    display: none !important;
    content: none !important;
}
html body .bottom-nav .nav-item:has(.solar-nav-icon) .nav-ico {
    display: none !important;
}
html body .bottom-nav .nav-item:not(:has(.solar-nav-icon)) .nav-ico {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    color: rgba(255,255,255,.75) !important;
    fill: currentColor !important;
    display: inline-flex !important;
}
html body .bottom-nav .nav-item .solar-nav-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    color: rgba(255,255,255,.75) !important;
    fill: currentColor !important;
    display: inline-flex !important;
}
html body .bottom-nav .nav-item span {
    color: rgba(255,255,255,.75) !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    display: block !important;
}
html body .bottom-nav .nav-item.active {
    flex: 0 0 auto !important;
    min-width: 68px !important;
    height: 46px !important;
    background: linear-gradient(135deg,#fae28e 0%,#d89f33 100%) !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    box-shadow: 0 4px 14px rgba(216,159,51,.38) !important;
    color: #0c0d12 !important;
}
html body .bottom-nav .nav-item.active .solar-nav-icon,
html body .bottom-nav .nav-item.active .nav-ico,
html body .bottom-nav .nav-item.active .solar-nav-icon svg,
html body .bottom-nav .nav-item.active .nav-ico path {
    color: #0c0d12 !important;
    fill: #0c0d12 !important;
}
html body .bottom-nav .nav-item.active span {
    color: #0c0d12 !important;
    font-weight: 800 !important;
}