/* Estilo "invoice" — padrão visual dos PDFs (2026-08-05) aplicado às tabelas do painel.
   Faixa verde no cabeçalho, cantos arredondados, zebra e células sem borda.
   Carregado DEPOIS de admin.css; usa !important de propósito para vencer os estilos
   por-página (#page-x th) sem editar página a página. */

.page-content table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  /* Folga à direita para a hard shadow do cabeçalho não ser cortada pelo
     container (overflow-x) — a sombra desloca 4px além da última coluna. */
  width: calc(100% - 6px) !important;
}

.page-content table thead th {
  background: #3edc8c !important; /* --brutal-green da LP */
  color: #111111 !important;
  border-bottom: none !important;
  padding: 8px 10px !important;
  /* Hard shadow neobrutalista (LP): deslocada, sem blur. Por célula, o deslocamento
     horizontal fica coberto pela célula vizinha — o efeito líquido é a sombra contínua
     embaixo e o canto deslocado após a última coluna, como na referência. */
  box-shadow: 4px 4px 0 #111111;
}

/* Respiro entre a faixa do cabeçalho (com sombra) e a primeira linha de dados */
.page-content table tbody tr:first-child td {
  padding-top: 14px !important;
}

.page-content table thead th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.page-content table thead th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.page-content table tbody td {
  border-bottom: none !important;
}

/* Zebra (linhas pares); hover das páginas continua vencendo por especificidade (#id) */
.page-content table tbody tr:nth-child(even) td {
  background: rgba(139, 148, 158, 0.10);
}