Melissa drawers: footer colado no bottom (pattern AppMenu)

Refator do mobile drawer em todas as Melissa Pages com sidebar:
scroll move pra dentro de .xx-side__scroll (flex: 1 + min-height: 0)
e o __footer vira flex-shrink: 0 last child de flex column. Espelha
o pattern do AppMenu/layout-sidebar Rail. Substitui o sticky/margin:auto
que falhava quando o conteudo era pequeno (deixava espaco vazio sob
o "Limpar filtros").

Pages: Compromissos, Conversas, Documentos, FinanceiroLancamentos,
Grupos, Medicos, Notificacoes, Pacientes, Recorrencias, Relatorios, Tags.

Pacientes (caso especial): mp-quick fixo no topo (max-height: 50%)
+ mp-side flex: 1 com scroll/footer interno.

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

src/layout/melissa/MelissaFinanceiroLancamentos.vue

@@ -1583,7 +1583,14 @@ onBeforeUnmount(() => {
 }
 .mfl-menu-btn > i { font-size: 0.85rem; }
 
-/* ─── Drawer mobile (Teleport target) ─── */
+/* ─── Drawer mobile (Teleport target) ─────────────────────
+   Pattern espelhado do AppMenu/layout-sidebar do Rail:
+   - .xx-mobile-drawer = flex column, altura 100vh
+   - __scroll = container do Teleport (flex: 1, sem scroll proprio,
+     overflow hidden — o scroll fica num filho interno)
+   - .xx-side teleportada = flex column ocupando todo o espaco,
+     com __scroll interno (flex: 1, overflow-y auto) e __footer
+     (flex-shrink: 0) que naturalmente fica colado no bottom. */
 .mfl-mobile-drawer {
     position: fixed;
     top: 0;
@@ -1600,61 +1607,63 @@ onBeforeUnmount(() => {
     transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
     color: var(--m-text);
     font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+    display: flex;
+    flex-direction: column;
 }
 .mfl-mobile-drawer.is-open { transform: translateX(0); }
 .mfl-mobile-drawer__scroll {
-    height: 100%;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
+
+/* Sidebar teleportada — vira a "casca" flex column do drawer */
+.mfl-mobile-drawer__scroll .mfl-side {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    overflow: hidden;
+    background: transparent;
+    border-right: none;
+    display: flex;
+    flex-direction: column;
+}
+/* O scroll interno vive aqui — só os cards rolam, o footer NÃO.
+   Padding compensa a remoção do padding do __scroll do host. */
+.mfl-mobile-drawer__scroll .mfl-side__scroll {
+    flex: 1;
+    min-height: 0;
     overflow-y: auto;
     overflow-x: hidden;
-    padding: 12px 12px 24px;
+    padding: 12px;
     display: flex;
     flex-direction: column;
     gap: 12px;
     scrollbar-width: thin;
     scrollbar-color: var(--m-border-strong) transparent;
 }
-.mfl-mobile-drawer__scroll::-webkit-scrollbar { width: 5px; }
-.mfl-mobile-drawer__scroll::-webkit-scrollbar-thumb {
+.mfl-mobile-drawer__scroll .mfl-side__scroll::-webkit-scrollbar { width: 5px; }
+.mfl-mobile-drawer__scroll .mfl-side__scroll::-webkit-scrollbar-thumb {
     background: var(--m-border-strong);
     border-radius: 3px;
 }
-
-/* Sidebar teleportada perde bg/border-right (drawer já tem chrome próprio).
-   Cards perdem margem lateral (drawer já tem padding). Footer vira sticky
-   no bottom do drawer pra "Limpar filtros" sempre visível. */
-.mfl-mobile-drawer__scroll .mfl-side {
-    width: 100%;
-    flex: 1;
-    min-height: 0;
-    overflow: visible;
-    padding: 0;
-    background: transparent;
-    border-right: none;
-    display: flex;
-    flex-direction: column;
-}
-.mfl-mobile-drawer__scroll .mfl-side__scroll {
-    flex: none;
-    min-height: 0;
-    overflow: visible;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-}
 .mfl-mobile-drawer__scroll .mfl-w--side {
     margin: 0;
+    flex-shrink: 0;
 }
 .mfl-mobile-drawer__scroll .mfl-w--side:last-of-type { margin-bottom: 0; }
+/* Footer fixo no bottom do drawer — flex-shrink:0 + estar fora do
+   __scroll garante que sempre fica visivel, sem precisar de sticky. */
 .mfl-mobile-drawer__scroll .mfl-side__footer {
-    position: sticky;
-    bottom: 0;
-    margin: auto -12px -24px;
+    flex-shrink: 0;
+    margin: 0;
     padding: 12px;
     background: var(--m-bg-medium);
     border-top: 1px solid var(--m-border);
     backdrop-filter: blur(24px) saturate(160%);
     -webkit-backdrop-filter: blur(24px) saturate(160%);
-    z-index: 5;
 }
 
 .mfl-mobile-drawer__backdrop {