From 44135a961f9b15d98d220b5737ac14db00027696 Mon Sep 17 00:00:00 2001
From: Leonardo <lmnohama@gmail.com>
Date: Wed, 6 May 2026 14:53:56 -0300
Subject: [PATCH] MelissaConfiguracoes: gap entre os panels do accordion

Adiciona display: flex + flex-direction: column + gap: 8px no
.p-accordion pra os AccordionPanels nao colarem um no outro
quando todos estao fechados.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/layout/melissa/MelissaConfiguracoes.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/layout/melissa/MelissaConfiguracoes.vue b/src/layout/melissa/MelissaConfiguracoes.vue
index 0fbf805..b2a4f4d 100644
--- a/src/layout/melissa/MelissaConfiguracoes.vue
+++ b/src/layout/melissa/MelissaConfiguracoes.vue
@@ -713,6 +713,11 @@ function resetCores() {
 /* Accordion — usando o componente do PrimeVue, neutralizando cores
    pra tema Melissa. Estilo enxuto pra evitar lag (sem transitions
    de box-shadow/color-mix, sem line-clamp em cada item). */
+.mcfg-accordion :deep(.p-accordion) {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
 .mcfg-accordion :deep(.p-accordionpanel) {
     border: none;
     background: transparent;