/**
 * DataTables — ajustes globais do projeto.
 *
 * PROBLEMA RECORRENTE: o seletor "Exibir _N_ registros por página"
 * (`.dataTables_length select`) nasce estreito demais e a seta do
 * `form-select` fica POR CIMA do número. Regra canônica abaixo garante
 * largura mínima + espaço para a seta em TODAS as tabelas do projeto.
 */

.dataTables_length select,
.dataTables_length select.form-select {
    width: auto;
    min-width: 5rem;              /* cabe "Todos" e 3 dígitos sem a seta encostar */
    padding-right: var(--spacing-xl);  /* espaço garantido para a seta do form-select */
    display: inline-block;
}

/* Rótulos "Exibir ... registros" e "Pesquisar" com respiro vertical em mobile. */
.dataTables_length,
.dataTables_filter {
    margin-bottom: var(--spacing-sm);
}