/* ========================================================================== X8 ORB no /consultor-ia — ILHA DARK (V3, 2026-08-04) HISTÓRICO CURTO, porque explica a forma do arquivo: · V1 — ilha dark num sistema light. Era o desenho certo, mas exigia repintar tudo que o componente desenha (ele é light por natureza). · V2 — tudo claro, orb com partícula do dashboard. Testado e REPROVADO na prática: o consultor perdeu a presença. · V3 (aqui) — de volta ao dark, aproveitando o que o V2 deixou de bom: a folha ficou TOKENIZADA, então virar o painel é mexer no bloco de paleta, não caçar cor no corpo das regras. Foi exatamente o que aconteceu. O que NÃO volta: a troca de `data-theme` por rota. Era ela que deixava o sistema preso no escuro ao sair (bug de produção, 2026-08-03). O escuro daqui é LOCAL — CSS do card, nada de tema global. Só ativa com body.x8-orb-consultor (o x8-orb-consultor.js liga/desliga na rota). Estático no pra não piscar (mesma lição do hero do dashboard). Camadas DENTRO do card: orb absolute z0 · conteúdo (.ob-consultor-page) z1. ========================================================================== */ /* ---- PALETA DA ILHA (dark) + TOKENS DO VIDRO. A folha inteira consome daqui: nenhuma cor literal no corpo das regras. A escada de texto é a do dark medido no Grok (fcfcfc → 9e9e9e); as superfícies são ALPHA DE BRANCO sobre o grafite. */ body.x8-orb-consultor { /* texto */ --x8i-forte: #fcfcfc; /* títulos, strong, code */ --x8i-txt: #e8e8ee; /* corpo */ --x8i-txt2: #c9c9d4; /* secundário */ --x8i-dim: #9e9e9e; /* rótulos, meta */ --x8i-fraco: #6b6b76; /* marcadores, cronômetro */ /* superfícies e linhas */ --x8i-s1: rgba(255, 255, 255, 0.03); --x8i-s2: rgba(255, 255, 255, 0.05); --x8i-s3: rgba(255, 255, 255, 0.08); --x8i-s4: rgba(255, 255, 255, 0.13); --x8i-linha: rgba(255, 255, 255, 0.1); --x8i-linha-forte: rgba(255, 255, 255, 0.22); /* acentos da casa (Mini Bento): lilás no realce, laranja no code inline */ --x8i-lilas: #c4b5fd; --x8i-lilas-fundo: rgba(196, 181, 253, 0.1); --x8i-lilas-linha: rgba(196, 181, 253, 0.22); --x8i-code-fundo: rgba(253, 186, 116, 0.1); --x8i-code-txt: #fdba74; /* CTA sólido = BRANCO com texto navy (o inverso do claro) */ --x8i-cta: #ffffff; --x8i-cta-txt: #0a1f3b; /* VIDRO: bem transparente + blur forte, que desfoca a nuvem atrás ⇒ corpo escuro, por isso o texto é claro. Input e cards de sugestão consomem daqui: calibrar é mexer em UMA linha e os dois seguem juntos. */ --x8-glass-bg: radial-gradient(80% 60% at 12% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.04) 100%); --x8-glass-border: 1px solid var(--x8i-linha-forte); --x8-glass-blur: blur(40px) saturate(1.5); --x8-glass-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.22); --x8-glass-text: var(--x8i-forte); --x8-glass-text-dim: var(--x8i-dim); /* raio do sistema (Mini Bento 22-24px; o modal do Histórico usa 20, o card do painel 32) — o componente vinha com 12px, quadrado demais pro padrão */ --x8-glass-radius: 22px; } /* o card do painel é o palco: GRAFITE, relativo, recorta a orb no raio 32. --via-bg: os fades decorativos do componente (ex.: a faixa acima do input) fazem gradiente pra var(--via-bg) = "a cor do fundo" — redefinir o token aqui faz TODOS eles fundirem no tom do card, fiel ao propósito do design. */ body.x8-orb-consultor .via-shell-content main { position: relative; background: #131416 !important; --via-bg: #131416; } body.x8-orb-consultor .x8-orb-bg { position: absolute; inset: 0; z-index: 0; background: #131416; border-radius: inherit; overflow: hidden; pointer-events: none; /* fundo decorativo: nunca rouba clique do painel */ } /* no escuro a nuvem é azul sobre grafite: contraste baixo, o texto claro passa por cima sem disputa. Não precisa da dosagem por estado que o claro exigia — a orb fica inteira, o tempo todo. */ body.x8-orb-consultor .x8-orb-bg canvas { width: 100%; height: 100%; display: block; } body.x8-orb-consultor .ob-consultor-page { position: relative; z-index: 1; background: transparent !important; } body.x8-orb-consultor .ob-consultor-page > main { background: transparent !important; } /* ========================================================================== § A PALETA DO CONTEÚDO INTERNO — o design system VIA em dark, num bloco SÓ Os cards de pergunta, a jornada, os chips e os divisores não têm classe: são
/