/* cockgit — nova-votacao.css
   vista /nova · tela VOTAÇÃO (PR 11) — o backlog do repo em foco na ordem do board
   (posição numerada) e a MESA DE VOTAÇÃO do poker, que desenha SÓ o `_pokerAberto`
   do snapshot — hoje sempre vazio (o motor chega com a parte-motor da #35): o
   tracejado é o estado honesto, nunca voto de mentira.

   [02/09/2026] Veio de nova.css na QUEBRA POR ÁREA, verbatim e na mesma ordem
   relativa; o porquê e a prova estão no cabeçalho de nova.css. Cor só por token. */
  /* ---- [PR 11] tela Votação: backlog na ordem do board (posição numerada) +
     mesa de votação. A mesa desenha SÓ o _pokerAberto do snapshot — hoje sempre
     vazio (o motor do poker chega com a parte-motor da #35): o tracejado fica com
     o estado honesto; NUNCA votos de mentira. Cores só por token. ---- */
  #nv:not([data-tela="votacao"]) #nv-votacao{display:none}
  #nv-votacao{padding:0 16px 20px;max-width:1100px}
  #nv-votacao .nv-cap{margin:14px 0 10px}
  .nv-vt-repos{display:flex;gap:6px;flex-wrap:wrap}
  .nv-vt-repos button.on{border-color:var(--accent);color:var(--accent)}
  .nv-vt{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .nv-vt-capmesa{color:var(--p2)}
  .nv-vt-item{display:flex;gap:10px;align-items:center;border:1px solid var(--border);
    background:var(--surface);padding:9px 12px;margin-bottom:8px;min-height:44px;
    color:var(--text);font-size:var(--t-dat);min-width:0}
  .nv-vt-item[role="button"],a.nv-vt-item{cursor:pointer}
  .nv-vt-item[role="button"]:hover,a.nv-vt-item:hover{border-color:var(--accent)}
  .nv-vt-item.mesa{border-color:var(--p2)}
  .nv-vt-item .pos{font-family:var(--display);font-size:var(--t-sec);color:var(--p3);
    width:26px;flex:none;text-align:right}
  .nv-vt-item .ti{flex:1;min-width:0;overflow-wrap:anywhere}
  .nv-vt-item .sz{flex:none;font-size:var(--t-cap);border:1px solid var(--border);
    padding:0 6px;color:var(--muted)}
  .nv-vt-item .sz.q{border-color:var(--p2);color:var(--p2)}
  .nv-vt-item .papel{flex:none;font-size:var(--t-cap);border:1px solid var(--border);
    padding:0 6px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nv-vt-item .papel.on{border-color:var(--accent2);color:var(--accent2)}
  .nv-vt-item .papel.voce{border-color:var(--p1);color:var(--p1);font-weight:700}
  .nv-vt-item .namesa{flex:none;color:var(--p2);font-size:var(--t-cap)}
  .nv-vt-mesa{border:1px dashed var(--p2);padding:16px 18px}
  .nv-vt-mesa .ti{font-size:var(--t-bod)}
  .nv-vt-vazia{color:var(--muted);font-size:var(--t-bod);padding:6px 0}
  .nv-vt-sub{color:var(--muted);font-size:var(--t-dat);margin:4px 0 12px}
  .nv-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .nv-vcard{border:1px solid var(--border);background:var(--surface);padding:10px;
    display:flex;flex-direction:column;gap:4px;font-size:var(--t-cap);min-width:0}
  .nv-vcard b{font-family:var(--display);font-weight:400;font-size:var(--t-dat)}
  .nv-vcard .vv{font-family:var(--display);font-size:var(--t-dis);line-height:1}
  .nv-vcard.div{border-color:var(--p2)} .nv-vcard.div .vv{color:var(--p2)}
  .nv-vcard small{color:var(--p3);line-height:1.35}
  .nv-vt-mart{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
  .nv-vt-mart button{border-color:var(--p2);color:var(--p2);min-height:44px}
  .nv-vt-mart button[disabled]{opacity:.55;cursor:not-allowed}
  .nv-vt-foot{color:var(--p3);font-size:var(--t-cap);padding:8px 2px}
  /* [escala de 2 metros e alvo de 44px desta tela: bloco no fim deste arquivo; os tokens --t-* em nova.css] */

  /* ---- Votação: a posição numerada precisa de casa para dois dígitos em 34px; as
     duas colunas (backlog | mesa) só se sustentam bem acima de 1240. ---- */
  #nv-votacao{max-width:1400px}
  .nv-vt-item{padding:11px 14px}
  .nv-vt-item .pos{width:46px}
  .nv-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  @media (max-width:1240px){ .nv-vt,.nv-vgrid{grid-template-columns:1fr} }

  /* ---- O CELULAR (preâmbulo em nova.css) ---- */
  @media (max-width:820px){
    #nv-votacao{padding:0 12px 20px}   /* bordas de volta: 12px em vez de 16 (era regra única das 5 telas) */
    /* --- uma coluna (o Radar faz o mesmo com a grade dele, na folha dele) --- */
    .nv-vgrid{grid-template-columns:1fr}
    /* a linha do backlog era [nº][título][tamanho][papel] numa fileira só: com
       chips de largura fixa, o título ficava com ~250px e quebrava uma palavra por
       linha ("observaç / ão"). Aqui a linha vira DUAS: nº + título em cima,
       tamanho e papel embaixo — o título fica com a largura da tela. */
    .nv-vt-item{flex-wrap:wrap;align-items:baseline;row-gap:8px}
    .nv-vt-item .pos{width:34px}
    .nv-vt-item .ti{flex:1 1 calc(100% - 50px)}
    /* os chips de repo em foco seguem a mesma régua das abas: uma fileira que rola
       de lado, com a sombra dizendo que há mais — seis repos empilhados eram seis
       fileiras de chrome antes do primeiro item do backlog */
    .nv-vt-repos{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}
    .nv-vt-repos button{flex:0 0 auto}
  }