Melissa polish + Prontuario Visao Geral + agenda historico

Sprints B (05-03) e C (05-04) acumulados:

- NotificationDrawer/Item redesign (visual mais limpo, ações inline)
- Dock pins compose (useMelissaDockPins) + cache store global (melissaCacheStore)
- MelissaAgenda: timeline FullCalendar parity + cards resumo, histórico
  card com useMelissaAgendaHistorico, MelissaEventoPanel ajustado
- useFeriados: cache opt-in pra evitar fetch redundante de feriados
- PatientProntuario: aba Visão Geral nova; PatientConversationsTab polish
- AgendaClinicMosaic / AgendaTerapeutaPage / useAgendaSettings: ajustes
  de paridade com Melissa
- DocumentsListPage: pequenos ajustes
- DB migration 20260504000001: fix do trigger pra status 'excluido' nas
  cancel_notifications

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

src/features/documents/DocumentsListPage.vue

@@ -180,13 +180,10 @@ watch(filters, () => fetchDocuments(), { deep: true })
          EMBEDDED MODE — dentro do prontuário (sem hero, layout compacto)
        ══════════════════════════════════════════════════════════════ -->
     <div v-if="embedded">
-        <!-- Header compacto -->
-        <div class="flex items-center justify-between gap-2 mb-4">
-            <span class="text-sm font-semibold text-[var(--text-color-secondary)] uppercase tracking-wider">Documentos</span>
-            <div class="flex gap-1.5">
-                <Button icon="pi pi-file-pdf" text rounded size="small" v-tooltip.top="'Gerar documento'" @click="generateDlg = true" />
-                <Button icon="pi pi-upload" text rounded size="small" v-tooltip.top="'Upload'" @click="uploadDlg = true" />
-            </div>
+        <!-- Header compacto: ações alinhadas à direita, sem label -->
+        <div class="flex items-center justify-end gap-2 mb-4">
+            <Button label="Upload" icon="pi pi-upload" size="small" outlined class="rounded-full" @click="uploadDlg = true" />
+            <Button label="Template" icon="pi pi-file-pdf" size="small" class="rounded-full" @click="generateDlg = true" />
         </div>
 
         <!-- Loading -->
@@ -195,11 +192,11 @@ watch(filters, () => fetchDocuments(), { deep: true })
         </div>
 
         <!-- Empty -->
-        <div v-else-if="!documents.length" class="py-10 px-6 text-center">
-            <i class="pi pi-inbox text-2xl opacity-20 mb-2 block" />
-            <div class="font-semibold text-sm">Nenhum documento ainda</div>
-            <div class="text-xs opacity-60 mt-1">Faça upload do primeiro documento deste paciente</div>
-            <Button v-if="resolvedPatientId" label="Enviar documento" icon="pi pi-upload" severity="secondary" outlined size="small" class="rounded-full mt-3" @click="uploadDlg = true" />
+        <div v-else-if="!documents.length" class="empty-rich">
+            <div class="empty-rich__icon"><i class="pi pi-folder-open" /></div>
+            <div class="empty-rich__title">Nenhum documento ainda</div>
+            <div class="empty-rich__sub">Faça upload do primeiro laudo, receita, exame ou termo assinado deste paciente.</div>
+            <Button v-if="resolvedPatientId" label="Enviar documento" icon="pi pi-upload" class="empty-rich__cta rounded-full" @click="uploadDlg = true" />
         </div>
 
         <!-- Lista -->
@@ -331,15 +328,17 @@ watch(filters, () => fetchDocuments(), { deep: true })
                 </div>
 
                 <!-- Empty -->
-                <div v-else-if="!documents.length" class="py-10 px-6 text-center">
-                    <i class="pi pi-inbox text-2xl opacity-20 mb-2 block" />
-                    <div class="font-semibold text-sm">
+                <div v-else-if="!documents.length" class="empty-rich m-4">
+                    <div class="empty-rich__icon">
+                        <i :class="hasActiveFilter ? 'pi pi-filter-slash' : 'pi pi-folder-open'" />
+                    </div>
+                    <div class="empty-rich__title">
                         {{ hasActiveFilter ? 'Nenhum documento encontrado' : 'Nenhum documento ainda' }}
                     </div>
-                    <div class="text-xs opacity-60 mt-1">
-                        {{ hasActiveFilter ? 'Limpe os filtros ou ajuste a busca' : resolvedPatientId ? 'Faça upload do primeiro documento' : 'Selecione um paciente para adicionar documentos' }}
+                    <div class="empty-rich__sub">
+                        {{ hasActiveFilter ? 'Limpe os filtros ou ajuste a busca pra ver outros resultados.' : resolvedPatientId ? 'Faça upload do primeiro laudo, receita, exame ou termo assinado deste paciente.' : 'Selecione um paciente para adicionar documentos.' }}
                     </div>
-                    <Button v-if="resolvedPatientId && !hasActiveFilter" label="Enviar primeiro documento" icon="pi pi-upload" severity="secondary" outlined size="small" class="rounded-full mt-3" @click="uploadDlg = true" />
+                    <Button v-if="resolvedPatientId && !hasActiveFilter" label="Enviar primeiro documento" icon="pi pi-upload" class="empty-rich__cta rounded-full" @click="uploadDlg = true" />
                 </div>
 
                 <!-- Lista -->
@@ -377,3 +376,50 @@ watch(filters, () => fetchDocuments(), { deep: true })
     <DocumentShareDialog :visible="shareDlg" @update:visible="shareDlg = $event" :doc="selectedDoc" />
     <ConfirmDialog />
 </template>
+
+<style scoped>
+/* Empty state rico — espelha .pp-empty--rich do PatientProntuario.vue.
+   Padroniza visual em ambos os modos (embedded e standalone). */
+.empty-rich {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 14px;
+    padding: 48px 24px;
+    border: 2px dashed color-mix(in srgb, var(--primary-color) 35%, var(--surface-border));
+    border-radius: 16px;
+    background:
+        radial-gradient(ellipse at top, color-mix(in srgb, var(--primary-color) 5%, transparent), transparent 70%),
+        var(--surface-card);
+    color: var(--text-color-secondary);
+    text-align: center;
+}
+.empty-rich__icon {
+    width: 72px;
+    height: 72px;
+    display: grid;
+    place-items: center;
+    border-radius: 50%;
+    background: color-mix(in srgb, var(--primary-color) 10%, transparent);
+    border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
+    color: var(--primary-color);
+    margin-bottom: 4px;
+}
+.empty-rich__icon .pi { font-size: 2rem; }
+.empty-rich__title {
+    font-size: 1rem;
+    font-weight: 700;
+    color: var(--text-color);
+    letter-spacing: -0.02em;
+}
+.empty-rich__sub {
+    font-size: 0.82rem;
+    color: var(--text-color-secondary);
+    max-width: 340px;
+    line-height: 1.5;
+}
+.empty-rich__cta {
+    margin-top: 6px;
+}
+</style>