Transforma botões de relatório e observações em formato de tag/pill alinhados na sidebar

public/style.css

@@ -2865,33 +2865,41 @@ code {
   font-weight: 500;
 }
 
-/* Botão Minhas Observações na sidebar */
+/* Botão Minhas Observações na sidebar em estilo tag/pill */
 .btn-observacoes {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  gap: 10px;
-  width: calc(100% - 40px);
-  margin: 0 auto 8px;
-  padding: 12px 16px;
-  background: var(--bg-secondary, #1a1a1a);
-  border: 1px solid var(--border-light, #262626);
-  border-radius: 12px;
-  color: var(--text-secondary, #a3a3a3);
-  font-size: 0.9rem;
+  gap: 4px;
+  background-color: var(--bg-tertiary);
+  border: 1px solid var(--border-light);
+  border-radius: 20px;
+  color: var(--text-secondary);
+  font-size: 11.5px;
   font-weight: 500;
+  padding: 5px 10px;
   cursor: pointer;
-  transition: all 0.2s;
+  white-space: nowrap;
+  transition: all var(--transition-fast);
+  font-family: var(--font-sans);
+  width: auto;
+  margin: 0;
 }
 
 .btn-observacoes:hover {
-  background: var(--brand-green, #10a37f);
-  color: white;
-  border-color: var(--brand-green, #10a37f);
+  background-color: var(--bg-accent);
+  color: var(--text-primary);
+  border-color: var(--border-light);
+}
+
+#btnEmitirRelatorio:hover {
+  background: var(--brand-green) !important;
+  color: white !important;
+  border-color: var(--brand-green) !important;
 }
 
 .btn-observacoes svg {
-  width: 20px;
-  height: 20px;
+  width: 13px;
+  height: 13px;
   flex-shrink: 0;
 }