/* Cores do Site (fase 6): cada --kX-rrggbb é uma cor de hoje ligada a uma das 12 cores de marca. Estes são os valores padrão;
   quando o Daniel troca as cores na dash, a página traz os novos valores no próprio HTML (html:root, vence este bloco). */
:root{--kp-b91c1c:185,28,28;--kp-e63c12:230,60,18;--kp-ff5a36:255,90,54}
/* Gerado de topbar.php (antes era escrito dentro da página a cada carregamento). Edite AQUI. */
    .pnav { display: flex; gap: 8px; padding: 10px 24px; background: var(--theme-bg-surface); border-bottom: 1px solid color-mix(in srgb, var(--theme-border) 70%, transparent); overflow-x: auto; scrollbar-width: none; }
    .pnav::-webkit-scrollbar { display: none; }
    .pnav a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 18px; border-radius: 999px; font-size: 13.5px; font-weight: 700; white-space: nowrap; color: #fff; background: rgb(var(--kp-b91c1c)); border: 1px solid rgba(255,255,255,.18); text-decoration: none; transition: filter .15s; }
    .pnav a:hover { filter: brightness(1.1); }
    .pnav a i { font-size: 13px; color: #fff; }
    .pnav .plive { width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--kp-e63c12)); display: inline-block; animation: pnavLive 1.4s ease-in-out infinite; }
    @keyframes pnavLive { 0%,100% { box-shadow: 0 0 0 2px rgba(var(--kp-ff5a36),.4); } 50% { box-shadow: 0 0 0 6px rgba(var(--kp-ff5a36),0); } }
    @media (max-width: 720px), (min-width: 921px) { .pnav { display: none; } }
    /* menu ao lado da logo (computador) — mesmo desenho do menu da home */
    @font-face { font-family: "Geist"; src: url("/chute/fonts/Geist-SemiBold.woff2") format("woff2"), url("/chute/fonts/Geist-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
    .tnav { display: flex; align-items: center; gap: 22px; height: var(--header-h, 64px); margin-left: 22px; }
    .tnav-link { position: relative; display: flex; align-items: center; height: 100%; padding-top: 3px; font: 600 13px/18px "Geist", 'Inter', system-ui, sans-serif; text-transform: uppercase; color: #fff; white-space: nowrap; text-decoration: none; }
    .tnav-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #fff; border-radius: 3px 3px 0 0; opacity: 0; transition: opacity .15s; }
    .tnav-link.active::after, .tnav-link:hover::after { opacity: 1; }
    @media (max-width: 1180px) { .tnav { gap: 14px; margin-left: 14px; } }
    @media (max-width: 920px) { .tnav { display: none; } }
    /* contraste dos elementos sobre o header vermelho */
    .main-header .user-btn, .main-header .user-icon, .main-header .chevron { color: #fff; }
    .main-header .btn-ghost { color: #fff; border: 1px solid rgba(255,255,255,.55); }
    .main-header .btn-primary { background: #fff; color: var(--theme-primary, rgb(var(--kp-b91c1c))); }
    /* Saldo + Depositar IGUAIS à home (_wallet-header.php): valor com fundo preto sólido, mesmos tamanhos */
    .main-header .balance-display { background: var(--theme-bg-darker); border: 1px solid rgba(255,255,255,.55); box-shadow: none; height: 36px; padding: 0 12px; border-radius: 6px; gap: 4px; }
    .main-header .balance-display:hover { border-color: rgba(255,255,255,.85); }
    .main-header .balance-display .amount { color: #fff; font-size: 13px; }
    .main-header .balance-display .currency { color: var(--theme-accent-green); font-size: 12px; }
    .main-header .btn-deposit-header { display: inline-flex; align-items: center; background: var(--theme-accent-green); color: var(--theme-text-inverse); height: 36px; padding: 0 18px; border-radius: 6px; font-size: 13px; box-shadow: none; }
    .main-header .btn-deposit-header:hover { filter: brightness(1.06); transform: translateY(-1px); background: var(--theme-accent-green); }