/* Clientes reaproveita a maior parte dos componentes já existentes
   (.config-panel/.panel-header/.panel-body de configuracoes.css,
   .form-group/.form-row/.flex/.gap-md de base.css, .btn de components.css). */

/* Sem título próprio (2026-07-13, pedido do usuário) — "Clientes" já aparece no header geral
   da aplicação (#topbar-title). Sem o `<h3>`, só sobram o filtro de Filial e o botão
   "Cadastrar Cliente" como filhos diretos de .panel-header (compartilhada, `justify-
   content:space-between`, sem `gap` próprio porque antes só precisava separar 2 grupos) —
   aqui viram `flex-end` + `gap` (mesmo valor de `.gap-md`, ver base.css) só nesta tela, pra
   ficarem juntos e alinhados à direita, mesmo critério já usado no Kanban. */
.config-panel .clientes-panel-header {
    justify-content: flex-end;
    gap: var(--space-md);
}

/* Espaço entre o header e a linha de busca/registros por página (.dt-toolbar, gerada pelo
   DataTables) reduzido em 70% — mesmo ajuste e mesma conta já aplicados em Pedidos
   (16px × 0.3 = 4.8px), só o topo, resto do padding de .panel-body sem mudança. */
.config-panel .clientes-panel-body {
    padding-top: 4.8px;
}