/* cockgit — nova-noar.css
   vista /nova · tela NO AR (27/09/2026; redesenhada em 30/09 com as peças pc-*;
   em 07/10 passou a ter TODOS os sistemas, em grupos).
   O porquê do desenho está no cabeçalho de js/app-nova-noar.js.

   Os cards, o par de botões e a faixa de etapas são as PEÇAS (nova-pecas.css).
   Esta folha só tem o que é da TELA: o gating, os grupos, o paginador de cada grupo
   no próprio topo, o [Republicar] armado (o lado "sim" do par, que nas peças é
   direto; aqui ele pede o 2º toque como o Voltar), a linha de quem o Suporte atende
   e o título sem corte (regra do dono, 07/10: nada de texto cortado com reticências:
   o nome e o que mudou quebram linha). Nada rola por dentro; cor só por token. */
#nv:not([data-tela="noar"]) #nv-noar{display:none}
/* a tela é um quadro denso: mais largura que as outras (cards mais largos quebram
   menos linha e a página não precisa rolar) */
#nv-noar.pc-tela{max-width:1600px}
#nv .pc-btn[data-t="sim"][data-armado]{background:color-mix(in oklab,var(--green) 10%,transparent)}
#nv-noar .pc-det a{color:var(--blue)}
/* os grupos: Fora/atenção, Pela fábrica e Outros. Cada um ocupa a largura dos cards
   que mostra (--k, posto pelo JS), então dois grupos curtos dividem a linha */
#nv-noar .na-grupos{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;min-width:0}
#nv-noar .na-grupos>.pc-topo{flex:1 1 100%;margin-bottom:0}
#nv-noar .na-grupos>.pc-topo b{color:var(--ink);font-weight:600}
#nv-noar .pc-grupo{flex:var(--k,1) 1 calc(var(--k,1) * 250px - 10px);min-width:min(100%,240px)}
#nv-noar .pc-grupo+.pc-grupo{margin-top:0}
#nv-noar .pc-grupo .pc-grade{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
#nv-noar .pc-grupo .pc-topo{margin-bottom:6px;align-items:center}
#nv-noar .pc-grupo .pc-topo-t{font-size:var(--t-bod)}
#nv-noar .pc-tit{display:block;margin-bottom:4px}
/* a faixa dos passos sem a fileira de rótulos: o passo vai escrito na linha de dado
   ("passo 3 de 5: subir") e no nome acessível; cinco rótulos não cabem em 240 px */
#nv-noar .pc-etapas-r{display:none}
/* #663: a grade rola dentro do cartão, sem vazar para a página */
#nv-noar .pc-grade{max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}
#nv-noar .pc-mais{margin-top:4px}
#nv-noar .na-rod{display:block;color:var(--mut);font-size:var(--t-dat);overflow-wrap:anywhere}
#nv-noar .na-acoes{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;min-width:0}
#nv-noar .na-acoes .pc-lnk{min-height:32px}
#nv-noar .na-pag{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
#nv-noar .na-pag .pc-lnk{min-height:32px;min-width:32px;justify-content:center}
#nv-noar .na-pag .pc-lnk:disabled{color:var(--idle);text-decoration:none;cursor:default}
#nv-noar .na-atende{display:block;font-size:var(--t-dat);color:var(--mut);overflow-wrap:anywhere}
/* os detalhes técnicos: recolhidos, uma linha discreta; aberto, o código e os ms */
#nv-noar .na-tec{display:block;margin-left:auto;font-size:var(--t-cap);color:var(--mut);min-width:0}
#nv-noar .na-tec[open]{flex:1 1 100%;margin-left:0}
#nv-noar .na-tec>summary{cursor:pointer;min-height:28px;display:flex;align-items:center;width:max-content;max-width:100%}
#nv-noar .na-tec>span{display:block;overflow-wrap:anywhere}