From 757029f80eb0ddaa96a234772ec5b9b2f039c92b Mon Sep 17 00:00:00 2001
From: Sidney <sidney@microtecinformaticacurso.com.br>
Date: Sat, 18 Jul 2026 23:06:39 -0300
Subject: [PATCH] style: atualizar design dos botoes para estilo slim e flat

---
 src/app/globals.css | 50 +++++++++++++++++++++++++++++----------------
 1 file changed, 32 insertions(+), 18 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 14a80d6..e9dc163 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -299,57 +299,71 @@ body {
 .stat-change.up { color: var(--success); }
 .stat-change.down { color: var(--danger); }
 
-/* === BUTTONS === */
 .btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  padding: 10px 20px;
-  border-radius: var(--radius-sm);
-  font-size: 14px;
-  font-weight: 600;
+  padding: 8px 16px;
+  border-radius: 6px;
+  font-size: 13.5px;
+  font-weight: 500;
   cursor: pointer;
   border: none;
-  transition: all 0.2s ease;
+  transition: all 0.15s ease;
   text-decoration: none;
   font-family: inherit;
 }
 
 .btn-primary {
-  background: var(--gradient-primary);
+  background: var(--accent);
   color: white;
-  box-shadow: var(--shadow-glow);
 }
 
 .btn-primary:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 0 40px rgba(108,99,255,0.3);
+  background: var(--accent-hover);
 }
 
 .btn-secondary {
-  background: var(--bg-elevated);
+  background: transparent;
   color: var(--text-primary);
   border: 1px solid var(--border-color);
 }
 
-.btn-secondary:hover { border-color: var(--accent); }
+.btn-secondary:hover {
+  background: var(--bg-elevated);
+  border-color: var(--text-secondary);
+}
 
 .btn-danger {
-  background: var(--danger-bg);
+  background: transparent;
   color: var(--danger);
-  border: 1px solid rgba(239,68,68,0.2);
+  border: 1px solid rgba(239,68,68,0.3);
+}
+
+.btn-danger:hover {
+  background: var(--danger-bg);
 }
 
 .btn-ghost {
   background: transparent;
   color: var(--text-secondary);
-  padding: 8px 12px;
+  padding: 6px 10px;
 }
 
-.btn-ghost:hover { color: var(--text-primary); background: var(--bg-card); }
+.btn-ghost:hover {
+  color: var(--text-primary);
+  background: var(--bg-elevated);
+}
 
-.btn-sm { padding: 6px 14px; font-size: 13px; }
-.btn-icon { padding: 8px; border-radius: var(--radius-sm); }
+.btn-sm {
+  padding: 5px 12px;
+  font-size: 12.5px;
+}
+
+.btn-icon {
+  padding: 6px;
+  border-radius: 6px;
+}
 
 /* === FORMS === */
 .form-group { margin-bottom: 20px; }