/* cockgit — nova-radar.css
   vista /nova · tela RADAR (PR 9) — os 6 medidores da sprint (o número em --t-dis, o
   mostrador cheio) e, embaixo, "só o que pede olho": até três cards quentes, que
   REUSAM o card do Board (`.nv-bd-card`, em nova-board.css) — daqui só o [e mais N].

   [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 9] tela Radar: 6 medidores grandes (números em --t-dis) e, embaixo,
     "só o que pede olho" (reusa o card do board). Medidor quente = pede o dono. ---- */
  #nv:not([data-tela="radar"]) #nv-radar{display:none}
  #nv-radar{padding:0 16px 20px;max-width:1100px}
  #nv-radar .nv-cap{margin:14px 0 10px}
  .nv-rd{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  .nv-rq{border:1px solid var(--border);background:var(--surface);padding:12px 14px;
    display:flex;flex-direction:column;gap:6px;min-width:0}
  .nv-rq small{font-size:var(--t-cap);letter-spacing:.12em;text-transform:uppercase;
    color:var(--muted)}
  .nv-rq small.sub{text-transform:none;letter-spacing:0;color:var(--p3);line-height:1.35;
    overflow:hidden;text-overflow:ellipsis}
  .nv-rq b{font-size:var(--t-dis);line-height:1;font-variant-numeric:tabular-nums}
  .nv-rq b span{color:var(--p3);font-size:var(--t-sec)}
  .nv-rq.quente{border-color:var(--p1)} .nv-rq.quente b{color:var(--p1)}
  .nv-rq.ok b{color:var(--accent2)}
  .nv-rq-bar{display:block;height:6px;background:var(--surface2);position:relative}
  .nv-rq-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent2)}
  .nv-rd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
    max-width:900px}
  /* o card-botão "e mais N": os [colchetes] de base.css ficam na MESMA linha */
  button.nv-bd-card.resto{flex-direction:row;align-items:center;gap:2px;
    justify-content:center;color:var(--muted)}
  .nv-rd-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] */

  /* ---- Radar: de 6 medidores numa fileira para 3×2. Um número de 60px numa coluna de
     170px (o que 6 colunas davam a 1440) não é medidor, é aperto. Os cards de "pede
     olho" caem de 3 para 2 — e o "[e mais N]" que já existia continua sendo a verdade
     do que ficou fora.
     [30/08] o mostrador vai a --t-dis CHEIO (agora 72px) e a legenda de baixo, que
     carrega a frase honesta do medidor ("3 em jogo agora", "sem snapshot de jobs"),
     sai do caps de 15px para --t-dat. O rótulo de cima segue caps — é uma palavra. ---- */
  #nv-radar{max-width:1500px}
  .nv-rd{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .nv-rq{padding:18px 20px;gap:10px}
  .nv-rq b{font-size:var(--t-dis)}
  .nv-rq small.sub{font-size:var(--t-dat);line-height:1.3}
  .nv-rd-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px}
  @media (max-width:1100px){
    .nv-rd{grid-template-columns:repeat(2,minmax(0,1fr))}
    .nv-rd-cards{grid-template-columns:1fr}
  }
  @media (max-width:620px){ .nv-rd{grid-template-columns:1fr} }

  /* ---- [02/09] O MOTIVO INTEIRO, E A TELA INTEIRA. Dois achados, um movimento.
     (a) O "porquê" de cada alerta — a informação mais acionável do Radar — saía
         como PÍLULA (`.papel.voce`, herdada do card do Board), e pílula é
         `white-space:nowrap` + `text-overflow:ellipsis`: medido a 1920, os três
         motivos pediam 1056 / 2268 / 2750px de texto dentro de 513px de caixa —
         o dono lia 19% do diagnóstico e as reticências comiam o resto.
     (b) `.nv-rd-cards{max-width:1100px}` deixava ~800px pretos à direita de um
         monitor de 1920: 58% da tela em uso.
     O espaço que faltava ao diagnóstico era exatamente o que a tela desperdiçava.
     Aqui o motivo deixa de ser pílula e vira LINHA que quebra (barra à esquerda no
     lugar da borda fechada, que é o que uma pílula de 6 linhas vira), e a grade
     solta a largura: 4 colunas a partir de 1600px. Só no Radar — o card do Board
     mora numa coluna estreita e continua com a pílula de uma linha. ---- */
  #nv-rd-cards .nv-bd-card .foot{display:block}
  #nv-rd-cards .nv-bd-card .foot .papel.voce{display:block;white-space:normal;
    overflow:visible;text-overflow:clip;max-width:none;border:0;
    border-left:2px solid var(--p1);padding:1px 0 1px 8px;line-height:1.4}
  @media (min-width:1600px){
    #nv-radar{max-width:none}
    .nv-rd{grid-template-columns:repeat(6,minmax(0,1fr))}
    .nv-rd-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
  }

  /* ---- O CELULAR (preâmbulo em nova.css) ---- */
  @media (max-width:820px){
    #nv-radar{padding:0 12px 20px}   /* bordas de volta: 12px em vez de 16 (era regra única das 5 telas) */
    /* --- uma coluna, o mostrador com a largura toda (a Votação faz o mesmo
       com a grade dela, na folha dela) --- */
    .nv-rd,.nv-rd-cards{grid-template-columns:1fr}
  }
