Adiciona linhas divisoras horizontais na sidebar isolando Observações e Relatórios

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 -->