From c4fbf4d877f53facb7f08e3d37f6020efa99d17f Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Thu, 28 May 2026 14:11:36 +0000
Subject: [PATCH] =?UTF-8?q?Melhora=20a=20visibilidade=20do=20bot=C3=A3o=20?=
 =?UTF-8?q?de=20fechar=20modal=20(adicionando=20CSS=20de=20.btn-close-moda?=
 =?UTF-8?q?l)=20e=20atualiza=20o=20bot=C3=A3o=20Cancelar=20nos=20modelos?=
 =?UTF-8?q?=20para=20fechar=20a=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/app.js    |  5 ++++-
 public/style.css | 28 ++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/public/app.js b/public/app.js
index a8c867a..d6cb040 100644
--- a/public/app.js
+++ b/public/app.js
@@ -2624,7 +2624,10 @@ const initApp = () => {
 
   // Botão "Cancelar"
   if (btnCancelTemplate) {
-    btnCancelTemplate.addEventListener('click', clearTemplateForm);
+    btnCancelTemplate.addEventListener('click', () => {
+      clearTemplateForm();
+      if (modelosRelatorioModal) modelosRelatorioModal.style.display = 'none';
+    });
   }
 
   // Botão "Salvar Modelo"
diff --git a/public/style.css b/public/style.css
index 33984f0..657c01c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2984,3 +2984,31 @@ code {
   from { transform: scale(0.95); opacity: 0; }
   to { transform: scale(1); opacity: 1; }
 }
+
+/* Estilo para botões de fechar modal genéricos */
+.btn-close-modal {
+  background: none;
+  border: none;
+  color: var(--text-secondary, #a3a3a3);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  width: 32px;
+  height: 32px;
+}
+
+.btn-close-modal svg {
+  width: 20px;
+  height: 20px;
+  stroke: currentColor;
+}
+
+.btn-close-modal:hover {
+  color: var(--text-primary, #ffffff);
+  background-color: rgba(255, 255, 255, 0.1);
+  transform: scale(1.05);
+}