/* ============================================================================
 * puelone-tabelas.css — Estilo padrão das tabelas (igual ao finDocumento)
 * + estados das setinhas de ordenação (ver puelone-tabelas.js).
 * ========================================================================== */

/* Padroniza o visual de TODAS as tabelas .table do sistema */
.table { vertical-align: middle; }

/* Cabeçalho claro e consistente (mesmo que a tabela não use thead.table-light) */
.table > thead > tr > th {
  background-color: #f6f8fc;
  font-weight: 600;
  white-space: nowrap;
  border-bottom: 2px solid #e3e8f0;
}

/* Hover suave nas linhas de listagem */
.table-hover > tbody > tr:hover > * {
  background-color: rgba(13, 110, 253, .045);
}

/* Cabeçalhos ordenáveis */
.tp-sortable { user-select: none; }
.tp-sortable:hover { background-color: #eef2fb !important; }
.tp-sort-ico { font-size: .72rem; }