/* ============================================================
   FFACILITES - Clean Overrides v2.0 OTIMIZADO
   Remove duplicações e conflitos, mantém funcionalidade
   ============================================================ */

:root {
    --primary: #d4a017;
    --primary-light: #f3c316;
    --primary-dark: #b8860b;
    --bg: #07080d;
    --bg-2: #0b0c12;
    --bg-elev: #11131b;
    --bg-elev-2: #171923;
    --border: rgba(255,255,255,0.10);
    --border-strong: rgba(255,255,255,0.16);
    --text: #f6f7fb;
    --text-gray: #b2b6c6;
    --text-dim: #777d91;
}

/* Reset básico */
html, body {
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--bg) !important;
    background-image: none !important;
}

*,
*::before,
*::after {
    text-shadow: none !important;
}

body::before,
.login-shell::before,
.hero-card::before,
.plano-card::before,
.plano-card.destaque::before,
.plano-card.vitalicio::before,
.cta-card::before,
.particles {
    display: none !important;
    animation: none !important;
}

.login-card,
.checkout-card,
.resumo-card,
.hero-card,
.feature-card,
.plano-card,
.depoimento-card,
.cta-card,
.admin-card,
.stat-card,
.sidebar,
.top-header,
.loja-header {
    background: var(--bg-elev) !important;
    border-color: var(--border) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.28) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.login-card:hover,
.hero-card:hover,
.feature-card:hover,
.plano-card:hover,
.cta-card:hover {
    transform: none !important;
}

button,
[class^="btn-"],
[class*=" btn-"],
.badge-popular,
.badge-vitalicio,
.badge-live,
.plano-card.destaque,
.plano-card.vitalicio,
.stat-num,
.plano-preco .valor,
.login-hero h1 .highlight,
.hero-title .highlight,
.secao-titulo .highlight,
.page-title {
    background-image: none !important;
}

.btn-login,
.btn-checkout,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-mobile-cta,
.btn-nav.active,
.btn-acao-gold,
.btn-modal-next,
.btn-co-confirm,
.btn-verificar,
.btn-renovar-gold,
.resumo-plano-icon,
.step.active .step-num,
.badge-popular,
.badge-vitalicio {
    background: #24210f !important;
    color: #f3c316 !important;
    box-shadow: none !important;
}

.btn-secondary-loja,
.btn-plano,
.btn-checkout-secondary,
.btn-voltar,
.btn-co-back,
.btn-copiar,
.btn-sair,
.btn-mobile-menu,
.mobile-drawer-close,
.tab-btn,
.header-btn {
    background: var(--bg-elev-2) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

.btn-login::before,
.btn-checkout::before,
.btn-primary-loja::before,
.btn-plano::before {
    display: none !important;
}

.login-hero h1 .highlight,
.hero-title .highlight,
.secao-titulo .highlight,
.page-title,
.stat-num,
.plano-preco .valor {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--primary-light) !important;
    animation: none !important;
}

.login-hero-badge,
.hero-badge,
.secao-eyebrow,
.plano-economia,
.pix-timer-wrap,
.pix-valor-display,
.resumo-plano {
    background: rgba(243,195,22,0.08) !important;
    border-color: rgba(243,195,22,0.22) !important;
}

.hero-feat,
.info-item,
.faq-item,
.pix-area,
.pix-chave-input-wrap,
.pix-status-box,
.mobile-drawer,
.resumo-plano,
.pix-timer-wrap,
.pix-valor-display,
.tabs-bar,
.tabela-planos,
.sucesso-info,
.pix-aviso {
    background: var(--bg-elev-2) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

input,
textarea,
select,
.login-campo input,
.form-group input {
    background: #10131b !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
}

input:focus,
textarea:focus,
select:focus,
.login-campo input:focus,
.form-group input:focus {
    border-color: var(--primary-light) !important;
    box-shadow: 0 0 0 3px rgba(243,195,22,0.18) !important;
}

.checkout-page {
    background: var(--bg) !important;
}

.checkout-grid {
    gap: 28px !important;
}

.checkout-stepper,
.checkout-card,
.resumo-card {
    border-radius: 14px !important;
}

.step-num::before {
    display: none !important;
}

/* FINAL LOCK 20260606c - fica por ultimo e vence todos os blocos antigos. */
:root {
    --final-bg: #05060b;
    --final-panel: #111623;
    --final-panel-2: #171d2d;
    --final-gold: #f5c518;
    --final-gold-2: #ffdd6d;
    --final-cyan: #22d3ee;
    --final-green: #10f0a0;
    --final-red: #ff4d61;
    --final-purple: #a855f7;
    --final-line: rgba(255,255,255,0.12);
}

body,
.app-layout,
.admin-layout,
.login-shell,
.loja-page,
.checkout-page {
    background:
        radial-gradient(circle at 12% 8%, rgba(245,197,24,0.16), transparent 30%),
        radial-gradient(circle at 88% 10%, rgba(34,211,238,0.13), transparent 28%),
        radial-gradient(circle at 55% 94%, rgba(168,85,247,0.13), transparent 30%),
        var(--final-bg) !important;
}

.sidebar {
    width: 238px !important;
    min-width: 238px !important;
    background: linear-gradient(180deg, rgba(16,18,28,0.98), rgba(7,8,14,0.99)) !important;
    border-right: 1px solid rgba(245,197,24,0.20) !important;
    box-shadow: 10px 0 38px rgba(0,0,0,0.36), inset -1px 0 0 rgba(255,255,255,0.04) !important;
}

.logo-area {
    min-height: 82px !important;
    padding: 18px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    background: linear-gradient(180deg, rgba(21,24,36,0.82), rgba(9,10,16,0.32)) !important;
}

.menu-section {
    padding: 10px 0 12px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.menu-section:first-child {
    border-top: 0 !important;
}

.menu-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    color: #d8deef !important;
    -webkit-text-fill-color: #d8deef !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 2.6px !important;
    text-transform: uppercase !important;
}

.menu-section-title::after {
    content: "" !important;
    display: block !important;
    height: 1px !important;
    flex: 1 1 auto !important;
    background: linear-gradient(90deg, rgba(245,197,24,0.72), transparent) !important;
}

.menu-section-title img,
.menu-icon {
    width: 14px !important;
    height: 14px !important;
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(82%) sepia(83%) saturate(936%) hue-rotate(348deg) brightness(101%) contrast(96%) drop-shadow(0 0 8px rgba(245,197,24,0.45)) !important;
}

.btn-nav,
.sidebar .btn-nav {
    width: calc(100% - 18px) !important;
    margin: 5px 9px !important;
    padding: 10px 14px !important;
    min-height: 34px !important;
    background: rgba(24,28,41,0.94) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 9px !important;
    color: #dfe5f5 !important;
    -webkit-text-fill-color: #dfe5f5 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .35px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.btn-nav:hover,
.sidebar .btn-nav:hover {
    background: rgba(45,36,13,0.98) !important;
    color: var(--final-gold-2) !important;
    -webkit-text-fill-color: var(--final-gold-2) !important;
    border-color: rgba(245,197,24,0.45) !important;
    transform: translateX(3px) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active {
    background: linear-gradient(90deg, rgba(245,197,24,0.30), rgba(45,36,13,0.98)) !important;
    color: var(--final-gold-2) !important;
    -webkit-text-fill-color: var(--final-gold-2) !important;
    border-color: rgba(245,197,24,0.62) !important;
    box-shadow: inset 4px 0 0 var(--final-gold), 0 0 28px rgba(245,197,24,0.18), 0 10px 28px rgba(0,0,0,0.24) !important;
}

.btn-nav.active::before,
.sidebar .btn-nav.active::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: var(--final-gold) !important;
    box-shadow: 0 0 12px rgba(245,197,24,0.8) !important;
    position: static !important;
    transform: none !important;
    flex: 0 0 auto !important;
}

.top-header,
.admin-topbar,
.loja-header {
    background: rgba(12,15,24,0.92) !important;
    border-bottom: 1px solid rgba(245,197,24,0.24) !important;
    box-shadow: 0 0 34px rgba(245,197,24,0.10), 0 14px 42px rgba(0,0,0,0.38) !important;
}

.stat-card,
.equipe-card,
.feature-card,
.hero-card,
.plano-card,
.checkout-card,
.resumo-card,
.bloco,
.admin-card,
.login-card,
.pix-area,
.step-card,
.renovar-card,
.historico-card,
.conta-card,
.banner-shell,
.bnr-panel {
    background: linear-gradient(180deg, rgba(23,28,42,0.96), rgba(10,12,20,0.98)) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,0.44), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.stat-card.verde { border-left: 3px solid var(--final-green) !important; }
.stat-card.azul { border-left: 3px solid var(--final-cyan) !important; }
.stat-card.roxo { border-left: 3px solid var(--final-purple) !important; }
.stat-card.vermelho { border-left: 3px solid var(--final-red) !important; }
.stat-card.amarelo { border-left: 3px solid var(--final-gold) !important; }

button,
a[class*="btn"],
.btn,
.qt-btn,
.btn-primary,
.btn-ghost,
.btn-plano,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-secondary-loja,
.btn-banner-primary,
.btn-banner-success,
.btn-acao-form {
    border-radius: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .25px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: linear-gradient(180deg, rgba(31,37,54,0.98), rgba(13,16,26,0.98)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.09) !important;
}

.btn-primary,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-banner-success,
.btn-success,
.btn-acao-gold,
.btn-pix,
.btn-submit,
.qt-btn:not(.qt-danger) {
    background: linear-gradient(135deg, #b47e08, #f5c518 55%, #ffe27a) !important;
    color: #10131b !important;
    -webkit-text-fill-color: #10131b !important;
    border-color: rgba(255,226,122,0.76) !important;
    box-shadow: 0 14px 36px rgba(245,197,24,0.26), 0 0 26px rgba(245,197,24,0.18), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.btn-primary *,
.btn-checkout *,
.btn-login *,
.btn-primary-loja *,
.btn-plano-destaque *,
.btn-plano-vitalicio *,
.btn-banner-success *,
.btn-success *,
.btn-acao-gold *,
.btn-pix *,
.btn-submit *,
.qt-btn:not(.qt-danger) * {
    color: #10131b !important;
    -webkit-text-fill-color: #10131b !important;
}

button:hover,
a[class*="btn"]:hover,
.btn:hover,
.qt-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.42), 0 0 30px rgba(245,197,24,0.20), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.page-title,
.aba-title,
.bloco-titulo,
.banner-titulo,
.checkout-titulo,
.modal-titulo,
.hero-title,
.login-hero h1,
.secao-titulo {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 22px rgba(245,197,24,0.18) !important;
}

.page-sub,
.checkout-sub,
.secao-desc,
.card-desc,
.stat-card-desc,
.plano-card p,
.feature-card p {
    color: #c4cbdb !important;
}

.plano-card {
    border-radius: 20px !important;
    padding-top: 42px !important;
}

.plano-card.destaque {
    border-color: rgba(245,197,24,0.56) !important;
}

.plano-card.vitalicio {
    border-color: rgba(168,85,247,0.72) !important;
    box-shadow: 0 24px 84px rgba(0,0,0,0.52), 0 0 46px rgba(168,85,247,0.24), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    top: -19px !important;
    min-width: 140px !important;
    padding: 9px 18px !important;
    background: linear-gradient(135deg, rgba(245,197,24,0.24), rgba(47,35,8,0.98)) !important;
    color: var(--final-gold-2) !important;
    -webkit-text-fill-color: var(--final-gold-2) !important;
    border: 1px solid rgba(245,197,24,0.62) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.20), 0 10px 28px rgba(0,0,0,0.30) !important;
}

.plano-preco,
.planos-page .plano-preco,
.plano-card .plano-preco {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    min-height: 82px !important;
    overflow: visible !important;
    filter: none !important;
}

.plano-preco .valor,
.planos-page .plano-preco .valor,
.plano-card .plano-preco .valor {
    color: var(--final-gold) !important;
    -webkit-text-fill-color: var(--final-gold) !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    text-shadow: 0 0 12px rgba(245,197,24,0.34), 0 0 28px rgba(245,197,24,0.16) !important;
    letter-spacing: 0 !important;
    font-size: clamp(54px, 5vw, 72px) !important;
    line-height: .92 !important;
    font-variant-numeric: tabular-nums !important;
}

.plano-card.vitalicio .plano-preco .valor {
    color: #ffd232 !important;
    -webkit-text-fill-color: #ffd232 !important;
    filter: none !important;
    opacity: 1 !important;
    text-shadow: 0 0 10px rgba(255,210,50,0.42), 0 0 26px rgba(255,210,50,0.22) !important;
}

.plano-card.vitalicio .plano-preco .moeda,
.plano-card.vitalicio .plano-preco .centavos,
.plano-card.vitalicio .plano-preco .periodo {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* ============================================================
   MOBILE DRAWER SEM BORRAR + PERFORMANCE DE TOQUE
   ============================================================ */
@media (max-width: 900px) {
    .mobile-menu-backdrop,
    .mobile-backdrop,
    .admin-backdrop,
    .modal-backdrop {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        background: rgba(0,0,0,0.58) !important;
    }

    .mobile-menu-backdrop.show,
    .mobile-backdrop.is-open,
    .admin-backdrop.is-open {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    .sidebar,
    .sidebar.mobile-open,
    .sidebar.is-open,
    .mobile-drawer,
    .mobile-drawer.is-open {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        background: #0b0d14 !important;
        transform: translate3d(0,0,0);
        will-change: transform;
        backface-visibility: hidden;
    }

    .sidebar *:not(input):not(textarea):not(select):not(option),
    .mobile-drawer *:not(input):not(textarea):not(select):not(option) {
        filter: none !important;
        text-shadow: none !important;
    }

    body.menu-open,
    body.drawer-open,
    body.sidebar-open,
    body.admin-menu-open,
    main,
    .content,
    #conteudoAba {
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .banner-shell .upper-canvas,
    .banner-shell .lower-canvas,
    .banner-shell canvas {
        touch-action: none;
        will-change: transform;
        image-rendering: auto;
    }
}

/* ============================================================
   MOBILE FINAL OVERRIDE - fica no fim para ganhar precedencia
   ============================================================ */
@media (max-width: 900px) {
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100%;
    }

    body { background-attachment: scroll !important; }
    .particles { display: none !important; }
    img, svg, canvas, video { max-width: 100% !important; }
    input, select, textarea, button { font-size: 16px !important; }
    button, a[class*="btn"], .btn-login, .btn-primary, .btn-plano, .bnr-btn {
        min-height: 44px !important;
        touch-action: manipulation;
    }

    .loja-container, .login-shell, .content, .admin-main, .admin-content, #conteudoAba {
        max-width: 100% !important;
    }

    .bloco, .admin-card, .ffws-bloco, .painel-card, .banner-shell {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .tabela-admin, .tabela-ranking-torneio, table.ffws-tabela, .historico-table {
        min-width: 620px !important;
    }
}

@media (max-width: 768px) {
    body:has(.login-shell) {
        display: block !important;
        padding: 14px !important;
        min-height: 100dvh !important;
    }

    .login-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    .login-hero {
        width: 100% !important;
        padding: 10px 4px 0 !important;
    }

    .login-hero-logo img, .login-logo-mobile img { height: 34px !important; }
    .login-hero-badge {
        font-size: 9.5px !important;
        line-height: 1.2 !important;
        padding: 7px 10px !important;
    }
    .login-hero h1 {
        font-size: clamp(34px, 11vw, 48px) !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        margin-bottom: 12px !important;
    }
    .login-hero p {
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }
    .hero-features { gap: 10px !important; margin-top: 12px !important; }
    .hero-feat { border-radius: 12px !important; padding: 12px !important; }
    .login-container { width: 100% !important; max-width: 100% !important; }
    .login-card {
        width: 100% !important;
        border-radius: 18px !important;
        padding: 22px 16px !important;
    }
    .login-campo .input-wrap, .input-wrap, .login-campo input {
        min-height: 48px !important;
        border-radius: 12px !important;
    }

    .loja-header { height: 58px !important; }
    .loja-header .loja-container { padding: 0 14px !important; }
    .loja-logo img { height: 30px !important; }
    .loja-nav { display: none !important; }
    .btn-mobile-menu { display: inline-flex !important; }

    .hero, .planos-hero, .features-hero, .faq-hero, .checkout-page, .cliente-page {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .hero .loja-container, .hero-content, .checkout-layout, .checkout-grid, .cliente-layout,
    .form-row, .form-grid, .manual-grid, .config-grid, .banner-shell .bnr-body {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .hero h1, .section-title, .page-title, .planos-hero h1, .features-hero h1, .faq-hero h1 {
        font-size: clamp(30px, 10vw, 44px) !important;
        line-height: 1.04 !important;
        letter-spacing: 0 !important;
    }

    .hero-actions, .cta-actions, .checkout-actions,
    .admin-toolbar, .toolbar, .page-header-row, .bloco-header,
    .admin-search, .search-box, .filtro-row, .filtros-admin,
    .banner-shell .bnr-header, .banner-shell .bnr-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .stats-row, .features-grid, .recursos-grid, .steps-grid, .planos-grid,
    .pricing-grid, .depoimentos-grid, .faq-grid, .grid-equipes,
    .grid-jogadores-cards, .foto-jog-grid, .ranking-triple, .live-stats,
    .backup-grid, .obs-grid, .booyah-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .plano-card, .feature-card, .step-card, .checkout-card, .resumo-card,
    .faq-item, .info-item, .bloco, .stat-card, .metric-card, .banner-shell {
        border-radius: 14px !important;
    }

    .plano-card { padding: 36px 16px 20px !important; }
    .plano-card .badge-popular, .plano-card .badge-vitalicio {
        top: -14px !important;
        min-width: 120px !important;
        padding: 7px 14px !important;
        font-size: 10px !important;
    }
    .plano-preco, .planos-page .plano-preco, .plano-card .plano-preco {
        min-height: 58px !important;
        gap: 4px !important;
    }
    .plano-preco .valor, .planos-page .plano-preco .valor, .plano-card .plano-preco .valor {
        font-size: clamp(42px, 15vw, 58px) !important;
    }

    .tabs-nav, .planos-tabs {
        width: 100% !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding: 6px !important;
        -webkit-overflow-scrolling: touch;
    }
    .tab-btn, .planos-tabs button {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .pix-code-row, .codigo-pix-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .admin-layout, .admin-main, main.content, .content, .main-content, #conteudoAba {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 14px !important;
    }
    .admin-topbar, .top-header { min-height: 58px !important; }
    .admin-sidebar, .sidebar.admin-sidebar, .sidebar {
        width: min(86vw, 320px) !important;
        max-width: min(86vw, 320px) !important;
    }
    .stats-grid, .metricas-grid, .cards-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    .stat-card, .metric-card {
        min-height: 124px !important;
        padding: 14px !important;
    }
    .stat-value, .metric-value {
        font-size: clamp(26px, 9vw, 38px) !important;
        line-height: 1 !important;
    }

    .banner-shell .bnr-side, .banner-shell .bnr-canvas-area {
        width: 100% !important;
        max-width: 100% !important;
    }
    .banner-shell .bnr-canvas-area {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .banner-shell .bnr-canvas-wrap {
        max-width: none !important;
        transform-origin: top left !important;
    }
}

@media (max-width: 480px) {
    .loja-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .hero h1, .login-hero h1, .section-title, .page-title {
        font-size: clamp(30px, 12vw, 42px) !important;
    }

    .hero-features { display: none !important; }
    .stats-grid, .metricas-grid, .cards-grid, .live-stats {
        grid-template-columns: 1fr !important;
    }

    .plano-preco .valor, .planos-page .plano-preco .valor, .plano-card .plano-preco .valor {
        font-size: 44px !important;
    }

    .mobile-drawer, .admin-sidebar, .sidebar.admin-sidebar, .sidebar {
        width: min(92vw, 340px) !important;
        max-width: min(92vw, 340px) !important;
    }

    .page-title, .dashboard-title, .bloco-titulo {
        word-break: break-word !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    .hero-feat:hover, .feature-card:hover, .plano-card:hover,
    .stat-card:hover, .metric-card:hover, .btn-login-loja:hover,
    .btn-primary-loja:hover {
        transform: none !important;
    }

    a[class*="btn"]:active, button:active {
        transform: scale(0.98);
    }
}

/* ============================================================
   MOBILE FINAL - login, loja, admin e painel
   ============================================================ */
@media (max-width: 900px) {
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100%;
    }

    body {
        background-attachment: scroll !important;
    }

    img, svg, canvas, video {
        max-width: 100% !important;
    }

    input, select, textarea, button {
        font-size: 16px !important;
    }

    button, a[class*="btn"], .btn-login, .btn-primary, .btn-plano, .bnr-btn {
        min-height: 44px !important;
        touch-action: manipulation;
    }

    .particles {
        display: none !important;
    }

    .loja-container,
    .login-shell,
    .content,
    .admin-main,
    .admin-content {
        max-width: 100% !important;
    }

    .tabela-admin,
    .tabela-ranking-torneio,
    table.ffws-tabela,
    .historico-table {
        min-width: 620px !important;
    }

    .bloco,
    .admin-card,
    .ffws-bloco,
    .painel-card,
    .banner-shell {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 768px) {
    /* Login */
    body:has(.login-shell) {
        display: block !important;
        padding: 14px !important;
        min-height: 100dvh !important;
    }

    .login-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    .login-hero {
        width: 100% !important;
        text-align: left !important;
        padding: 10px 4px 0 !important;
    }

    .login-hero-top {
        margin-bottom: 16px !important;
        gap: 10px !important;
    }

    .login-hero-logo img,
    .login-logo-mobile img {
        height: 34px !important;
        width: auto !important;
    }

    .login-hero-badge {
        font-size: 9.5px !important;
        line-height: 1.2 !important;
        padding: 7px 10px !important;
        max-width: 100% !important;
    }

    .login-hero h1 {
        font-size: clamp(34px, 11vw, 48px) !important;
        line-height: 1 !important;
        margin-bottom: 12px !important;
        letter-spacing: 0 !important;
    }

    .login-hero p {
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
        max-width: 100% !important;
    }

    .hero-features {
        gap: 10px !important;
        margin-top: 12px !important;
    }

    .hero-feat {
        border-radius: 12px !important;
        padding: 12px !important;
        gap: 12px !important;
    }

    .hero-feat-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }

    .login-container {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .login-card {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 18px !important;
        padding: 22px 16px !important;
        box-shadow: 0 18px 54px rgba(0,0,0,0.44), 0 0 24px rgba(245,197,24,0.10) !important;
    }

    .login-card h2,
    .login-card-title,
    .login-title {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }

    .login-campo,
    .form-group {
        margin-bottom: 14px !important;
    }

    .login-campo .input-wrap,
    .input-wrap,
    .login-campo input {
        min-height: 48px !important;
        border-radius: 12px !important;
    }

    .login-footer {
        padding: 16px 4px 0 !important;
        font-size: 11px !important;
    }

    /* Loja */
    .loja-header {
        height: 58px !important;
    }

    .loja-header .loja-container {
        padding: 0 14px !important;
    }

    .loja-logo img {
        height: 30px !important;
    }

    .loja-nav {
        display: none !important;
    }

    .btn-mobile-menu {
        display: inline-flex !important;
    }

    .hero,
    .planos-hero,
    .features-hero,
    .faq-hero,
    .checkout-page,
    .cliente-page {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .hero .loja-container,
    .hero-content,
    .checkout-layout,
    .checkout-grid,
    .cliente-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .hero h1,
    .section-title,
    .page-title,
    .planos-hero h1,
    .features-hero h1,
    .faq-hero h1 {
        font-size: clamp(30px, 10vw, 44px) !important;
        line-height: 1.04 !important;
        letter-spacing: 0 !important;
    }

    .hero p,
    .section-subtitle,
    .page-subtitle,
    .planos-hero p,
    .features-hero p,
    .faq-hero p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .hero-actions,
    .cta-actions,
    .checkout-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .stats-row,
    .features-grid,
    .recursos-grid,
    .steps-grid,
    .planos-grid,
    .pricing-grid,
    .depoimentos-grid,
    .faq-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .plano-card,
    .feature-card,
    .step-card,
    .checkout-card,
    .resumo-card,
    .faq-item,
    .info-item {
        border-radius: 16px !important;
        padding: 20px 16px !important;
    }

    .plano-card {
        padding-top: 36px !important;
    }

    .plano-card .badge-popular,
    .plano-card .badge-vitalicio {
        top: -14px !important;
        min-width: 120px !important;
        padding: 7px 14px !important;
        font-size: 10px !important;
    }

    .plano-preco,
    .planos-page .plano-preco,
    .plano-card .plano-preco {
        min-height: 58px !important;
        gap: 4px !important;
    }

    .plano-preco .valor,
    .planos-page .plano-preco .valor,
    .plano-card .plano-preco .valor {
        font-size: clamp(42px, 15vw, 58px) !important;
    }

    .tabs-nav,
    .planos-tabs {
        width: 100% !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding: 6px !important;
        -webkit-overflow-scrolling: touch;
    }

    .tab-btn,
    .planos-tabs button {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .pix-box,
    .qr-card,
    .checkout-card {
        max-width: 100% !important;
    }

    .pix-code-row,
    .codigo-pix-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    /* Admin */
    body:has(.admin-layout),
    body:has(.admin-sidebar) {
        display: block !important;
        overflow-x: hidden !important;
    }

    .admin-topbar {
        height: 58px !important;
        padding: 0 12px !important;
    }

    .admin-sidebar,
    .sidebar.admin-sidebar {
        width: min(86vw, 320px) !important;
        max-width: min(86vw, 320px) !important;
    }

    .admin-layout,
    .admin-main,
    main.content,
    .content {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 14px !important;
    }

    .admin-toolbar,
    .toolbar,
    .page-header-row,
    .bloco-header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .admin-toolbar button,
    .toolbar button,
    .bloco-header button,
    .page-header-row button {
        width: 100% !important;
        justify-content: center !important;
    }

    .admin-search,
    .search-box,
    .filtro-row,
    .filtros-admin {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .stats-grid,
    .metricas-grid,
    .cards-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .stat-card,
    .metric-card {
        min-height: 124px !important;
        padding: 14px !important;
    }

    .stat-value,
    .metric-value {
        font-size: clamp(26px, 9vw, 38px) !important;
        line-height: 1 !important;
    }

    .bloco {
        border-radius: 14px !important;
        padding: 0 !important;
    }

    .tabela-admin th,
    .tabela-admin td {
        padding: 10px 12px !important;
        white-space: nowrap !important;
    }

    .config-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .config-row label,
    .config-row input,
    .config-row select,
    .config-row textarea {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Painel normal */
    .top-header {
        min-height: 58px !important;
    }

    .header-container {
        padding: 8px 12px !important;
    }

    .header-logo-img {
        height: 28px !important;
    }

    .main-layout {
        display: block !important;
    }

    .main-content,
    #conteudoAba {
        width: 100% !important;
        padding: 12px !important;
    }

    .grid-equipes,
    .grid-jogadores-cards,
    .foto-jog-grid,
    .ranking-triple,
    .live-stats,
    .backup-grid,
    .obs-grid,
    .booyah-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .form-row,
    .form-grid,
    .manual-grid,
    .config-grid,
    .banner-shell .bnr-body {
        grid-template-columns: 1fr !important;
    }

    .banner-shell {
        border-radius: 14px !important;
    }

    .banner-shell .bnr-header,
    .banner-shell .bnr-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .banner-shell .bnr-side,
    .banner-shell .bnr-canvas-area {
        width: 100% !important;
        max-width: 100% !important;
    }

    .banner-shell .bnr-canvas-area {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .banner-shell .bnr-canvas-wrap {
        max-width: none !important;
        transform-origin: top left !important;
    }
}

@media (max-width: 480px) {
    .loja-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .login-card,
    .plano-card,
    .feature-card,
    .checkout-card,
    .resumo-card,
    .bloco,
    .stat-card,
    .metric-card {
        border-radius: 14px !important;
    }

    .hero h1,
    .login-hero h1,
    .section-title,
    .page-title {
        font-size: clamp(30px, 12vw, 42px) !important;
    }

    .hero-features {
        display: none !important;
    }

    .stats-grid,
    .metricas-grid,
    .cards-grid,
    .live-stats {
        grid-template-columns: 1fr !important;
    }

    .plano-preco .valor,
    .planos-page .plano-preco .valor,
    .plano-card .plano-preco .valor {
        font-size: 44px !important;
    }

    .mobile-drawer {
        width: min(92vw, 340px) !important;
    }

    .admin-sidebar,
    .sidebar.admin-sidebar,
    .sidebar {
        width: min(92vw, 320px) !important;
        max-width: min(92vw, 320px) !important;
    }

    .page-title,
    .dashboard-title,
    .bloco-titulo {
        word-break: break-word !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    .hero-feat:hover,
    .feature-card:hover,
    .plano-card:hover,
    .stat-card:hover,
    .metric-card:hover,
    .btn-login-loja:hover,
    .btn-primary-loja:hover {
        transform: none !important;
    }

    a[class*="btn"]:active,
    button:active {
        transform: scale(0.98);
    }
}

/* ADMIN DASHBOARD FINAL FIX 20260606f */
body:has(.quick-toolbar) > .content {
    margin-left: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    padding: 18px 18px 32px !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(245,197,24,0.08), transparent 24%),
        radial-gradient(circle at 82% 8%, rgba(34,211,238,0.06), transparent 26%),
        #05060c !important;
}

body:has(.quick-toolbar) .quick-toolbar {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 22px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    border-radius: 14px !important;
    background: rgba(12,15,24,0.86) !important;
    border: 1px solid rgba(245,197,24,0.24) !important;
    box-shadow: 0 16px 44px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

body:has(.quick-toolbar) .qt-search {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: rgba(7,10,17,0.92) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

body:has(.quick-toolbar) .qt-search input {
    height: 46px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body:has(.quick-toolbar) .qt-kbd {
    flex: 0 0 auto !important;
    min-width: 50px !important;
    text-align: center !important;
    padding: 5px 9px !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

body:has(.quick-toolbar) .qt-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body:has(.quick-toolbar) .qt-btn {
    height: 44px !important;
    min-height: 44px !important;
    min-width: 118px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 12px !important;
    opacity: 1 !important;
}

body:has(.quick-toolbar) .qt-btn span,
body:has(.quick-toolbar) .qt-btn {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

body:has(.quick-toolbar) .qt-danger {
    border-color: rgba(245,197,24,0.42) !important;
    background: rgba(245,197,24,0.12) !important;
}

body:has(.quick-toolbar) #aba-dashboard {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
}

body:has(.quick-toolbar) #aba-dashboard .page-header {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(245,197,24,0.22) !important;
}

body:has(.quick-toolbar) #aba-dashboard .page-title {
    font-size: 28px !important;
    line-height: 1.05 !important;
    color: #ffd21f !important;
    -webkit-text-fill-color: #ffd21f !important;
}

body:has(.quick-toolbar) #aba-dashboard .page-sub {
    margin-top: 6px !important;
    font-size: 13px !important;
}

body:has(.quick-toolbar) #aba-dashboard > .stats-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

body:has(.quick-toolbar) #aba-dashboard > .stats-grid .stat-card {
    min-width: 0 !important;
    min-height: 144px !important;
    padding: 17px 18px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

body:has(.quick-toolbar) #aba-dashboard .stat-card-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    margin-bottom: 6px !important;
}

body:has(.quick-toolbar) #aba-dashboard .stat-card-label {
    min-height: 22px !important;
    line-height: 1.25 !important;
    letter-spacing: 2px !important;
    font-size: 10px !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

body:has(.quick-toolbar) #aba-dashboard .stat-card-value {
    font-size: clamp(28px, 2.2vw, 38px) !important;
    line-height: .96 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
}

body:has(.quick-toolbar) #stat-receita,
body:has(.quick-toolbar) #stat-receita-total {
    font-size: clamp(25px, 2vw, 34px) !important;
}

body:has(.quick-toolbar) #aba-dashboard .stat-card-desc {
    margin-top: auto !important;
    font-size: 11px !important;
}

body:has(.quick-toolbar) #aba-dashboard > div[style*="grid-template-columns"] {
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body:has(.quick-toolbar) #aba-dashboard .bloco {
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

body:has(.quick-toolbar) #aba-dashboard > div[style*="grid-template-columns"] .bloco {
    margin: 0 !important;
}

@media (max-width: 1500px) {
    body:has(.quick-toolbar) #aba-dashboard > .stats-grid {
        grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
    }
}

@media (max-width: 1150px) {
    body:has(.quick-toolbar) .quick-toolbar {
        grid-template-columns: 1fr !important;
    }

    body:has(.quick-toolbar) .qt-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    body:has(.quick-toolbar) #aba-dashboard > .stats-grid {
        grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body:has(.quick-toolbar) > .content {
        padding: 14px 12px 24px !important;
    }

    body:has(.quick-toolbar) #aba-dashboard > .stats-grid,
    body:has(.quick-toolbar) #aba-dashboard > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }

    body:has(.quick-toolbar) .qt-btn {
        min-width: 0 !important;
        flex: 1 1 140px !important;
    }
}

/* FINAL VISUAL UPGRADE 20260606d */
:root {
    --ff-bg: #05060c;
    --ff-panel: rgba(14, 17, 28, 0.96);
    --ff-panel-2: rgba(21, 25, 39, 0.94);
    --ff-border: rgba(255, 255, 255, 0.12);
    --ff-gold: #f5c518;
    --ff-gold-2: #ffb000;
    --ff-cyan: #22d3ee;
    --ff-green: #00f0a8;
    --ff-purple: #a855f7;
    --ff-red: #ff4d61;
    --ff-white: #f8fafc;
    --ff-muted: #aab3c5;
}

html,
body {
    background:
        radial-gradient(circle at 16% 0%, rgba(245, 197, 24, 0.14), transparent 26%),
        radial-gradient(circle at 86% 14%, rgba(34, 211, 238, 0.10), transparent 28%),
        radial-gradient(circle at 56% 100%, rgba(168, 85, 247, 0.12), transparent 34%),
        var(--ff-bg) !important;
    color: var(--ff-white) !important;
}

body::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
    background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.026) 1px, transparent 1px) !important;
    background-size: 42px 42px !important;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 72%) !important;
}

h1, h2, h3, h4,
.page-title,
.secao-titulo,
.login-titulo,
.plano-card h3,
.card-title,
.stat-card-value,
.table-title,
.modal-title,
label,
th,
td,
p,
span,
small,
strong,
a,
button {
    color: inherit;
}

body,
.content,
.login-shell,
.loja-container,
.admin-card,
.bloco,
.checkout-card,
.resumo-card,
.login-card,
.plano-card,
.feature-card,
.hero-card,
.step-card,
.faq-item,
.conta-card,
.historico-card,
.renovar-card,
.banner-shell,
.bnr-panel {
    color: var(--ff-white) !important;
    -webkit-text-fill-color: initial !important;
}

.muted,
.text-muted,
.page-sub,
.page-subtitle,
.secao-desc,
.login-subtitulo,
.stat-card-desc,
.feature-card p,
.step-card p,
.faq-a,
.plano-header p,
.resumo-card p,
.checkout-card p,
.hero-desc,
.login-card .login-footer,
.depoimento-card p {
    color: var(--ff-muted) !important;
    -webkit-text-fill-color: var(--ff-muted) !important;
}

.highlight,
.nav-active,
.active,
.stat-card-value,
.plano-card h3,
.secao-titulo .highlight,
.hero-title .highlight {
    color: var(--ff-gold) !important;
    -webkit-text-fill-color: var(--ff-gold) !important;
    text-shadow: 0 0 18px rgba(245,197,24,0.18) !important;
}

.sidebar {
    width: 238px !important;
    background: linear-gradient(180deg, rgba(14,16,27,0.99), rgba(7,8,14,0.99)) !important;
    border-right: 1px solid rgba(245,197,24,0.18) !important;
    box-shadow: 14px 0 42px rgba(0,0,0,0.48), inset -1px 0 0 rgba(255,255,255,0.04) !important;
}

.logo-area {
    min-height: 80px !important;
    padding: 17px 18px !important;
    justify-content: flex-start !important;
    background: linear-gradient(180deg, rgba(22,25,38,0.90), rgba(10,11,18,0.92)) !important;
    border-bottom: 1px solid rgba(245,197,24,0.16) !important;
}

.logo-area img,
.loja-logo img,
.login-hero-logo img,
.login-logo-mobile img,
.topbar-logo {
    filter: drop-shadow(0 0 12px rgba(245,197,24,0.18)) !important;
}

.menu-items {
    padding: 14px 0 22px !important;
}

.menu-section {
    padding: 13px 11px 15px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.menu-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 4px 7px 10px !important;
    color: #d6dbea !important;
    -webkit-text-fill-color: #d6dbea !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    position: relative !important;
}

.menu-section-title::before {
    content: "" !important;
    width: 19px !important;
    height: 1px !important;
    background: linear-gradient(90deg, var(--ff-gold), transparent) !important;
    position: absolute !important;
    left: -14px !important;
    top: 50% !important;
}

.menu-icon,
.menu-section-title img,
.btn-nav img,
.loja-nav img,
.mobile-drawer-nav img,
.btn-login img,
.btn-primary-loja img,
.btn-secondary-loja img,
.btn-plano img,
.qt-btn img,
.btn-site img,
.btn-logout img {
    filter: invert(84%) sepia(74%) saturate(663%) hue-rotate(357deg) brightness(103%) contrast(96%) drop-shadow(0 0 6px rgba(245,197,24,.22)) !important;
}

.btn-nav {
    min-height: 34px !important;
    margin: 5px 0 !important;
    padding: 9px 14px !important;
    border-radius: 8px !important;
    justify-content: flex-start !important;
    background: rgba(24,28,42,0.70) !important;
    border: 1px solid transparent !important;
    color: #cfd6e8 !important;
    -webkit-text-fill-color: #cfd6e8 !important;
    box-shadow: none !important;
    text-align: left !important;
}

.btn-nav:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(245,197,24,0.12) !important;
    border-color: rgba(245,197,24,0.20) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active,
.sidebar .btn-nav[aria-current="page"] {
    background: linear-gradient(90deg, rgba(245,197,24,0.24), rgba(245,197,24,0.07)) !important;
    border-color: rgba(245,197,24,0.30) !important;
    border-right-color: rgba(245,197,24,0.70) !important;
    color: var(--ff-gold) !important;
    -webkit-text-fill-color: var(--ff-gold) !important;
    box-shadow: inset 3px 0 0 var(--ff-gold), 0 0 18px rgba(245,197,24,0.10) !important;
}

@media (min-width: 901px) {
    .content {
        margin-left: 238px !important;
        width: calc(100% - 238px) !important;
    }
}

.sidebar-footer {
    padding: 14px 11px 16px !important;
    background: linear-gradient(180deg, rgba(10,11,18,0), rgba(8,9,15,0.98)) !important;
    border-top: 1px solid rgba(245,197,24,0.13) !important;
}

.btn-site,
.btn-logout {
    width: 100% !important;
    min-height: 36px !important;
    justify-content: center !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.btn-site {
    background: rgba(245,197,24,0.10) !important;
    border-color: rgba(245,197,24,0.32) !important;
}

.btn-logout {
    background: rgba(255,77,97,0.12) !important;
    border-color: rgba(255,77,97,0.32) !important;
}

.admin-topbar,
.top-header,
.loja-header {
    backdrop-filter: blur(18px) saturate(130%) !important;
    background: rgba(8,10,17,0.84) !important;
    border-bottom: 1px solid rgba(245,197,24,0.22) !important;
    box-shadow: 0 16px 50px rgba(0,0,0,0.42), 0 0 30px rgba(245,197,24,0.10) !important;
}

.loja-nav a,
.mobile-drawer-nav a,
.tabs-bar .tab-btn {
    color: #dce4f4 !important;
    -webkit-text-fill-color: #dce4f4 !important;
    background: rgba(20,24,37,0.70) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.loja-nav a:hover,
.loja-nav a.nav-active,
.mobile-drawer-nav a.nav-active,
.tabs-bar .tab-btn.active {
    color: var(--ff-gold) !important;
    -webkit-text-fill-color: var(--ff-gold) !important;
    border-color: rgba(245,197,24,0.42) !important;
    background: rgba(245,197,24,0.12) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.12), inset 0 -2px 0 var(--ff-gold) !important;
}

button,
a[class*="btn"],
.btn,
.qt-btn,
.btn-primary,
.btn-ghost,
.btn-plano,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-secondary-loja,
.btn-banner-primary,
.btn-banner-success,
.btn-acao-form,
.btn-submit,
.btn-pix,
.btn-success,
.btn-acao-gold {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, rgba(36,42,62,0.98), rgba(11,13,22,0.98)) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.btn-primary,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-banner-success,
.btn-success,
.btn-acao-gold,
.btn-pix,
.btn-submit,
.qt-btn:not(.qt-danger) {
    background:
        linear-gradient(135deg, rgba(245,197,24,0.95), rgba(255,176,0,0.82) 42%, rgba(57,39,9,0.94)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.52) !important;
    border-color: rgba(255,226,122,0.72) !important;
    box-shadow: 0 16px 38px rgba(245,197,24,0.24), 0 0 26px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.26) !important;
}

.btn-primary *,
.btn-checkout *,
.btn-login *,
.btn-primary-loja *,
.btn-plano-destaque *,
.btn-plano-vitalicio *,
.btn-banner-success *,
.btn-success *,
.btn-acao-gold *,
.btn-pix *,
.btn-submit *,
.qt-btn:not(.qt-danger) * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

button:hover,
a[class*="btn"]:hover,
.btn:hover,
.qt-btn:hover,
.btn-plano:hover,
.btn-login:hover,
.btn-primary-loja:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(245,197,24,0.46) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.42), 0 0 30px rgba(245,197,24,0.18) !important;
}

.stat-card,
.equipe-card,
.feature-card,
.hero-card,
.plano-card,
.checkout-card,
.resumo-card,
.bloco,
.admin-card,
.login-card,
.pix-area,
.step-card,
.faq-item,
.depoimento-card,
.renovar-card,
.historico-card,
.conta-card,
.banner-shell,
.bnr-panel {
    background:
        linear-gradient(180deg, rgba(25,30,47,0.95), rgba(9,11,19,0.97)) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-top-color: rgba(255,255,255,0.18) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.stat-card:nth-child(6n+1),
.feature-card:nth-child(6n+1),
.equipe-card:nth-child(6n+1) { border-left: 3px solid var(--ff-gold) !important; }
.stat-card:nth-child(6n+2),
.feature-card:nth-child(6n+2),
.equipe-card:nth-child(6n+2) { border-left: 3px solid var(--ff-green) !important; }
.stat-card:nth-child(6n+3),
.feature-card:nth-child(6n+3),
.equipe-card:nth-child(6n+3) { border-left: 3px solid var(--ff-red) !important; }
.stat-card:nth-child(6n+4),
.feature-card:nth-child(6n+4),
.equipe-card:nth-child(6n+4) { border-left: 3px solid var(--ff-purple) !important; }
.stat-card:nth-child(6n+5),
.feature-card:nth-child(6n+5),
.equipe-card:nth-child(6n+5) { border-left: 3px solid var(--ff-cyan) !important; }

.stat-card-icon,
.feature-icon,
.plano-header-icon,
.hero-feat-icon,
.step-num,
.depoimento-author-avatar {
    background: rgba(245,197,24,0.12) !important;
    border: 1px solid rgba(245,197,24,0.30) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.feature-icon[data-cor="cyan"],
.hero-feat-icon[data-cor="cyan"] {
    background: rgba(34,211,238,0.13) !important;
    border-color: rgba(34,211,238,0.34) !important;
    box-shadow: 0 0 24px rgba(34,211,238,0.14) !important;
}

.feature-icon[data-cor="purple"],
.hero-feat-icon[data-cor="purple"] {
    background: rgba(168,85,247,0.14) !important;
    border-color: rgba(168,85,247,0.34) !important;
    box-shadow: 0 0 24px rgba(168,85,247,0.14) !important;
}

.feature-icon[data-cor="green"],
.hero-feat-icon[data-cor="green"] {
    background: rgba(0,240,168,0.12) !important;
    border-color: rgba(0,240,168,0.32) !important;
    box-shadow: 0 0 24px rgba(0,240,168,0.13) !important;
}

input,
textarea,
select {
    background: rgba(8,10,17,0.78) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

input::placeholder,
textarea::placeholder {
    color: #7f889b !important;
    -webkit-text-fill-color: #7f889b !important;
}

.plano-card {
    overflow: visible !important;
    padding-top: 48px !important;
}

.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    top: -18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    white-space: nowrap !important;
    color: #fff4b8 !important;
    -webkit-text-fill-color: #fff4b8 !important;
}

.planos-grid,
.pricing-grid {
    overflow: visible !important;
    padding-top: 26px !important;
}

.plano-preco .moeda,
.plano-preco .centavos,
.plano-preco .periodo {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.plano-preco .valor,
.planos-page .plano-preco .valor,
.plano-card .plano-preco .valor {
    color: #ffd21f !important;
    -webkit-text-fill-color: #ffd21f !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.plano-card.vitalicio .plano-preco {
    min-width: 0 !important;
    width: 100% !important;
}

.plano-card.vitalicio .plano-preco .valor::before,
.plano-card.vitalicio .plano-preco .valor::after {
    display: none !important;
    content: none !important;
}

.hero,
.page-hero,
.login-shell {
    background:
        radial-gradient(circle at 20% 18%, rgba(245,197,24,0.12), transparent 26%),
        radial-gradient(circle at 76% 22%, rgba(34,211,238,0.10), transparent 28%),
        transparent !important;
}

.hero-card,
.login-card,
.checkout-card,
.resumo-card {
    border-color: rgba(245,197,24,0.22) !important;
    box-shadow: 0 28px 86px rgba(0,0,0,0.52), 0 0 42px rgba(245,197,24,0.12), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.alert,
.toast,
.notificacao,
.login-erro,
.erro,
.msg-erro {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* NO BLACK UI TEXT LOCK 20260606d */
html body :not(input):not(textarea):not(select):not(option) {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

html body .highlight,
html body .nav-active,
html body .btn-nav.active,
html body .sidebar .btn-nav.active,
html body .menu-section-title,
html body .page-title .highlight,
html body .secao-titulo .highlight,
html body .hero-title .highlight,
html body .stat-card-value,
html body .plano-card h3,
html body .plano-preco .valor,
html body .planos-page .plano-preco .valor,
html body .plano-card .plano-preco .valor,
html body .plano-card.vitalicio .plano-preco .valor,
html body .hero-pts,
html body .hero-pos,
html body .rank-pos-badge.pos-1,
html body .res-medal.res-medal-1 {
    color: #ffd21f !important;
    -webkit-text-fill-color: #ffd21f !important;
}

html body .muted,
html body .text-muted,
html body .page-sub,
html body .page-subtitle,
html body .secao-desc,
html body .login-subtitulo,
html body .stat-card-desc,
html body .feature-card p,
html body .step-card p,
html body .faq-a,
html body .plano-header p,
html body .resumo-card p,
html body .checkout-card p,
html body .hero-desc,
html body .depoimento-card p,
html body .plano-preco .periodo {
    color: #aab3c5 !important;
    -webkit-text-fill-color: #aab3c5 !important;
}

html body .plano-preco .moeda,
html body .plano-preco .centavos,
html body .plano-card.vitalicio .plano-preco .moeda,
html body .plano-card.vitalicio .plano-preco .centavos {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body button img,
html body a[class*="btn"] img,
html body .btn-mobile-cta img,
html body .btn-nav img,
html body .menu-icon,
html body .menu-section-title img,
html body .loja-nav img,
html body .mobile-drawer-nav img,
html body .input-ico,
html body .title-ico,
html body .faq-q-ico,
html body .feature-icon img,
html body .plano-header-icon img,
html body .resumo-plano-icon img,
html body .sucesso-icon img,
html body .stat-card-icon img {
    filter: invert(84%) sepia(74%) saturate(663%) hue-rotate(357deg) brightness(103%) contrast(96%) drop-shadow(0 0 7px rgba(245,197,24,.22)) !important;
}

html body .plano-card .badge-popular,
html body .plano-card .badge-vitalicio,
html body .plano-economia,
html body .feature-tag,
html body .secao-eyebrow {
    color: #fff4b8 !important;
    -webkit-text-fill-color: #fff4b8 !important;
}

/* LAYOUT HOTFIX 20260606e */
body > .content {
    margin-left: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    padding: 22px 28px !important;
}

.app-layout > .content {
    margin-left: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    padding: 24px 28px !important;
}

@media (min-width: 901px) {
    body > .content,
    .app-layout > .content {
        margin-left: 0 !important;
        width: auto !important;
    }
}

.app-layout {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.app-layout > .sidebar,
body > .sidebar {
    flex: 0 0 238px !important;
}

.quick-toolbar {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto 22px !important;
    padding: 12px 14px !important;
    gap: 12px !important;
    align-items: center !important;
}

.qt-search {
    flex: 1 1 420px !important;
    min-width: 260px !important;
}

.qt-actions {
    flex: 0 1 auto !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.qt-btn {
    min-height: 38px !important;
    padding: 8px 13px !important;
    opacity: 1 !important;
}

.qt-btn span,
.qt-btn {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

.page-header,
.stats-grid,
.dashboard-grid,
.admin-card,
.bloco,
.aba-content > .bloco-pagina {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 14px !important;
}

.stat-card {
    min-height: 132px !important;
    padding: 18px 18px !important;
}

.stat-card-value {
    font-size: clamp(26px, 2.2vw, 34px) !important;
    line-height: 1 !important;
}

.bloco-pagina {
    min-height: 0 !important;
}

.login-shell {
    width: min(1180px, calc(100vw - 48px)) !important;
    max-width: 1180px !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(420px, 1fr) minmax(360px, 440px) !important;
    gap: clamp(48px, 6vw, 96px) !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 42px 0 !important;
}

.login-container {
    max-width: 440px !important;
    width: 100% !important;
}

.login-card {
    padding: 34px 34px 32px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.login-card::before {
    display: none !important;
}

.login-campo {
    margin-bottom: 18px !important;
}

.login-campo label {
    display: block !important;
    margin-bottom: 8px !important;
    color: #f4d24a !important;
    -webkit-text-fill-color: #f4d24a !important;
    font-size: 11px !important;
    letter-spacing: 1.8px !important;
}

.login-campo .input-wrap,
.input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.login-campo .input-wrap img.input-ico,
.input-wrap .input-ico {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 17px !important;
    height: 17px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.login-campo .input-wrap input,
.input-wrap input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 46px 0 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 48px !important;
}

.toggle-senha {
    position: absolute !important;
    right: 9px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    z-index: 3 !important;
}

.toggle-senha:hover {
    transform: translateY(-50%) !important;
}

.toggle-senha img {
    width: 17px !important;
    height: 17px !important;
}

.login-lembrar {
    margin: 4px 0 22px !important;
}

.lembrar-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.lembrar-check {
    flex: 0 0 20px !important;
}

.btn-login {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.btn-login:disabled {
    opacity: .78 !important;
    cursor: wait !important;
    pointer-events: none !important;
}

.btn-login .btn-text,
.btn-login span,
.btn-login {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.btn-login img {
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    transform: none !important;
}

.login-divider {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 24px 0 !important;
}

.login-divider::before,
.login-divider::after {
    content: "" !important;
    height: 1px !important;
    flex: 1 !important;
    background: rgba(255,255,255,0.10) !important;
}

.login-hero {
    max-width: 540px !important;
}

.login-hero h1 {
    font-size: clamp(42px, 4.8vw, 62px) !important;
}

.hero-feat {
    min-height: 64px !important;
}

@media (max-width: 980px) {
    .login-shell {
        grid-template-columns: 1fr !important;
        width: min(560px, calc(100vw - 32px)) !important;
        gap: 24px !important;
    }

    .login-hero {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .hero-features {
        display: none !important;
    }

    .login-container {
        margin: 0 auto !important;
    }
}

/* SPACE FIX 20260606e */
body > .content .page-header,
body > .content .stats-grid,
body > .content .dashboard-grid,
body > .content .admin-card,
body > .content .bloco,
body > .content .aba-content > .bloco-pagina,
body > .content .quick-toolbar,
.app-layout > .content .page-header,
.app-layout > .content .stats-grid,
.app-layout > .content .dashboard-grid,
.app-layout > .content .admin-card,
.app-layout > .content .bloco,
.app-layout > .content .aba-content > .bloco-pagina,
.app-layout > .content .quick-toolbar {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

body > .content .aba-content,
.app-layout > .content .aba-content {
    width: 100% !important;
    max-width: none !important;
}

.app-layout > .content {
    padding-left: 18px !important;
}

body > .content {
    padding-left: 22px !important;
}

/* ============================================================
   Premium colorful pass - barras antigas + futuro
   ============================================================ */
:root {
    --neo-bg: #05060b;
    --neo-panel: #0d1018;
    --neo-panel-2: #151925;
    --neo-panel-3: #1b2130;
    --neo-gold: #f5c518;
    --neo-gold-2: #ffd95a;
    --neo-cyan: #22d3ee;
    --neo-green: #10f0a0;
    --neo-red: #ff4d61;
    --neo-purple: #a855f7;
    --neo-blue: #38bdf8;
    --neo-text: #f8fafc;
    --neo-muted: #a9b2c7;
    --neo-line: rgba(255,255,255,0.12);
    --neo-gold-line: rgba(245,197,24,0.42);
}

body,
.app-layout,
.admin-layout,
.login-shell,
.loja-page,
.checkout-page {
    background:
        radial-gradient(circle at 14% 8%, rgba(245,197,24,0.16), transparent 28%),
        radial-gradient(circle at 86% 8%, rgba(34,211,238,0.13), transparent 26%),
        radial-gradient(circle at 56% 96%, rgba(168,85,247,0.13), transparent 30%),
        var(--neo-bg) !important;
}

.sidebar {
    width: 238px !important;
    min-width: 238px !important;
    background:
        linear-gradient(180deg, rgba(16,18,28,0.98), rgba(7,8,14,0.99)) !important;
    border-right: 1px solid rgba(245,197,24,0.18) !important;
    box-shadow: 10px 0 38px rgba(0,0,0,0.36), inset -1px 0 0 rgba(255,255,255,0.04) !important;
}

.logo-area {
    min-height: 82px !important;
    padding: 18px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    background: linear-gradient(180deg, rgba(21,24,36,0.78), rgba(9,10,16,0.20)) !important;
}

.logo-area img,
.topbar-logo,
.header-logo-img,
.loja-logo img,
.login-hero-logo img,
.login-logo-mobile img {
    filter: drop-shadow(0 0 18px rgba(245,197,24,0.34)) !important;
}

.menu-items {
    padding: 12px 0 !important;
}

.menu-section {
    padding: 10px 0 12px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.menu-section:first-child {
    border-top: 0 !important;
}

.menu-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 14px 8px !important;
    color: #d8deef !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 2.6px !important;
    text-transform: uppercase !important;
}

.menu-section-title::after {
    content: "" !important;
    display: block !important;
    height: 1px !important;
    flex: 1 1 auto !important;
    background: linear-gradient(90deg, rgba(245,197,24,0.62), transparent) !important;
    opacity: 0.75 !important;
}

.menu-section-title img,
.menu-icon {
    width: 14px !important;
    height: 14px !important;
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(82%) sepia(83%) saturate(936%) hue-rotate(348deg) brightness(101%) contrast(96%) drop-shadow(0 0 8px rgba(245,197,24,0.45)) !important;
}

.btn-nav,
.sidebar .btn-nav {
    width: calc(100% - 18px) !important;
    margin: 5px 9px !important;
    padding: 10px 14px !important;
    min-height: 34px !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    background: rgba(24,28,41,0.92) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 9px !important;
    color: #dfe5f5 !important;
    -webkit-text-fill-color: #dfe5f5 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .35px !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.btn-nav:hover,
.sidebar .btn-nav:hover {
    background: rgba(45,36,13,0.96) !important;
    color: var(--neo-gold-2) !important;
    -webkit-text-fill-color: var(--neo-gold-2) !important;
    border-color: rgba(245,197,24,0.42) !important;
    transform: translateX(3px) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.12), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active {
    background: linear-gradient(90deg, rgba(245,197,24,0.28), rgba(45,36,13,0.96)) !important;
    color: var(--neo-gold-2) !important;
    -webkit-text-fill-color: var(--neo-gold-2) !important;
    border-color: rgba(245,197,24,0.60) !important;
    box-shadow: inset 4px 0 0 var(--neo-gold), 0 0 28px rgba(245,197,24,0.16), 0 10px 28px rgba(0,0,0,0.24) !important;
}

.btn-nav.active::before,
.sidebar .btn-nav.active::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: var(--neo-gold) !important;
    box-shadow: 0 0 12px rgba(245,197,24,0.8) !important;
    position: static !important;
    transform: none !important;
    flex: 0 0 auto !important;
}

.sidebar-footer {
    padding: 14px 10px !important;
    border-top: 1px solid rgba(255,255,255,0.10) !important;
    background: rgba(6,7,12,0.72) !important;
}

.btn-site,
.btn-logout {
    border-radius: 11px !important;
    min-height: 40px !important;
    justify-content: center !important;
    font-weight: 900 !important;
    letter-spacing: .15px !important;
}

.btn-site {
    background: rgba(245,197,24,0.10) !important;
    border-color: rgba(245,197,24,0.38) !important;
    color: var(--neo-gold-2) !important;
    -webkit-text-fill-color: var(--neo-gold-2) !important;
}

.btn-logout {
    background: rgba(255,77,97,0.10) !important;
    border-color: rgba(255,77,97,0.36) !important;
    color: #ff98a5 !important;
    -webkit-text-fill-color: #ff98a5 !important;
}

.content {
    background:
        linear-gradient(180deg, rgba(10,12,19,0.72), rgba(5,6,11,0.96)) !important;
}

.top-header,
.admin-topbar,
.loja-header {
    background: rgba(12,15,24,0.92) !important;
    border-bottom: 1px solid rgba(245,197,24,0.24) !important;
    box-shadow: 0 0 34px rgba(245,197,24,0.10), 0 14px 42px rgba(0,0,0,0.38) !important;
}

.stats-grid {
    gap: 16px !important;
}

.stat-card,
.equipe-card,
.feature-card,
.hero-card,
.plano-card,
.checkout-card,
.resumo-card,
.bloco,
.admin-card,
.login-card,
.pix-area,
.step-card,
.renovar-card,
.historico-card,
.conta-card {
    background:
        linear-gradient(180deg, rgba(23,28,42,0.96), rgba(10,12,20,0.98)) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,0.44), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.stat-card {
    overflow: hidden !important;
}

.stat-card::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: -34px !important;
    top: -34px !important;
    width: 100px !important;
    height: 100px !important;
    border-radius: 999px !important;
    background: rgba(245,197,24,0.12) !important;
    pointer-events: none !important;
}

.stat-card.verde { border-left: 3px solid var(--neo-green) !important; }
.stat-card.verde::after { background: rgba(16,240,160,0.14) !important; }
.stat-card.azul { border-left: 3px solid var(--neo-blue) !important; }
.stat-card.azul::after { background: rgba(56,189,248,0.14) !important; }
.stat-card.roxo { border-left: 3px solid var(--neo-purple) !important; }
.stat-card.roxo::after { background: rgba(168,85,247,0.16) !important; }
.stat-card.vermelho { border-left: 3px solid var(--neo-red) !important; }
.stat-card.vermelho::after { background: rgba(255,77,97,0.14) !important; }
.stat-card.amarelo { border-left: 3px solid var(--neo-gold) !important; }

.stat-card-value,
.backup-stat-valor,
.live-stat-valor {
    color: var(--neo-gold-2) !important;
    -webkit-text-fill-color: var(--neo-gold-2) !important;
    text-shadow: 0 0 18px rgba(245,197,24,0.32) !important;
}

.page-title,
.aba-title,
.bloco-titulo,
.banner-titulo,
.checkout-titulo,
.modal-titulo,
.hero-title,
.login-hero h1,
.secao-titulo {
    letter-spacing: .2px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 22px rgba(245,197,24,0.18) !important;
}

.page-sub,
.checkout-sub,
.secao-desc,
.card-desc,
.stat-card-desc,
.plano-card p,
.feature-card p {
    color: #c4cbdb !important;
}

button,
a[class*="btn"],
.btn,
.qt-btn,
.btn-primary,
.btn-ghost,
.btn-plano,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-secondary-loja,
.btn-banner-primary,
.btn-banner-success,
.btn-acao-form {
    border-radius: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .25px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: linear-gradient(180deg, rgba(31,37,54,0.98), rgba(13,16,26,0.98)) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.09) !important;
}

.btn-primary,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-banner-success,
.btn-success,
.btn-acao-gold,
.btn-pix,
.btn-submit,
.qt-btn:not(.qt-danger) {
    background: linear-gradient(135deg, #b47e08, #f5c518 55%, #ffe27a) !important;
    color: #10131b !important;
    -webkit-text-fill-color: #10131b !important;
    border-color: rgba(255,226,122,0.76) !important;
    box-shadow: 0 14px 36px rgba(245,197,24,0.26), 0 0 26px rgba(245,197,24,0.18), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.btn-primary *,
.btn-checkout *,
.btn-login *,
.btn-primary-loja *,
.btn-plano-destaque *,
.btn-plano-vitalicio *,
.btn-banner-success *,
.btn-success *,
.btn-acao-gold *,
.btn-pix *,
.btn-submit *,
.qt-btn:not(.qt-danger) * {
    color: #10131b !important;
    -webkit-text-fill-color: #10131b !important;
}

button:hover,
a[class*="btn"]:hover,
.btn:hover,
.qt-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.42), 0 0 30px rgba(245,197,24,0.20), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

input,
textarea,
select,
.qt-search {
    background: rgba(7,10,17,0.96) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 8px 24px rgba(0,0,0,0.20) !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: rgba(245,197,24,0.72) !important;
    box-shadow: 0 0 0 3px rgba(245,197,24,0.16), 0 0 26px rgba(245,197,24,0.18) !important;
}

.plano-card {
    border-radius: 20px !important;
    padding-top: 42px !important;
}

.plano-card.destaque,
.plano-card.vitalicio {
    border-color: rgba(245,197,24,0.50) !important;
}

.plano-card.vitalicio {
    border-color: rgba(168,85,247,0.68) !important;
    box-shadow: 0 24px 84px rgba(0,0,0,0.52), 0 0 46px rgba(168,85,247,0.22), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    top: -19px !important;
    min-width: 140px !important;
    padding: 9px 18px !important;
    background: linear-gradient(135deg, rgba(245,197,24,0.22), rgba(47,35,8,0.98)) !important;
    color: var(--neo-gold-2) !important;
    -webkit-text-fill-color: var(--neo-gold-2) !important;
    border: 1px solid rgba(245,197,24,0.62) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.20), 0 10px 28px rgba(0,0,0,0.30) !important;
}

.plano-card.vitalicio .badge-vitalicio {
    border-color: rgba(168,85,247,0.74) !important;
    box-shadow: 0 0 26px rgba(168,85,247,0.24), 0 10px 28px rgba(0,0,0,0.30) !important;
}

.plano-preco,
.planos-page .plano-preco,
.plano-card .plano-preco {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    min-height: 82px !important;
    overflow: visible !important;
    filter: none !important;
}

.plano-preco .valor,
.planos-page .plano-preco .valor,
.plano-card .plano-preco .valor {
    color: var(--neo-gold) !important;
    -webkit-text-fill-color: var(--neo-gold) !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    text-shadow: 0 0 12px rgba(245,197,24,0.34), 0 0 28px rgba(245,197,24,0.16) !important;
    letter-spacing: 0 !important;
    font-size: clamp(54px, 5vw, 72px) !important;
    line-height: .92 !important;
    font-variant-numeric: tabular-nums !important;
}

.plano-card.vitalicio .plano-preco .moeda,
.plano-card.vitalicio .plano-preco .centavos,
.plano-card.vitalicio .plano-preco .periodo {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

.plano-card.vitalicio .plano-preco .valor {
    color: #ffd232 !important;
    -webkit-text-fill-color: #ffd232 !important;
    filter: none !important;
    opacity: 1 !important;
    text-shadow: 0 0 10px rgba(255,210,50,0.42), 0 0 26px rgba(255,210,50,0.22) !important;
}

.plano-features li {
    color: #f1f5f9 !important;
    margin-bottom: 13px !important;
}

.plano-features li::before,
.plano-card .check,
.plano-card .feature-check {
    background: linear-gradient(135deg, #10f0a0, #f5c518) !important;
    color: #10131b !important;
    box-shadow: 0 0 18px rgba(16,240,160,0.20) !important;
}

.pix-qr-box,
.qrcode-box {
    box-shadow: 0 0 36px rgba(245,197,24,0.28), 0 20px 58px rgba(0,0,0,0.42) !important;
}

.tabela-admin,
.tabela-admin th,
.tabela-admin td,
table,
th,
td {
    border-color: rgba(255,255,255,0.09) !important;
}

@media (max-width: 900px) {
    .sidebar {
        width: 220px !important;
        min-width: 220px !important;
    }

    .plano-preco .valor,
    .planos-page .plano-preco .valor,
    .plano-card .plano-preco .valor {
        font-size: 52px !important;
    }
}

/* ============================================================
   Tema final futuristico premium
   Aplicado por ultimo para login, loja, admin, site e pagamento.
   ============================================================ */
:root {
    --fx-bg: #05060a;
    --fx-panel: #0d1018;
    --fx-panel-2: #121722;
    --fx-panel-3: #171d2a;
    --fx-gold: #f4c21f;
    --fx-gold-2: #ffdc5a;
    --fx-cyan: #22d3ee;
    --fx-green: #12d98e;
    --fx-purple: #8b5cf6;
    --fx-text: #f8fafc;
    --fx-muted: #b5bdcf;
    --fx-line: rgba(255,255,255,0.12);
    --fx-line-strong: rgba(244,194,31,0.42);
    --fx-shadow: 0 22px 70px rgba(0,0,0,0.48);
    --fx-glow: 0 0 0 1px rgba(244,194,31,0.16), 0 16px 42px rgba(244,194,31,0.10), 0 24px 70px rgba(0,0,0,0.44);
}

html {
    background: var(--fx-bg) !important;
}

body,
.login-shell,
.checkout-page,
.app-layout,
.admin-page,
.admin-layout,
.loja-page,
.planos-page,
.loja-main,
.loja-section {
    background:
        radial-gradient(circle at 18% 8%, rgba(244,194,31,0.12), transparent 26%),
        radial-gradient(circle at 88% 12%, rgba(34,211,238,0.09), transparent 24%),
        radial-gradient(circle at 55% 92%, rgba(139,92,246,0.08), transparent 28%),
        var(--fx-bg) !important;
    color: var(--fx-text) !important;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(circle at center, black, transparent 78%);
}

body > * {
    position: relative;
    z-index: 1;
}

.top-header,
.admin-topbar,
.loja-header {
    background: rgba(9,11,17,0.86) !important;
    border-bottom: 1px solid rgba(244,194,31,0.22) !important;
    box-shadow: 0 10px 34px rgba(0,0,0,0.42), 0 0 26px rgba(244,194,31,0.08) !important;
    backdrop-filter: blur(16px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.25) !important;
}

.sidebar {
    background: linear-gradient(180deg, rgba(15,18,28,0.96), rgba(8,10,16,0.98)) !important;
    border-right: 1px solid rgba(244,194,31,0.18) !important;
    box-shadow: inset -1px 0 0 rgba(255,255,255,0.04), 12px 0 32px rgba(0,0,0,0.28) !important;
}

.login-card,
.checkout-card,
.checkout-stepper,
.resumo-card,
.hero-card,
.feature-card,
.plano-card,
.depoimento-card,
.cta-card,
.admin-card,
.modal-content,
.banner-shell,
.bnr-panel,
.bnr-toolbar,
.bnr-canvas-area,
.aba-centro,
.bloco,
.config-card,
.live-card,
.backup-card,
.equipe-card,
.pix-area,
.pix-status-box,
.tabs-bar,
.step-card {
    background:
        linear-gradient(180deg, rgba(22,27,40,0.96), rgba(11,14,22,0.98)) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: var(--fx-shadow) !important;
    border-radius: 18px !important;
    position: relative;
    overflow: hidden;
}

.login-card::before,
.checkout-card::before,
.resumo-card::before,
.hero-card::before,
.feature-card::before,
.plano-card::before,
.admin-card::before,
.banner-shell::before,
.aba-centro::before,
.bloco::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
        linear-gradient(135deg, rgba(244,194,31,0.22), transparent 24%, transparent 72%, rgba(34,211,238,0.12)),
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent 22%) !important;
    opacity: 0.72 !important;
    z-index: 0 !important;
}

.login-card > *,
.checkout-card > *,
.resumo-card > *,
.hero-card > *,
.feature-card > *,
.plano-card > *,
.admin-card > *,
.banner-shell > *,
.aba-centro > *,
.bloco > * {
    position: relative;
    z-index: 1;
}

button,
a[class*="btn"],
.btn,
.btn-nav,
.tab-btn,
.header-btn,
.btn-login,
.btn-checkout,
.btn-primary-loja,
.btn-secondary-loja,
.btn-mobile-cta,
.btn-login-loja,
.btn-plano,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-admin-primary,
.btn-banner-primary,
.btn-banner-success,
.btn-acao-form,
.btn-acao-rapida {
    border-radius: 12px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background:
        linear-gradient(180deg, rgba(28,34,49,0.98), rgba(14,17,27,0.98)) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    transform: translateZ(0) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

button:hover,
a[class*="btn"]:hover,
.btn:hover,
.btn-nav:hover,
.tab-btn:hover,
.header-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(244,194,31,0.52) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.42), 0 0 22px rgba(244,194,31,0.16), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.btn-login,
.btn-checkout,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-admin-primary,
.btn-banner-success,
.btn-success,
.btn-acao-gold,
.btn-pix,
.btn-submit,
.btn-verificar,
.btn-co-confirm,
.btn-modal-next {
    background:
        linear-gradient(135deg, #b88408, #f4c21f 58%, #ffdc5a) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255,220,90,0.72) !important;
    box-shadow: 0 14px 34px rgba(244,194,31,0.22), 0 0 30px rgba(244,194,31,0.14), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.btn-login:hover,
.btn-checkout:hover,
.btn-primary-loja:hover,
.btn-plano-destaque:hover,
.btn-plano-vitalicio:hover,
.btn-admin-primary:hover,
.btn-banner-success:hover,
.btn-success:hover,
.btn-acao-gold:hover,
.btn-pix:hover,
.btn-submit:hover {
    background:
        linear-gradient(135deg, #c99509, #ffcf32 58%, #ffe78a) !important;
    box-shadow: 0 18px 44px rgba(244,194,31,0.30), 0 0 40px rgba(244,194,31,0.22), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active,
.tab-btn.active,
.nav-link.active,
.loja-nav a.active,
.tabs-bar .active,
.tabs-bar button.active {
    background:
        linear-gradient(135deg, rgba(244,194,31,0.24), rgba(244,194,31,0.08)) !important;
    color: var(--fx-gold-2) !important;
    -webkit-text-fill-color: var(--fx-gold-2) !important;
    border-color: rgba(244,194,31,0.55) !important;
    box-shadow: inset 3px 0 0 var(--fx-gold), 0 0 24px rgba(244,194,31,0.16), 0 12px 28px rgba(0,0,0,0.30) !important;
}

input,
textarea,
select {
    background: rgba(7,10,17,0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 22px rgba(0,0,0,0.18) !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: rgba(244,194,31,0.72) !important;
    box-shadow: 0 0 0 3px rgba(244,194,31,0.16), 0 0 24px rgba(244,194,31,0.14), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.page-title,
.hero-title,
.login-hero h1,
.secao-titulo,
.plano-card h2,
.plano-card h3,
.admin-title,
.aba-title,
.bloco-titulo,
.banner-titulo,
.live-titulo,
.obs-titulo,
.ffws-titulo {
    color: var(--fx-text) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: 0 0 22px rgba(244,194,31,0.10) !important;
}

.highlight,
.text-gold,
.rank-gold,
.stat-num,
.plano-preco .valor,
.pix-valor-num,
.resumo-row.total strong,
.secao-eyebrow,
.badge-popular,
.badge-vitalicio {
    color: var(--fx-gold-2) !important;
    -webkit-text-fill-color: var(--fx-gold-2) !important;
    text-shadow: 0 0 20px rgba(244,194,31,0.24) !important;
}

.badge-popular,
.badge-vitalicio,
.hero-badge,
.login-hero-badge,
.plano-economia,
.pix-timer-wrap,
.resumo-plano {
    background: rgba(244,194,31,0.10) !important;
    border: 1px solid rgba(244,194,31,0.38) !important;
    box-shadow: 0 0 26px rgba(244,194,31,0.10) !important;
    color: var(--fx-gold-2) !important;
}

.plano-card.destaque,
.plano-card.vitalicio {
    border-color: rgba(244,194,31,0.46) !important;
    box-shadow: 0 24px 76px rgba(0,0,0,0.48), 0 0 46px rgba(244,194,31,0.12) !important;
}

.plano-card.vitalicio {
    border-color: rgba(139,92,246,0.55) !important;
    box-shadow: 0 24px 76px rgba(0,0,0,0.48), 0 0 46px rgba(139,92,246,0.14) !important;
}

.pix-qr-box {
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.24) !important;
    box-shadow: 0 0 34px rgba(244,194,31,0.18), 0 18px 48px rgba(0,0,0,0.34) !important;
}

.pix-timer-bar-fill,
.progresso-fill,
.modal-progress,
.progress-fill {
    background: linear-gradient(90deg, var(--fx-gold), var(--fx-cyan)) !important;
    box-shadow: 0 0 20px rgba(244,194,31,0.28) !important;
}

.toast,
.admin-confirm,
.site-confirm-modal,
.modal-content {
    background:
        linear-gradient(180deg, rgba(20,25,37,0.98), rgba(9,12,19,0.98)) !important;
    border: 1px solid rgba(244,194,31,0.28) !important;
    color: #ffffff !important;
    box-shadow: 0 24px 70px rgba(0,0,0,0.55), 0 0 34px rgba(244,194,31,0.12) !important;
}

.header-logo-img,
.topbar-logo,
.loja-logo img,
.login-hero-logo img,
.login-logo-mobile img,
.logo-area img,
.logo-img {
    filter: drop-shadow(0 0 16px rgba(244,194,31,0.28)) !important;
}

@media (max-width: 720px) {
    body,
    .login-shell,
    .checkout-page,
    .loja-page {
        background:
            radial-gradient(circle at 20% 0%, rgba(244,194,31,0.14), transparent 32%),
            radial-gradient(circle at 90% 16%, rgba(34,211,238,0.08), transparent 28%),
            var(--fx-bg) !important;
    }

    .login-card,
    .checkout-card,
    .resumo-card,
    .plano-card,
    .admin-card,
    .aba-centro {
        border-radius: 14px !important;
        box-shadow: 0 16px 44px rgba(0,0,0,0.42) !important;
    }
}

/* Ajuste final: botoes e logos sempre legiveis no tema escuro. */
button,
.btn,
[class^="btn-"],
[class*=" btn-"],
.button,
.tab-btn,
.header-btn,
.btn-nav,
.sidebar .btn-nav,
.plano-card button,
.plano-card a,
.admin-topbar button,
.admin-topbar a,
#conteudoAba button,
#conteudoAba a.button,
#conteudoAba .btn,
#conteudoAba [class^="btn-"],
#conteudoAba [class*=" btn-"] {
    color: #ffffff !important;
    -webkit-text-fill-color: currentColor !important;
    background-image: none !important;
    text-shadow: none !important;
}

button:hover,
.btn:hover,
[class^="btn-"]:hover,
[class*=" btn-"]:hover,
.tab-btn:hover,
.header-btn:hover,
.btn-nav:hover,
.sidebar .btn-nav:hover,
#conteudoAba button:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.btn-nav.active,
.sidebar .btn-nav.active,
.tab-btn.active,
.header-btn.active,
.nav-link.active,
.loja-nav a.active {
    background: #9b760d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(243,195,22,0.55) !important;
}

.btn-warning,
.btn-primary,
.btn-success,
.btn-danger,
.btn-gold,
.btn-comprar,
.btn-checkout,
.btn-pix,
.btn-submit,
.btn-login,
.btn-action,
#conteudoAba button[style] {
    background: #b88a0b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(243,195,22,0.35) !important;
}

button svg,
.btn svg,
[class^="btn-"] svg,
[class*=" btn-"] svg,
.tab-btn svg,
.header-btn svg,
.btn-nav svg {
    color: currentColor !important;
    stroke: currentColor !important;
}

.btn img,
button img,
[class^="btn-"] img,
[class*=" btn-"] img {
    filter: brightness(0) invert(1) !important;
}

.header-logo-img,
.topbar-logo,
.logo-area img,
.login-hero-logo img,
.login-logo-mobile img,
.loja-logo img,
.loja-header .loja-logo img,
img[src*="emojis/logo.png"],
img[src*="../emojis/logo.png"],
img[src*="../../emojis/logo.png"] {
    width: auto !important;
    max-width: 210px !important;
    height: 40px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
}

.login-hero-logo img,
.login-logo-mobile img {
    max-width: 250px !important;
    height: 52px !important;
}

.loja-logo img,
.loja-header .loja-logo img {
    max-width: 190px !important;
    height: 38px !important;
}

.header-logo-img,
.topbar-logo {
    max-width: 185px !important;
    height: 36px !important;
}

.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    top: 0 !important;
    transform: translate(-50%, -50%) !important;
}

/* Aparencia final 2026: clean, moderna e sem gradiente pesado. */
:root {
    --surface-0: #07080c;
    --surface-1: #0d0f16;
    --surface-2: #12151e;
    --surface-3: #181c26;
    --gold-soft: #e0ac18;
    --gold-strong: #f3c316;
    --line-soft: rgba(255,255,255,0.10);
    --line-gold: rgba(243,195,22,0.34);
    --shadow-soft: 0 18px 46px rgba(0,0,0,0.34);
}

body,
.checkout-page,
.login-shell,
.app-layout,
.admin-page,
.admin-layout,
.loja-page {
    background: var(--surface-0) !important;
    background-image: none !important;
}

.top-header,
.admin-topbar,
.loja-header {
    background: rgba(13,15,22,0.98) !important;
    border-bottom: 1px solid var(--line-soft) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.22) !important;
}

.sidebar,
.login-card,
.checkout-card,
.checkout-stepper,
.resumo-card,
.hero-card,
.feature-card,
.plano-card,
.depoimento-card,
.cta-card,
.admin-card,
.modal-content,
.banner-shell,
.bnr-panel,
.bnr-toolbar,
.bnr-canvas-area,
.aba-centro,
.bloco,
.config-card,
.live-card,
.backup-card,
.equipe-card {
    background: var(--surface-2) !important;
    background-image: none !important;
    border: 1px solid var(--line-soft) !important;
    box-shadow: var(--shadow-soft) !important;
    border-radius: 12px !important;
}

.sidebar {
    background: var(--surface-1) !important;
    border-right: 1px solid var(--line-soft) !important;
    box-shadow: none !important;
}

.btn-nav,
.sidebar .btn-nav,
.tab-btn,
.header-btn,
button,
a[class*="btn"],
.btn {
    border-radius: 10px !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

.btn-nav:hover,
.sidebar .btn-nav:hover,
.tab-btn:hover,
.header-btn:hover,
button:hover,
a[class*="btn"]:hover,
.btn:hover {
    transform: translateY(-1px) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active,
.tab-btn.active,
.nav-link.active,
.loja-nav a.active {
    background: #2a220f !important;
    color: var(--gold-strong) !important;
    -webkit-text-fill-color: var(--gold-strong) !important;
    border: 1px solid var(--line-gold) !important;
    box-shadow: inset 3px 0 0 var(--gold-strong), 0 10px 22px rgba(0,0,0,0.22) !important;
}

.btn-login,
.btn-checkout,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-admin-primary,
.btn-banner-success,
.btn-success,
.btn-acao-gold,
.btn-pix,
.btn-submit {
    background: #a77c0a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(243,195,22,0.42) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.26) !important;
}

.btn-login:hover,
.btn-checkout:hover,
.btn-primary-loja:hover,
.btn-plano-destaque:hover,
.btn-plano-vitalicio:hover,
.btn-admin-primary:hover,
.btn-banner-success:hover,
.btn-success:hover,
.btn-acao-gold:hover,
.btn-pix:hover,
.btn-submit:hover {
    background: #bd9010 !important;
    color: #ffffff !important;
}

input,
textarea,
select {
    background: #0b0e15 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

input::placeholder,
textarea::placeholder {
    color: #7f8798 !important;
}

table,
.tabela-ranking-torneio,
.ffws-tabela {
    background: var(--surface-2) !important;
    border-color: var(--line-soft) !important;
}

tr,
td,
th {
    border-color: rgba(255,255,255,0.07) !important;
}

.toast,
.admin-confirm,
.site-confirm-modal,
.modal-content {
    background: #11141d !important;
    color: #ffffff !important;
    border: 1px solid var(--line-soft) !important;
    box-shadow: 0 22px 56px rgba(0,0,0,0.48) !important;
}

.banner-canvas-wrap,
.bnr-canvas-wrap,
canvas {
    image-rendering: auto !important;
}

.bnr-text-hud {
    background: #10131b !important;
    border: 1px solid var(--line-gold) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.36) !important;
}

.loja-header,
.loja-header ~ section,
.loja-header ~ main,
.loja-header ~ footer,
.loja-header ~ section *:not(input):not(textarea):not(select),
.loja-header ~ main *:not(input):not(textarea):not(select),
.loja-header ~ footer *:not(input):not(textarea):not(select) {
    color: #f6f7fb !important;
}

.loja-header ~ section .highlight,
.loja-header ~ main .highlight,
.loja-header ~ section .valor,
.loja-header ~ main .valor,
.loja-header ~ section .stat-num,
.loja-header ~ main .stat-num,
.loja-header ~ section .secao-eyebrow,
.loja-header ~ main .secao-eyebrow,
.loja-header ~ section .badge-popular,
.loja-header ~ section .badge-vitalicio,
.loja-header ~ main .badge-popular,
.loja-header ~ main .badge-vitalicio {
    color: #f3c316 !important;
}

.loja-header ~ section img,
.loja-header ~ main img,
.loja-header ~ footer img {
    color: #ffffff !important;
}

.pix-qr-box,
.pix-qr-box *,
.qr-box,
.qr-box * {
    color: #ffffff !important;
}

.planos-page .plano-preco,
.plano-card .plano-preco {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    min-height: 72px !important;
    overflow: visible !important;
}

.planos-page .plano-preco .valor,
.plano-card .plano-preco .valor,
.loja-header ~ main .plano-preco .valor,
.loja-header ~ section .plano-preco .valor {
    display: inline-block !important;
    min-width: max-content !important;
    overflow: visible !important;
    color: #f3c316 !important;
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: #f3c316 !important;
    text-fill-color: #f3c316 !important;
    letter-spacing: 0 !important;
    font-size: 58px !important;
    line-height: 1 !important;
}

.planos-page .plano-preco .moeda,
.planos-page .plano-preco .centavos,
.planos-page .plano-preco .periodo,
.plano-card .plano-preco .moeda,
.plano-card .plano-preco .centavos,
.plano-card .plano-preco .periodo {
    display: inline-block !important;
    flex: 0 0 auto !important;
}

/* Painel normal e admin: nunca texto preto em fundo escuro */
.app-layout,
.app-layout *:not(input):not(textarea):not(select):not(option),
.top-header,
.top-header *:not(input):not(textarea):not(select):not(option),
.admin-layout,
.admin-layout *:not(input):not(textarea):not(select):not(option),
.admin-topbar,
.admin-topbar *:not(input):not(textarea):not(select):not(option),
.sidebar,
.sidebar *:not(input):not(textarea):not(select):not(option),
#conteudoAba,
#conteudoAba *:not(input):not(textarea):not(select):not(option) {
    color: #f6f7fb !important;
}

.page-title,
.aba-title,
.card-title,
.menu-section-title,
.admin-title,
.admin-card h1,
.admin-card h2,
.admin-card h3,
#conteudoAba h1,
#conteudoAba h2,
#conteudoAba h3,
.highlight,
.text-gold,
.rank-gold,
.stat-num,
.assinatura-timer {
    color: #f3c316 !important;
    -webkit-text-fill-color: currentColor !important;
    background-image: none !important;
}

.btn-nav.active,
.sidebar .btn-nav.active {
    background: #c99509 !important;
    color: #ffffff !important;
}

.btn-nav:not(.active),
.sidebar .btn-nav:not(.active),
.admin-nav button,
.admin-nav a {
    color: #f6f7fb !important;
}

.btn-voltar-admin,
#btnVoltarAdmin {
    color: #f3c316 !important;
}

/* Revisao final de botoes: remove texto preto/botao branco perdido */
button,
a[class*="btn"],
.btn,
.btn-nav,
.btn-acao-form,
.btn-acao-rapida,
.btn-banner-primary,
.btn-banner-success,
.btn-salvar,
.btn-add,
.btn-importar,
.btn-exportar,
.btn-manual,
.btn-processar,
.btn-renovar,
.btn-admin-primary,
.btn-admin-success,
.btn-admin-danger,
.btn-success,
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-sm,
.tab-btn,
.header-btn,
.btn-login,
.btn-plano,
.btn-primary-loja,
.btn-secondary-loja,
.btn-mobile-cta,
.btn-login-loja {
    color: #ffffff !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

button:not(.step-num):not(.admin-confirm-ok):not(.admin-confirm-cancel),
a[class*="btn"]:not(.btn-login):not(.btn-checkout),
.btn-ghost,
.btn-secondary,
.btn-sm,
.tab-btn,
.header-btn {
    background-color: #171923 !important;
    background-image: none !important;
    border-color: rgba(255,255,255,0.14) !important;
    box-shadow: none !important;
}

button:hover,
a[class*="btn"]:hover,
.btn-nav:hover,
.tab-btn:hover {
    color: #f3c316 !important;
    border-color: rgba(243,195,22,0.42) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active,
.tab-btn.active,
.btn-acao-gold,
.btn-login,
.btn-checkout,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-admin-primary,
.btn-success,
.btn-banner-success {
    background: #c99509 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: rgba(243,195,22,0.50) !important;
}

.btn-admin-danger,
.btn-remover,
.btn-del-equipe,
.btn-delete,
.btn-logout {
    background: #5b1820 !important;
    color: #ffffff !important;
    border-color: rgba(248,113,113,0.35) !important;
}

button img,
a[class*="btn"] img,
.btn-nav img,
.tab-btn img,
.header-btn img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
}

.header-logo-img,
.topbar-logo,
.loja-logo img,
.login-hero-logo img,
.login-logo-mobile img,
.logo-area img,
.logo-img {
    object-fit: contain !important;
    filter: none !important;
}

.header-logo-img {
    height: 44px !important;
    width: auto !important;
    max-width: 210px !important;
}

.topbar-logo,
.loja-logo img {
    height: 38px !important;
    width: auto !important;
    max-width: 190px !important;
}

.login-hero-logo img,
.login-logo-mobile img {
    height: 54px !important;
    width: auto !important;
    max-width: 240px !important;
}

.pix-timer-display {
    text-shadow: none !important;
}

.pix-timer-bar-fill,
.progresso-fill,
.modal-progress,
.progress-fill {
    background: #f3c316 !important;
    background-image: none !important;
}

/* Loja e checkout mais simples */
.loja-header {
    background: #0d0f16 !important;
}

.checkout-page {
    padding-top: 42px !important;
}

.checkout-main {
    gap: 18px !important;
}

.checkout-card,
.resumo-card,
.checkout-stepper {
    background: #12141c !important;
    border: 1px solid rgba(255,255,255,0.11) !important;
    box-shadow: none !important;
}

.checkout-card {
    padding: 28px !important;
}

.checkout-stepper {
    padding: 14px 18px !important;
}

.step {
    gap: 8px !important;
}

.step-num {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #1a1d27 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: none !important;
}

.step.active .step-num,
.step.done .step-num {
    background: #24210f !important;
    color: #f3c316 !important;
    border-color: #f3c316 !important;
}

.step.active,
.step.done {
    color: #f3c316 !important;
}

.step-line {
    height: 1px !important;
    background: rgba(255,255,255,0.14) !important;
}

.pix-timer-wrap {
    display: grid !important;
    grid-template-columns: auto auto 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
}

.pix-timer-display {
    font-size: 22px !important;
    color: #f3c316 !important;
}

.pix-timer-label {
    color: var(--text-gray) !important;
}

.pix-area {
    padding: 22px !important;
}

.pix-qr-box {
    width: 210px !important;
    height: 210px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}

.pix-qr-box img {
    border-radius: 8px !important;
    padding: 0 !important;
}

.pix-valor-display {
    max-width: 100% !important;
    padding: 12px !important;
}

.pix-valor-num,
.resumo-row.total strong {
    color: #f3c316 !important;
    font-size: 24px !important;
}

.pix-chave-input-wrap {
    padding: 5px !important;
}

.pix-chave-input-wrap input {
    background: #0d0f16 !important;
    color: #f7f7fb !important;
    border: 0 !important;
}

.btn-copiar-pix {
    background: #25210f !important;
    color: #f3c316 !important;
    border: 1px solid rgba(243,195,22,0.24) !important;
}

.pix-status-box {
    background: #12141c !important;
}

.pix-status-spinner {
    border-color: rgba(243,195,22,0.18) !important;
    border-top-color: #f3c316 !important;
}

.pix-status-box strong {
    color: #f3c316 !important;
}

.resumo-card {
    position: sticky !important;
    top: 86px !important;
}

.resumo-plano-icon {
    border-radius: 10px !important;
}

.feature-icon,
.hero-feat-icon,
.plano-header-icon,
.info-icon {
    background: #1a1d27 !important;
    border-color: rgba(255,255,255,0.11) !important;
    box-shadow: none !important;
}

.btn-primary-loja,
.btn-plano,
.btn-login-loja {
    border-radius: 10px !important;
}

@media (max-width: 900px) {
    .resumo-card {
        position: static !important;
    }
    .pix-timer-wrap {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .login-shell,
    .checkout-grid {
        gap: 20px !important;
    }
}

/* Reforco geral: menos brilho/gradiente nas telas internas */
.main-container,
.conteudo-aba,
.card,
.card-config,
.config-card,
.form-card,
.ranking-card,
.painel-card,
.section-card,
.backup-card,
.live-card,
.obs-card,
.banner-shell,
.banner-panel,
.banner-toolbar,
.banner-canvas-wrap,
.equipe-card,
.jogador-card,
.modal-content,
.custom-modal,
.toast,
.admin-modal,
.cliente-card,
.conta-card,
.checkout-card,
.resumo-card {
    background-image: none !important;
    box-shadow: none !important;
}

.card,
.card-config,
.config-card,
.form-card,
.ranking-card,
.painel-card,
.backup-card,
.live-card,
.obs-card,
.banner-shell,
.banner-panel,
.equipe-card,
.jogador-card,
.modal-content,
.custom-modal,
.admin-modal,
.cliente-card,
.conta-card {
    background-color: var(--bg-elev) !important;
    border-color: var(--border) !important;
}

.btn-acao-form,
.btn-acao-rapida,
.btn-banner-primary,
.btn-banner-success,
.btn-salvar,
.btn-add,
.btn-importar,
.btn-exportar,
.btn-manual,
.btn-processar,
.btn-renovar,
.btn-admin-primary,
.btn-admin-success,
.btn-admin-danger {
    background-image: none !important;
    box-shadow: none !important;
}

.btn-acao-form,
.btn-acao-rapida,
.btn-banner-primary,
.btn-salvar,
.btn-add,
.btn-importar,
.btn-exportar,
.btn-manual,
.btn-processar,
.btn-renovar,
.btn-admin-primary {
    background-color: #f3c316 !important;
    color: #101010 !important;
}

.btn-banner-success,
.btn-admin-success {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.btn-admin-danger,
.btn-remover,
.btn-del-equipe,
.btn-delete {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}

.toast.toast-success,
.toast.success {
    background: #14532d !important;
    border-left-color: #22c55e !important;
}

.toast.toast-error,
.toast.error {
    background: #58111a !important;
    border-left-color: #ef4444 !important;
}

.toast.toast-info,
.toast.info,
.toast.warn {
    background: #25210f !important;
    color: #f8e28a !important;
    border-left-color: #f3c316 !important;
}

.rank-1,
.rank-2,
.rank-3,
.rank-booyah,
.rank-champion,
.res-row-1 td,
.res-row-2 td,
.res-row-3 td {
    background-image: none !important;
}

/* Loja: texto e icones sempre legiveis */
.loja-header,
.loja-header a,
.loja-nav a,
.mobile-drawer a,
.plano-card,
.plano-card *,
.tabs-bar,
.tabs-bar *,
.checkout-card,
.checkout-card *,
.resumo-card,
.resumo-card * {
    text-shadow: none !important;
}

.loja-header a,
.loja-nav a,
.mobile-drawer a,
.plano-card p,
.plano-card li,
.plano-card span,
.plano-card small,
.plano-features,
.plano-features li,
.tabs-bar button,
.tabs-bar a {
    color: #f6f7fb !important;
}

.loja-nav a.nav-active,
.mobile-drawer a.nav-active,
.tabs-bar .active,
.tabs-bar button.active,
.plano-card h2,
.plano-card h3,
.plano-card .plano-nome,
.plano-preco .valor,
.plano-preco strong {
    color: #f3c316 !important;
}

.plano-preco .moeda,
.plano-preco .centavos,
.plano-preco .periodo,
.plano-card .plano-desc,
.plano-card .plano-sub,
.plano-card .plano-economia {
    color: #d8dbe6 !important;
}

.loja-header img,
.loja-nav img,
.mobile-drawer img,
.btn-login-loja img,
.btn-primary-loja img,
.btn-secondary-loja img,
.btn-plano img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.92 !important;
}

.btn-login-loja {
    background: #12141c !important;
    color: #f6f7fb !important;
    border: 1px solid rgba(243,195,22,0.35) !important;
}

.btn-login-loja:hover,
.loja-nav a:hover,
.mobile-drawer a:hover {
    color: #f3c316 !important;
    border-color: rgba(243,195,22,0.45) !important;
}

.planos-page,
.loja-main,
.loja-section {
    background: #07080d !important;
    background-image: none !important;
}

.tabs-bar {
    background: #12141c !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 16px !important;
    padding: 6px !important;
    box-shadow: none !important;
}

.tabs-bar a,
.tabs-bar button {
    border-radius: 12px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

.tabs-bar a.nav-active,
.tabs-bar button.active,
.tabs-bar .active {
    background: #1b1d27 !important;
    border-color: rgba(243,195,22,0.30) !important;
}

.plano-card {
    background: #11131b !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding-top: 40px !important;
}

.plano-card.destaque,
.plano-card.vitalicio {
    background: #12141c !important;
    border-color: rgba(243,195,22,0.36) !important;
}

.plano-card.vitalicio {
    border-color: rgba(168,85,247,0.38) !important;
}

.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    top: -18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-width: 132px !important;
    padding: 8px 16px !important;
    text-align: center !important;
    background: #24210f !important;
    color: #f3c316 !important;
    border: 1px solid rgba(243,195,22,0.48) !important;
    border-radius: 999px !important;
    z-index: 5 !important;
}

.plano-header-icon,
.plano-card .icon,
.feature-icon {
    background: #1a1d27 !important;
    color: #f3c316 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

.plano-features li::marker {
    color: #22c55e !important;
}

.plano-card .check,
.plano-card .feature-check {
    color: #22c55e !important;
}

.btn-plano,
.btn-plano-destaque,
.btn-plano-vitalicio {
    background: #1a1d27 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 12px !important;
}

.btn-plano:hover,
.btn-plano-destaque:hover,
.btn-plano-vitalicio:hover {
    background: #24210f !important;
    color: #ffffff !important;
    border-color: rgba(243,195,22,0.55) !important;
}

.btn-primary-loja,
.btn-mobile-cta,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-login-loja,
.loja-header .btn-login-loja {
    background: #151821 !important;
    color: #ffffff !important;
    border: 1px solid rgba(243,195,22,0.35) !important;
}

.btn-primary-loja:hover,
.btn-mobile-cta:hover,
.btn-login-loja:hover {
    background: #24210f !important;
    color: #ffffff !important;
}

.btn-primary-loja *,
.btn-mobile-cta *,
.btn-login-loja *,
.btn-plano *,
.btn-plano-destaque *,
.btn-plano-vitalicio * {
    color: #ffffff !important;
}

.badge-popular,
.badge-vitalicio,
.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    background: #24210f !important;
    color: #f3c316 !important;
    border: 1px solid rgba(243,195,22,0.35) !important;
}

.como-funciona,
.como-funciona * {
    color: #f6f7fb !important;
}

.como-funciona .highlight,
.como-funciona .secao-eyebrow,
.como-funciona .step-num {
    color: #f3c316 !important;
}

.step-card {
    background: #11131b !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: none !important;
}

.step-card h3 {
    color: #ffffff !important;
}

.step-card p,
.secao-desc {
    color: #d8dbe6 !important;
}

.step-card .step-num,
.step-num {
    background: #1a1d27 !important;
    color: #f3c316 !important;
    border: 1px solid rgba(243,195,22,0.32) !important;
    box-shadow: none !important;
}

.step-num::before {
    display: none !important;
}

/* TRUE FINAL LOCK 20260606c */
.sidebar {
    width: 238px !important;
    min-width: 238px !important;
    background: linear-gradient(180deg, rgba(16,18,28,0.98), rgba(7,8,14,0.99)) !important;
    border-right: 1px solid rgba(245,197,24,0.20) !important;
    box-shadow: 10px 0 38px rgba(0,0,0,0.36), inset -1px 0 0 rgba(255,255,255,0.04) !important;
}

.logo-area {
    min-height: 82px !important;
    padding: 18px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    background: linear-gradient(180deg, rgba(21,24,36,0.82), rgba(9,10,16,0.32)) !important;
}

.menu-section {
    padding: 10px 0 12px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.menu-section:first-child {
    border-top: 0 !important;
}

.menu-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    color: #d8deef !important;
    -webkit-text-fill-color: #d8deef !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 2.6px !important;
    text-transform: uppercase !important;
}

.menu-section-title::after {
    content: "" !important;
    display: block !important;
    height: 1px !important;
    flex: 1 1 auto !important;
    background: linear-gradient(90deg, rgba(245,197,24,0.72), transparent) !important;
}

.menu-section-title img,
.menu-icon {
    width: 14px !important;
    height: 14px !important;
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(82%) sepia(83%) saturate(936%) hue-rotate(348deg) brightness(101%) contrast(96%) drop-shadow(0 0 8px rgba(245,197,24,0.45)) !important;
}

.btn-nav,
.sidebar .btn-nav {
    width: calc(100% - 18px) !important;
    margin: 5px 9px !important;
    padding: 10px 14px !important;
    min-height: 34px !important;
    background: rgba(24,28,41,0.94) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 9px !important;
    color: #dfe5f5 !important;
    -webkit-text-fill-color: #dfe5f5 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .35px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.btn-nav:hover,
.sidebar .btn-nav:hover {
    background: rgba(45,36,13,0.98) !important;
    color: #ffdd6d !important;
    -webkit-text-fill-color: #ffdd6d !important;
    border-color: rgba(245,197,24,0.45) !important;
    transform: translateX(3px) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.btn-nav.active,
.sidebar .btn-nav.active {
    background: linear-gradient(90deg, rgba(245,197,24,0.30), rgba(45,36,13,0.98)) !important;
    color: #ffdd6d !important;
    -webkit-text-fill-color: #ffdd6d !important;
    border-color: rgba(245,197,24,0.62) !important;
    box-shadow: inset 4px 0 0 #f5c518, 0 0 28px rgba(245,197,24,0.18), 0 10px 28px rgba(0,0,0,0.24) !important;
}

.btn-nav.active::before,
.sidebar .btn-nav.active::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: #f5c518 !important;
    box-shadow: 0 0 12px rgba(245,197,24,0.8) !important;
    position: static !important;
    transform: none !important;
    flex: 0 0 auto !important;
}

.top-header,
.admin-topbar,
.loja-header {
    background: rgba(12,15,24,0.92) !important;
    border-bottom: 1px solid rgba(245,197,24,0.24) !important;
    box-shadow: 0 0 34px rgba(245,197,24,0.10), 0 14px 42px rgba(0,0,0,0.38) !important;
}

.stat-card,
.equipe-card,
.feature-card,
.hero-card,
.plano-card,
.checkout-card,
.resumo-card,
.bloco,
.admin-card,
.login-card,
.pix-area,
.step-card,
.renovar-card,
.historico-card,
.conta-card,
.banner-shell,
.bnr-panel {
    background: linear-gradient(180deg, rgba(23,28,42,0.96), rgba(10,12,20,0.98)) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,0.44), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.stat-card.verde { border-left: 3px solid #10f0a0 !important; }
.stat-card.azul { border-left: 3px solid #22d3ee !important; }
.stat-card.roxo { border-left: 3px solid #a855f7 !important; }
.stat-card.vermelho { border-left: 3px solid #ff4d61 !important; }
.stat-card.amarelo { border-left: 3px solid #f5c518 !important; }

button,
a[class*="btn"],
.btn,
.qt-btn,
.btn-primary,
.btn-ghost,
.btn-plano,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-secondary-loja,
.btn-banner-primary,
.btn-banner-success,
.btn-acao-form {
    border-radius: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .25px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: linear-gradient(180deg, rgba(31,37,54,0.98), rgba(13,16,26,0.98)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.09) !important;
}

.btn-primary,
.btn-checkout,
.btn-login,
.btn-primary-loja,
.btn-plano-destaque,
.btn-plano-vitalicio,
.btn-banner-success,
.btn-success,
.btn-acao-gold,
.btn-pix,
.btn-submit,
.qt-btn:not(.qt-danger) {
    background: linear-gradient(135deg, #b47e08, #f5c518 55%, #ffe27a) !important;
    color: #10131b !important;
    -webkit-text-fill-color: #10131b !important;
    border-color: rgba(255,226,122,0.76) !important;
    box-shadow: 0 14px 36px rgba(245,197,24,0.26), 0 0 26px rgba(245,197,24,0.18), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.btn-primary *,
.btn-checkout *,
.btn-login *,
.btn-primary-loja *,
.btn-plano-destaque *,
.btn-plano-vitalicio *,
.btn-banner-success *,
.btn-success *,
.btn-acao-gold *,
.btn-pix *,
.btn-submit *,
.qt-btn:not(.qt-danger) * {
    color: #10131b !important;
    -webkit-text-fill-color: #10131b !important;
}

.plano-card {
    border-radius: 20px !important;
    padding-top: 42px !important;
}

.plano-card.destaque {
    border-color: rgba(245,197,24,0.56) !important;
}

.plano-card.vitalicio {
    border-color: rgba(168,85,247,0.72) !important;
    box-shadow: 0 24px 84px rgba(0,0,0,0.52), 0 0 46px rgba(168,85,247,0.24), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.plano-card .badge-popular,
.plano-card .badge-vitalicio {
    top: -19px !important;
    min-width: 140px !important;
    padding: 9px 18px !important;
    background: linear-gradient(135deg, rgba(245,197,24,0.24), rgba(47,35,8,0.98)) !important;
    color: #ffdd6d !important;
    -webkit-text-fill-color: #ffdd6d !important;
    border: 1px solid rgba(245,197,24,0.62) !important;
    box-shadow: 0 0 24px rgba(245,197,24,0.20), 0 10px 28px rgba(0,0,0,0.30) !important;
}

.plano-preco,
.planos-page .plano-preco,
.plano-card .plano-preco {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    min-height: 82px !important;
    overflow: visible !important;
    filter: none !important;
}

.plano-preco .valor,
.planos-page .plano-preco .valor,
.plano-card .plano-preco .valor {
    color: #f5c518 !important;
    -webkit-text-fill-color: #f5c518 !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    text-shadow: 0 0 12px rgba(245,197,24,0.34), 0 0 28px rgba(245,197,24,0.16) !important;
    letter-spacing: 0 !important;
    font-size: clamp(54px, 5vw, 72px) !important;
    line-height: .92 !important;
    font-variant-numeric: tabular-nums !important;
}

.plano-card.vitalicio .plano-preco .valor {
    color: #ffd232 !important;
    -webkit-text-fill-color: #ffd232 !important;
    filter: none !important;
    opacity: 1 !important;
    text-shadow: 0 0 10px rgba(255,210,50,0.42), 0 0 26px rgba(255,210,50,0.22) !important;
}

.plano-card.vitalicio .plano-preco .moeda,
.plano-card.vitalicio .plano-preco .centavos,
.plano-card.vitalicio .plano-preco .periodo {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}