/* Tela "Notas recebidas": kpis de status (components/kpi.css) + painel de
   lista (mesmo padrao de painel fixo + lista rolavel do exports.css/
   dados.css), com filtro por status + periodo (enviado_em) e exportacao
   direta do lote selecionado - sem etapa de "pago" nesse fluxo. */

.nr-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-top: 16px;
}
.nr-panel .panel-head { flex-shrink: 0; flex-wrap: wrap; gap: 10px; }
.nr-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.nr-head-acoes {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.nr-data-label {
  font-size: 12.5px;
  color: var(--text-faint);
  font-weight: var(--fw-medium);
  margin-left: 2px;
}

.nr-head-acoes input[type="date"] {
  padding: 7px 10px;
}

.nr-col-check { width: 32px; }

/* Tabela: .tabela-moderna (components/table.css) e' compartilhada com
   Dados/Certificados e nao define table-layout. Ate 2026-09-01 essa tela
   fixava table-layout:fixed com largura em % por coluna pra evitar que o
   auto-layout do navegador jogasse toda a largura sobrando numa unica
   coluna do meio - mas com 15 colunas isso forcava overflow:hidden +
   ellipsis em tudo, cortando conteudo (nome de cliente, fornecedor etc)
   mesmo tendo espaco de sobra na tela. Pedido do usuario: preferir rolagem
   lateral (a propria .dados-tabela-scroll ja rola no eixo X, ver
   pages/dados.css) a espremer coluna - table-layout volta a auto (padrao),
   cada coluna assume a largura do seu conteudo, e o wrapper rola quando a
   tabela fica mais larga que o painel. white-space:nowrap continua (sem
   isso as celulas de texto livre quebrariam linha e inflariam a altura de
   cada linha) - so tirou o corte com "...". A coluna de Acoes (ultima)
   ganha dados-th-acoes/dados-td-acoes no HTML/JS (mesmas classes que a
   tela de Dados usa) pra ficar fixa (sticky) na rolagem lateral, com o
   botao de anexo sempre visivel. */
.nr-tabela { width: 100%; }
.nr-tabela th,
.nr-tabela td { white-space: nowrap; }

/* Pedido do usuario (2026-08-18): no tema claro, a borda do
   .dados-tabela-scroll (border-slate-800/60, classe Tailwind vinda do
   template) fica visivel/estranha em volta do cabecalho da tabela - tira
   so aqui (.nr-body), sem tocar na classe compartilhada (Dados,
   Exportacoes, Certificados etc. continuam com a borda de sempre). */
[data-theme="light"] .nr-body .dados-tabela-scroll { border-color: transparent; }