/* cockgit — nova-taskboard.css
   vista /nova · tela TASKBOARD (PR 11) — uma linha por papel (o MESMO mapa mesa↔motor
   da tela Empresa), colunas A fazer · Fazendo · Feito hoje, barra = jobs vivos ÷ teto
   da frota; rola no PRÓPRIO container (`.nv-tb-scroll`). Os cards são os do Board
   (`.nv-bd-card`, em nova-board.css).

   [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 Taskboard: linhas por papel (o MESMO mapa da tela Empresa),
     colunas A fazer · Fazendo · Feito hoje; barra = jobs vivos ÷ teto da frota.
     Rola no PRÓPRIO container (.nv-tb-scroll); linha apagada = papel em
     contratação; os cards reusam .nv-bd-card do Board. Cores só por token. ---- */
  #nv:not([data-tela="taskboard"]) #nv-taskboard{display:none}
  #nv-taskboard{padding:0 16px 20px}
  #nv-taskboard .nv-cap{margin:14px 0 10px}
  .nv-tb-scroll{overflow-x:auto}
  .nv-tb{min-width:980px;display:flex;flex-direction:column;gap:10px}
  .nv-tb-h,.nv-tb-r{display:grid;
    grid-template-columns:190px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
  .nv-tb-h span{font-size:var(--t-dat);letter-spacing:.06em;text-transform:uppercase;
    color:var(--muted);border-bottom:2px solid var(--border);padding-bottom:7px;
    display:flex;gap:8px;align-items:baseline}
  .nv-tb-h span small{margin-left:auto;color:var(--p3);font-size:var(--t-cap)}
  .nv-tb-p{border:1px solid var(--border);background:var(--surface);padding:10px 12px;
    display:flex;flex-direction:column;gap:3px;min-width:0;align-self:start}
  .nv-tb-p b{font-family:var(--display);font-size:var(--t-sec);font-weight:400}
  .nv-tb-p small{color:var(--muted);font-size:var(--t-cap)}
  .nv-tb-cap{display:block;height:6px;background:var(--surface2);position:relative;margin-top:6px}
  .nv-tb-cap i{position:absolute;left:0;top:0;bottom:0;background:var(--accent)}
  .nv-tb-cap.cheia i{background:var(--p1)}
  .nv-tb-cell{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:44px}
  .nv-tb-r.vaga{opacity:.45}
  .nv-tb-foot{color:var(--p3);font-size:var(--t-cap);padding:8px 2px}

  /* ---- Taskboard: mesma conta do Board — coluna do papel dobra (o nome está em
     --t-sec) e o piso do container acompanha. ---- */
  .nv-tb{min-width:1560px}
  .nv-tb-h,.nv-tb-r{grid-template-columns:300px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
  .nv-tb-h span{font-size:var(--t-cap)}
  .nv-tb-p{padding:12px 14px}

  /* ---- O CELULAR (preâmbulo em nova.css) ---- */
  @media (max-width:820px){
    #nv-taskboard{padding:0 12px 20px}   /* bordas de volta: 12px em vez de 16 (era regra única das 5 telas) */

    /* --- TASKBOARD: mesma cura, 3 colunas viram 3 seções por papel --- */
    .nv-tb{min-width:0}
    .nv-tb-h{display:flex;flex-wrap:wrap;gap:4px 16px}
    .nv-tb-h span{flex:0 0 auto;border-bottom:0;padding-bottom:0}
    .nv-tb-h span:empty{display:none}   /* a célula do papel não tem rótulo */
    .nv-tb-h span small{margin-left:4px}
    .nv-tb-r{grid-template-columns:1fr}
    .nv-tb-cell:empty{display:none}
    .nv-tb-cell::before{content:attr(data-col);display:block;
      font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;
      color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px}
  }