/* 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}
/* (26/10, frente v2-campinhos-padrao) todo esporte no MESMO chassi do futebol: o campo/quadra/diamante com a mesma altura
   (200 px), o placar da quadra numa faixa em cima do campo (dentro dos 200 px — não cobre a quadra) e o lance na faixa
   embaixo (a da posse do futebol); a Pressão só onde o lance tem nível (beisebol e placar de quadra não têm) */
.vv-cmp[data-cmp]:not([data-cmp="soccer"]) .cmpw .cmp-field{display:flex;flex-direction:column;height:200px}
.vv-cmp[data-cmp]:not([data-cmp="soccer"]) .cmpw .cmp-field svg{flex:1 1 0;min-height:0;height:auto;max-height:none;width:100%}
.vv-cmp[data-cmp]:not([data-cmp="soccer"]):not([data-cmp="quadro"]) .cmp-bug{position:static;order:-1;flex:none;border-radius:0;font-size:11px;background:#0d0c1e}
.vv-cmp[data-cmp]:not([data-cmp="soccer"]):not([data-cmp="quadro"]) .cmp-bug span:not(.nm),.vv-cmp[data-cmp]:not([data-cmp="soccer"]):not([data-cmp="quadro"]) .cmp-bug b{padding:3px 4px}
.vv-cmp[data-cmp]:not([data-cmp="soccer"]):not([data-cmp="quadro"]) .cmp-bug .nm{max-width:none}
.vv-cmp[data-cmp="quadro"] .cmpw .cmp-field{justify-content:center;align-items:center}
.vv-cmp[data-cmp="baseball"] .cmp-mom,.vv-cmp[data-cmp="quadro"] .cmp-mom{display:none!important}