Melissa: hub Configuracoes + Embed + 9 Pages novas + dialog blueprint dark

Sprints 04-29 + 04-30 acumuladas.

- MelissaConfiguracoes: hub 2-col com 6 grupos (Layout/Conta/Agenda/
  Financeiro/WhatsApp/Sistema), tudo embedado via MelissaEmbed.
- MelissaEmbed: wrapper generico que injeta layout-variant=melissa
  e remove cromos pra reaproveitar Pages tradicionais.
- 9 Melissa Pages novas: CadastrosRecebidos, Compromissos, Configuracoes,
  Conversas, Embed, Grupos, Medicos, Recorrencias, Tags.
- Dialog blueprint atualizado: bg-gray-100 (hardcoded light) ->
  bg-[var(--surface-ground)] (tema-aware). 22 dialogs migrados em
  9 arquivos. Anti-pattern documentado.
- PatientsCadastroPage: bug fix dropdown Grupo (optionLabel nome->name),
  toggle vertical/abas com persist localStorage, sticky margin-top.
- Surface picker no popover do MelissaLayout (8 swatches).
- useTopbarPlanMenu, useMelissaWhatsapp, useMelissaPacientesAside novos.
- Migration: status agenda remarcado/confirmado.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/layout/melissa/MelissaEventoPanel.vue

@@ -232,9 +232,11 @@ function modalidadeIcon(mod) {
     z-index: 60;
     display: grid;
     place-items: center;
-    background: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(20px) saturate(150%);
-    -webkit-backdrop-filter: blur(20px) saturate(150%);
+    /* Blur XS — bem leve. O resumo continua legível atrás, só ganha
+       um leve "tilt-shift" pra direcionar o olhar pro panel. */
+    background: rgba(0, 0, 0, 0.32);
+    backdrop-filter: blur(4px) saturate(110%);
+    -webkit-backdrop-filter: blur(4px) saturate(110%);
     padding: 20px;
 }
 
@@ -429,8 +431,8 @@ function modalidadeIcon(mod) {
     background: rgba(239, 68, 68, 0.15);
 }
 
-/* Light mode — overlay menos escuro */
+/* Light mode — overlay ainda mais discreto */
 html:not(.app-dark) .evento-layer {
-    background: rgba(0, 0, 0, 0.32);
+    background: rgba(15, 23, 42, 0.18);
 }
 </style>