From 33fe5d6ecfcee2e2dd8e9702d93435b47c16791a Mon Sep 17 00:00:00 2001
From: Luiz Silva <luiz@e-licencie.com.br>
Date: Wed, 28 Jan 2026 15:04:52 -0300
Subject: [PATCH] bkp

---
 src/components/eli/EliTabela/EliTabela.css      | 17 +++++++++++++++--
 .../eli/EliTabela/EliTabelaCaixaDeBusca.vue     | 15 +++++++++++++--
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/eli/EliTabela/EliTabela.css b/src/components/eli/EliTabela/EliTabela.css
index eed5b1f..4b6e6bc 100644
--- a/src/components/eli/EliTabela/EliTabela.css
+++ b/src/components/eli/EliTabela/EliTabela.css
@@ -175,6 +175,17 @@
   gap: 12px;
   margin-bottom: 12px;
   flex-wrap: wrap;
+
+  /* Altura padrão para controles do cabeçalho (busca e botões)
+   * - Mantém alinhamento visual entre input de busca e ações
+   * - Pode ser sobrescrita via CSS no consumidor, se necessário
+   */
+  --eli-tabela-cabecalho-controle-altura: 34px;
+
+  /* Borda dos controles do cabeçalho: menos "pílula", mais quadrado.
+   * Ajuste fino via CSS no consumidor, se necessário.
+   */
+  --eli-tabela-cabecalho-controle-radius: 8px;
 }
 
 .eli-tabela__acoes-cabecalho {
@@ -187,13 +198,15 @@
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  padding: 6px 14px;
-  border-radius: 9999px;
+  height: var(--eli-tabela-cabecalho-controle-altura);
+  padding: 0 14px;
+  border-radius: var(--eli-tabela-cabecalho-controle-radius);
   border: none;
   background: rgba(37, 99, 235, 0.12);
   color: rgba(37, 99, 235, 0.95);
   font-size: 0.875rem;
   font-weight: 500;
+  line-height: 1;
   cursor: pointer;
   transition: background-color 0.2s ease, color 0.2s ease;
 }
diff --git a/src/components/eli/EliTabela/EliTabelaCaixaDeBusca.vue b/src/components/eli/EliTabela/EliTabelaCaixaDeBusca.vue
index 20ec5e3..115fa31 100644
--- a/src/components/eli/EliTabela/EliTabelaCaixaDeBusca.vue
+++ b/src/components/eli/EliTabela/EliTabelaCaixaDeBusca.vue
@@ -79,20 +79,30 @@ export default defineComponent({
 .eli-tabela__busca-input-wrapper {
   display: inline-flex;
   align-items: stretch;
-  border-radius: 9999px;
+  border-radius: var(--eli-tabela-cabecalho-controle-radius, 8px);
   border: 1px solid rgba(15, 23, 42, 0.15);
   overflow: hidden;
   background: #fff;
+
+  /* Herda do container do cabeçalho (.eli-tabela__cabecalho) quando presente. */
+  height: var(--eli-tabela-cabecalho-controle-altura, 34px);
 }
 
 .eli-tabela__busca-input {
-  padding: 6px 12px;
+  /* Mantém o input com a mesma altura do botão e dos botões de ação do cabeçalho. */
+  height: 100%;
+  padding: 0 12px;
   border: none;
   outline: none;
   font-size: 0.875rem;
   color: rgba(15, 23, 42, 0.85);
 }
 
+.eli-tabela__busca-input::-webkit-search-cancel-button,
+.eli-tabela__busca-input::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
 .eli-tabela__busca-input::placeholder {
   color: rgba(107, 114, 128, 0.85);
 }
@@ -104,6 +114,7 @@ export default defineComponent({
   border: none;
   background: rgba(37, 99, 235, 0.12);
   color: rgba(37, 99, 235, 0.95);
+  height: 100%;
   padding: 0 12px;
   cursor: pointer;
   transition: background-color 0.2s ease, color 0.2s ease;