/* O widget `exportar` (FeitoWeb.Widgets.Exportar, docs/telas.md §2). O botão e a janela de exportar. Novo (etapa 3,
   26/10/2026): o botão «Exportar» (o .btn.sec do botao), ou o menu dos formatos (o details.nb-pop do menu_acoes, com
   o resumo em cara de botão e os títulos dos grupos de colunas), e a janela do andamento (o widget janela, com o
   estado ou a barra do progresso) com os links de baixar e o aviso de quanto o link vale. Regra (docs/telas.md §4, o
   teste test/feito_web/widgets_regra_test.exs): cor só por token (var(--…), com a cor de hoje como reserva); cor nova
   é token novo, no style.css (claro) e no temas.css (escuro e acrílico). Ligado no layout raiz logo depois do
   style.css (FeitoWeb.Widgets.folhas/0): as camadas da casca (visual.css, componentes.css, navegacao.css, temas.css,
   fonte.css e a escala gerada por `mix casca.escala`) vestem por cima, como vestem tudo. Mudou este arquivo: `mix
   casca.escala` (o ./servidor faz sozinho). */

.exportar { display: inline-flex; position: relative; }

/* o menu: o resumo com a cara do botão secundário (o texto e as duas setas), a lista à direita, os títulos dos
   grupos e a frase dos filtros */
.exportar-menu > summary.btn { display: inline-flex; align-items: center; gap: 6px; }
.exportar-menu .nb-pop-lista { min-width: 300px; }
.exportar-menu .nb-pop-tit { margin: 6px 10px 4px; }
.exportar-filtros { color: var(--suave); font-size: .78rem; font-weight: 400; }

/* a janela: os links de baixar com o tamanho, quantas linhas, e até quando o link vale */
.exportar-pronto { display: grid; gap: var(--v-esp-3, 12px); }
.exportar-arquivos { display: grid; gap: var(--v-esp-2, 8px); margin: 0; padding: 0; list-style: none; }
.exportar-arquivos li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); }
.exportar-arquivos small, .exportar-quantos, .exportar-vale, .exportar-nada { color: var(--suave); }
.exportar-quantos, .exportar-vale, .exportar-nada { margin: 0; font-size: .88rem; }