/* OddsIQ V2 · campinho da PRODUÇÃO no protótipo (dono 22/10 ~01h40). O componente vem pronto (campinho.css, cópia);
   aqui só: as variáveis de tema que o boletim da produção define, as regras do .cmpw do Clássico (estilo.css,
   classico.css e sorte_jogo.css: painel ao lado mostra campo + pressão + dados; no celular, uma parte por vez com o
   seletor Campo · Pressão · Estatísticas · Lances) e o canto da demonstração. */
.vv-cmp{--text-1:var(--ink);--text-2:var(--ink2);--text-3:var(--ink3);--text-4:var(--ink4);--text-5:var(--ink4);
  --surface:var(--sur);--surface-2:var(--sur2);--surface-3:var(--veu);--border:var(--fil);--border-2:var(--fil);
  --shadow-sm:none;--gold:var(--preco);--gold-rich:var(--preco);--gold-text:var(--preco);--gold-bg:var(--veu-preco);--gold-border:var(--preco)}
.vv-cmp .cmpw{position:relative;margin:8px 0 0;background:var(--sur);border-radius:8px;min-height:0}
.vv-cmp .cmpw .cmp-top{display:none}
.vv-cmp .cmpw .cmp-board[hidden]+.cmp-field{margin-top:10px}
.vv-cmp .cmpw .cmp-field{position:relative}
.vv-cmp .cmpw .cmp-field svg{max-height:200px;width:auto;max-width:100%;margin:0 auto}
.vv-cmp .cmp-posse .ev{display:block;padding:0;border:0;background:none;cursor:default}
.vv-cmp .cmpw[data-vis] .cmp-mom,.vv-cmp .cmpw[data-vis] .cmp-card{display:none}
.vv-cmp .cmpw[data-vis="pressao"] .cmp-field{display:none}
.vv-cmp .cmpw[data-vis="pressao"] .cmp-mom{display:block}
.vv-cmp .cmpw[data-vis="est"] .cmp-field,.vv-cmp .cmpw[data-vis="lances"] .cmp-field{display:none}
.vv-cmp .cmpw[data-vis="est"] .cmp-card,.vv-cmp .cmpw[data-vis="lances"] .cmp-card{display:block}
.vv-cmp .cmpseg{display:flex;gap:4px;margin:8px 0 0;overflow-x:auto;scrollbar-width:none}
.vv-cmp .cmpseg::-webkit-scrollbar{display:none}
.vv-cmp .cmpseg button{flex:1 0 auto;height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink3);text-align:center}
.vv-cmp .cmpseg button[aria-pressed="true"]{background:var(--esc);color:var(--esc-ink)}
/* demonstração: o botão no canto de cima do campo (o tracker antigo o punha no topo) */
.vv-cmp .cmp-ac{position:absolute;top:8px;right:8px;z-index:4}
/* painel à direita dos mercados (≥1240, como .jg2.lat da produção): tudo junto, sem o seletor */
.mio-lat .vv-cmp .cmpw{margin:0}
.mio-lat .vv-cmp .cmpseg{display:none}
.mio-lat .vv-cmp .cmpw[data-vis] .cmp-field,.mio-lat .vv-cmp .cmpw[data-vis] .cmp-mom,.mio-lat .vv-cmp .cmpw[data-vis] .cmp-card{display:block}
.mio-lat .vv-cmp .cmpw .cmp-card{margin-top:8px}
/* o campo é escuro nos dois temas: o botão da demonstração segue claro sobre ele */
.vv-cmp .vv-demo-bt{background:rgba(255,255,255,.12);color:#E8ECEA}
.vv-cmp .vv-demo-bt:hover,.vv-cmp .vv-demo-bt[aria-expanded="true"]{background:rgba(255,255,255,.22);color:#fff}