/* Nexus · kit de painel (v3.0.0), tudo sob .nx-kit. Lê os tokens --nx-* de tokens.css. */
/* O kit de painel (`@nexus/design-system/painel`), sob a raiz `.nx-kit` (e não `.pnl`: as cópias locais dos módulos que
   ainda não migraram usam `.pnl`, e o shell carrega este CSS para todas as telas; com raízes diferentes, as regras de um
   nunca alcançam a tela do outro durante a transição — o mesmo motivo do `.shp` do shell). União das folhas que existiam em quatro cópias até a 2.1:
   a do RH (nexus_rh@0af8992, a mais completa), mais o que a origem ganhou depois da cópia (nexus_operacao@74ec706:
   barras, calor, esteira, fichas, segmentos, a TagDoCliente e o `apagada` da Colunas) e as classes do diálogo antigo do
   Orçamento (nexus_po@f3aca8e: `pnl-dialogo`, `pnl-passo`), que telas de lá ainda usam.
   As ~50 variáveis sem prefixo que cada cópia declarava sob `.pnl` (`--casco`, `--tinta`, `--n-tx`...) não existem
   mais: as regras leem os tokens `--nx-*` direto, e por isso o kit troca de tema com a página. A faixa deixa de ser
   azul-marinho: vira papel com fio e sombra de 1 px, como a `Faixa` do pacote (direção final).
   Não edite à mão para mudar cor: mude o token. As regras de layout são as das cópias, sem alteração. */
.nx-kit { font-family: var(--nx-f-texto); color: var(--nx-tinta); }
.nx-kit { font-family: var(--nx-f-texto); color: var(--nx-tinta); }
.nx-kit :focus-visible { outline: 2px solid var(--nx-acao); outline-offset: 2px; }
.nx-kit h2, .nx-kit h3 { letter-spacing: 0; }
.nx-kit .pnl-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; padding: 0; border: 0; }
.nx-kit .pnl-ico { display: inline-block; flex: none; width: 16px; height: 16px; vertical-align: middle; }
.nx-kit .pnl-faixa { background: var(--nx-acao); color: var(--nx-tinta); border-radius: var(--nx-raio-instrumento); padding: 14px 16px 0; }
.nx-kit .pnl-faixa :focus-visible { outline-color: var(--nx-foco); }
.nx-kit .pnl-faixa-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }
.nx-kit .pnl-faixa-cabeca { min-width: 0; }
.nx-kit .pnl-faixa-titulo { margin: 0; font: 600 20px/1.2 var(--nx-f-titulo); color: var(--nx-tinta); }
.nx-kit .pnl-faixa-sub { margin: 3px 0 0; font-size: 13px; line-height: 1.35; color: var(--nx-tinta-2); }
.nx-kit .pnl-faixa-direita { display: flex; align-items: center; justify-content: flex-end; gap: 8px 14px; flex-wrap: wrap; }
.nx-kit .pnl-frescor { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; line-height: 1.3; color: var(--nx-tinta-2); }
.nx-kit .pnl-frescor b { color: var(--nx-tinta); font-weight: 600; }
.nx-kit .pnl-frescor .pnl-ico { width: 14px; height: 14px; }
.nx-kit .pnl-faixa-corpo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); gap: 0 18px; margin-top: 12px; padding-bottom: 6px; border-top: 1px solid var(--nx-fio); }
.nx-kit .pnl-faixa-corpo > .pnl-prateleira { margin-top: 10px; }
.nx-kit .pnl-faixa-corpo.sem-lado { grid-template-columns: minmax(0, 1fr); }
.nx-kit .pnl-faixa-lado { min-width: 0; padding: 10px 0 12px 16px; border-left: 1px solid var(--nx-fio); }
.nx-kit .pnl-faixa-lado-rotulo { margin: 0 0 6px; font: 600 13px/1.2 var(--nx-f-texto); color: var(--nx-tinta-2); }
.nx-kit .pnl-faixa-espera { margin: 10px 0 12px; font-size: 13px; color: var(--nx-tinta-2); }
.nx-kit .pnl-prateleira { display: flex; margin-top: 12px; }
.nx-kit .pnl-grupo { flex: 1 1 0; min-width: min-content; display: flex; flex-direction: column; }
.nx-kit .pnl-grupo + .pnl-grupo { border-left: 2px solid var(--nx-fio-2); padding-left: 14px; margin-left: 2px; }
.nx-kit .pnl-grupo:focus { outline: none; }
.nx-kit .pnl-grupo:focus-visible { outline: 2px solid var(--nx-foco); outline-offset: 2px; }
.nx-kit .pnl-grupo-rotulo { margin: 0 0 2px; font: 600 13px/1.2 var(--nx-f-texto); color: var(--nx-tinta-2); }
.nx-kit .pnl-numeros { display: flex; flex: 1 1 auto; }
.nx-kit .pnl-numero { position: relative; flex: 1 1 76px; min-width: min-content; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 8px 6px 10px; margin: 0; border: 0; border-left: 1px solid var(--nx-fio); border-radius: 0; background: none; color: var(--nx-tinta); font: inherit; text-align: left; }
.nx-kit .pnl-numeros > .pnl-numero:first-child { border-left: 0; padding-left: 0; }
.nx-kit button.pnl-numero { cursor: pointer; }
.nx-kit button.pnl-numero:hover { background: var(--nx-passagem); }
.nx-kit button.pnl-numero:hover .pnl-rotulo { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-numero[aria-pressed="true"] { background: var(--nx-selecao); }
.nx-kit .pnl-numero[aria-pressed="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--nx-acao); }
.nx-kit .pnl-valor { font: 600 34px/1 var(--nx-f-titulo); font-stretch: 80%; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.nx-kit .pnl-rotulo { font: 600 13px/1.25 var(--nx-f-texto); color: var(--nx-tinta); text-wrap: balance; }
.nx-kit .pnl-apoio { display: block; font-size: 13px; line-height: 1.3; color: var(--nx-tinta-2); }
.nx-kit .pnl-apoio .pnl-ico { width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; }
.nx-kit .pnl-numero.zero .pnl-valor { color: var(--nx-tinta-3); }
.nx-kit .pnl-numero.zero .pnl-rotulo { font-weight: 400; color: var(--nx-tinta-3); }
.nx-kit .pnl-numero.zero .pnl-apoio { color: var(--nx-tinta-3); }
.nx-kit .pnl-faixa-pe { display: flex; align-items: center; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; margin-top: 4px; padding: 9px 0 11px; border-top: 1px solid var(--nx-fio); font-size: 13px; color: var(--nx-tinta-2); }
.nx-kit .pnl-como-ler { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 4px 0; color: var(--nx-acao); font: 600 13px/1.2 var(--nx-f-texto); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-faixa .pnl-como-ler { color: var(--nx-tinta); }
.nx-kit .pnl-como-ler-i { display: inline-grid; place-items: center; width: 16px; height: 16px; border: 1.5px solid currentColor; border-radius: 50%; font: 700 11px/1 var(--nx-f-texto); font-style: normal; text-decoration: none; }
.nx-kit .pnl-grade { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; align-items: start; margin-top: 12px; }
.nx-kit .pnl-c3 { grid-column: span 3; }
.nx-kit .pnl-c4 { grid-column: span 4; }
.nx-kit .pnl-c5 { grid-column: span 5; }
.nx-kit .pnl-c6 { grid-column: span 6; }
.nx-kit .pnl-c7 { grid-column: span 7; }
.nx-kit .pnl-c8 { grid-column: span 8; }
.nx-kit .pnl-c9 { grid-column: span 9; }
.nx-kit .pnl-c12 { grid-column: span 12; }
.nx-kit .pnl-cartao { position: relative; min-width: 0; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 12px 14px 14px; background: var(--nx-papel); border: 1px solid var(--nx-fio); border-radius: var(--nx-raio-painel); }
.nx-kit .pnl-cartao-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 12px; flex-wrap: wrap; }
.nx-kit .pnl-cartao h2 { margin: 0; font: 600 17px/1.2 var(--nx-f-titulo); color: var(--nx-acao); }
.nx-kit .pnl-cartao-acao { display: flex; align-items: baseline; gap: 12px; font-size: 13px; color: var(--nx-tinta-3); }
.nx-kit .pnl-cartao-acao .pnl-ico { width: 14px; height: 14px; vertical-align: -2px; }
.nx-kit .pnl-cartao-sub { margin: -4px 0 0; font-size: 13px; line-height: 1.4; color: var(--nx-tinta-3); }
.nx-kit .pnl-espera { margin: 0; font-size: 13px; color: var(--nx-tinta-3); }
.nx-kit .pnl-mini { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 2px 4px; border: 0; background: none; color: var(--nx-tinta); font: inherit; text-align: left; border-radius: var(--nx-raio-controle); }
.nx-kit button.pnl-mini { cursor: pointer; }
.nx-kit button.pnl-mini:hover .pnl-mini-rotulo, .nx-kit .pnl-mini[aria-pressed="true"] .pnl-mini-rotulo { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-mini[aria-pressed="true"] { background: var(--nx-selecao); }
.nx-kit .pnl-mini-linha { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.nx-kit .pnl-mini-valor { font: 600 30px/1 var(--nx-f-titulo); font-stretch: 85%; color: var(--nx-acao); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-mini-rotulo { font: 600 14px/1.3 var(--nx-f-texto); color: var(--nx-tinta); }
.nx-kit .pnl-mini-apoio { font-size: 13px; color: var(--nx-tinta-3); }
.nx-kit .pnl-mini.zero .pnl-mini-valor { color: var(--nx-tinta-3); }
.nx-kit .pnl-botao { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; margin: 0; padding: 8px 14px; border: 1px solid var(--nx-acao); border-radius: var(--nx-raio-controle); background: var(--nx-acao); color: var(--nx-acao-tinta); font: 600 13.5px/1.25 var(--nx-f-texto); text-align: left; cursor: pointer; }
.nx-kit .pnl-botao:hover { background: var(--nx-acao-pressionado); border-color: var(--nx-acao-pressionado); }
.nx-kit .pnl-botao.contorno { background: var(--nx-papel); color: var(--nx-acao); }
.nx-kit .pnl-botao.contorno:hover { background: var(--nx-selecao); }
.nx-kit .pnl-faixa .pnl-botao.contorno { background: transparent; color: var(--nx-tinta); border-color: var(--nx-fio-2); }
.nx-kit .pnl-faixa .pnl-botao.contorno:hover { background: var(--nx-passagem); }
.nx-kit .pnl-lacuna { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px 10px; margin: 0; padding: 14px 16px; border: 1px dashed var(--nx-fio-2); border-radius: var(--nx-raio-painel); background: var(--nx-papel-2); color: var(--nx-tinta-2); font-size: 14px; line-height: 1.45; }
.nx-kit .pnl-lacuna .pnl-lacuna-ico { width: 20px; height: 20px; margin-top: 1px; }
.nx-kit .pnl-lacuna-texto { flex: 1 1 220px; min-width: 0; margin: 0; }
.nx-kit .pnl-lacuna-texto b { color: var(--nx-tinta); font-weight: 600; }
.nx-kit .pnl-lacuna-acao { flex: none; display: flex; align-items: center; }
.nx-kit .pnl-lacuna.compacta { padding: 8px 10px; font-size: 13px; }
.nx-kit .pnl-lacuna.compacta .pnl-lacuna-ico { width: 16px; height: 16px; }
.nx-kit .pnl-faixa .pnl-lacuna { margin: 10px 0 12px; background: var(--nx-papel-2); border-color: var(--nx-fio-2); color: var(--nx-tinta-2); }
.nx-kit .pnl-faixa .pnl-lacuna-texto b { color: var(--nx-tinta); }
.nx-kit .pnl-selo { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 2px 9px; border-radius: var(--nx-raio-pilula); font: 600 13px/1.3 var(--nx-f-texto); }
.nx-kit .pnl-selo .pnl-ico { width: 14px; height: 14px; }
.nx-kit .pnl-selo.ok { background: var(--nx-pronto-fundo); color: var(--nx-pronto-tinta); }
.nx-kit .pnl-selo.atencao { background: var(--nx-atencao-fundo); color: var(--nx-atencao-tinta); }
.nx-kit .pnl-selo.neutro { background: var(--nx-acompanhar-fundo); color: var(--nx-tinta-2); }
.nx-kit .pnl-selo.construcao { padding: 1px 8px; border: 1px dashed var(--nx-tinta-3); background: none; color: var(--nx-tinta-2); font-weight: 500; }
.nx-kit .pnl-rosca { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.nx-kit .pnl-rosca-figura { position: relative; flex: none; width: 140px; height: 140px; }
.nx-kit .pnl-rosca-svg { display: block; width: 100%; height: 100%; }
.nx-kit .pnl-rosca-arco { transition: opacity .15s ease; }
.nx-kit .pnl-rosca-centro { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-align: center; pointer-events: none; }
.nx-kit .pnl-rosca-valor { font: 600 26px/1 var(--nx-f-titulo); font-stretch: 85%; color: var(--nx-acao); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-rosca-rotulo { max-width: 80px; font-size: 13px; line-height: 1.2; color: var(--nx-tinta-3); }
.nx-kit .pnl-rosca-legenda { list-style: none; margin: 0; padding: 0; flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.nx-kit .pnl-rosca-item { width: 100%; display: flex; align-items: baseline; gap: 8px; margin: 0; padding: 6px 8px; border: 0; border-radius: var(--nx-raio-controle); background: none; color: var(--nx-tinta); font: inherit; text-align: left; }
.nx-kit button.pnl-rosca-item { cursor: pointer; }
.nx-kit button.pnl-rosca-item:hover { background: var(--nx-passagem); }
.nx-kit button.pnl-rosca-item:hover .pnl-rosca-rot, .nx-kit .pnl-rosca-item[aria-pressed="true"] .pnl-rosca-rot { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-rosca-item[aria-pressed="true"] { background: var(--nx-selecao); }
.nx-kit .pnl-rosca-item:focus-visible { outline: 2px solid var(--nx-acao); outline-offset: 1px; }
.nx-kit .pnl-rosca-amostra { flex: none; position: relative; top: 1px; width: 11px; height: 11px; border-radius: 2px; }
.nx-kit .pnl-rosca-rot { flex: 1 1 auto; min-width: 0; font-size: 13.5px; line-height: 1.3; color: var(--nx-tinta); overflow-wrap: break-word; }
.nx-kit .pnl-rosca-val { flex: none; font: 600 14px/1.2 var(--nx-f-texto); color: var(--nx-tinta); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-rosca-pct { flex: none; min-width: 46px; font-size: 13px; line-height: 1.2; color: var(--nx-tinta-2); text-align: right; font-variant-numeric: tabular-nums; }
.nx-kit .pnl-rosca-item.zero .pnl-rosca-rot, .nx-kit .pnl-rosca-item.zero .pnl-rosca-val, .nx-kit .pnl-rosca-item.zero .pnl-rosca-pct { color: var(--nx-tinta-3); }
.nx-kit .pnl-rosca-item.zero .pnl-rosca-val { font-weight: 400; }
.nx-kit .pnl-rosca-item.zero .pnl-rosca-amostra { opacity: .45; }
.nx-kit .pnl-faixa .pnl-rosca-figura { width: 104px; height: 104px; }
.nx-kit .pnl-faixa .pnl-rosca-valor { font-size: 22px; color: var(--nx-tinta); }
.nx-kit .pnl-faixa .pnl-rosca-rotulo { color: var(--nx-tinta-2); }
.nx-kit .pnl-faixa .pnl-rosca-rot, .nx-kit .pnl-faixa .pnl-rosca-val { color: var(--nx-tinta); }
.nx-kit .pnl-faixa .pnl-rosca-pct { color: var(--nx-tinta-2); }
.nx-kit .pnl-faixa .pnl-rosca-item { padding: 4px 6px; }
.nx-kit .pnl-faixa button.pnl-rosca-item:hover { background: var(--nx-passagem); }
.nx-kit .pnl-faixa .pnl-rosca-item[aria-pressed="true"] { background: var(--nx-selecao); }
.nx-kit .pnl-faixa .pnl-rosca-item:focus-visible { outline-color: var(--nx-foco); }
.nx-kit .pnl-faixa .pnl-rosca-item.zero .pnl-rosca-rot, .nx-kit .pnl-faixa .pnl-rosca-item.zero .pnl-rosca-val, .nx-kit .pnl-faixa .pnl-rosca-item.zero .pnl-rosca-pct { color: var(--nx-tinta-3); }
.nx-kit .pnl-colunas { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.nx-kit .pnl-colunas-lista { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; gap: 6px; min-width: 0; }
.nx-kit .pnl-coluna { flex: 1 1 0; min-width: 0; max-width: 72px; display: flex; }
.nx-kit .pnl-coluna-alvo { position: relative; flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: var(--altura) auto auto; justify-items: center; align-content: start; row-gap: 2px; margin: 0; padding: 12px 0 4px; border: 0; border-radius: var(--nx-raio-controle); background: none; color: var(--nx-tinta); font: inherit; text-align: center; }
.nx-kit button.pnl-coluna-alvo { cursor: pointer; }
.nx-kit button.pnl-coluna-alvo:hover { background: var(--nx-fundo); }
.nx-kit button.pnl-coluna-alvo:hover .pnl-coluna-rotulo, .nx-kit .pnl-coluna-alvo[aria-pressed="true"] .pnl-coluna-rotulo { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-coluna-alvo[aria-pressed="true"] { background: var(--nx-fundo); box-shadow: inset 0 0 0 2px var(--nx-acao); }
.nx-kit .pnl-coluna-area { position: relative; display: block; grid-row: 1; grid-column: 1; justify-self: stretch; align-self: start; width: 100%; height: var(--altura); }
.nx-kit .pnl-coluna-area::after { content: ""; position: absolute; left: -3px; right: -3px; bottom: -1px; height: 1px; background: var(--nx-fio); }
.nx-kit .pnl-coluna:first-child .pnl-coluna-area::after { left: 0; }
.nx-kit .pnl-coluna:last-child .pnl-coluna-area::after { right: 0; }
.nx-kit .pnl-coluna-barra, .nx-kit .pnl-coluna-projecao { position: absolute; bottom: 0; left: 50%; width: min(60%, 28px); box-sizing: border-box; border-radius: 4px 4px 0 0; transform: translateX(-50%); }
.nx-kit .pnl-coluna-barra { background: var(--nx-serie-1); }
.nx-kit .pnl-coluna-barra.embaixo { border-radius: 0; }
.nx-kit .pnl-coluna-barra.s2 { background: var(--nx-serie-2); }
.nx-kit .pnl-coluna-barra.recusa { background: var(--nx-atencao); }
.nx-kit .pnl-coluna.parcial .pnl-coluna-barra { background: color-mix(in oklab, var(--nx-serie-1) 35%, transparent); border: 1px dashed var(--nx-serie-1); border-bottom: 0; }
.nx-kit .pnl-coluna.parcial .pnl-coluna-barra.s2 { background: color-mix(in oklab, var(--nx-serie-2) 35%, transparent); border-color: var(--nx-serie-2); }
.nx-kit .pnl-coluna.parcial .pnl-coluna-barra.recusa { background: color-mix(in oklab, var(--nx-atencao) 35%, transparent); border-color: var(--nx-atencao); }
.nx-kit .pnl-coluna-projecao { z-index: 1; background: none; border: 1.5px dashed var(--nx-serie-1); border-bottom: 0; }
.nx-kit .pnl-coluna-proj-rot { position: absolute; left: 50%; top: 4px; transform: translateX(-50%); font: 600 12px/15px var(--nx-f-texto); color: var(--nx-acao); white-space: nowrap; text-shadow: 0 0 2px var(--nx-fundo), 0 0 2px var(--nx-fundo), 0 0 3px var(--nx-fundo); }
.nx-kit .pnl-coluna-meta { position: absolute; left: 50%; width: calc(min(60%, 28px) + 12px); max-width: 100%; height: 2px; border-radius: 1px; background: var(--nx-acao); transform: translate(-50%, 50%); }
.nx-kit .pnl-coluna-ponto { position: absolute; left: 50%; bottom: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--nx-sem-data); transform: translate(-50%, 50%); }
.nx-kit .pnl-coluna-valor { position: absolute; z-index: 2; left: 50%; bottom: calc(var(--y) + var(--folga)); transform: translateX(-50%); font: 600 13px/16px var(--nx-f-texto); font-variant-numeric: tabular-nums; color: var(--nx-tinta); white-space: nowrap; text-shadow: 0 0 2px var(--nx-fundo), 0 0 2px var(--nx-fundo), 0 0 3px var(--nx-fundo); }
.nx-kit .pnl-coluna.vazia .pnl-coluna-valor { font-weight: 400; color: var(--nx-tinta-3); }
.nx-kit .pnl-coluna-rotulo { grid-row: 2; grid-column: 1; max-width: 100%; margin-top: 4px; font-size: 13px; line-height: 1.25; color: var(--nx-tinta-2); white-space: nowrap; }
.nx-kit .pnl-coluna-sub { grid-row: 3; grid-column: 1; max-width: 100%; font-size: 13px; line-height: 1.25; color: var(--nx-tinta-3); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.nx-kit .pnl-colunas-legenda { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; font-size: 13px; line-height: 1.5; color: var(--nx-tinta-2); }
.nx-kit .pnl-amostra { display: inline-block; box-sizing: border-box; margin-right: 5px; vertical-align: -1px; }
.nx-kit .pnl-amostra.barra, .nx-kit .pnl-amostra.parcial { width: 10px; height: 12px; border-radius: 2px 2px 0 0; }
.nx-kit .pnl-amostra.barra { background: var(--nx-serie-1); }
.nx-kit .pnl-amostra.barra.s2 { background: var(--nx-serie-2); }
.nx-kit .pnl-amostra.barra.recusa { background: var(--nx-atencao); }
.nx-kit .pnl-amostra.parcial { background: color-mix(in oklab, var(--nx-serie-1) 35%, transparent); border: 1px dashed var(--nx-serie-1); border-bottom: 0; }
.nx-kit .pnl-medidor { display: block; width: 100%; height: 14px; }
.nx-kit .pnl-medidor-escala { display: flex; justify-content: space-between; gap: 12px; margin-top: 2px; font-size: 13px; color: var(--nx-tinta-3); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-avisos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.nx-kit .pnl-aviso { display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border: 1px solid var(--nx-fio); border-left: 3px solid var(--nx-atencao); border-radius: var(--nx-raio-controle); font-size: 13.5px; line-height: 1.4; }
.nx-kit .pnl-aviso .pnl-ico { margin-top: 1px; }
.nx-kit .pnl-aviso b { font-weight: 600; color: var(--nx-tinta); }
.nx-kit .pnl-aviso-sub { display: block; font-size: 13px; color: var(--nx-tinta-2); }
.nx-kit .pnl-fichas-valor { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.nx-kit .pnl-fichas-valor > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.nx-kit .pnl-ficha-valor { width: 100%; height: 100%; display: flex; align-items: center; flex-wrap: nowrap; gap: 4px 10px; min-height: 36px; margin: 0; padding: 6px 10px; border: 1px solid var(--nx-fio); border-radius: var(--nx-raio-controle); background: var(--nx-papel); color: var(--nx-tinta); font: inherit; text-align: left; cursor: pointer; }
.nx-kit .pnl-ficha-valor:hover { border-color: var(--nx-acao); background: var(--nx-passagem); }
.nx-kit .pnl-ficha-valor:hover .pnl-ficha-nome { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-ficha-k { flex: none; min-width: 22px; font: 700 13px/1.3 var(--nx-f-texto); color: var(--nx-tinta-2); }
.nx-kit .pnl-ficha-nome { flex: 1 1 auto; min-width: 0; font-size: 14px; line-height: 1.35; }
.nx-kit .pnl-ficha-nome b { font-weight: 700; }
.nx-kit .pnl-ficha-valor > .pnl-ico, .nx-kit .pnl-ficha-valor > .pnl-selo { margin-left: auto; }
.nx-kit .pnl-ficha-valor > .pnl-selo { flex: none; white-space: nowrap; }
.nx-kit .pnl-etapas { list-style: none; margin: 0; padding: 0; display: flex; gap: 3px; }
.nx-kit .pnl-etapas > li { flex: 1 1 0; min-width: min-content; display: flex; }
.nx-kit .pnl-etapa { flex: 1 1 auto; min-width: min-content; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; padding: 10px 16px 10px 20px; border: 0; background: var(--nx-selecao); color: var(--nx-tinta); font: inherit; text-align: left; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%); }
.nx-kit .pnl-etapas > li:first-child .pnl-etapa { padding-left: 12px; border-radius: 6px 0 0 6px; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); }
.nx-kit button.pnl-etapa { cursor: pointer; }
.nx-kit button.pnl-etapa:hover { background: var(--nx-selecao); }
.nx-kit button.pnl-etapa:hover .pnl-etapa-rotulo { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit button.pnl-etapa:focus-visible { clip-path: none; border-radius: 6px; outline-offset: -2px; }
.nx-kit .pnl-etapa-valor { font: 600 26px/1 var(--nx-f-titulo); font-stretch: 85%; color: var(--nx-acao); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-etapa-rotulo { font-size: 13px; line-height: 1.25; color: var(--nx-tinta-2); text-wrap: balance; }
.nx-kit .pnl-etapa-apoio { font-size: 13px; line-height: 1.25; color: var(--nx-tinta-2); }
.nx-kit .pnl-etapa.zero .pnl-etapa-valor { color: var(--nx-tinta-3); }
.nx-kit .pnl-etapa-alvo { margin: 0; padding: 2px 0; border: 0; background: none; color: var(--nx-acao); font: 600 13px/1.25 var(--nx-f-texto); text-align: left; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.nx-kit .pnl-etapa-alvo:hover { color: var(--nx-acao-pressionado); }
.nx-kit .pnl-link { color: var(--nx-acao); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.nx-kit .pnl-link-botao { margin: 0; padding: 2px 0; border: 0; background: none; color: var(--nx-acao); font: 600 13px/1.25 var(--nx-f-texto); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.nx-kit .pnl-link-botao:hover, .nx-kit .pnl-link:hover { color: var(--nx-acao-pressionado); }
.nx-kit .pnl-nota { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--nx-tinta-2); }
.nx-kit .pnl-nota .pnl-ico { margin-top: 2px; }
.nx-kit .pnl-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.nx-kit.pnl-dlg-fundo { position: fixed; inset: 0; z-index: var(--nx-z-dialogo); display: flex; align-items: center; justify-content: center; padding: 24px; background: var(--nx-veu); }
.nx-kit .pnl-dlg { display: flex; flex-direction: column; width: min(600px, 100%); max-height: calc(100vh - 48px); overflow: auto; background: var(--nx-papel); border-radius: 12px; box-shadow: var(--nx-sombra-flutua); text-align: left; }
.nx-kit .pnl-dlg-cabeca { position: relative; padding: 18px 64px 6px 24px; }
.nx-kit .pnl-dlg-cabeca h2 { margin: 0; font: 600 21px/1.2 var(--nx-f-titulo); color: var(--nx-acao); }
.nx-kit .pnl-dlg-cabeca p { margin: 4px 0 0; font-size: 13px; line-height: 1.4; color: var(--nx-tinta-3); }
.nx-kit .pnl-dlg-fechar { position: absolute; right: 12px; top: 10px; width: 44px; height: 44px; border: 0; background: none; border-radius: 8px; font-size: 24px; line-height: 1; color: var(--nx-tinta-2); cursor: pointer; }
.nx-kit .pnl-dlg-fechar:hover { background: var(--nx-passagem); color: var(--nx-acao); }
.nx-kit .pnl-dlg-corpo { display: grid; gap: 12px; padding: 10px 24px 14px; min-width: 0; }
.nx-kit .pnl-dlg-pe { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; padding: 12px 24px 16px; border-top: 1px solid var(--nx-fio); }
.nx-kit.pnl-dlg-fundo.gaveta { z-index: var(--nx-z-gaveta); align-items: stretch; justify-content: flex-end; padding: 0; }
.nx-kit .pnl-dlg.gaveta { width: min(560px, 100%); height: 100%; max-height: none; border-radius: 0; overflow: hidden; }
.nx-kit .pnl-dlg.gaveta .pnl-dlg-corpo { flex: 1 1 auto; overflow: auto; align-content: start; }
.nx-kit .pnl-dlg.gaveta .pnl-dlg-corpo:has(.pnl-quem) { grid-auto-rows: max-content; }
.nx-kit .pnl-dlg-linha { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--nx-tinta-2); }
.nx-kit .pnl-tabela-wrap { max-width: 100%; overflow-x: auto; }
.nx-kit .pnl-tabela { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.35; }
.nx-kit .pnl-tabela caption { padding: 0 0 6px; text-align: left; font: 600 14px/1.3 var(--nx-f-texto); color: var(--nx-acao); }
.nx-kit .pnl-tabela th, .nx-kit .pnl-tabela td { padding: 6px 8px; border-bottom: 1px solid var(--nx-fio); text-align: left; vertical-align: top; }
.nx-kit .pnl-tabela thead th { position: sticky; top: 0; background: var(--nx-papel-2); font-weight: 600; color: var(--nx-tinta-2); }
.nx-kit .pnl-tabela tbody th { font-weight: 500; color: var(--nx-tinta); }
.nx-kit .pnl-tabela .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nx-kit .pnl-tabela .quando { white-space: nowrap; font-variant-numeric: tabular-nums; }
.nx-kit .pnl-so-celular { display: none; }
.nx-kit .pnl-quem { display: grid; gap: 8px; }
.nx-kit .pnl-quem-titulo { margin: 8px 0 0; font: 600 15px/1.3 var(--nx-f-texto); color: var(--nx-acao); }
.nx-kit .pnl-quem-ok { display: flex; align-items: center; gap: 6px; }
.nx-kit .pnl-tabela.lista .quem { min-width: 9em; }
.nx-kit .pnl-quem-nome { display: block; font-weight: 600; color: var(--nx-tinta); }
.nx-kit .pnl-quem-conta { display: block; color: var(--nx-tinta-2); overflow-wrap: anywhere; }
.nx-kit .pnl-quem-situacao, .nx-kit .pnl-quem-quando { display: block; }
.nx-kit .pnl-quem-quando { margin-bottom: 4px; color: var(--nx-tinta-2); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-tabela.lista .fazer .pnl-link { white-space: nowrap; }
.nx-kit .pnl-glossario { margin: 0; columns: 2; column-gap: 24px; }
.nx-kit .pnl-glossario > div { break-inside: avoid; margin-bottom: 12px; }
.nx-kit .pnl-glossario dt { margin: 0 0 2px; font: 600 14px/1.3 var(--nx-f-texto); color: var(--nx-acao); }
.nx-kit .pnl-glossario dd { margin: 0; font-size: 13px; line-height: 1.45; color: var(--nx-tinta-2); }
@media (prefers-reduced-motion: reduce) {
  .nx-kit * { transition: none !important; }
}
@media (forced-colors: active) {
  .nx-kit .pnl-coluna-barra, .nx-kit .pnl-coluna-meta, .nx-kit .pnl-coluna-ponto, .nx-kit .pnl-coluna-projecao, .nx-kit .pnl-amostra, .nx-kit .pnl-rosca-svg, .nx-kit .pnl-rosca-amostra, .nx-kit .pnl-medidor, .nx-kit .pnl-etapa { forced-color-adjust: none; }
  .nx-kit .pnl-coluna-barra, .nx-kit .pnl-etapa { border: 1px solid CanvasText; }
  .nx-kit .pnl-rosca-amostra { outline: 1px solid CanvasText; }
  .nx-kit .pnl-numero[aria-pressed="true"], .nx-kit .pnl-coluna-alvo[aria-pressed="true"], .nx-kit .pnl-rosca-item[aria-pressed="true"], .nx-kit .pnl-mini[aria-pressed="true"] { outline: 2px solid CanvasText; }
}
@media (max-width: 1300px) {
  .nx-kit .pnl-faixa-corpo { grid-template-columns: minmax(0, 1fr); }
  .nx-kit .pnl-faixa-lado { padding: 10px 0 12px; border-left: 0; border-top: 1px solid var(--nx-fio); }
  .nx-kit .pnl-prateleira { flex-direction: column; gap: 10px; }
  .nx-kit .pnl-grupo { min-width: 0; }
  .nx-kit .pnl-grupo + .pnl-grupo { border-left: 0; padding-left: 0; margin-left: 0; padding-top: 10px; border-top: 2px solid var(--nx-fio-2); }
  .nx-kit .pnl-numeros { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); }
  .nx-kit .pnl-etapas { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 4px; }
  .nx-kit .pnl-etapas > li, .nx-kit .pnl-etapa { min-width: 0; }
  .nx-kit .pnl-etapa, .nx-kit .pnl-etapas > li:first-child .pnl-etapa { padding: 8px 10px; clip-path: none; border-radius: 6px; }
  .nx-kit .pnl-c3, .nx-kit .pnl-c4, .nx-kit .pnl-c5, .nx-kit .pnl-c6, .nx-kit .pnl-c7, .nx-kit .pnl-c8, .nx-kit .pnl-c9 { grid-column: span 12; }
}
@media (max-width: 760px) {
  .nx-kit .pnl-faixa { padding: 12px 14px 0; }
  .nx-kit .pnl-faixa-direita { justify-content: flex-start; }
  .nx-kit .pnl-numeros { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nx-kit .pnl-numero, .nx-kit .pnl-numeros > .pnl-numero:first-child { min-height: 44px; padding: 8px 10px 10px 0; border-left: 0; border-top: 1px solid var(--nx-fio); }
  .nx-kit .pnl-numeros > .pnl-numero:nth-child(-n+2) { border-top: 0; }
  .nx-kit .pnl-numeros > .pnl-numero:nth-child(even) { padding-left: 12px; border-left: 1px solid var(--nx-fio); }
  .nx-kit .pnl-valor { font-size: 32px; }
  .nx-kit .pnl-como-ler, .nx-kit .pnl-botao { min-height: 44px; }
  .nx-kit .pnl-grade { grid-template-columns: minmax(0, 1fr); }
  .nx-kit .pnl-grade > * { grid-column: auto; }
  .nx-kit .pnl-mini { min-height: 44px; }
  .nx-kit .pnl-glossario { columns: 1; }
  .nx-kit .pnl-rosca { flex-wrap: nowrap; align-items: center; gap: 12px; }
  .nx-kit .pnl-faixa .pnl-rosca-figura { width: 96px; height: 96px; }
  .nx-kit .pnl-rosca-legenda { flex: 1 1 auto; min-width: 0; }
  .nx-kit .pnl-rosca-item, .nx-kit .pnl-faixa .pnl-rosca-item { min-height: 44px; align-items: center; }
  .nx-kit .pnl-rosca-amostra { top: 0; }
  .nx-kit .pnl-colunas-lista { gap: 2px; }
  .nx-kit .pnl-coluna-alvo { min-height: 44px; }
  .nx-kit .pnl-coluna.so-computador { display: none; }
  .nx-kit .pnl-coluna.rotulo-so-computador .pnl-coluna-rotulo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
  .nx-kit .pnl-coluna-sub { font-size: 12px; white-space: nowrap; overflow-wrap: normal; }
  .nx-kit .pnl-fichas-valor { grid-template-columns: minmax(0, 1fr); }
  .nx-kit .pnl-ficha-valor { min-height: 44px; }
  .nx-kit .pnl-etapas { grid-template-columns: minmax(0, 1fr); }
  .nx-kit .pnl-etapa, .nx-kit .pnl-etapas > li:first-child .pnl-etapa { min-height: 48px; }
  .nx-kit .pnl-lacuna-acao { flex-basis: 100%; }
  .nx-kit .pnl-etapa-alvo, .nx-kit .pnl-link-botao { min-height: 44px; }
  .nx-kit .pnl-avisos .pnl-link { display: inline-flex; align-items: center; min-height: 44px; }
  .nx-kit .pnl-tabela.trilha, .nx-kit .pnl-tabela.trilha tbody, .nx-kit .pnl-tabela.trilha tr { display: block; width: 100%; }
  .nx-kit .pnl-tabela.trilha caption { display: block; }
  .nx-kit .pnl-tabela.trilha thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
  .nx-kit .pnl-tabela.trilha tr { padding: 8px 0; border-bottom: 1px solid var(--nx-fio); }
  .nx-kit .pnl-tabela.trilha td { display: inline; padding: 0; border: 0; text-align: left; }
  .nx-kit .pnl-tabela.trilha td + td:not(.motivo)::before { content: " · "; color: var(--nx-tinta-3); }
  .nx-kit .pnl-tabela.trilha td.quando { font-weight: 600; }
  .nx-kit .pnl-tabela.trilha td.motivo { display: block; margin-top: 2px; color: var(--nx-tinta-2); }
  .nx-kit .pnl-tabela.trilha .pnl-so-celular { display: inline; }
  .nx-kit .pnl-tabela.lista, .nx-kit .pnl-tabela.lista tbody, .nx-kit .pnl-tabela.lista tr { display: block; width: 100%; }
  .nx-kit .pnl-tabela.lista thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
  .nx-kit .pnl-tabela.lista tr { padding: 10px 0; border-bottom: 1px solid var(--nx-fio); }
  .nx-kit .pnl-tabela.lista th, .nx-kit .pnl-tabela.lista td { display: block; padding: 0; border: 0; }
  .nx-kit .pnl-tabela.lista td + td, .nx-kit .pnl-tabela.lista th + td { margin-top: 4px; }
  .nx-kit .pnl-tabela.lista .fazer .pnl-link { display: flex; align-items: center; width: fit-content; min-height: 44px; }
  .nx-kit.pnl-dlg-fundo { padding: 0; align-items: flex-end; }
  .nx-kit .pnl-dlg { border-radius: 14px 14px 0 0; max-height: 92vh; }
  .nx-kit .pnl-dlg.gaveta { width: 100%; height: 100%; max-height: none; border-radius: 0; }
  .nx-kit .pnl-dlg-corpo { padding: 8px 16px 12px; }
  .nx-kit .pnl-dlg-cabeca { padding: 16px 60px 6px 16px; }
  .nx-kit .pnl-dlg-pe { padding: 10px 16px 14px; }
  .nx-kit .pnl-dlg-pe .pnl-botao { flex: 1 1 auto; }
}
/* ---- da origem e do Orçamento, o que o RH não tinha ---- */
.nx-kit .pnl-faixa-pe b { color: var(--nx-tinta); font-weight: 600; }
.nx-kit .pnl-link-claro { border: 0; background: none; padding: 2px 0; color: var(--nx-tinta); font: 600 13px/1.3 var(--nx-f-texto); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-link-claro:hover { text-decoration-thickness: 2px; }
.nx-kit .pnl-segmentos { display: inline-flex; border: 1px solid var(--nx-fio-2); border-radius: var(--nx-raio-controle); overflow: hidden; }
.nx-kit .pnl-segmentos button { min-width: 52px; height: 32px; padding: 0 14px; border: 0; background: none; color: var(--nx-tinta-2); font: 600 13px/1 var(--nx-f-texto); cursor: pointer; }
.nx-kit .pnl-segmentos button + button { border-left: 1px solid var(--nx-fio-2); }
.nx-kit .pnl-segmentos button:hover { color: var(--nx-tinta); background: var(--nx-passagem); }
.nx-kit .pnl-segmentos button[aria-pressed="true"] { background: var(--nx-acao); color: var(--nx-acao); }
.nx-kit .pnl-segmentos button:focus-visible { outline-offset: -3px; outline-color: var(--nx-foco); }
.nx-kit .pnl-segmentos button[aria-pressed="true"]:focus-visible { outline-color: var(--nx-acao); }
.nx-kit .pnl-ver { border: 0; background: none; padding: 2px 0; color: var(--nx-acao); font: 600 13px/1.3 var(--nx-f-texto); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-barras { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.nx-kit .pnl-barra { width: 100%; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 6px 8px 8px; border: 0; border-radius: var(--nx-raio-controle); background: none; color: var(--nx-tinta); font: inherit; text-align: left; }
.nx-kit button.pnl-barra { cursor: pointer; }
.nx-kit button.pnl-barra:hover { background: var(--nx-passagem); }
.nx-kit button.pnl-barra:hover .pnl-barra-rot, .nx-kit .pnl-barra[aria-pressed="true"] .pnl-barra-rot { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-barra[aria-pressed="true"] { background: var(--nx-selecao); }
.nx-kit .pnl-barra-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.nx-kit .pnl-barra-rot { min-width: 0; font-size: 13.5px; line-height: 1.3; color: var(--nx-tinta); }
.nx-kit .pnl-codigo { margin-right: 2px; font: 700 13px/1.3 var(--nx-f-texto); color: var(--nx-tinta-2); font-variant-numeric: tabular-nums; }
.nx-kit .pnl-barra-val { flex: none; font: 600 14px/1.2 var(--nx-f-texto); font-variant-numeric: tabular-nums; color: var(--nx-tinta); }
.nx-kit .pnl-barra-apoio { font-size: 13px; line-height: 1.3; color: var(--nx-tinta-3); }
.nx-kit .pnl-barra-trilho { position: relative; display: block; height: 10px; background: var(--nx-trilho); border-radius: 0 4px 4px 0; }
.nx-kit .pnl-barra-cheia { position: absolute; left: 0; top: 0; bottom: 0; background: var(--nx-serie-1); border-radius: 0 4px 4px 0; }
.nx-kit .pnl-barra.zero .pnl-barra-rot, .nx-kit .pnl-barra.zero .pnl-barra-val { color: var(--nx-tinta-3); }
.nx-kit .pnl-calor { width: 100%; border-collapse: separate; border-spacing: 3px; table-layout: fixed; margin: -3px; }
.nx-kit .pnl-calor th, .nx-kit .pnl-calor td { padding: 0; }
.nx-kit .pnl-calor thead th { padding: 0 2px 3px; font: 600 12px/1.25 var(--nx-f-texto); color: var(--nx-tinta-2); text-align: center; vertical-align: bottom; text-wrap: balance; overflow-wrap: break-word; }
.nx-kit .pnl-cab-movel { display: none; }
.nx-kit .pnl-calor thead td { width: 25%; }
.nx-kit .pnl-calor tbody th { padding-right: 8px; font: 500 13px/1.25 var(--nx-f-texto); color: var(--nx-tinta); text-align: left; }
.nx-kit .pnl-cel { display: block; width: 100%; height: 26px; margin: 0; padding: 0; border: 0; border-radius: 4px; background: var(--nx-calor-neutra); color: var(--nx-acao); font: 600 13px/26px var(--nx-f-texto); text-align: center; font-variant-numeric: tabular-nums; }
.nx-kit button.pnl-cel { cursor: pointer; }
.nx-kit button.pnl-cel:hover { background: var(--nx-selecao); text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-calor.volume button.pnl-cel:hover { outline: 2px solid var(--nx-acao); outline-offset: -2px; }
.nx-kit .pnl-cel[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--nx-acao); text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-cel.zero { background: var(--nx-papel-2); color: var(--nx-tinta-3); font-weight: 400; }
.nx-kit .pnl-selo-uf { display: inline-block; margin-left: 2px; padding: 1px 5px; border: 1px solid var(--nx-fio-2); border-radius: 4px; font: 500 13px/1.2 var(--nx-f-texto); color: var(--nx-tinta-2); vertical-align: 1px; }
.nx-kit .pnl-calor-movel { display: grid; gap: 4px; align-items: end; }
.nx-kit .pnl-calor-cab { padding-bottom: 2px; font: 600 12px/1.2 var(--nx-f-texto); color: var(--nx-tinta-2); text-align: center; }
.nx-kit .pnl-calor-nome { grid-column: 1 / -1; margin: 6px 0 0; padding-top: 8px; border-top: 1px solid var(--nx-fio); font: 600 15px/1.3 var(--nx-f-titulo); color: var(--nx-acao); }
.nx-kit .pnl-calor-celula .pnl-cel { height: 44px; line-height: 44px; font-size: 15px; }
.nx-kit .pnl-esteira { display: flex; gap: 14px; align-items: stretch; }
.nx-kit .pnl-esteira-grupo { flex: 1 1 0; min-width: min-content; display: flex; flex-direction: column; gap: 6px; }
.nx-kit .pnl-esteira-rotulo { margin: 0; padding-bottom: 4px; border-bottom: 1px solid var(--nx-fio-2); font-size: 13px; line-height: 1.3; color: var(--nx-tinta-3); }
.nx-kit .pnl-esteira-grupo.forte .pnl-esteira-rotulo { border-bottom: 2px solid var(--nx-acao); color: var(--nx-acao); font-weight: 600; }
.nx-kit .pnl-esteira-grupo.forte .pnl-etapa { background: var(--nx-selecao); }
.nx-kit .pnl-esteira-grupo.forte button.pnl-etapa:hover { background: var(--nx-selecao); }
.nx-kit button.pnl-etapa:hover .pnl-etapa-rotulo, .nx-kit .pnl-etapa[aria-pressed="true"] .pnl-etapa-rotulo { text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-etapa[aria-pressed="true"] { box-shadow: inset 0 -3px 0 var(--nx-acao); }
.nx-kit .pnl-esteira-grupo.forte .pnl-etapa-rotulo { color: var(--nx-tinta); }
/* no celular, um grupo da esteira por linha: lado a lado, o rótulo da etapa não cabia em 320 px (depois da regra
 * base, que põe o piso de min-content) */
@media (max-width: 760px) {
  .nx-kit .pnl-esteira { flex-direction: column; }
  .nx-kit .pnl-esteira-grupo { flex: none !important; min-width: 0; }
}
.nx-kit .pnl-fichas { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.nx-kit .pnl-ficha { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; min-height: 30px; margin: 0; padding: 3px 11px; border: 1px solid var(--nx-fio-2); border-radius: var(--nx-raio-pilula); background: var(--nx-papel); color: var(--nx-tinta); font: 400 13px/1.25 var(--nx-f-texto); text-align: left; }
.nx-kit button.pnl-ficha { cursor: pointer; }
.nx-kit button.pnl-ficha:hover { border-color: var(--nx-acao); text-decoration: underline; text-underline-offset: 3px; }
.nx-kit .pnl-ficha[aria-pressed="true"] { background: var(--nx-acao); border-color: var(--nx-acao); color: var(--nx-acao-tinta); }
.nx-kit .pnl-ficha-sub { font-size: 13px; color: var(--nx-tinta-3); }
.nx-kit .pnl-ficha[aria-pressed="true"] .pnl-ficha-sub { color: var(--nx-tinta-2); }
.nx-kit .pnl-ficha b { font-weight: 700; font-variant-numeric: tabular-nums; }
@media (max-width: 1400px) {
  .nx-kit .pnl-cab-curto { display: none; }
}
.nx-kit .pnl-etapa.com-apoio { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 6px; row-gap: 1px; }
.nx-kit .pnl-etapa.com-apoio .pnl-etapa-valor { grid-row: 1 / span 2; }
.nx-kit .pnl-etapa.com-apoio .pnl-etapa-rotulo { align-self: end; }
.nx-kit .pnl-coluna.apagada .pnl-coluna-barra { background: var(--nx-serie-outros); }
.nx-kit .pnl-amostra.barra, .nx-kit .pnl-amostra.parcial, .nx-kit .pnl-amostra.projecao { width: 10px; height: 12px; border-radius: 2px 2px 0 0; }
.nx-kit .pnl-amostra.meta { width: 14px; height: 2px; vertical-align: 4px; background: var(--nx-acao); }
.nx-kit .pnl-amostra.ponto { width: 6px; height: 6px; border-radius: 50%; vertical-align: 1px; background: var(--nx-sem-data); }
.nx-kit .pnl-spark { display: inline-block; flex: none; vertical-align: middle; overflow: visible; }
.nx-kit .tdc { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; vertical-align: middle; max-width: 100%; }
.nx-kit .tdc-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; padding: 0; border: 0; }
.nx-kit .tdc-chip { display: inline-block; font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.01em; padding: 0 6px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: help; }
.nx-kit .tdc-proprio { background: var(--nx-cliente-proprio-fundo); color: var(--nx-cliente-proprio-tinta); border-color: var(--nx-cliente-proprio); }
.nx-kit .tdc-conta_e_ordem { background: var(--nx-cliente-conta-ordem-fundo); color: var(--nx-cliente-conta-ordem-tinta); border-color: var(--nx-cliente-conta-ordem); }
.nx-kit .tdc-encomenda { background: var(--nx-cliente-encomenda-fundo); color: var(--nx-cliente-encomenda-tinta); border-color: var(--nx-cliente-encomenda); }
.nx-kit .tdc-chip.tdc-hist { background: transparent; color: var(--nx-tinta-3); font-weight: 500; border-style: dashed; }
.nx-kit .tdc-hist-marca { font-weight: 400; }
.nx-kit .tdc-curta .tdc-chip { padding: 0 4px; letter-spacing: 0.03em; }
.nx-kit .tdc-vazia { font-size: 13px; color: var(--nx-tinta-3); font-style: italic; }
.nx-kit .tdc-legenda { font-size: 13px; line-height: 1.45; color: var(--nx-tinta-2); margin: 4px 0 0; }
.nx-kit .tdc-amostra { display: inline-block; width: 22px; height: 12px; vertical-align: -1px; margin-right: 2px; border: 1px solid var(--nx-tinta-3); border-radius: 3px; background: var(--nx-trilho); }
.nx-kit .tdc-amostra.tdc-amostra-hist { background: transparent; border-style: dashed; }
.nx-kit.pnl-fundo-dialogo { position: fixed; inset: 0; background: var(--nx-veu); z-index: var(--nx-z-dialogo); display: flex; align-items: center; justify-content: center; padding: 24px; }
.nx-kit .pnl-dialogo { background: var(--nx-papel); border-radius: 12px; box-shadow: var(--nx-sombra-flutua); width: min(600px, 100%); max-height: calc(100vh - 48px); overflow: auto; text-align: left; }
.nx-kit .pnl-dialogo-cabeca { padding: 20px 64px 6px 24px; position: relative; }
.nx-kit .pnl-dialogo-cabeca h2 { margin: 0; font: 600 23px/1.15 var(--nx-f-titulo); color: var(--nx-acao); display: flex; align-items: center; gap: 10px; }
.nx-kit .pnl-dialogo-cabeca h2 .pnl-ico { width: 22px; height: 22px; }
.nx-kit .pnl-dialogo-cabeca p { margin: 4px 0 0; font-size: 13px; color: var(--nx-tinta-3); }
.nx-kit .pnl-fechar { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 0; border-radius: 8px; background: none; color: var(--nx-tinta-2); font: 400 26px/1 var(--nx-f-texto); cursor: pointer; }
.nx-kit .pnl-fechar:hover { background: var(--nx-passagem); color: var(--nx-acao); }
.nx-kit .pnl-dialogo-corpo { padding: 10px 24px 14px; display: grid; gap: 14px; }
.nx-kit .pnl-dialogo-pe { padding: 14px 24px 18px; display: flex; gap: 10px; justify-content: flex-end; align-items: center; flex-wrap: wrap; border-top: 1px solid var(--nx-fio); }
.nx-kit .pnl-passo { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--nx-acao); background: var(--nx-acao); color: var(--nx-acao-tinta); border-radius: var(--nx-raio-controle); padding: 10px 16px; min-height: 40px; font: 600 14px/1.25 var(--nx-f-texto); cursor: pointer; }
.nx-kit .pnl-passo:hover { background: var(--nx-acao-pressionado); border-color: var(--nx-acao-pressionado); }
/* ---- da cópia do shell (UX-35), o que a união não tinha ---- */
.nx-kit .pnl-botao:disabled, .nx-kit .pnl-botao:disabled:hover { border-color: var(--nx-fio-2); background: var(--nx-fio-2); color: var(--nx-tinta-3); cursor: not-allowed; }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha, .nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha tbody, .nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha tr { display: block; width: 100%; }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha tr { padding: 8px 0; border-bottom: 1px solid var(--nx-fio); }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha td { display: inline; padding: 0; border: 0; text-align: left; }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha td + td:not(.motivo)::before { content: " · "; color: var(--nx-tinta-3); }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha td.quando { font-weight: 600; }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha td.motivo { display: block; margin-top: 2px; color: var(--nx-tinta-2); }
.nx-kit .pnl-dlg.gaveta .pnl-tabela.trilha .pnl-so-celular { display: inline; }
/* ---- direção final sobre o kit ---- */
/* o kit não depende do reset de quem o hospeda (as cópias contavam com o `* { box-sizing: border-box }` do shell) */
.nx-kit, .nx-kit *, .nx-kit *::before, .nx-kit *::after { box-sizing: border-box; }
.nx-kit a:not([class]) { color: var(--nx-link); text-underline-offset: 3px; }
.nx-kit .pnl-dlg-cabeca h2 { display: flex; align-items: center; gap: 8px; }
/* o "Como ler" na gaveta: os verbetes em uma coluna */
.nx-kit .pnl-dlg.gaveta .pnl-glossario { columns: 1; }
.nx-kit a:not([class]):hover { text-decoration-thickness: 2px; }
.nx-kit .pnl-faixa { background: var(--nx-papel); color: var(--nx-tinta); border: 1px solid var(--nx-fio-painel); box-shadow: var(--nx-sombra-painel); border-radius: var(--nx-raio-painel); }
.nx-kit .pnl-faixa-titulo { font-size: 15px; }
.nx-kit .pnl-numero[aria-pressed="true"]::after { background: var(--nx-acao); }
.nx-kit .pnl-cartao { border-color: var(--nx-fio-painel); box-shadow: var(--nx-sombra-painel); }
.nx-kit :focus-visible { outline: none; box-shadow: 0 0 0 2px var(--nx-fundo), 0 0 0 4px var(--nx-foco); border-radius: var(--nx-raio-controle); }
/* o anel acima é sombra, e o alto contraste do Windows zera a sombra: lá o foco volta a ser contorno, Highlight de
   3 px, como no .nx (docs/04-acessibilidade.md). Sem isto, quem navega pelo teclado nesse modo não vê onde está. */
@media (forced-colors: active) {
  .nx-kit :focus-visible { outline: 3px solid Highlight !important; outline-offset: 2px; box-shadow: none; }
}