From f702b869db980c74ebe7cd5245cc3e0b42f8e259 Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Thu, 28 May 2026 19:36:32 +0000
Subject: [PATCH] =?UTF-8?q?Adiciona=20linhas=20divisoras=20horizontais=20n?=
 =?UTF-8?q?a=20sidebar=20isolando=20Observa=C3=A7=C3=B5es=20e=20Relat?=
 =?UTF-8?q?=C3=B3rios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 16 ++++++++++++++--
 public/style.css  |  6 ++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 2051c03..f009042 100644
--- a/public/index.html
+++ b/public/index.html
@@ -65,8 +65,11 @@
         <button class="tag-filter" data-tag="estudos">📚 Estudos</button>
       </div>
 
-      <!-- Botões de ação extras em formato de tag/pill -->
-      <div class="sidebar-actions" style="display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 16px 10px; border-bottom: 1px solid var(--border-light);">
+      <!-- Divisor -->
+      <div class="sidebar-divider"></div>
+
+      <!-- Seção: Observações -->
+      <div class="sidebar-actions-obs" style="display: flex; flex-wrap: wrap; gap: 6px; padding: 0 16px 4px 16px;">
         <!-- Botão: Minhas Observações -->
         <button class="btn-observacoes" id="btnObservacoes">
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
@@ -74,7 +77,13 @@
           </svg>
           <span>Minhas Observações</span>
         </button>
+      </div>
 
+      <!-- Divisor -->
+      <div class="sidebar-divider"></div>
+
+      <!-- Seção: Relatórios -->
+      <div class="sidebar-actions-reports" style="display: flex; flex-wrap: wrap; gap: 6px; padding: 0 16px 4px 16px;">
         <!-- Botão: Emitir Relatório -->
         <button class="btn-observacoes" id="btnEmitirRelatorio" style="border-color: var(--brand-green); color: var(--brand-green); background: rgba(16, 163, 127, 0.05);">
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
@@ -92,6 +101,9 @@
         </button>
       </div>
 
+      <!-- Divisor -->
+      <div class="sidebar-divider"></div>
+
       <!-- Histórico de Conversas -->
       <div class="chat-history" id="chatHistory">
         <!-- Histórico filtrado/busca -->
diff --git a/public/style.css b/public/style.css
index 52fe4f3..659e026 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2903,6 +2903,12 @@ code {
   flex-shrink: 0;
 }
 
+.sidebar-divider {
+  height: 1px;
+  background-color: var(--border-light);
+  margin: 8px 16px 8px 16px;
+}
+
 /* Modal de Observações */
 .obs-modal-content {
   max-width: 640px !important;