diff --git a/HANDOFF.md b/HANDOFF.md
index e336933..aa25244 100644
--- a/HANDOFF.md
+++ b/HANDOFF.md
@@ -1,147 +1,231 @@
-# HANDOFF — 2026-05-08 (MelissaPaciente — port completo + iteração de UX)
+# HANDOFF — 2026-05-18 noite (C1-C4 OK, UX convênio refinado, C5 ainda não rodou save)
 
-Documento de continuidade. **Quando voltar, comece lendo esta página.**
+Documento de continuidade. **Quando voltar, comece lendo esta página até o fim.**
 
-> **🟢 PLANO DE 8 FASES COMPLETO** — `MelissaPaciente.vue` (~2400L) é a versão
-> Melissa nativa do `PatientProntuario.vue` legacy (3593L). Todas as 7 abas
-> entregues, wire-up final feito (Dialog → route `/melissa/paciente?id=X`).
-> 5 composables + utils compartilhados extraídos.
+> **🎯 SE A FORÇA CAIR / SESSÃO PERDER CONTEXTO:** estamos na rodada de
+> testes manuais dos 13 cenários do doc viva
+> `src/docs/agenda-compromisso-financeiro-cenarios.html`. C1-C4 ✅, **C5
+> ainda não rodou save** — a tarde do dia 18 foi consumida refinando UX
+> de convênio (3 bugs/melhorias) e preparando o C5. Próximo passo:
+> **executar de fato o save do C5** (Sándor + Unimed Nacional + R$ 95).
 
-> **🟢 ITERAÇÃO PÓS-FASE 8** — Várias rodadas de feedback do user com fixes:
-> full-width, sidebar "Voltar pra Pacientes" (no lugar de Configurações),
-> editar inline, openWhatsapp fix, dialog Lançamento, dialog Nova Sessão
-> com `AgendaEventDialog` real, recorrências do paciente.
-
-> **🟢 COMMITADO + PUSHED** — Working tree limpa.
+> **🟡 WORKING TREE BEM PESADO** — refactor de payment, indicadores
+> visuais (barra verde + popover + Resumo do dialog), inline quick-create
+> de procedimento, fix de rota convênios, botão "+ Novo convênio",
+> hint contextual. Migrations da Fase 5 já rodadas em 14/05. **Considerar
+> commitar antes de mais trabalho** — diff tá grande.
 
 ---
 
-## 🚦 STATUS — Working tree LIMPA
+## 🔴 PRÓXIMO PASSO IMEDIATO — Cenário 5 (Convênio)
 
-```
-On branch main
-Your branch is up to date with 'origin/main'.
-nothing to commit, working tree clean
-```
+Receita do doc HTML. Resumo:
+
+| Campo | Valor |
+|---|---|
+| Paciente | **Sándor** |
+| Convênio | **Unimed Nacional** (criar via `InsurancePlanQuickCreateDialog` se não existir) |
+| Valor | **R$ 95** |
+
+**Esperado:**
+- Record com `insurance_plan_id` preenchido + pill "convênio" visível
+- Na agenda: badge $ amber (record pendente até fechamento mensal do convênio)
+- Popover: linha amber "A receber R$ 95,00 (cobrança pendente)"
+
+Após o 5 passar: 6-9 (recorrentes) → 10-13 (status change + edit cobrada). Quando todos passarem, replicar em **Rail** (`AgendaTerapeutaPage.vue`) e **Clínica** (`AgendaClinicaPage.vue`).
 
 ---
 
-## 📦 Histórico de commits da sessão (mais recente → mais antigo)
+## 📦 O que foi feito em 18/05
 
-| # | Hash | Resumo |
-|---|------|--------|
-| 24 | `6ad91e7` | passa preset-commitment-id pro AgendaEventDialog (fix botão Salvar sumido) |
-| 23 | `cf1cd67` | pré-popula eventRow com commitment_id + paciente nome/avatar/status |
-| 22 | `73788c7` | AgendaEventDialog: lockType auto-seleciona commitment "Sessão" (fix jornada/billing/freq sumidos) |
-| 21 | `30d09eb` | AgendaEventDialog: props lockType + lockPatient + slot #headerLeft (aditivos) |
-| 20 | `88dff50` | (REVERTIDO em 30d09eb) usa AgendaEventDialog GLOBAL via inject |
-| 19 | `b040e15` | header custom do dialog Nova Sessão (ícone + título + nome) |
-| 18 | `42a39ed` | dialog Nova Sessão usa "Frequência" estilo AgendaEventDialog |
-| 17 | `9e76e4e` | bloco "Recorrências do paciente" na Tab Agenda |
-| 16 | `f1d6fba` | dialog nova sessão integra useRecurrence (recorrência semanal) |
-| 15 | `a8ab13b` | dialog inline nova sessão + createSession mutation |
-| 14 | `21c71f7` | addFinancial navega pra Financeiro + novo botão Agendar |
-| 13 | `64005a5` | fix openWhatsapp + dialog inline novo lançamento financeiro |
-| 12 | `301a712` | editPatient abre PatientCadastroDialog INLINE (sem sair) |
-| 11 | `5d2c389` | fix sidebar cards encolhendo + gap das abas main |
-| 10 | `159b80d` | full-width + sidebar "Voltar pra Pacientes" no lugar de Configurações |
-| 9 | `71ee51d` | **Fase 8** wire-up final (Dialog → route /melissa/paciente?id=X) |
-| 8 | `167e864` | **Fase 7** Tabs Documentos + Conversas (KPIs + embed componentes existentes) |
-| 7 | `e7c0f6c` | **Fase 6** Tab Financeiro + mark paid (mutation que legacy não tem) |
-| 6 | `8a8d2e0` | **Fase 5** Tab Agenda (KPIs + filtros + grupos por mês + ações) |
-| 5 | `1278e93` | **Fase 4** Tab Prontuário MVP (evolução via session.observacoes) |
-| 4 | `4fc0e3a` | **Fase 3** Tab Perfil (6 sections stacked + anchors) |
-| 3 | `ab7526b` | **Fase 2** Tab Visão Geral (4 KPIs + timeline + msgs + notas) |
-| 2 | `df61cc4` | **Fase 1** Foundation (5 composables + skeleton 7 tabs + slug paciente) |
-| 1 | `f3f0d83` | (pré-MelissaPaciente) preview teleport 3-way no Agendador/LinkExterno + chrome 6 páginas |
+### Cenário 4 (Joyce · "Já recebi") ✅
+- Testado e passou: toast "Cobrança paga R$ 180,00 recebido via PIX", record nasceu `paid + payment_method=pix + paid_at=now()`.
+
+### Novo indicador: barra esquerda verde para sessão paga
+- Brainstorm de 6 opções; user escolheu #6 (3 canais visuais distintos por estado).
+- `MelissaAgenda.vue:395-419` — computa `isPaidSession` (sessão+paciente+não-virtual+`paymentState==='paid'`) e adiciona classe `ma-evt--paid` ao FC event (combina com `ma-evt--inactive-patient` se ambos).
+- `MelissaAgenda.vue:2325-2335` — CSS força `border-left-color: #10b981 !important` (emerald-500, 4px). `!important` necessário porque FC seta `borderColor` inline. Trata também list view (`.fc-list-event-dot`).
+- Doc HTML atualizado: legenda "Indicadores visuais" agora descreve **3 estados** (pendente / pago / neutro) com 3 mocks empilhados; estado-alvo do C4 reescrito mencionando a barra verde.
+- Decisão salva em `memory/project_agenda_payment_indicators.md`.
+
+### Linha "Cobrança" no popover + Resumo do dialog
+- **Popover `MelissaEventoPanel`** — antes só mostrava amber "A receber R$ X" pra pendente. Agora cobre os 3 estados, com cor + ícone por variante:
+  - `paid` → `pi-check-circle` verde, label **"Pago · R$ X,XX"**
+  - `pending` → `pi-dollar` amber, label **"A receber R$ X (cobrança pendente)"** (mantido)
+  - `none` → `pi-dollar` amber, label **"A cobrar R$ X"** ou **"Cobrança ainda não gerada"** (mantido)
+  - CSS reescrito em 3 modificadores `.evento-row--pay-{paid|pending|none}` (com dark mode).
+- **Resumo lateral do `AgendaEventDialog`** — nova linha entre `pi-clock` e `pi-map-marker` em ambas as cópias (mobile inline + desktop floating).
+  - Novo ref `sessionPaymentRecord` em `useAgendaEventLifecycle.js:104+` (sem guard de `occurrenceMode`, contrário ao `occFinancialRecord` que continua só pra Rail/Clínica). Loader `loadSessionPaymentRecord` chamado no mesmo lifecycle.
+  - Computed `paymentSummary` em `AgendaEventDialog.vue:951+` retorna `{icon, cls, label}` pra 5 casos: paid (verde + paid_at), overdue (vermelho + due_date), pending (amber + due_date), sem cobrança c/ valor (neutro), sem cobrança s/ valor (neutro).
+  - `@cobranca-atualizada` do `AgendaEventoFinanceiroPanel` agora também dispara `loadSessionPaymentRecord` pra a linha refrescar.
+  - **Importante:** `occFinancialRecord` (que aciona lock-edit) NÃO foi tocado de propósito — esse é território da Fase 6/C13 (Edit cobrada). Manter dois refs separados evita ativar lock prematuro em Melissa.
+
+### Preparação do C5 (Sándor + Unimed Nacional) — UX de convênio refinado (3 issues)
+
+User tentou rodar C5 e bateu em 3 problemas seguidos. Cada um virou um fix:
+
+1. **Botão "Cadastrar" do procedimento navegava pra `/pages/notfound`**
+   - Root cause: `goToConveniosConfig` em `AgendaEventDialog.vue` prefixava com `/therapist` ou `/admin`, mas `/configuracoes/*` é rota **raiz** sob `AppLayout` (sibling, não filho). Em Melissa, convênios mora dentro do próprio layout via `secao: 'cfg-convenios'` (sem URL própria).
+   - Fix descartado: o user não queria sair da agenda. Em vez disso, criamos um quick-create inline (ver #2). `goToConveniosConfig` foi removida (dead code virou armadilha).
+
+2. **Quick-create de procedimento inline (sem sair da agenda)**
+   - Novo componente `InsurancePlanServiceQuickCreateDialog.vue` (modelo do `InsurancePlanQuickCreateDialog`). 2 campos: nome do procedimento + valor que o convênio paga. Insere em `insurance_plan_services` pro `insurance_plan_id` ativo.
+   - Wiring em `useAgendaEventLifecycle.js`: novo `planServiceQuickDlgOpen` + `openPlanServiceQuickCreate()` + `onPlanServiceCreated(service)`. Após criar, recarrega `loadInsurancePlans` e **auto-seleciona** o novo procedimento **só quando nada estava selecionado antes** (preserva escolha quando user já tinha selecionado X e está só cadastrando Y pra próxima).
+   - UI refatorada (`AgendaEventDialog.vue:3110+`): a caixa cinza com botão "Cadastrar" agora aparece **sempre** que um convênio está selecionado. Quando 0 procedimentos: **"Este convênio ainda não tem procedimentos cadastrados."** Quando 1+: **"Se quiser adicionar mais procedimentos a este convênio:"**.
+   - `planServiceQuickDlgOpen` adicionado ao `anyChildDialogOpen` pra esconder o Resumo flutuante enquanto o quick-create está aberto.
+
+3. **Botão "+ Novo convênio" faltando em `/melissa/cfg-convenios` (e na rota canônica também)**
+   - Root cause: `ConfiguracoesConveniosPage.vue` tinha o form de "Novo convênio" condicionado a `addingNew === true`, mas **nenhum botão setava esse flag**. Empty state mandava "Clique em 'Novo convênio'" sem botão pra clicar.
+   - Fix: toolbar simples no topo do template `<template v-else>` com `<Button label="Novo convênio" icon="pi pi-plus" @click="addingNew = true">`. Empty state corrigida pra apontar pro botão certo.
+
+### Hint contextual abaixo do card Sessão / Honorários
+
+- User pediu mensagem clarificando que "Nº da guia" é opcional em convênio.
+- **Tentativa 1 (errou o lugar):** coloquei o hint em `AgendaEventDialog.vue:1826` dentro do bloco `v-if="occurrenceMode"` (só edita ocorrência em Rail/Clínica). User não viu.
+- **Tentativa 2 (correta):** adicionado em `AgendaEventDialog.vue:2305+` (fluxo principal Melissa, fora do occurrenceMode). Mantive a tentativa 1 também — não atrapalha, só ativa em outro contexto.
+- Texto: convênio = **"Nº da guia é opcional — você pode salvar a sessão e preencher depois, quando o convênio responder."** Gratuito = **"Sessão gratuita — nenhum lançamento será gerado no Financeiro."** Particular = sem hint (não há ambiguidade).
+- Condição: `isSessionEvent && !occFinancialRecord && billingType === 'convenio'|'gratuito'`. Esconde quando há cobrança paga/pendente (lock-edit) — Message do panel já cobre.
+- CSS: `.aed-billing-hint` em `AgendaEventDialog.vue:3558+` — barra esquerda primary, fundo neutro leve, fonte 0.78rem.
+- Label do "Nº da Guia" no service-picker dialog também ganhou **(opcional)**.
 
 ---
 
-## 📂 Arquivos novos / modificados
+## 📦 O que foi feito antes (16/05 noite/madrugada)
 
-### NOVOS — composables + utils compartilhados
-- `src/features/patients/composables/usePatientDetail.js` (~108L) — patient + groups + tags
-- `src/features/patients/composables/usePatientSessions.js` (~155L) — agenda_eventos + computeds + `updateStatus`/`createSession` mutations
-- `src/features/patients/composables/usePatientFinancial.js` (~155L) — financial_records + computeds + `markPaid`/`markUnpaid`/`createRecord` mutations
-- `src/features/patients/composables/usePatientMessages.js` (~80L) — conversation_messages + computeds
-- `src/features/patients/composables/usePatientDocuments.js` (~110L) — documents + computeds (topType, pendentes, sizeTotalFormatted)
-- `src/features/patients/composables/usePatientRecurrences.js` (~110L) — recurrence_rules + cancel/reactivate + ativas/canceladas computeds
-- `src/features/patients/utils/patientFormatters.js` (~280L) — fmt* helpers + STATUS_LABEL/SEVERITY + tagStyle (luminance) + DOC_TYPE_LABEL + chConvLabel + recordStatus + RECORD_STATUS_LABEL + WEEKDAY_LABEL + fmtRecurrenceLabel/Fim
+### Cenário 1 (Bloqueio) ✅
 
-### NOVO — página Melissa
-- `src/layout/melissa/MelissaPaciente.vue` (~2400L) — 7 abas funcionais, header custom, sidebar com Voltar pra Pacientes, dialog Lançamento inline, dialog Nova Sessão usando AgendaEventDialog real
+1. **Fix `bloqueioCobrindo is not defined`** — função estava no escopo de `useMelissaAgenda` mas `onSelectTime` mora no `_buildHandlers` (outro escopo). Passada via `deps`. Mesmo padrão que `_openStatusDialog`.
+2. **Soft warn dentro do dialog** em vez de toast atrás do overlay — novo ref `dialogBlockOverlap` no composable + nova prop `blockOverlapWarning` no `AgendaEventDialog` + Message warn no topo do step 1. Reset nos outros openers (`onCreateEvento`, `onCreateEventoForPatient`, `onEditEvento`).
+3. **Doc HTML Cenário 1 expandido** em 1a (criar bloqueio) + 1b (agendar sobre bloqueio), com mock visual da Message + comparação com agendador público (que veta).
 
-### MODIFICADOS — wire-up
-- `src/layout/melissa/MelissaLayout.vue` — entry SECOES.paciente + render condicional `<MelissaPaciente :patient-id="String(route.query.id || '')" @close="fecharSecao" />`
-- `src/layout/melissa/MelissaPacientes.vue` — `abrirProntuario` agora navega via `router.push('/melissa/paciente', query: { id })`. Removeu `<PatientProntuario>` Dialog. Watch em `route.query.edit` pra abrir cadastro full quando vem de `MelissaPaciente.editPatient`.
-- `src/layout/melissa/MelissaAgenda.vue` — `abrirProntuarioPorId` igual. Removeu Dialog legacy.
-- `src/layout/melissa/composables/useMelissaAgenda.js` — adicionou `onCreateEventoForPatient(patientId)` (não usado mais após reverter inject, mas mantido)
-- `src/features/agenda/components/AgendaEventDialog.vue` — **3 props aditivas** (lockType, lockPatient, slot #headerLeft) + watch que auto-seleciona commitment "Sessão" quando lockType. **Zero regressão (301 specs passando)**.
+### Cenário 2 (Avulsa sem cobrança) ✅
+
+4. **Fonte da hint chargeMode** subiu de `0.72rem` → `0.8125rem` (acima de `text-xs`).
+5. **Card Frequência avulsa** refeito — antes era empty state convidando configurar; agora renderiza com `.aed-pay-summary` (mesma estrutura do estado configurado: "Tipo: Avulsa · Sessão única, sem repetição" + botão Editar).
+6. Doc HTML Cenário 2 atualizado.
+
+### Cenário 3 (Avulsa cobrar ao salvar) ✅
+
+7. **Refactor payment: `paymentSettlement` → `paymentMethod` + `markPaidNow`**
+   - UI antiga misturava método e status num único Select ("Já recebi — PIX").
+   - Agora 2 controles: Select forma (Enviar link / PIX / Dinheiro / Depósito / Cartão maquininha — SEM prefixo "Já recebi —") + SelectButton status (Cobrança pendente / Já recebi (dar baixa)).
+   - SelectButton só aparece quando método ≠ link (Asaas só liquida via webhook).
+   - Watcher força `markPaidNow=false` se voltar pra 'link'.
+   - Wire: AgendaEventDialog → useAgendaEventActions → useMelissaAgenda (handler avulsa + `_createPackageContract`).
+8. **Indicadores visuais de pagamento** (novidade da sessão):
+   - Bulk-load de `financial_records` em `_reloadRange` etapa 4 (1 query única, mapa eventId → 'paid' | 'pending' | 'none').
+   - `normalizeForMelissa` agora injeta `paymentState` + `price` no evento.
+   - **Badge $ no canto** dos eventos da agenda — círculo amber 16px no canto superior direito. Só pra sessão + paciente + não-virtual + paymentState !== 'paid'.
+   - **Linha "A receber"** no popover (`MelissaEventoPanel`) — texto adaptativo: "A receber R$ X (cobrança pendente)" se pending, "A cobrar R$ X" se none, "Cobrança ainda não gerada" se sem valor.
+9. **🐛 Bug fix `pickDbFields` faltando `modalidade`** — sessões avulsas eram salvas sem modalidade, DB caía no default 'presencial' independente da escolha. Adicionado ao whitelist em `useMelissaAgenda.js:74`. **TODAS as sessões avulsas criadas no Melissa antes desse fix estão como 'presencial' no DB** — pode precisar rodar UPDATE manual no banco se quiser corrigir histórico. Gotcha salvo em `memory/project_pickdbfields_whitelist.md`.
+10. **Doc HTML atualizada amplamente**:
+    - Nova seção topo `★ Indicadores visuais de pagamento` com mocks (badge $ + linha popover) e link em violeta no TOC.
+    - Caixa violeta "Indicadores visuais" em cada cenário relevante (C2-C9).
+    - C4 ganhou caixa verde "estado-alvo" (sem badge, sem linha — pago).
+    - Receita do C3 e C4 atualizadas com os 3 controles (Cobrança ao salvar / Forma de pagamento / Status do pagamento) e opções limpas (sem prefixo "Já recebi —").
 
 ---
 
-## 🟡 PENDENTES PRA PRÓXIMA SESSÃO
+## 🧭 Onde estamos no plano de 9 fases
 
-User mencionou: **"tem alguns ajustes pra fazer nessa tela ainda"** após o último fix
-do botão Salvar (commit `6ad91e7`). Ajustes específicos não foram detalhados ainda
-— próxima sessão começa pelo feedback do user no dialog Nova Sessão.
-
-### Pendentes conhecidos (não ditos pelo user, mas observados)
-- **PatientProntuario.vue legacy (3593L)** continua existindo intocado. Usado por:
-  - `TherapistDashboard.vue` (homepage role therapist sem Melissa)
-  - `PatientsListPage.vue` (rota `/therapist/patients`)
-  - Quando user troca pra Melissa em `/account/profile`, vê a versão nativa
-  - Pra deletar de vez precisa portar TherapistDashboard + PatientsListPage também
-- **Tab Prontuário** é MVP usando `agenda_eventos.observacoes` como evolução. Quando schema clínico (`anamnese`, `clinical_notes`, `plano_terapeutico`) for adicionado, vira o real
-- **2 errors pré-existentes em MelissaLayout.vue** (duplicate key 'financeiro' L242, empty block L1130) — não foram tocados durante o port
+| Fase | Status |
+|---|---|
+| **1** Compromisso SEM paciente | ✅ |
+| **2** Compromisso COM paciente | ✅ testado (C1-C3 done) |
+| **3** Recorrência + replicar occurrenceMode Rail/Clínica | ⏳ |
+| **4** Modo disparo cobrança híbrido | ⚠️ parcial |
+| **5** Status change → confirm dialog | 🔄 Melissa codado + indicadores visuais done; falta testar (C10-C12) + replicar Rail/Clínica |
+| **6** Edit cobrada | ✅ |
+| **7** Pagamento separado | ⏳ |
+| **8** Refund/credit note | ⏳ |
+| **9** Plano Inicial | 📋 |
 
 ---
 
-## 🧠 Conhecimento adicional acumulado nesta sessão
+## 📋 Roteiro de testes restantes (`src/docs/agenda-compromisso-financeiro-cenarios.html`)
 
-### Decisões arquiteturais
-1. **`MelissaPaciente` segue o padrão Melissa** (mesmo prefix `mpa-`, glass chrome, sidebar 320px à esquerda, drawer mobile). Diferente das outras Melissa Pages: **largura total** (sem `right: max(...)`) porque conteúdo (KPIs grid + tabelas + timeline) precisa de espaço.
-
-2. **Reuso do `AgendaEventDialog`** via 2 props aditivas (`lockType` + `lockPatient`) + slot `#headerLeft` — caminho A escolhido após discussão honesta sobre drift risk de duplicação.
-
-3. **Inject vs state local** — `MelissaPaciente` injeta `MELISSA_AGENDA_KEY` SÓ pra ler dados pesados (commitmentOptions, workRules, etc) e mantém state LOCAL pro dialog (sessaoDialogOpen/EventRow/StartISO/EndISO). Não colide com dialog global da Agenda.
-
-4. **Inicialização do dialog**: precisa passar **TANTO** `determined_commitment_id` no eventRow **QUANTO** prop `presetCommitmentId` separada. O resetForm lê o primeiro pra popular `form.commitment_id`; o lifecycle lê o segundo pra decidir step inicial. Sem ambos, cair em race condition (lifecycle reset desfaz selectCommitment).
-
-5. **Pré-popular paciente_nome/avatar/status no eventRow** é obrigatório pra não-edit — o composer só faz fetch async do nome quando isEdit=true.
-
-### Hotspots de drift no `AgendaEventDialog`
-Arquivo tem 5 composables que fazem o trabalho pesado: `useAgendaEventComposer` (state + computeds), `useAgendaEventActions` (save/delete), `useAgendaEventLifecycle` (watchers + init), `useAgendaEventPickerBilling` (selectCommitment, paciente picker), `agendaEventHelpers` (utils). Mexer aqui é seguro pelo coverage de **301 specs**.
-
-### Slug `/melissa/paciente?id=<uuid>`
-Registrado em `MelissaLayout.vue` SECOES + adicionado a `MELISSA_NON_CONFIG_SLUGS`. ID vem via query param. Funciona pra deep-link.
+| # | Cenário | Status |
+|---|---|---|
+| 1 | Bloqueio (criar + agendar sobre) | ✅ |
+| 2 | Avulsa sem cobrança | ✅ |
+| 3 | Avulsa cobrar ao salvar | ✅ |
+| 4 | Avulsa "já recebi" no salvar | ✅ |
+| **5** | **Avulsa convênio (Sándor + Unimed)** | 🔴 **PRÓXIMO** |
+| 6 | Recorrente sem pacote (Anna Freud 4 sem) | ⏳ |
+| 7 | Pacote upfront (Donald Winnicott 4× R$ 200) | ⏳ |
+| 8 | Pacote saldo (Carl Jung 4× R$ 40) | ⏳ |
+| 9 | 1 por sessão (Michael Balint 12 sem) | ⏳ |
+| 10 | Status change avulsa (realizado/faltou/cancelado) | ⏳ |
+| 11 | Status change pacote saldo | ⏳ |
+| 12 | Antecipar pagamento (Carl Jung) | ⏳ |
+| 13 | Edit cobrada | ⏳ |
 
 ---
 
-## 🛠️ Comandos úteis
+## 📋 Como retomar amanhã (cego)
 
-```bash
-# Specs do agenda (regression check pro AgendaEventDialog)
-npx vitest run src/features/agenda/composables/__tests__
-
-# Lint só dos arquivos do MelissaPaciente
-npx eslint src/layout/melissa/MelissaPaciente.vue src/features/patients/composables/usePatient*.js src/features/patients/utils/patientFormatters.js
-
-# Testar visualmente
-npm run dev
-# → http://localhost:5173/melissa/paciente?id=<uuid-real-de-paciente>
-```
+1. `git status` — confirmar working tree intacto
+2. **Ler HANDOFF até o fim**
+3. Abrir `src/docs/agenda-compromisso-financeiro-cenarios.html` no browser pra ver o estado atual do doc viva
+4. **Começar pelo Cenário 4** (Joyce, "Já recebi (dar baixa)")
+5. Cada cenário que passar:
+   - Atualizar status pra ✅ aqui no HANDOFF
+   - Se descobrir bug ou texto divergente, corrigir código + doc na hora
+6. Quando todos os 13 passarem: replicar em **Rail** e **Clínica**
+7. Adicionar `professional_cancellation` no `STATUS_TO_EXCEPTION`
+8. Marcar Fase 5 como ✅
+9. Decidir Fase 4 (modo disparo cobrança híbrido) OU Fase 3 (replicar occurrenceMode)
 
 ---
 
-## ▶️ Próxima sessão — onde retomar
+## 🚨 Pendência IMPORTANTE — não esquecer
 
-1. **Ler primeiro**: este HANDOFF.md (você já está nele)
-2. **Aguardar feedback do user** sobre ajustes específicos no dialog Nova Sessão (mencionou que tem mais alguma coisa)
-3. **Possíveis frentes**:
-   - Polish do dialog Nova Sessão pós-feedback
-   - Port do TherapistDashboard pra remover dependência do PatientProntuario legacy
-   - Schema clínico (anamnese/evolução) pra Tab Prontuário sair do MVP
-4. **Antes de mexer em `AgendaEventDialog`**: rodar `npx vitest run src/features/agenda/composables/__tests__` (301 specs) pra confirmar baseline limpo
+**Pós-Fase 9** (quando concluirmos TODAS as fases 1-9):
+- User vai passar prompt específico pra criar **documentação completa da parte de ajuda** do sistema
+- Está em `memory/project_pendencia_doc_ajuda.md`
+- O doc `agenda-compromisso-financeiro-cenarios.html` já está sendo escrito de forma que vira a doc final pra usuário (cada teste validado vira parte da doc)
 
-Boa sessão!
+**Histórico modalidade='presencial' no DB:**
+- Bug do `pickDbFields` afetou TODAS as sessões avulsas criadas no Melissa até 16/05/2026
+- Se quiser corrigir histórico, rodar UPDATE manual identificando sessões cuja modalidade visual era online (não há como saber retroativamente — perdido)
+- Going forward o fix já cobre
+
+---
+
+## ⚠️ Gotchas duráveis (atualizados)
+
+- **`MelissaBloqueios.vue` admin ≠ `BloqueioDialog` (4 modos)** — casos distintos
+- **`agenda_excecoes` foi dropada** em 13/05
+- **`financial_records.type` undefined sem `type` no BASE_SELECT** — fix 14/05 cedo
+- **`financial_records.description` undefined sem `description` no BASE_SELECT** — fix 14/05 noite
+- **`handleStatusChange` em `useAgendaFinanceiro.js` está ÓRFÃO** — não reativar
+- **`_openStatusDialog` + `bloqueioCobrindo` + `dialogBlockOverlap`** declarados no `useMelissaAgenda` mas usados em `_buildHandlers` — passados via `deps`. **NÃO ESQUECER ao replicar em Rail/Clínica**
+- **`billing_contracts.charging_style`** distingue upfront/saldo/per_session
+- **Ocorrência virtual tem `id="rec::<rule>::<date>"`** — detectar via `typeof === 'string' && startsWith('rec::')` antes de query Supabase
+- **`chargeMode` default dinâmico:** `'session'` em avulsa, `'none'` em recorrente
+- **Toast atrás do overlay do dialog** — usar Message no topo do dialog em vez de toast quando contexto for dentro de dialog modal
+- **Cuidado com `pickDbFields` whitelist** — `useMelissaAgenda.js:74` descarta campos não listados silenciosamente. Sintoma: campo escolhido na UI mas DB tem valor default. Memória: `memory/project_pickdbfields_whitelist.md`
+- **`paymentSettlement` foi renomeado** em 16/05 — agora `paymentMethod` (string) + `markPaidNow` (bool). Handler aplica `payment_method` sempre, `status='paid'` só quando markPaidNow=true && method!='link'
+- **Bulk-load de paymentState em `_reloadRange` etapa 4** — 1 query única em `financial_records` mapeada por `agenda_evento_id`. Anota `paymentState` no normalize. Badge na agenda + linha popover lêem daqui
+
+---
+
+## 🧠 Decisões persistidas (memory/)
+
+**Indicadores visuais (16/05):**
+- Badge $ no canto: só sessão + paciente + não-virtual + !paid
+- Linha popover: 3 textos (a receber pending / a cobrar none / cobrança não gerada)
+- Bulk-load 1x por _reloadRange, não query por evento
+- Ocorrências virtuais sempre paymentState='none' (cobertas por contrato)
+
+**Payment refactor (16/05):**
+- Separar método (forma) de status (já pago?) — controles independentes na UI
+- Método 'link' (Asaas) força markPaidNow=false (gateway externo)
+- Wire format: `arg.paymentMethod` + `arg.markPaidNow` (no lugar de `arg.paymentSettlement`)
+
+**Bugs evitar repetir:**
+- Sempre adicionar campo novo ao `pickDbFields.allowed` quando adicionar coluna em agenda_eventos
+- Sempre adicionar campo novo ao `BASE_SELECT` quando query custom
+- Detectar `is_occurrence` ou `rec::` antes de query por UUID
+- Refs/funções do composable principal NÃO ficam acessíveis em `_buildHandlers` — passar via `deps`
+- Toast dentro de dialog modal fica atrás do overlay — usar Message
diff --git a/Obsidian/Brain/log.md b/Obsidian/Brain/log.md
index 82c2337..68e1edf 100644
--- a/Obsidian/Brain/log.md
+++ b/Obsidian/Brain/log.md
@@ -14,6 +14,142 @@ Chronological, append-only record of everything that's happened in this wiki.
 
 ---
 
+## [2026-05-18 23:30] session | UX de convenio refinado (3 fixes) + hint contextual
+Touched: none (sem nova wiki page; tudo em codigo + HANDOFF)
+Detalhes: tarde inteira consumida em refinar UX de convenio antes do
+save real do C5. User bateu em 3 problemas seguidos:
+
+1) Botao "Cadastrar" do procedimento navegava pra /pages/notfound.
+   Root cause: goToConveniosConfig prefixava com /therapist|/admin mas
+   /configuracoes/* eh rota raiz sob AppLayout (sibling, nao filho). Em
+   Melissa, convenios mora via secao=cfg-convenios sem URL propria.
+   Fix descartado: user nao queria sair da agenda. Criamos quick-create
+   inline (#2). Removi goToConveniosConfig (dead code).
+
+2) InsurancePlanServiceQuickCreateDialog (novo componente). Mesmo pattern
+   do InsurancePlanQuickCreateDialog. 2 campos: nome + valor que o
+   convenio paga. Wiring em useAgendaEventLifecycle: planServiceQuickDlgOpen
+   + openPlanServiceQuickCreate + onPlanServiceCreated. Apos criar:
+   loadInsurancePlans + auto-seleciona SO se nada estava selecionado
+   antes. UI refatorada: caixa cinza com botao "Cadastrar" SEMPRE
+   visivel quando convenio selecionado, copy varia por contagem
+   (0 procedimentos = chamada urgente; 1+ = "se quiser adicionar mais").
+
+3) Botao "+ Novo convenio" faltando em ConfiguracoesConveniosPage.vue.
+   addingNew=true sem botao pra setar. Empty state mandava clicar em
+   botao inexistente. Fix: toolbar topo com Button label="Novo convenio"
+   @click="addingNew = true". Empty state corrigida.
+
+Hint contextual abaixo do card Sessao/Honorarios. User: "Nº da guia
+eh obrigatorio?" — consegui salvar sem. Tentativa 1: coloquei em
+v-if=occurrenceMode (errado, so Rail/Clinica). Tentativa 2: fluxo
+principal Melissa (linha 2305). Copy: convenio = "Nº da guia eh
+opcional…", gratuito = "Sessão gratuita…", particular = sem hint.
+Label "Nº da Guia" tambem ganhou "(opcional)".
+
+PROXIMO: rodar de fato o save do C5 (Sandor + Unimed + R$ 95). Tudo
+preparado, agora eh testar end-to-end.
+
+## [2026-05-18 21:45] session | Linha de cobranca no popover (3 estados) + Resumo do dialog
+Touched: none (sem nova wiki page)
+Detalhes: extensao do trabalho da sessao anterior (barra verde na agenda).
+User pediu pra popover mostrar tambem o estado pago, nao so pendente.
+Lembrava que "tinha algo assim mas talvez seja pra outra coisa" —
+verifiquei: occFinancialRecord existia mas com guard de occurrenceMode,
+servindo Fase 6 (lock-edit) em Rail/Clinica apenas. Decidi NAO unguardar
+pra nao ativar lock prematuro em Melissa (isso eh C13).
+
+MelissaEventoPanel.vue: showPaymentRow agora cobre paid tambem; novo
+paymentVariant + paymentIcon (pi-check-circle quando pago, pi-dollar
+nos outros); paymentLabel inclui "Pago · R$ X,XX"; CSS com 3
+modificadores .evento-row--pay-{paid|pending|none} + dark mode.
+
+AgendaEventDialog.vue + useAgendaEventLifecycle.js: novo ref
+sessionPaymentRecord (independente do occFinancialRecord). Loader sem
+guard, chamado no mesmo lifecycle. Computed paymentSummary cobre 5
+estados (paid + verde + paid_at, overdue + vermelho + venceu, pending
++ amber + vence, sem cobranca c/ valor, sem cobranca s/ valor). Nova
+linha summary-row entre pi-clock e pi-map-marker em ambas as copias do
+Resumo (mobile inline + desktop floating). CSS com 4 classes
+.aed-pay-summary-row--{paid|pending|overdue|none}.
+
+@cobranca-atualizada do AgendaEventoFinanceiroPanel agora tambem
+dispara loadSessionPaymentRecord pra a linha refrescar quando user
+marca pago pelo panel inline.
+
+PROXIMO: cenario 5 (Sandor + Unimed Nacional, R$ 95, convenio).
+
+## [2026-05-18 21:00] session | Cenario 4 OK + barra esquerda verde pra sessao paga
+Touched: none (decisao salva em memory/, doc HTML atualizado, sem nova wiki page)
+Detalhes: cenario 4 (Joyce R$180 PIX "Ja recebi") testado e passou — toast,
+record paid+pix+paid_at, badge $ removido. User pediu sinalizacao visual
+pra sessao paga "olhar e saber". Brainstorm de 6 opcoes (check verde
+canto, barra esquerda, fundo green-50, $ riscado, so popover, 3 canais
+combinados). User escolheu #6 — 3 canais visuais distintos:
+- pago: barra verde 4px borda esquerda (emerald-500)
+- pendente: badge $ amber canto direito (como antes)
+- neutro: nem um nem outro (sem cobranca / virtual)
+Implementado em MelissaAgenda.vue (classe ma-evt--paid via classNames,
+CSS forca border-left-color !important porque FC seta borderColor inline).
+Doc HTML legenda "Indicadores visuais" expandida pros 3 estados (3 mocks
+empilhados). Estado-alvo do C4 reescrito. Memoria persistida em
+memory/project_agenda_payment_indicators.md (decisao + onde aplicar quando
+replicar em Rail/Clinica). HANDOFF atualizado pra apontar C5 como
+proximo.
+
+## [2026-05-17 02:30] session | Testes C1-C3 + payment refactor + indicadores visuais + fix modalidade
+Touched: agenda-compromisso-fluxo (implicit via HANDOFF.md, sem nova pagina)
+Detalhes: rodada de testes manuais dos cenarios do doc viva
+src/docs/agenda-compromisso-financeiro-cenarios.html. Cenarios 1, 2 e 3 ok.
+
+CENARIO 1 (bloqueio):
+- Fix `bloqueioCobrindo is not defined` em onSelectTime — funcao mora no
+  escopo de useMelissaAgenda mas onSelectTime esta em _buildHandlers.
+  Passada via deps, mesmo padrao do _openStatusDialog.
+- Soft warn de bloqueio sobre slot agora vai DENTRO do dialog (Message
+  warn no topo do step 1) em vez de toast atras do overlay. Novo ref
+  dialogBlockOverlap no composable + nova prop blockOverlapWarning no
+  AgendaEventDialog. Reset nos outros openers.
+- Doc HTML cenario 1 expandido em 1a (criar) + 1b (agendar sobre
+  bloqueio), com mock visual da Message + comparacao agendador publico.
+
+CENARIO 2 (avulsa sem cobranca):
+- Hint chargeMode fonte 0.72rem -> 0.8125rem.
+- Card Frequencia avulsa refeito: era empty state convidando configurar,
+  agora renderiza como "selecionado" com .aed-pay-summary (Tipo: Avulsa
+  / Sessao unica, sem repeticao / botao Editar). Visual identico ao
+  estado configurado de pacote.
+
+CENARIO 3 (avulsa cobrar ao salvar):
+- Refactor paymentSettlement -> paymentMethod + markPaidNow. UI antiga
+  misturava metodo e status num Select unico ("Ja recebi - PIX"). Agora
+  2 controles: Select forma (sem prefixo "Ja recebi") + SelectButton
+  status (pendente / ja recebi). SelectButton oculto quando metodo='link'.
+  Wire em 3 camadas (Dialog -> useAgendaEventActions -> useMelissaAgenda
+  handler avulsa + _createPackageContract).
+- Indicadores visuais de pagamento: bulk-load 1x em _reloadRange etapa 4
+  (financial_records mapeado por agenda_evento_id -> paid|pending|none).
+  normalizeForMelissa injeta paymentState + price. Badge $ amber 16px no
+  canto superior direito do evento da agenda (so sessao+paciente+nao-
+  virtual+!paid). Linha "A receber" amber abaixo do horario no popover
+  (MelissaEventoPanel), texto adaptativo.
+- BUG FIX pickDbFields whitelist faltando 'modalidade' — todas as sessoes
+  avulsas criadas no Melissa ate hoje foram salvas como presencial no DB
+  independente da escolha visual. Adicionado ao allowed[]. Gotcha durador
+  salvo em memory/project_pickdbfields_whitelist.md.
+
+DOC HTML AMPLAMENTE ATUALIZADO:
+- Nova secao topo "★ Indicadores visuais de pagamento" com mocks (badge
+  $ + linha popover) e link em violeta no TOC.
+- Caixa violeta "Indicadores visuais" em cada cenario relevante (C2-C9)
+  descrevendo o que aparece em cada caso.
+- C4 ganhou caixa verde "estado-alvo" (sem badge, sem linha — pago).
+- Receitas dos C2-C4 atualizadas pros 3 controles novos.
+
+PROXIMO: cenario 4 (Joyce, "Ja recebi (dar baixa)"). Apos passar, seguir
+ate C13. Quando todos passarem, replicar em AgendaTerapeutaPage (Rail) e
+AgendaClinicaPage (Clinica). HANDOFF.md reescrito com tudo.
+
 ## [2026-05-05 23:45] session | Blueprint tabular Melissa + restore pacientes
 Touched: none (sem mudança de wiki — handoff em HANDOFF.md)
 Detalhes: criou `blueprints/melissa-table-page-blueprint.md` (~530L, 18 seções);
@@ -601,3 +737,126 @@ ComponentCadastroRapido + PatientCadastroDialog pra uso in-flow.
 
 Database backup gerado: backups/2026-05-11/ (138 tabelas, 141 FKs).
 Dashboard regenerado.
+
+## [2026-05-11 17:00] session | AgendaEventDialog redesign completo + 2º dialog WIP
+Touched: HANDOFF.md (reescrito do zero)
+Detalhes: sessao longa de refator visual + UX do AgendaEventDialog.
+Headers dos 4 cards (Paciente, Data/Horario, Sessao/Honorarios, Frequencia)
+com altura fixa 40px, label so mobile, acoes a direita. Card Paciente
+ganhou toggle Presencial/Online com pi-pencil substituindo SelectButton;
+mini-links Editar/Limpar no lugar dos botoes redondos. Card Data e
+Horario com body em 2 linhas (Data · Duracao / Inicio → Termino). Card
+Sessao/Honorarios (renomeado de Pagamento) com Select dropdown default
+particular + 3 estados (gratuito/empty/configurado-resumo). Card Extras
+renomeado, com botao ? abrindo popover educativo. Layout 50/50 via
+.aed-row-50 (Paciente|Data e Sessao|Frequencia).
+
+DIALOGS NOVOS:
+- serviceDialogOpen: cada servico vira card individual com preco unit,
+  total, botoes colapsaveis (Aplicar desconto, Alterar quantidade);
+  desconto mostra calculo em vermelho; footer fixo com Valor desta
+  sessao em pill tracejada primary; hint educativo Unidades vs
+  Recorrencia
+- freqDialogOpen: empty/resumo, 4 sub-cards (.aed-freq-section: Tipo,
+  Dias, Quantidade, Proximas), chips renovados (.freq-tab borda solida
+  + variant 2-line com 1 mes/4 sessoes), proximas ocorrencias com
+  separador por mes + referencia relativa (em 2 semanas/em 1 mes).
+  "Como interpretar o valor" REMOVIDO.
+
+CONCEITO PACOTE (recorrencia >= 2):
+- isPacote computed: criando >=2 OU editando hasSerie
+- pacoteTotal = totalFromItems × totalOcorrencias
+- Header dialog adapta: "Pacote · 4 Sessoes" / "Sessao do Pacote · Sessao"
+  / "Editar Sessao" / "Nova Sessao"
+- Resumo: modalidade vira "Presencial · Pacote"; wallet mostra total
+  pacote; linha extra "4× R$ 40 = R$ 160"
+- Status da Sessao escondido em pacote
+- pluralCommitment PT-BR (Sessao→Sessoes, Analise→Analises, ão→ões)
+
+MODO EDIÇAO:
+- Cadastro Rapido NAO aparece
+- Cadastro Completo + toggle Modalidade + Ajustar Horario: disabled
+  com tooltip explicativo
+- time-hero ganha --readonly (sem cursor pointer)
+
+OUTROS: animacao de Dialog + backdrop blur REMOVIDOS (so nativo
+PrimeVue); DataTable picker paciente coluna Acao agora frozen
+alignFrozen=right; lista Recorrencias Aplicadas com numeracao 1/2/3
+em badge primary; badge "atual" → "selecionado".
+
+2º DIALOG EMPILHADO (WIP — BLOQUEIO PRA AMANHA):
+- useMelissaAgenda.js: refs novos occDialogOpen/EventRow/StartISO/EndISO
+- onEditSeriesOccurrence agora abre 2º dialog (em vez de mutar
+  dialogEventRow in-place silenciosamente)
+- _buildHandlers recebe occDialog* via deps (sem isso dava
+  ReferenceError em runtime)
+- MelissaLayout.vue: 2º AgendaEventDialog mountado paralelo, refs
+  destruturados como agendaOccDialog* (refs aninhados nao auto-
+  unwrappam no template — pattern conhecido do projeto)
+- Status: ABRE, mas user reportou "nao é essa janela que tem de
+  abrir" — investigar amanha. Provavelmente precisa de prop pra
+  esconder Frequencia + Recorrencias Aplicadas no 2º dialog e
+  ajustar titulo pra "Editar Ocorrencia"
+- Pendente replicar em Rail (AgendaTerapeutaPage L1630 + L3080) e
+  Clinica (AgendaClinicaPage L1119 + L2398) DEPOIS de estabilizar
+  no Melissa
+
+Mudancas NAO commitadas: 5 arquivos (AgendaEventDialog.vue + dois
+QuickCreateDialog + MelissaLayout + useMelissaAgenda). HANDOFF.md
+reescrito do zero documentando tudo.
+
+## [2026-05-12 17:55] session | occurrenceMode no 2º dialog da agenda
+Touched: recorrencia-agenda
+
+## [2026-05-13 14:00] session | pesquisa fluxo agenda Cliniko SimplePractice TherapyNotes
+Touched: none
+nTouched: agenda-billing-pesquisa-mercado, index
+
+## [2026-05-13 21:00] session | Pesquisa mercado agenda billing
+Touched: agenda-billing-pesquisa-mercado, index
+
+## [2026-05-14 sessao continua] session | AgendaEventDialog testes manuais + correcoes
+Touched: none (apenas logs detalhados; sem nova pagina wiki)
+Detalhes: User testou fluxo de criacao avulsa (Henrique Lima Souza) e
+recorrente (Donald Winnicott, 4×R$40) passo-a-passo. Achados/correcoes:
+(1) Bug badge financeiro "Despesa" — campo `type` faltava em BASE_SELECT
+de useFinancialRecords.js (caia em else → "Despesa"). Fix: adicionar type
+no SELECT. (2) E5 toggle Presencial/Online: removido :disabled="isEdit"
+(habilitado em ediçao tambem). (3) E6 Ajustar Horario: trocado por
+v-if="!isEdit || !hasSerie" — visivel em criacao E em avulsa em edicao;
+escondido em série recorrente (politica "esconder em vez de disabled"
+salva na memoria, vale apenas pra agenda). (4) Botao cog + popover sobre
+horarios online no time picker — padrao espelhado do Card Extras, linka
+pra /melissa/agenda-config (ou /configuracoes/agenda fora do Melissa).
+(5) Bug visual: pill --current + --online-cfg perdia destaque selected
+porque online-cfg !important ganhava da cascade. Fix: regra combo com
+mais especificidade. (6) Time picker vazava dia/hora/duracao pro card
+principal quando fechado sem confirmar — snapshot ao abrir + revert no
+@hide se _tpCommitted=false (added Cancelar button no footer). (7)
+Opção C1 implementada — checkbox bool gerarCobrancaAoSalvar substituido
+por SelectButton chargeMode com opcoes dinamicas:
+  - Avulsa: Não / Gerar cobrança
+  - Recorrente: Não / Pacote único / 1 por sessão
+Handler em useMelissaAgenda agora suporta 3 modos: 'session' (1
+financial_record, igual Fase 1 original), 'package' (1 billing_contract
+inline em vez de confirm.require pós-save), 'per_session' (materializa N
+agenda_eventos + cria N financial_records via RPC, respeitando
+recurrence_exceptions). _offerBillingContract removido (codigo morto).
+useAgendaEventActions.gerarCobrancaAoSalvar → chargeMode. ESLint: 0
+erros novos. Vitest useAgendaEventComposer.spec: 76/76 passed.
+
+## [2026-05-13 22:00] session | Fase 1 — drop agenda_excecoes + render bloqueios cinza
+Touched: agenda-compromisso-fluxo
+Detalhes: Fase 1 da auditoria fase-a-fase concluida. Auditoria revelou
+agenda_excecoes orfa (0 refs em src/, embora policies+trigger+enums
+existissem) e bloqueios nunca renderizados no FullCalendar (so impediam
+criacao). Aplicado: (1) migration 20260513000001_drop_agenda_excecoes.sql
+dropa tabela+enums+trigger; (2) agendaMappers.buildBloqueioBackgroundEvents
+renderiza dia-cheio/com-hora/recorrente como background event #6b728033;
+(3) composable useAgendaBloqueios reusavel (load aceita owner unico OU
+array); (4) wire nos 3 layouts (Melissa via useMelissaAgenda+MelissaAgenda,
+Rail via AgendaTerapeutaPage, Clinica via AgendaClinicaPage com multi-owner);
+(5) docs/schema_map.md e db.config.json limpos. ESLint 0 novos errors;
+agendaMappers.spec 40/40 passed. Pendente: rodar migration no banco local
++ validacao visual nos 3 layouts. Plano de 8 fases salvo em
+[[agenda-compromisso-fluxo]]; pesquisa de mercado em [[agenda-billing-pesquisa-mercado]].
diff --git a/Obsidian/Brain/wiki/agenda-billing-pesquisa-mercado.md b/Obsidian/Brain/wiki/agenda-billing-pesquisa-mercado.md
new file mode 100644
index 0000000..d5317e9
--- /dev/null
+++ b/Obsidian/Brain/wiki/agenda-billing-pesquisa-mercado.md
@@ -0,0 +1,228 @@
+---
+title: Pesquisa de mercado — fluxo de compromisso e cobrança
+date: 2026-05-13
+status: levantamento
+players: Cliniko, SimplePractice, TherapyNotes
+---
+
+## Contexto do produto
+
+SaaS BR pra clínicas de psicologia, multi-tenant. Agenda + paciente + recorrência já funcionando. Invariante "cobrança emitida é imutável pelo dialog da agenda" já implementada (padrão SimplePractice). Auditando fase-a-fase o fluxo antes de fechar gaps. Restrições fiscais BR: PIX, NFS-e, LGPD.
+
+Cross-links: [[recorrencia-agenda]], [[index]]
+
+---
+
+## 1. Criação de compromisso SEM paciente
+
+### Cliniko
+- **Default:** existe entidade dedicada chamada **Unavailable block**. Não é appointment — não interfere em relatórios clínicos. Funciona como bloqueio puro de calendário (almoço, reunião, férias, manutenção).
+- **Admin pode:** criar **Unavailable block types** customizados (nome, duração default, cor). Aceita arquivamento individual ("Archive" remove o bloco).
+- **Fonte:** [Scheduling time off](https://help.cliniko.com/en/articles/1023892-scheduling-time-off), [Changing Your Calendar to Time Blocks](https://help.cliniko.com/en/articles/1024048-changing-your-calendar-to-time-blocks).
+
+### SimplePractice
+- **Default:** duas entidades distintas — **Calendar event** (cinza escuro, para reunião, supervisão, tempo pessoal) e **Out of office (OOO) block** (cinza claro, para indisponibilidade que deve bloquear request de agendamento). Calendar events também podem ser recorrentes.
+- **Admin pode:** marcar evento como recorrente; OOO bloqueia automaticamente o widget de pedidos de horário online.
+- **Fonte:** [Creating a calendar event](https://support.simplepractice.com/hc/en-us/articles/41930878513933-Creating-a-calendar-event), [Managing out of office blocks](https://support.simplepractice.com/hc/en-us/articles/41931023345165-Managing-out-of-office-blocks).
+
+### TherapyNotes
+- **Default:** dois tipos — **Scheduled Event** (atividade não-clínica: reunião, supervisão, treinamento; aparece no calendário do clínico) e **Unavailable** (vetar agendamento de pacientes em horários específicos: férias, almoço, compromisso pessoal). Ambos suportam descrição, duração e recorrência sem vincular paciente.
+- **Admin pode:** decidir clínico-alvo, frequência (one-time ou recurring), texto livre.
+- **Fonte:** [Schedule Non-Clinical Events](https://support.therapynotes.com/hc/en-us/articles/30661451456667-Schedule-Non-Clinical-Events), [Quick Start: Scheduling](https://support.therapynotes.com/hc/en-us/articles/30661279632539-Quick-Start-Scheduling).
+
+**Convergência:** os 3 têm entidade não-clínica separada de "appointment" — nunca usam appointment-sem-paciente como hack.
+
+---
+
+## 2. Criação de compromisso COM paciente
+
+### Cliniko
+- **Default:** appointment exige paciente + appointment type + data/hora + practitioner. Paciente pode ser criado on-the-fly direto do dialog do appointment com apenas nome (descrição/categoria são opcionais).
+- **Admin pode:** definir custom patient fields opcionais; appointment type carrega billable items default associados.
+- **Fonte:** [Booking an appointment](https://help.cliniko.com/en/articles/1024061-booking-an-appointment), [Set up appointment types](https://help.cliniko.com/en/articles/1023911-set-up-appointment-types).
+
+### SimplePractice
+- **Default:** appointment exige cliente. Existe entidade intermediária chamada **Prospective client / Inquiry** — perfil parcial usado pra leads vindos de contact form ou pedido online. Pode-se enviar intake antes mesmo de aceitar o appointment (perfil definitivo só nasce ao aceitar).
+- **Admin pode:** mandar link de agendamento; criar task de follow-up; enviar intake; rodar prescreener; converter inquiry em client.
+- **Fonte:** [Managing prospective clients on the Inquiries page](https://support.simplepractice.com/hc/en-us/articles/33726366744589-Managing-prospective-clients-on-the-Inquiries-page), [Adding a new client](https://support.simplepractice.com/hc/en-us/articles/12416306860429-Adding-a-new-client-and-navigating-your-Clients-and-contacts-list).
+
+### TherapyNotes
+- **Default:** appointment clínico exige client + clinician + appointment type + date. Cliente novo precisa pelo menos de **last name**; demais campos (DOB, endereço, e-mail, sexo administrativo, HIPAA acknowledgment) só viram obrigatórios quando se vai submeter claim de plano ou ativar portal.
+- **Admin pode:** liberar last-name-only para um "stub client" que recebe billable items mas não é submetível a plano até completar cadastro.
+- **Fonte:** [Add a New Client](https://support.therapynotes.com/hc/en-us/articles/30661347776539-Add-a-New-Client), [Schedule a Clinical Appointment](https://support.therapynotes.com/hc/en-us/articles/30661407698203-Schedule-a-Clinical-Appointment).
+
+**Convergência:** todos aceitam appointment com cadastro de paciente mínimo. SimplePractice é o único com camada formal de "lead" pré-prontuário.
+
+---
+
+## 3. Cobrança / fatura — quando é gerada?
+
+### Cliniko
+- **Default:** invoice é **explicitamente criada** pelo usuário a partir do appointment (botão "Create invoice" no card do compromisso). Não há geração automática no agendamento.
+- **Admin pode:** vincular billable items / produtos a um appointment type, então o "Create invoice" já vem populado. Em fluxo de pagamento online, a invoice é gerada e marcada como paga automaticamente no momento do pagamento confirmando o appointment.
+- **Fonte:** [Create an invoice](https://help.cliniko.com/en/articles/1023907-create-an-invoice), [Relate billable items and products to an appointment type](https://help.cliniko.com/en/articles/1023847-relate-billable-items-and-products-to-an-appointment-type).
+
+### SimplePractice
+- **Default:** geração **automática**, configurável globalmente entre Daily (overnight, à meia-noite do timezone da prática), Monthly ou Manual. Status do appointment determina se vira invoice: apenas appointments com status **Show**, **Late canceled** ou **No show** geram invoice automaticamente.
+- **Admin pode:** escolher daily/monthly/manual em Settings → Client billing → Client billing documents. Recomendação oficial: Daily quando cobra na hora da sessão; Monthly quando fecha o mês.
+- **Fonte:** [Setting up your billing and automations](https://support.simplepractice.com/hc/en-us/articles/207925643-Setting-up-your-billing-and-automations), [Managing appointment statuses and billing](https://support.simplepractice.com/hc/en-us/articles/360018410872-Managing-appointment-statuses-and-billing), [Best practices for time-of-session billing](https://support.simplepractice.com/hc/en-us/articles/115000837406-Best-practices-for-time-of-session-billing).
+
+### TherapyNotes
+- **Default:** billing line item é gerado **quando a nota da sessão é completada e assinada** pelo clínico. Cada appointment tem aba Billing acessível direto do dialog, mas o disparo de claim/invoice depende de note signed.
+- **Admin pode:** configurar default billing method por payer; o To-Do list cria o lembrete pra submeter claim ou gerar CMS-1500 assim que a nota é assinada.
+- **Fonte:** [Billing Overview](https://support.therapynotes.com/hc/en-us/articles/30661437130139-Billing-Overview), [Submit Electronic Claims](https://support.therapynotes.com/hc/en-us/articles/30661415430811-Submit-Electronic-Claims), [Quick Start: Billing](https://support.therapynotes.com/hc/en-us/articles/30661397280155-Quick-Start-Billing).
+
+**Convergência:** ninguém cobra no momento de criar o appointment (futuro). Cliniko = manual sob demanda. SimplePractice = automático pós-sessão (status driven). TherapyNotes = automático pós-assinatura de nota (clinical-doc driven).
+
+---
+
+## 4. Recorrência (séries) — billing
+
+### Cliniko
+- **Default:** repeating appointment (daily/weekly/fortnightly/monthly). Cada ocorrência é **appointment independente**; invoice continua sendo manual por ocorrência. Pra pacotes, recomenda usar **patient cases + account credit**: cobra o pacote inteiro upfront, o crédito fica no perfil do paciente e é consumido por cada invoice subsequente.
+- **Admin pode:** decidir entre invoice-por-sessão (manual ou via pagamento online) ou pacote upfront via account credit.
+- **Fonte:** [Book repeating appointments](https://help.cliniko.com/en/articles/1777286-book-repeating-appointments), [Tracking packages with patient cases and account credit](https://help.cliniko.com/en/articles/6477363-tracking-packages-with-patient-cases-and-account-credit).
+
+### SimplePractice
+- **Default:** série de até 100 ocorrências, recorrência semanal/mensal/anual. Cada ocorrência é independente para billing — invoice é criada na ocorrência conforme regra global daily/monthly. Editar uma ocorrência pergunta "just this one" ou "all in series". Ao deletar série inteira incluindo passado, **passa por cima** de ocorrências sem nota ou invoice anexada; ocorrências com invoice/nota são preservadas.
+- **Admin pode:** ajustar fee de ocorrência já faturada via **fee adjustment invoice** (novo doc que ajusta o saldo, não toca a invoice original — esse é exatamente o padrão "cobrança emitida imutável" já adotado no projeto).
+- **Fonte:** [Managing recurring appointments](https://support.simplepractice.com/hc/en-us/articles/41930568779021-Managing-recurring-appointments), [Creating invoices](https://support.simplepractice.com/hc/en-us/articles/207925663-Creating-invoices).
+
+### TherapyNotes
+- **Default:** recurring appointments indefinidos ou com data-fim. Cada ocorrência tem nota e billing independentes — billing line item nasce com a assinatura de cada nota individualmente.
+- **Admin pode:** cancelar "só esta" ou "todas futuras" da série; alertas podem ser anexados à série inteira.
+- **Fonte:** [Quick Start: Scheduling](https://support.therapynotes.com/hc/en-us/articles/30661279632539-Quick-Start-Scheduling).
+
+**Convergência:** os 3 tratam ocorrência como unidade de billing. Pacote upfront é exceção (Cliniko via account credit). Nenhum gera "fatura única da série".
+
+---
+
+## 5. No-show / cancelamento tardio
+
+### Cliniko
+- **Default:** plataforma não impõe fee; fornece ferramenta — terms of use no online booking + janela mínima de cancelamento (lock). Se paciente pagou full upfront online, ele **não consegue** cancelar pelo link; deposit parcial libera cancelamento.
+- **Admin pode:** configurar minimum notice (várias opções entre "sem restrição" e "vários dias"); redigir política nos terms of use; aplicar fee manualmente via invoice.
+- **Fonte:** [Restrict when a patient can cancel an appointment](https://help.cliniko.com/en/articles/1150562-restrict-when-a-patient-can-cancel-an-appointment), [Let patients cancel their appointments](https://help.cliniko.com/en/articles/1023945-let-patients-cancel-their-appointments).
+
+### SimplePractice
+- **Default:** statuses formais — **No show** e **Late canceled** (ambos billable, ambos geram invoice como qualquer Show quando auto-billing está ativo). Cancelamento dentro da janela permitida vira status não-billable.
+- **Admin pode:** definir janela (24h ou 48h são presets) em Settings; statuses vão pra Client billing summary; appointments late-canceled aparecem em vermelho no calendário.
+- **Fonte:** [Setting up your practice's cancellation policy](https://support.simplepractice.com/hc/en-us/articles/360046771271-Setting-up-your-practice-s-cancellation-policy), [Managing appointment statuses and billing](https://support.simplepractice.com/hc/en-us/articles/360018410872-Managing-appointment-statuses-and-billing).
+
+### TherapyNotes
+- **Default:** **Missed Appointment Note** dedicada — registra ausência e tem checkbox que automaticamente cria billing line item para fee de cancelamento. TherapyPortal mostra warning ao paciente quando ele tenta cancelar fora da janela.
+- **Admin pode:** habilitar/desabilitar criação automática de fee; configurar valor; texto da política aparece no portal.
+- **Fonte:** [Complete a Missed Appointment Note](https://support.therapynotes.com/hc/en-us/articles/30661183276315-Complete-a-Missed-Appointment-Note), [TherapyNotes 4.15 release notes](https://blog.therapynotes.com/version-4-15).
+
+**Convergência:** todos têm conceito de "cobrar pelo no-show". SimplePractice é o mais automatizado (status billable triggera invoice junto com os outros). TherapyNotes é o mais explícito (note dedicada + checkbox). Cliniko é o mais manual.
+
+---
+
+## 6. Reembolso / cancelamento de cobrança emitida
+
+### Cliniko
+- **Default:** invoice criada por engano pode ser **arquivada** (Archive button). **Número fiscal não retorna** — invoice 000001 arquivada não pode ser reemitida com o mesmo número. Reembolso real usa botão **Reverse** que cria credit note com itens negativos; usuário escolhe **Create credit & refund** (devolve dinheiro) ou **Create credit** (vira account credit). Para desfazer um refund, arquiva-se a credit note.
+- **Fonte:** [Archive an invoice](https://help.cliniko.com/en/articles/1359931-archive-an-invoice), [Recording refunds: an overview](https://help.cliniko.com/en/articles/4372587-recording-refunds-an-overview), [Undo a refund](https://help.cliniko.com/en/articles/4521200-undo-a-refund).
+
+### SimplePractice
+- **Default:** invoice paga **não deve ser deletada** (deletar quebra alocação de pagamento). Refund full ou parcial é fluxo separado. Pagamentos cash/check/external podem ser deletados se foram erro; pagamento online com cartão não pode ser deletado, só refunded. Para mudar fee de invoice já emitida, usa **fee adjustment invoice** (novo doc com diff).
+- **Fonte:** [Navigating client payments](https://support.simplepractice.com/hc/en-us/articles/8497757602957-Navigating-client-payments), [Managing unallocated client payments](https://support.simplepractice.com/hc/en-us/articles/42078634883469-Managing-unallocated-client-payments).
+
+### TherapyNotes
+- **Default:** **deletar pagamento ≠ refund** — deletar só remove o registro, não devolve dinheiro. Refund usa botão **Enter Refund** no Patient Accounting do tab Billing. Refund de payer (plano) tem opção dedicada que marca valor negativo automaticamente.
+- **Fonte:** [Edit, Delete and Refund Client Payments](https://support.therapynotes.com/hc/en-us/articles/30661497068443-Edit-Delete-and-Refund-Client-Payments).
+
+**Convergência:** os 3 distinguem "anular registro" de "estornar dinheiro". Os 3 preservam histórico fiscal (Cliniko via número não-reaproveitável + credit note; SimplePractice via fee adjustment; TherapyNotes via refund line item). Padrão "cobrança imutável" do projeto está alinhado com o estado da arte.
+
+---
+
+## Tabela comparativa 3 × 6
+
+| Etapa | Cliniko | SimplePractice | TherapyNotes |
+|---|---|---|---|
+| 1. Compromisso sem paciente | Unavailable block (tipos customizáveis) | Calendar event + OOO block (2 entidades) | Scheduled Event + Unavailable (2 tipos) |
+| 2. Compromisso com paciente | Quick-create paciente (nome basta) | Lead (Inquiry) → cliente formal | Last name basta; demais campos só pra claim |
+| 3. Quando gera cobrança | Manual via botão no appointment | Automático overnight (Daily/Monthly/Manual) condicionado a status billable | Quando nota da sessão é assinada |
+| 4. Recorrência billing | Ocorrência individual ou pacote upfront (account credit) | Série até 100; ocorrência individual; fee adjustment para edit pós-fatura | Ocorrência individual; billing nasce na assinatura de cada nota |
+| 5. No-show / late cancel | Política em terms of use; lock manual | Statuses billable (No show / Late canceled); janela 24h/48h | Missed Appointment Note com checkbox auto-fee |
+| 6. Refund / cancel cobrança | Archive + Reverse → credit note | Não deletar invoice paga; fee adjustment + refund | Enter Refund (delete ≠ refund) |
+
+---
+
+## Consenso de mercado
+
+1. **Bloqueio de tempo é entidade própria**, separada de appointment. Nunca um appointment "sem paciente".
+2. **Cadastro mínimo de paciente** (1 campo) é aceito; campos pesados só ficam obrigatórios na hora de cobrar plano ou ativar portal.
+3. **Recorrência cria ocorrências independentes** para billing; nenhum gera "fatura única da série".
+4. **Edit de uma ocorrência pergunta "esta / todas / futuras"** — padrão consagrado.
+5. **Cobrança nunca é gerada na criação do appointment futuro** — sempre depois (sessão, status, nota, ou trigger manual).
+6. **Cobrança emitida é imutável**; ajustes vêm via documento novo (credit note, fee adjustment invoice, refund line item). Validação direta do invariante do projeto.
+7. **Deletar pagamento ≠ reembolsar dinheiro** — distinção explícita nos 3.
+8. **Janela de cancelamento configurável + política em texto livre** é o mínimo.
+
+## Divergência
+
+- **Quem aciona a cobrança:** Cliniko = humano clica. SimplePractice = job overnight via status. TherapyNotes = assinatura de nota clínica. Três paradigmas distintos.
+- **Lead / prospect:** SimplePractice tem entidade formal (Inquiry). Cliniko e TherapyNotes esperam o paciente já ter perfil mínimo.
+- **No-show fee:** SimplePractice = mais automatizado (status billable). TherapyNotes = mais auditável (note dedicada). Cliniko = mais manual.
+- **Pacote upfront:** Cliniko documenta explicitamente via account credit. SimplePractice/TherapyNotes não têm pacote nativo — cobram ocorrência a ocorrência.
+- **Reaproveitamento de número de invoice arquivada:** Cliniko proíbe (alinhado com fiscal BR via NFS-e). Outros não documentam regra equivalente.
+
+---
+
+## Perguntas-chave pro produto decidir
+
+1. **O que dispara a cobrança no fluxo padrão?**
+   a) Manual (humano clica) — máxima auditabilidade, exige disciplina (Cliniko).
+   b) Job automático com base em status do appointment (SimplePractice) — pouco atrito, dependente de status estar correto.
+   c) Assinatura de nota da sessão (TherapyNotes) — vincula clínica e financeira, atrasa cobrança se nota demora.
+   **Trade-off:** quanto mais automático, menos atrito mas mais risco de cobrança errada; quanto mais manual, mais fricção mas auditoria perfeita.
+
+2. **Devemos ter conceito formal de "lead/contato" antes de prontuário?**
+   a) Sim — entidade Inquiry separada com pipeline (modelo SimplePractice).
+   b) Não — paciente nasce na quick-create do agendamento com nome só (modelo Cliniko/TherapyNotes).
+   **Trade-off:** Inquiry casa com funil comercial mas duplica entidade; quick-create é simples mas dificulta funil de pré-vendas.
+
+3. **Recorrência cobra cada ocorrência ou suporta pacote upfront?**
+   a) Só ocorrência individual (SimplePractice/TherapyNotes).
+   b) Suporta também pacote upfront com saldo (Cliniko via patient case + account credit).
+   **Trade-off:** pacote upfront atende prática que vende "10 sessões antecipado"; ocorrência-a-ocorrência casa direto com NFS-e brasileira (1 nota por serviço).
+
+4. **No-show vira invoice automática ou exige ação manual?**
+   a) Automático — status "No show" / "Late canceled" entram no auto-billing como Show (SimplePractice).
+   b) Semi — note dedicada com checkbox que controla geração (TherapyNotes).
+   c) Manual — admin cria invoice de no-show à mão (Cliniko).
+   **Trade-off:** automático reduz perda mas pode constranger paciente sem revisão; manual exige rotina disciplinada.
+
+5. **Edição de uma ocorrência de série recorrente: o que faz com cobrança já emitida?**
+   a) Bloqueia edição (invariante atual — alinhado com SimplePractice "fee adjustment invoice" preservando original).
+   b) Permite edição com nova cobrança suplementar (delta).
+   c) Permite edição e refaz a cobrança (cancela + recria).
+   **Trade-off:** opção a é a mais defensável fiscalmente (NFS-e já transmitida não pode ser silenciosamente mutada); b atende UX; c é perigoso mas familiar.
+
+6. **Janela de cancelamento: presets ou livre?**
+   a) Presets (24h / 48h) com texto da política livre (SimplePractice).
+   b) Configuração granular por appointment type (Cliniko).
+   c) Cliente final só vê warning, sem lock (TherapyNotes).
+   **Trade-off:** presets cobrem 90% dos casos; granular casa com clínica que tem terapia de grupo + casal + individual com janelas diferentes.
+
+7. **Reembolso preserva o documento fiscal original?**
+   a) Sim, sempre — credit note nova, número fiscal original nunca volta (Cliniko + alinhado com NFS-e brasileira: cancelamento ≠ deletar).
+   b) Sim, mas via fee adjustment que não toca a invoice (SimplePractice).
+   c) Sim, refund é line item separado (TherapyNotes).
+   **Trade-off:** modelo brasileiro de NFS-e exige (a) ou (c); SimplePractice (b) só funciona em mercados sem NF transmitida por API.
+
+8. **Pagamento via PIX (e cartão online) confirma e marca invoice paga automaticamente?**
+   a) Sim — pagamento confirmado dispara appointment confirmado + invoice paga (Cliniko online payment).
+   b) Pagamento é entidade separada que pode ser alocada/desalocada (SimplePractice).
+   **Trade-off:** auto-confirm é UX premium mas exige tolerância a falhas de webhook do PSP; pagamento desalocado é seguro mas exige conciliação.
+
+---
+
+## Implicações imediatas pro projeto
+
+- O invariante "cobrança emitida é imutável" já implementado é consenso de mercado — manter.
+- "Compromisso sem paciente" precisa virar entidade própria (block/event), não um appointment com paciente null. Ver [[recorrencia-agenda]] para integração com expansão de série.
+- Recorrência por ocorrência individual é o caminho seguro (cabe em NFS-e). Pacote upfront fica para fase 2.
+- Disparo de cobrança: avaliar híbrido SimplePractice (status-driven) + TherapyNotes (note-signed), com fallback manual estilo Cliniko.
+- Perguntas 1, 4, 5, 7, 8 são pré-requisito pra fechar o gap atual de billing antes de F1 de fiscal.
diff --git a/Obsidian/Brain/wiki/agenda-compromisso-fluxo.md b/Obsidian/Brain/wiki/agenda-compromisso-fluxo.md
new file mode 100644
index 0000000..1bdce29
--- /dev/null
+++ b/Obsidian/Brain/wiki/agenda-compromisso-fluxo.md
@@ -0,0 +1,216 @@
+---
+title: Plano de auditoria fase-a-fase — fluxo de compromisso da agenda
+date: 2026-05-13
+status: em-andamento
+related: [[agenda-billing-pesquisa-mercado]], [[recorrencia-agenda]]
+---
+
+## Contexto
+
+Auditoria do ciclo completo de compromisso da agenda, fase-a-fase, validando cada etapa contra a [[agenda-billing-pesquisa-mercado|pesquisa de mercado]] (Cliniko / SimplePractice / TherapyNotes). Cada fase tem 3 entregas: **auditar o que existe**, **decidir o gap**, **codar**.
+
+## Decisões já tomadas (5 das 8 perguntas)
+
+| # | Decisão |
+|---|---|
+| 1 | Disparo de cobrança: **híbrido configurável** (manual / status-driven / note-signed) |
+| 4 | No-show: **semi-automático via dialog de confirmação** ao mudar status |
+| 5 | Edit de cobrada: **bloqueia** (já implementado) |
+| 7 | Refund: **credit note nova** (alinhado NFS-e) |
+| 8 | Pagamento: **entidade separada** de financial_records |
+
+Pendentes: #2 (lead/Inquiry), #3 (pacote upfront), #6 (janela de cancelamento — provavelmente já resolvido por `min_hours_notice` em `financial_exceptions`).
+
+---
+
+## Plano de 8 fases
+
+Ordem por dependência ("o que destrava o quê") e por estado atual.
+
+### ✅ Fase 1 — Compromisso SEM paciente (bloqueio/feriado/exceção) — **CONCLUÍDA 2026-05-13**
+
+**Auditoria fez:**
+- ✅ `agenda_excecoes` é tabela órfã (0 referências em src/) — apesar de schema, policies, trigger e enums existentes
+- ✅ `agenda_bloqueios` é a entidade canônica usada pelos 3 layouts
+- ✅ `BloqueioDialog` (4 modos: horário/período/dia/feriados) é compartilhado por Melissa Agenda (via `MelissaLayout.vue:2186`), Rail e Clínica
+- ✅ `MelissaBloqueios.vue` tem form inline próprio pra **admin/edit** (caso de uso legítimo distinto do dialog de 4 modos)
+- ✅ Bloqueios não eram renderizados no FullCalendar — apenas impediam criação. UX inconsistente vs pausas/feriados que aparecem como background events
+- ⚠️ Tipos customizáveis de bloqueio: descartado no MVP (sem cliente real)
+- ⚠️ Robustez de `marcarSessoesParaRemarcar`: adiado pra Fase 5 (status change)
+
+**Aplicado:**
+1. Migration `20260513000001_drop_agenda_excecoes.sql` — dropa tabela + 2 enums + trigger; policies caem com CASCADE
+2. `agendaMappers.js`: nova função `buildBloqueioBackgroundEvents(bloqueios, rangeStart, rangeEnd)` — renderiza bloqueios como background events cinza (`#6b728033`), suporta dia-inteiro, com hora, e recorrente semanal
+3. Novo composable `useAgendaBloqueios.js` — load por owner único OU array (multi-owner pra Clínica), `buildEventsForRange` reutilizável
+4. Wire em `useMelissaAgenda` + `MelissaAgenda.vue` — bloqueios concatenados ao `fcEvents`
+5. Wire em `AgendaTerapeutaPage` — bloqueios concatenados ao `calendarEvents`
+6. Wire em `AgendaClinicaPage` — bloqueios consolidados de todos os ownerIds
+7. Refs stale removidas de `database-novo/docs/schema_map.md` e `database-novo/db.config.json`
+
+**Verificação:**
+- ESLint nos arquivos modificados: 0 errors novos (11 pré-existentes em código não-tocado)
+- Vitest `agendaMappers.spec.js`: 40/40 tests passed
+- ⚠️ **Falta rodar a migration no banco local** (pendente de execução manual; arquivo SQL pronto)
+- ⚠️ **Falta validar visualmente** nos 3 layouts (Melissa/Rail/Clínica) — verificar que bloqueios aparecem em cinza após criar pelo BloqueioDialog
+
+---
+
+### 🟢 Fase 2 — Compromisso COM paciente
+**Estado:** dialog refatorado em 11/05 (cards 40px, picker DataTable, 50/50 layout, 3 estados Sessão/Honorários, conceito Pacote, resumo flutuante). Working tree.
+
+**Auditar:**
+- Fluxo de cadastro mínimo de paciente in-line (já existe via `PatientCadastroDialog` quick mode?)
+- Decidir #2 (Inquiry/lead separado ou só quick-create)
+- Modalidade presencial/online consistente
+
+**Gap potencial:**
+- Quick-create exige só nome ou mais campos? (Cliniko: só nome; TherapyNotes: só last name)
+- Decisão #2 (Inquiry/lead) — adiar pra v2 provável
+
+**Codar:** ajustes pequenos, principalmente UX. Provavelmente quase nada novo.
+
+---
+
+### 🟢 Fase 3 — Recorrência
+**Estado:** modelo "1 real + N-1 virtual" + `occurrenceMode` no 2º dialog estabilizado em 12/05. Ver [[recorrencia-agenda]].
+
+**Auditar:**
+- `occurrenceMode` já replicado em Melissa; falta Rail (`AgendaTerapeutaPage` L1630 + L3080) e Clínica (`AgendaClinicaPage` L1119 + L2398)
+- Decisão #3 (pacote upfront via account credit) — adiar provável
+
+**Codar:** replicar `occurrenceMode` em Rail/Clínica. Talvez add de pacote upfront (Cliniko model) numa fase futura.
+
+---
+
+### 🟠 Fase 4 — Cobrança: modo de disparo configurável (DECISÃO #1)
+**Estado:** Fase 1 atual ("Gerar cobrança ao salvar") existe como checkbox em criação avulsa+particular. Não tem setting de modo.
+
+**Auditar:**
+- Onde vive a config? Card novo em `/configuracoes/excecoes-financeiras` ou página irmã `/configuracoes/cobranca-defaults`?
+- Granularidade: por tenant (clínica), por owner (terapeuta), ou ambos com herança?
+
+**Gap:**
+- Tabela/coluna nova pra `charge_trigger_mode` enum (`manual` / `status_driven` / `note_signed`)
+- UI de config
+- Job overnight pra modo `status_driven` (Supabase edge function + cron)
+- Trigger no signature de nota pra `note_signed` (depende de modulo de notas; nao temos)
+- Checkbox atual da agenda passa a fazer sentido **só em modo manual** (ou vira override universal?)
+
+**Codar:**
+1. Migration: setting de modo (tenant_billing_settings ou colunas em agenda_configuracoes)
+2. UI de config
+3. Job pra modo status_driven (avaliar se entra na v1 ou v2)
+4. Refator do checkbox atual pra respeitar o modo
+
+---
+
+### 🟠 Fase 5 — Status change → cobrança com confirm dialog (DECISÃO #4)
+**Estado:** lógica automática roda em `useAgendaFinanceiro.handleStatusChange`. Consulta regra em `financial_exceptions`, cria/ajusta/cancela `financial_record` SEM perguntar.
+
+**Auditar:**
+- Quais status disparam: hoje só `faltou` e `cancelado` (mapping `STATUS_TO_EXCEPTION`)
+- `professional_cancellation` na tabela mas não no mapping
+- Onde `handleStatusChange` é chamado (quais entradas de status change disparam)
+
+**Gap:**
+- Confirm dialog ao mudar status pra `faltou` / `cancelado`: *"Aplicar cobrança de R$X conforme regra? [Sim / Não / Editar valor]"*
+- Adicionar `professional_cancellation` ao mapping (status atual da agenda inclui? checar)
+- Decidir: dialog aparece **sempre** ou só quando `charge_mode !== 'none'`
+
+**Codar:**
+1. Dialog componente novo (`AgendaStatusChargeConfirmDialog.vue`)
+2. Interceptar `handleStatusChange` antes da aplicação automática
+3. Adicionar `professional_cancellation` no mapping
+4. Toast diferenciado pra "aplicado/recusado/editado"
+
+---
+
+### 🟢 Fase 6 — Edit de cobrada (DECISÃO #5 — JÁ IMPLEMENTADO)
+**Estado:** `propagateToSerie` filtra por `financial_records` em status imutável. UI lock em `AgendaEventDialog` via `occFinancialRecord`. Working tree.
+
+**Auditar:** validar contra cenários reais (testar série com 4 sessões, 2 cobradas, 2 abertas; editar template; verificar que cobranças não mudam).
+
+**Codar:** zero (talvez add de aviso UX se faltar clareza).
+
+---
+
+### 🔴 Fase 7 — Pagamento como entidade separada (DECISÃO #8)
+**Estado:** hoje `financial_records.paid_at` marca pagamento (acoplado). Não tem entidade `payments` independente.
+
+**Auditar:**
+- Como financial_records.paid_at é usado hoje (queries de receita, dashboards, conciliação)
+- Webhook PSP existente? (provável que PIX e cartão sejam manuais hoje)
+
+**Gap:**
+- Migration: tabela `payments` (id, amount, method, paid_at, source, allocated_to_record_id NULL-able)
+- Alocação manual de pagamento "solto" a um financial_record
+- Pagamento parcial (1 payment cobre N records ou 1 record recebe N payments?)
+- Repo + composable + UI
+
+**Codar:** fase pesada — provavelmente sub-dividir.
+
+---
+
+### 🔴 Fase 8 — Reembolso / credit note (DECISÃO #7)
+**Estado:** hoje só tem `financial_records.status='cancelled'`. Não preserva original como doc fiscal.
+
+**Auditar:** processo fiscal atual (já emite NFS-e? quando? como cancela?)
+
+**Gap:**
+- Migration: tabela `credit_notes` (id, original_record_id, amount, reason, issued_at)
+- Constraint: credit note tem valor ≤ |original|
+- UI no Financeiro pra "Reembolsar"
+- Integração com NFS-e (pode ser separada)
+
+**Codar:** fase pesada — provavelmente sub-dividir.
+
+---
+
+### 🟣 Fase 9 — Plano Inicial (entrevista + N sessões regulares)
+**Estado:** apenas conceito; nada codado.
+
+**Pedido do user (2026-05-14):** clínica cobra **1 entrevista inicial** (valor X) + **4 sessões regulares** (valor Y cada). É o "plano de entrada" pra novos pacientes. User faz isso manualmente hoje na clínica dele.
+
+**Conceito:**
+- Config nas settings da agenda do tenant:
+  - Toggle "Habilitar plano inicial"
+  - Valor entrevista (R$)
+  - Qtd de sessões regulares (default 4)
+  - Valor por sessão regular (R$)
+  - (Opcional) Texto/descrição que aparece no fluxo
+- Quando user cria 1ª sessão de **paciente novo** (sem histórico):
+  - Sistema oferece: "Aplicar plano inicial? Entrevista R$ X + 4× R$ Y = total R$ Z"
+  - Ao aceitar, materializa 5 sessões com `price` diferenciado: 1ª = X, demais = Y
+  - Pode ser tratado como 1 série recorrente "especial" com 1ª ocorrência destacada
+  - OU como 2 entidades distintas (1 avulsa entrevista + 1 série de 4)
+
+**Decisões pendentes:**
+- Estrutura: série única com 1ª diferenciada OU avulsa + série separada?
+- Onde fica a config: `agenda_configuracoes` (jsonb adicional?) ou tabela nova `intake_plans`?
+- "Paciente novo" = sem sessões anteriores? Ou marcador manual no cadastro?
+- Plano único do tenant ou múltiplos planos (avaliação clínica, avaliação neuropsi, etc)?
+
+**Cabe na Fase 4 (cobrança)?** Não — Fase 4 é só modo de disparo; aqui é estrutura de pacote pré-configurado. Fica como Fase 9 separada.
+
+---
+
+## Ordem sugerida de execução
+
+| Ordem | Fase | Razão |
+|---|---|---|
+| 1ª | **Fase 1** | Curta, validação, define se tem cleanup de tabelas necessário |
+| 2ª | **Fase 5** | Destrava UX urgente (confirm dialog evita cobrar errado) |
+| 3ª | **Fase 4** | Híbrido configurável — destrava racional do checkbox atual |
+| 4ª | **Fase 2** | Quase 100% pronta, validar e finalizar |
+| 5ª | **Fase 3** | Replicar `occurrenceMode` em Rail/Clínica |
+| 6ª | **Fase 6** | Já feito; só testar |
+| 7ª | **Fase 7** | Refator estrutural pesado — entra depois das fases UX |
+| 8ª | **Fase 8** | Depende fiscal NFS-e — pode ir pra v2 |
+| 9ª | **Fase 9** | Plano Inicial (entrevista + 4 sessões) — pedido do user, conceito pronto, codar pós-7 |
+
+## Como cada fase termina
+
+1. Página da fase na wiki é atualizada com o resultado
+2. Commit dedicado com prefixo `agenda(fase-N): ...`
+3. Update no [[index]] da wiki
+4. Entrada no `log.md`
diff --git a/Obsidian/Brain/wiki/index.md b/Obsidian/Brain/wiki/index.md
index 9edb325..75473ed 100644
--- a/Obsidian/Brain/wiki/index.md
+++ b/Obsidian/Brain/wiki/index.md
@@ -24,6 +24,9 @@ _(summaries of specific sources you've ingested)_
 
 _(synthesized answers to questions you've asked, filed back as pages)_
 
+- [[agenda-billing-pesquisa-mercado]] — comparativo Cliniko / SimplePractice / TherapyNotes do ciclo compromisso→cobrança (6 etapas), consenso/divergência e 8 perguntas-chave pro produto
+- [[agenda-compromisso-fluxo]] — plano de auditoria fase-a-fase (8 fases) do ciclo de compromisso da agenda; ordem de execução + decisões já tomadas
+
 ---
 
 *This index is maintained by Claude via `/wiki-brain`. Do not edit by hand unless you know what you're doing.*
diff --git a/Obsidian/Brain/wiki/recorrencia-agenda.md b/Obsidian/Brain/wiki/recorrencia-agenda.md
index 2711d66..456c44e 100644
--- a/Obsidian/Brain/wiki/recorrencia-agenda.md
+++ b/Obsidian/Brain/wiki/recorrencia-agenda.md
@@ -81,11 +81,66 @@ WHERE patient_id IS NULL
 
 Causa raiz já corrigida em 2026-05-11 (guard contra `rid` null em `onUpdateSeriesEvent`), mas o pattern de query é útil pra catch futuros.
 
+## Invariante de cobrança em séries — "cobrança emitida é imutável"
+
+**Padrão adotado (SimplePractice / TherapyNotes / Cliniko):** `financial_records` em status `pending`/`paid`/`overdue` são **imutáveis pelo dialog da agenda**. Ajustes só via fluxo do Financeiro (cancelar + refaturar). Garante:
+- Trilha fiscal estável.
+- Paciente não vê valor "mágico" mudando.
+- Dashboards de MRR e projeção consistentes.
+
+### Como o sistema honra a invariante
+
+**1. Lock no `occurrenceMode`** (`AgendaEventDialog.vue`):
+- Card "Sessão / Honorários" detecta `occFinancialRecord` via query `financial_records` filtrada por `agenda_evento_id` + status `in ('pending','paid','overdue')`.
+- Se record existe → renderiza apenas `AgendaEventoFinanceiroPanel` + mensagem de lock + Tag de status. Select de billingType e botão "Editar itens" desaparecem.
+- Se record não existe (virtual ou materializado sem cobrança) → edição livre, marca `services_customized=true` ao salvar.
+- Card "Aplicar alterações em" também é ocultado quando há cobrança (mudanças estruturais não se aplicam — usuário só pode mexer em status/horário).
+
+**2. Filtro em `propagateToSerie`** (`useCommitmentServices.js`):
+- Após filtrar eventos elegíveis (recurrence_id + opcionalmente fromDate + opcionalmente services_customized=false), faz 1 query batch em `financial_records` pra coletar `agenda_evento_id` lockados.
+- Remove esses IDs da lista de elegíveis antes de fazer `delete + insert` de `commitment_services`.
+- Resultado: editar template da regra **nunca toca** ocorrências cobradas, mesmo em escopo `todos`.
+
+**3. Aviso fixo no dialog pai** (em `isEdit && hasSerie`):
+- Mensagem inline abaixo do `AgendaEventoFinanceiroPanel`: "Alterações de tipo ou serviços afetam apenas sessões futuras ainda não cobradas. Cobranças já emitidas permanecem inalteradas — para ajustá-las, acesse o Financeiro."
+
+### Opção `todos_sem_excecao` removida da UI
+
+- O nome confundia (sugeria "ignorar cobranças") quando na verdade era "ignorar customização operacional" (`services_customized=true`).
+- Backend mantém o caso pra compat, mas `editScopeOptions` agora só retorna 3 valores: `somente_este`, `este_e_seguintes`, `todos`.
+- Mercado consolidado (SimplePractice etc) não expõe override de customizações — admin que precisa reseta sessão-a-sessão.
+
+### Onde está cada peça
+- `src/features/agenda/composables/useAgendaEventLifecycle.js` — `loadOccFinancialRecord` + `occFinancialRecord` ref
+- `src/features/agenda/components/AgendaEventDialog.vue` — card lock/unlock + aviso pai
+- `src/features/agenda/composables/useCommitmentServices.js:162` — `propagateToSerie` com filtro financial_records
+- `src/features/agenda/composables/useAgendaEventComposer.js:91` — `editScopeOptions` com 3 valores
+- `src/components/agenda/AgendaEventoFinanceiroPanel.vue` — UI do fluxo Financeiro embarcado
+
+## 2º dialog empilhado — edição de ocorrência (occurrenceMode)
+
+Quando o user clica "Editar" em uma pill da lista "Recorrências Aplicadas", abre um **segundo `AgendaEventDialog` empilhado** por cima do principal. Ele compartilha o mesmo componente, mas com a prop `occurrenceMode=true` que muda comportamento:
+
+- **Título:** `Pacote · X de Y Sessões` (computa `occurrenceIndex` via `currentRecurrenceDate` + `serieEvents`) em vez do padrão `Sessão do Pacote · {nome}`.
+- **Layout enxuto:** renderiza apenas 4 cards na ordem: (1) Dados da Recorrência (read-only summary), (2) Status, (3) Horário, (4) Aplicar alterações em. Tudo o resto (paciente-hero, fields-grid, serie-panel, sessão/honorários, frequência, extras, resumo mobile) fica oculto via `v-if="!occurrenceMode"`.
+- **Escopo `Aplicar alterações em`:** migrou do `composer-right` do dialog pai pra dentro do dialog de ocorrência. O pai não mostra mais esse card — pra mudar escopo, o user obrigatoriamente vai pela pill.
+- **Horário editável:** botão "Ajustar horário" não fica `:disabled="isEdit"` no occurrenceMode (no pai sim — data/horário do pacote inteiro é imutável após criação).
+
+Stack relevante:
+- `MelissaLayout.vue:2160` monta o 2º dialog passando `:occurrenceMode="true"` + `eventRow={ ...row, recurrence_date, _is_virtual }` via refs `agendaOccDialog*` (destructurados de `useMelissaAgenda` no setup — refs aninhados não auto-unwrap no template).
+- `useMelissaAgenda.onEditSeriesOccurrence` popula `occDialogEventRow` + abre `occDialogOpen=true`. Substituiu o pattern antigo de mutar `dialogEventRow` in-place (que trocava silenciosamente os dados do dialog atual).
+- `useAgendaEventLifecycle.onPillEditClick` emite `editSeriesOccurrence({ id, recurrence_date, inicio_em, fim_em, is_virtual })`.
+
+**Pendente replicar:** Rail (`AgendaTerapeutaPage`) e Clínica (`AgendaClinicaPage`) ainda têm só o dialog principal — o 2º só existe no Melissa por enquanto.
+
 ## Referências de código
 
 - `src/features/agenda/composables/useRecurrence.js` — `loadAndExpand`, `expandRules`, `mergeWithStoredSessions`, `buildOccurrence`
-- `src/layout/melissa/composables/useMelissaAgenda.js:809` — `onUpdateSeriesEvent`
+- `src/layout/melissa/composables/useMelissaAgenda.js:817` — `onEditSeriesOccurrence`
+- `src/layout/melissa/composables/useMelissaAgenda.js:837` — `onUpdateSeriesEvent`
 - `src/features/agenda/composables/useAgendaEventActions.js:65` — watcher do form.status
 - `src/features/patients/composables/usePatientSessions.js:189` — `updateStatus` com materialização
+- `src/features/agenda/components/AgendaEventDialog.vue` — props `occurrenceMode`, computeds `occurrenceIndex` / `occurrenceTotalSessions` / `headerMainLabel`
 - `src/layout/melissa/MelissaLayout.vue:655` — `updateEventoStatus` do `MelissaEventoPanel`
+- `src/layout/melissa/MelissaLayout.vue:2160` — 2º AgendaEventDialog empilhado
 - `src/layout/melissa/MelissaAgenda.vue:244` — `VIEW_MAP.lista = 'listAll'`
diff --git a/database-novo/db.config.json b/database-novo/db.config.json
index dff309d..440777d 100644
--- a/database-novo/db.config.json
+++ b/database-novo/db.config.json
@@ -106,7 +106,7 @@
       "contact_email_types", "contact_emails"
     ],
     "Agenda / Agendamento": [
-      "agenda_eventos", "agenda_bloqueios", "agenda_configuracoes", "agenda_excecoes",
+      "agenda_eventos", "agenda_bloqueios", "agenda_configuracoes",
       "agenda_online_slots", "agenda_regras_semanais",
       "agenda_slots_bloqueados_semanais", "agenda_slots_regras",
       "agendador_configuracoes", "agendador_solicitacoes"
diff --git a/database-novo/docs/schema_map.md b/database-novo/docs/schema_map.md
index ba20f6c..fc925ba 100644
--- a/database-novo/docs/schema_map.md
+++ b/database-novo/docs/schema_map.md
@@ -43,13 +43,12 @@ Mapa completo do banco de dados PostgreSQL 17, extraído de `schema.sql` (2026-0
 | `module_features` | Features por módulo |
 | `tenant_modules` | Módulos ativos por tenant |
 
-### Agenda (11 tabelas)
+### Agenda (10 tabelas)
 | Tabela | Descrição |
 |--------|-----------|
 | `agenda_bloqueios` | Bloqueios de horário |
 | `agenda_configuracoes` | Configurações da agenda por tenant_member |
 | `agenda_eventos` | Eventos da agenda (sessões, bloqueios) |
-| `agenda_excecoes` | Exceções na agenda (horários extras, bloqueios pontuais) |
 | `agenda_online_slots` | Slots de agendamento online |
 | `agenda_regras_semanais` | Regras semanais de disponibilidade |
 | `agenda_slots_bloqueados_semanais` | Slots bloqueados na semana |
diff --git a/database-novo/migrations/20260513000001_drop_agenda_excecoes.sql b/database-novo/migrations/20260513000001_drop_agenda_excecoes.sql
new file mode 100644
index 0000000..4534268
--- /dev/null
+++ b/database-novo/migrations/20260513000001_drop_agenda_excecoes.sql
@@ -0,0 +1,32 @@
+-- ============================================================================
+-- Drop agenda_excecoes (tabela órfã) + tipos relacionados
+-- ----------------------------------------------------------------------------
+-- A tabela `public.agenda_excecoes` foi criada num design anterior pra
+-- representar "exceções no horário de trabalho" (almoço extra, atendimento
+-- fora do padrão, etc) mas nunca foi integrada à UI. Auditoria em
+-- 2026-05-13 confirmou 0 referências em src/. As funcionalidades equivalentes
+-- vivem em:
+--   - public.agenda_bloqueios            — bloqueios (período, dia, horário, feriado)
+--   - public.agenda_configuracoes.pausas_semanais (jsonb) — pausas semanais
+--   - public.feriados                    — feriados nacionais/municipais
+--
+-- Esta migration:
+--   1) Dropa o trigger tg_agenda_excecoes_updated_at
+--   2) Dropa a tabela public.agenda_excecoes (CASCADE pra cair policies)
+--   3) Dropa os enums tipo_excecao_agenda e status_excecao_agenda
+--      (verificados: usados APENAS por agenda_excecoes)
+-- ============================================================================
+
+BEGIN;
+
+-- 1. Trigger (idempotente)
+DROP TRIGGER IF EXISTS tg_agenda_excecoes_updated_at ON public.agenda_excecoes;
+
+-- 2. Tabela (CASCADE leva policies junto)
+DROP TABLE IF EXISTS public.agenda_excecoes CASCADE;
+
+-- 3. Enums órfãos
+DROP TYPE IF EXISTS public.tipo_excecao_agenda;
+DROP TYPE IF EXISTS public.status_excecao_agenda;
+
+COMMIT;
diff --git a/database-novo/migrations/20260514000001_financial_records_payment_link.sql b/database-novo/migrations/20260514000001_financial_records_payment_link.sql
new file mode 100644
index 0000000..28df9d1
--- /dev/null
+++ b/database-novo/migrations/20260514000001_financial_records_payment_link.sql
@@ -0,0 +1,24 @@
+-- ============================================================================
+-- Adiciona coluna payment_link em financial_records
+-- ----------------------------------------------------------------------------
+-- Quando a cobrança for paga via gateway externo (Asaas, Stripe, Mercado Pago)
+-- e o terapeuta escolher "Enviar link de pagamento" no AgendaEventDialog, o
+-- link de cobrança gerado pelo gateway é salvo aqui. UI da lista do Financeiro
+-- usa esse campo pra exibir ícone clicável (external-link).
+--
+-- Campo nullable: registros sem integração de gateway (PIX manual, dinheiro,
+-- depósito, cartão maquininha) ficam com payment_link = NULL.
+--
+-- Preparação pra Fase 7 (Pagamento como entidade separada) — quando a
+-- integração Asaas estiver completa, o webhook vai preencher esse campo.
+-- ============================================================================
+
+BEGIN;
+
+ALTER TABLE public.financial_records
+    ADD COLUMN IF NOT EXISTS payment_link text;
+
+COMMENT ON COLUMN public.financial_records.payment_link IS
+    'URL externa de cobrança (Asaas/Stripe/etc) quando payment_method indica gateway. Null em pagamentos manuais.';
+
+COMMIT;
diff --git a/database-novo/migrations/20260514000002_financial_exceptions_consume_on_miss.sql b/database-novo/migrations/20260514000002_financial_exceptions_consume_on_miss.sql
new file mode 100644
index 0000000..dce789e
--- /dev/null
+++ b/database-novo/migrations/20260514000002_financial_exceptions_consume_on_miss.sql
@@ -0,0 +1,22 @@
+-- ============================================================================
+-- Adiciona coluna default_consume_on_miss em financial_exceptions
+-- ----------------------------------------------------------------------------
+-- Define o comportamento padrão pro saldo de pacote quando o status muda
+-- pra "faltou" ou "cancelado":
+--   true  → desconta 1 sessão do pacote (sessions_used += 1) por padrão
+--   false → não consome saldo (sessão fica disponível pra remarcar)
+--
+-- O dialog de confirmação que aparece ao mudar status sugere essa decisão
+-- mas o terapeuta pode override caso a caso. Padrão começa false (mais
+-- benevolente ao paciente).
+-- ============================================================================
+
+BEGIN;
+
+ALTER TABLE public.financial_exceptions
+    ADD COLUMN IF NOT EXISTS default_consume_on_miss boolean DEFAULT false NOT NULL;
+
+COMMENT ON COLUMN public.financial_exceptions.default_consume_on_miss IS
+    'Default pro toggle "Descontar do saldo" no dialog de status change. false = não consome (paciente pode remarcar); true = consome (sessão perdida).';
+
+COMMIT;
diff --git a/database-novo/migrations/20260514000003_billing_contracts_charging_style.sql b/database-novo/migrations/20260514000003_billing_contracts_charging_style.sql
new file mode 100644
index 0000000..bba4a86
--- /dev/null
+++ b/database-novo/migrations/20260514000003_billing_contracts_charging_style.sql
@@ -0,0 +1,31 @@
+-- ============================================================================
+-- Adiciona coluna charging_style em billing_contracts
+-- ----------------------------------------------------------------------------
+-- Identifica como o pacote foi cobrado na criação:
+--   'upfront'    → 1 financial_record total criado na hora; sessões só
+--                  consomem saldo, não geram nova cobrança
+--   'saldo'      → sem financial_record na criação; cada sessão realizada
+--                  gera 1 cobrança individual e incrementa sessions_used
+--   'per_session'→ N financial_records já criados na materialização da série
+--                  (chargeMode='per_session' do AgendaEventDialog)
+--
+-- Sem esse campo, o handler de status change não saberia distinguir entre
+-- "já tudo pago, só atualizar status" vs "criar cobrança nova".
+-- ============================================================================
+
+BEGIN;
+
+ALTER TABLE public.billing_contracts
+    ADD COLUMN IF NOT EXISTS charging_style text DEFAULT 'saldo';
+
+-- Constraint pra restringir aos 3 valores válidos
+ALTER TABLE public.billing_contracts
+    DROP CONSTRAINT IF EXISTS billing_contracts_charging_style_chk;
+ALTER TABLE public.billing_contracts
+    ADD CONSTRAINT billing_contracts_charging_style_chk
+        CHECK (charging_style = ANY (ARRAY['upfront'::text, 'saldo'::text, 'per_session'::text]));
+
+COMMENT ON COLUMN public.billing_contracts.charging_style IS
+    'Estilo de cobrança: upfront (1 record total no início), saldo (cobra por sessão realizada), per_session (N records já criados).';
+
+COMMIT;
diff --git a/src/composables/useFinancialRecords.js b/src/composables/useFinancialRecords.js
index 03b5abd..f47b3c6 100644
--- a/src/composables/useFinancialRecords.js
+++ b/src/composables/useFinancialRecords.js
@@ -39,9 +39,9 @@ async function getUid() {
 
 const BASE_SELECT = `
   id, tenant_id, owner_id, patient_id, agenda_evento_id,
-  amount, discount_amount, final_amount,
-  status, due_date, paid_at, payment_method,
-  notes, created_at, updated_at,
+  type, amount, discount_amount, final_amount,
+  status, due_date, paid_at, payment_method, payment_link,
+  description, notes, created_at, updated_at,
   patients!patient_id (
     id, nome_completo, identification_color
   ),
diff --git a/src/docs/agenda-compromisso-financeiro-cenarios.html b/src/docs/agenda-compromisso-financeiro-cenarios.html
new file mode 100644
index 0000000..fb74f6f
--- /dev/null
+++ b/src/docs/agenda-compromisso-financeiro-cenarios.html
@@ -0,0 +1,1446 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+<meta charset="UTF-8">
+<title>Agenda · Compromisso → Financeiro (cenários)</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="https://cdn.tailwindcss.com"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/primeicons@7.0.0/primeicons.min.css">
+<style>
+  :root {
+    --pv: #7c3aed;        /* violet-600 do PrimeVue Aura */
+    --pv-soft: #ede9fe;
+    --pv-text: #5b21b6;
+  }
+  body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #f4f4f8; }
+  .card { background: white; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
+  .card-head { display:flex; align-items:center; gap:.5rem; padding:.5rem .75rem; border-bottom:1px solid #f1f5f9; background: linear-gradient(180deg, #faf9ff 0%, #fff 100%); border-radius: 12px 12px 0 0; min-height:40px; }
+  .card-head .pi { color: var(--pv); }
+  .card-head h4 { font-size:.8125rem; font-weight:600; color:#374151; letter-spacing:.01em; }
+  .card-body { padding: .75rem; }
+  .pill { display:inline-flex; align-items:center; gap:.25rem; padding:2px 10px; border-radius: 9999px; font-size:.7rem; font-weight:500; letter-spacing:.01em; }
+  .pill-pending  { background:#fef3c7; color:#92400e; }
+  .pill-paid     { background:#dcfce7; color:#166534; }
+  .pill-cancel   { background:#fee2e2; color:#991b1b; }
+  .pill-info     { background:#dbeafe; color:#1e40af; }
+  .pill-violet   { background: var(--pv-soft); color: var(--pv-text); }
+  .pill-asaas    { background:#cffafe; color:#155e75; }
+  .pill-gray     { background:#f1f5f9; color:#475569; }
+  .selectbtn { display:inline-flex; border:1px solid #d4d4d8; border-radius:8px; overflow:hidden; }
+  .selectbtn button { padding:.4rem .8rem; font-size:.8rem; background:white; color:#475569; border-right:1px solid #e4e4e7; transition: all .15s; }
+  .selectbtn button:last-child { border-right:0; }
+  .selectbtn button.is-active { background: var(--pv); color:white; }
+  .btn { display:inline-flex; align-items:center; gap:.4rem; padding:.45rem .9rem; border-radius:8px; font-size:.825rem; font-weight:500; transition: all .12s; cursor: pointer; }
+  .btn-primary { background: var(--pv); color:white; }
+  .btn-primary:hover { background:#6d28d9; }
+  .btn-outline { background:white; color: var(--pv); border:1px solid var(--pv); }
+  .btn-outline:hover { background: var(--pv-soft); }
+  .btn-danger-outline { background:white; color:#dc2626; border:1px solid #fca5a5; }
+  .btn-success { background:#10b981; color:white; }
+  .btn-success:hover { background:#059669; }
+  .btn-warn { background:#f59e0b; color:white; }
+  .btn-ghost { background:transparent; color:#475569; }
+  .btn-ghost:hover { background:#f1f5f9; }
+  .field-label { font-size:.7rem; font-weight:500; color:#6b7280; text-transform:uppercase; letter-spacing:.05em; margin-bottom:2px; }
+  .field-value { font-size:.875rem; color:#111827; }
+  .input { width:100%; padding:.45rem .65rem; border:1px solid #d4d4d8; border-radius:6px; font-size:.875rem; background:white; }
+  .input:focus { outline:none; border-color: var(--pv); box-shadow: 0 0 0 3px var(--pv-soft); }
+  .dialog-overlay { position: fixed; inset:0; background: rgba(15,23,42,.5); display:flex; align-items:center; justify-content:center; z-index:50; padding:1rem; }
+  .dialog-overlay.hidden { display:none; }
+  .dialog { background:white; border-radius:14px; width:100%; max-width:520px; max-height:90vh; overflow-y:auto; box-shadow:0 25px 50px rgba(0,0,0,.25); }
+  .dialog-head { padding:1rem 1.25rem; border-bottom:1px solid #f1f5f9; display:flex; align-items:center; justify-content:space-between; }
+  .dialog-body { padding:1rem 1.25rem; }
+  .dialog-foot { padding:.75rem 1.25rem; border-top:1px solid #f1f5f9; display:flex; gap:.5rem; justify-content:flex-end; background:#fafafa; border-radius: 0 0 14px 14px; }
+  .record-row { display:grid; grid-template-columns: 1fr auto auto; gap:.75rem; align-items:center; padding:.6rem .75rem; border-bottom:1px solid #f1f5f9; }
+  .record-row:last-child { border-bottom:0; }
+  .record-row.child { padding-left:2.25rem; background: #faf9ff; }
+  .record-name { font-size:.875rem; color:#111827; font-weight:500; }
+  .record-meta { font-size:.72rem; color:#6b7280; }
+  .record-value { font-size:.95rem; font-weight:600; color:#111827; tabular-nums: true; }
+  .record-value.outgoing { color:#dc2626; }
+  .badge-saldo { display:inline-flex; align-items:center; gap:.3rem; padding:.25rem .65rem; border-radius:6px; font-size:.78rem; background:#f5f3ff; color: var(--pv-text); border:1px solid #ddd6fe; }
+  .toast { position: fixed; top:1rem; right:1rem; background:#1e293b; color:white; padding:.65rem 1rem; border-radius:8px; font-size:.85rem; box-shadow:0 10px 25px rgba(0,0,0,.15); z-index:60; display:flex; align-items:center; gap:.5rem; }
+  .toast.success { background:#065f46; }
+  .toast.warn { background:#92400e; }
+  .toast.error { background:#7f1d1d; }
+  .scene { scroll-margin-top:1rem; }
+  .grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:1rem; }
+  @media (max-width: 900px) { .grid-2 { grid-template-columns: 1fr; } }
+  .toc-link.active { background: var(--pv-soft); color: var(--pv-text); font-weight:600; }
+  .anim-flash { animation: flash 1.2s ease-out; }
+  @keyframes flash {
+    0% { background: #fef9c3; }
+    100% { background: transparent; }
+  }
+  .anim-pop {
+    animation: pop .35s cubic-bezier(.34,1.56,.64,1);
+  }
+  @keyframes pop {
+    0% { transform: scale(.94); opacity:0; }
+    100% { transform: scale(1); opacity:1; }
+  }
+  details > summary { cursor:pointer; }
+  .seq { background: var(--pv); color:white; width:1.5rem; height:1.5rem; display:inline-flex; align-items:center; justify-content:center; border-radius:9999px; font-size:.7rem; font-weight:700; }
+  .strike { text-decoration: line-through; color:#9ca3af; }
+  .ml-checkbox { display:inline-flex; align-items:center; gap:.45rem; font-size:.825rem; color:#374151; }
+  .ml-checkbox input { width:14px; height:14px; accent-color: var(--pv); }
+</style>
+</head>
+<body class="text-slate-800">
+
+<!-- Header -->
+<header class="bg-white border-b border-slate-200 sticky top-0 z-30">
+  <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+    <div>
+      <h1 class="text-lg font-semibold text-slate-900 flex items-center gap-2">
+        <i class="pi pi-calendar text-violet-600"></i>
+        Agenda · Compromisso → Financeiro
+        <span class="text-xs font-normal text-slate-500 ml-2">cenários (doc viva)</span>
+      </h1>
+      <p class="text-xs text-slate-500">Esquerda: o que o terapeuta vê na agenda. Direita: o que aparece no financeiro do paciente.</p>
+    </div>
+    <div class="flex items-center gap-2 text-xs text-slate-500">
+      <span class="pill pill-violet">v1 · 2026-05-15</span>
+      <span>Fase 5 em teste</span>
+    </div>
+  </div>
+</header>
+
+<div class="max-w-7xl mx-auto px-4 py-4 grid grid-cols-[200px_1fr] gap-4">
+
+  <!-- TOC -->
+  <aside class="text-xs sticky top-20 self-start max-h-[80vh] overflow-y-auto">
+    <p class="font-semibold text-slate-700 uppercase tracking-wide mb-2 text-[.65rem]">Cenários</p>
+    <nav class="space-y-0.5" id="toc">
+      <a href="#indicadores" class="toc-link block px-2 py-1 rounded hover:bg-slate-100 text-violet-700">★ Indicadores visuais</a>
+      <a href="#c1" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">1 · Bloqueio</a>
+      <p class="font-semibold text-slate-500 uppercase mt-3 text-[.6rem] px-2">Avulsa</p>
+      <a href="#c2" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">2 · Sem cobrança</a>
+      <a href="#c3" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">3 · Cobrar ao salvar</a>
+      <a href="#c4" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">4 · Já recebi ao salvar</a>
+      <a href="#c5" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">5 · Convênio</a>
+      <p class="font-semibold text-slate-500 uppercase mt-3 text-[.6rem] px-2">Recorrente</p>
+      <a href="#c6" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">6 · Sem pacote</a>
+      <a href="#c7" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">7 · Pacote upfront</a>
+      <a href="#c8" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">8 · Pacote saldo</a>
+      <a href="#c9" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">9 · 1 por sessão</a>
+      <p class="font-semibold text-slate-500 uppercase mt-3 text-[.6rem] px-2">Status change</p>
+      <a href="#c10" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">10 · Avulsa (realizado/faltou)</a>
+      <a href="#c11" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">11 · Pacote saldo</a>
+      <a href="#c12" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">12 · Antecipar pagamento</a>
+      <a href="#c13" class="toc-link block px-2 py-1 rounded hover:bg-slate-100">13 · Edit cobrada</a>
+    </nav>
+    <p class="font-semibold text-slate-700 uppercase tracking-wide mt-4 mb-2 text-[.65rem]">Legenda</p>
+    <div class="space-y-1 px-2">
+      <span class="pill pill-pending">pendente</span>
+      <span class="pill pill-paid">pago</span>
+      <span class="pill pill-cancel">cancelado</span>
+      <span class="pill pill-asaas">Asaas</span>
+      <span class="pill pill-violet">pacote</span>
+    </div>
+  </aside>
+
+  <!-- Main -->
+  <main class="space-y-6">
+
+    <!-- ============================================================ -->
+    <!-- Legenda: Indicadores visuais de pagamento (badge $ + linha)   -->
+    <!-- ============================================================ -->
+    <section id="indicadores" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <i class="pi pi-eye text-violet-600"></i> Indicadores visuais de pagamento
+        </h2>
+        <p class="text-xs text-slate-500 ml-7">Como o sistema mostra <i>"essa sessão ainda não foi paga"</i> sem que você precise abrir o financeiro pra checar.</p>
+      </header>
+      <div class="grid-2">
+        <!-- ESQUERDA: badge na agenda -->
+        <div class="card">
+          <div class="card-head"><i class="pi pi-calendar"></i><h4>Na agenda — 3 estados</h4></div>
+          <div class="card-body space-y-3">
+            <!-- Estado 1: pendente (badge $ amber canto direito) -->
+            <div>
+              <div class="text-[10px] uppercase tracking-wide text-amber-700 font-semibold mb-1">Pendente · badge $ amber (canto direito)</div>
+              <div class="relative inline-block rounded-md border border-violet-300 bg-violet-50 px-3 py-2 text-xs text-slate-800" style="min-width:200px;">
+                <span class="absolute -top-1.5 -right-1.5 inline-flex items-center justify-center rounded-full text-white text-[10px] font-bold" style="background:#f59e0b; width:18px; height:18px; box-shadow:0 1px 2px rgba(0,0,0,.25);">$</span>
+                <div class="font-medium">Ana Souza  <span class="text-slate-500 font-normal">(14h-14:50h)</span></div>
+                <div class="text-[10px] text-slate-600 mt-0.5">
+                  <span class="pill pill-pending" style="padding:1px 6px; font-size:.6rem;">agendado</span>
+                  <span class="pill pill-info" style="padding:1px 6px; font-size:.6rem;">presencial</span>
+                </div>
+              </div>
+            </div>
+            <!-- Estado 2: pago (barra verde esquerda) -->
+            <div>
+              <div class="text-[10px] uppercase tracking-wide text-emerald-700 font-semibold mb-1">Pago · barra verde (borda esquerda)</div>
+              <div class="rounded-md border border-violet-300 bg-violet-50 px-3 py-2 text-xs text-slate-800" style="min-width:200px; border-left:4px solid #10b981;">
+                <div class="font-medium">Joyce  <span class="text-slate-500 font-normal">(15h-15:50h)</span></div>
+                <div class="text-[10px] text-slate-600 mt-0.5">
+                  <span class="pill pill-pending" style="padding:1px 6px; font-size:.6rem;">agendado</span>
+                  <span class="pill pill-info" style="padding:1px 6px; font-size:.6rem;">presencial</span>
+                </div>
+              </div>
+            </div>
+            <!-- Estado 3: neutro (sem cobrança ou ocorrência virtual) -->
+            <div>
+              <div class="text-[10px] uppercase tracking-wide text-slate-500 font-semibold mb-1">Sem cobrança · neutro</div>
+              <div class="rounded-md border border-violet-300 bg-violet-50 px-3 py-2 text-xs text-slate-800" style="min-width:200px;">
+                <div class="font-medium">Maria  <span class="text-slate-500 font-normal">(16h-16:50h)</span></div>
+                <div class="text-[10px] text-slate-600 mt-0.5">
+                  <span class="pill pill-pending" style="padding:1px 6px; font-size:.6rem;">agendado</span>
+                  <span class="pill pill-info" style="padding:1px 6px; font-size:.6rem;">presencial</span>
+                </div>
+              </div>
+            </div>
+            <ul class="text-xs text-slate-600 space-y-1 list-disc ml-4 mt-2">
+              <li><b>Pendente</b>: sessão com paciente, cobrança gerada mas não paga (ou nenhuma cobrança ainda).</li>
+              <li><b>Pago</b>: record marcado como <code>paid</code> em <code>/financeiro</code>. Pra ver de relance quais sessões já estão quitadas.</li>
+              <li><b>Neutro</b>: sem cobrança (compromisso pessoal, bloqueio) ou ocorrência virtual de pacote upfront/saldo — controlados pelo contrato.</li>
+              <li>Os 3 canais não competem: <b>esquerda = pago</b>, <b>direita = pendente</b>, <b>nada = neutro</b>.</li>
+            </ul>
+          </div>
+        </div>
+        <!-- DIREITA: linha no popover -->
+        <div class="card">
+          <div class="card-head"><i class="pi pi-window-maximize"></i><h4>No popover da sessão — linha "A receber"</h4></div>
+          <div class="card-body space-y-3">
+            <!-- Mock do popover -->
+            <div class="rounded-md border border-slate-200 bg-white p-3 text-xs space-y-1.5">
+              <div class="flex items-center gap-2 text-slate-700"><i class="pi pi-clock text-slate-400"></i> 14:00 – 14:50 · 50min</div>
+              <div class="flex items-center gap-2 font-medium" style="color:#b45309;"><i class="pi pi-dollar" style="color:#f59e0b;"></i> A receber R$ 200,00 (cobrança pendente)</div>
+              <div class="flex items-center gap-2 text-slate-700"><i class="pi pi-map-marker text-slate-400"></i> Presencial</div>
+              <div class="flex items-center gap-2 text-slate-700"><i class="pi pi-info-circle text-slate-400"></i> Agendado</div>
+            </div>
+            <ul class="text-xs text-slate-600 space-y-1 list-disc ml-4">
+              <li>Linha em destaque amber logo abaixo do horário, com ícone $.</li>
+              <li>Texto adapta-se ao caso:
+                <ul class="list-disc ml-4 mt-0.5 text-slate-500">
+                  <li><i>"A cobrar R$ X"</i> — quando ainda não há cobrança gerada (sessão "Não cobrar").</li>
+                  <li><i>"A receber R$ X (cobrança pendente)"</i> — quando o record existe mas não foi pago.</li>
+                  <li><i>"Cobrança ainda não gerada"</i> — quando a sessão não tem valor definido.</li>
+                </ul>
+              </li>
+              <li>Some quando a sessão fica paga.</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 1 — Bloqueio -->
+    <!-- ============================================================ -->
+    <section id="c1" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">1</span> Bloqueio · sem paciente, sem cobrança
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Almoço, feriado, férias ou compromisso pessoal. Aparece cinza no calendário e não gera lançamento no financeiro.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b>
+          <ol class="list-decimal ml-4 mt-1 space-y-0.5">
+            <li>Abra <code>BloqueioDialog</code> pelo menu da agenda, escolha modo <b>Período</b> e crie um bloqueio de <b>15/05 a 17/05</b> com motivo <b>"Férias curtas"</b>.</li>
+            <li>Confira que o intervalo aparece em cinza nas 3 agendas (Melissa / Rail / Clínica) e que nada foi gerado em <code>/financeiro</code>.</li>
+            <li>Clique num horário <b>dentro</b> do bloqueio (ex: 16/05 às 10h). O <code>AgendaEventDialog</code> abre normalmente, com um <b>aviso amarelo no topo</b> avisando que aquele slot está bloqueado. Você pode prosseguir e criar o compromisso assim mesmo — o aviso é só pra evitar acidente.</li>
+          </ol>
+        </div>
+      </header>
+
+      <!-- 1a — Criar bloqueio -->
+      <div class="text-xs font-semibold text-slate-600 uppercase tracking-wide mt-3 mb-1 ml-1">1a · Criar o bloqueio</div>
+      <div class="grid-2">
+        <!-- ESQUERDA -->
+        <div class="card">
+          <div class="card-head"><i class="pi pi-calendar-times"></i><h4>BloqueioDialog · "Período"</h4></div>
+          <div class="card-body space-y-3">
+            <div>
+              <div class="field-label">Modo</div>
+              <div class="selectbtn">
+                <button class="">Horário</button>
+                <button class="is-active">Período</button>
+                <button>Dia inteiro</button>
+                <button>Feriados</button>
+              </div>
+            </div>
+            <div>
+              <div class="field-label">Período</div>
+              <div class="field-value">15/05/2026 → 17/05/2026</div>
+            </div>
+            <div>
+              <div class="field-label">Motivo</div>
+              <div class="field-value">Férias curtas</div>
+            </div>
+            <div class="text-xs text-slate-500">
+              <i class="pi pi-info-circle"></i> Renderizado como faixa cinza nas 3 agendas (Melissa / Rail / Clínica). Não afeta o financeiro.
+            </div>
+          </div>
+        </div>
+        <!-- DIREITA -->
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Lançamentos</h4></div>
+          <div class="card-body text-center py-10 text-slate-400 text-sm">
+            <i class="pi pi-ban text-3xl mb-2 block"></i>
+            Nada gerado. Bloqueio não é cobrável.
+          </div>
+        </div>
+      </div>
+
+      <!-- 1b — Agendar sobre bloqueio (soft warn) -->
+      <div class="text-xs font-semibold text-slate-600 uppercase tracking-wide mt-4 mb-1 ml-1">1b · Agendar sobre um bloqueio (aviso, não impede)</div>
+      <div class="grid-2">
+        <!-- ESQUERDA — AgendaEventDialog step 1 com Message warn -->
+        <div class="card">
+          <div class="card-head"><i class="pi pi-calendar-plus"></i><h4>AgendaEventDialog · escolha do tipo</h4></div>
+          <div class="card-body space-y-3">
+            <!-- Message warn no topo do step 1 -->
+            <div class="flex items-start gap-2 p-3 rounded-md border border-amber-200 bg-amber-50 text-amber-900 text-xs">
+              <i class="pi pi-exclamation-triangle text-amber-600 mt-0.5"></i>
+              <div>
+                Este horário está dentro do bloqueio <b>"Férias curtas"</b>. O compromisso pode ser criado mesmo assim.
+              </div>
+            </div>
+            <div class="text-sm text-slate-600">Selecione o tipo de compromisso para começar.</div>
+            <div class="space-y-1">
+              <div class="flex items-center gap-2 px-3 py-2 rounded-md border border-slate-200 bg-white hover:bg-slate-50 cursor-pointer">
+                <span class="w-6 h-6 rounded-md flex items-center justify-center" style="background:#7c3aed1f; color:#7c3aed;"><i class="pi pi-user text-xs"></i></span>
+                <span class="text-sm">Sessão</span>
+                <i class="pi pi-chevron-right text-slate-400 ml-auto text-xs"></i>
+              </div>
+              <div class="flex items-center gap-2 px-3 py-2 rounded-md border border-slate-200 bg-white hover:bg-slate-50 cursor-pointer">
+                <span class="w-6 h-6 rounded-md flex items-center justify-center" style="background:#0ea5e91f; color:#0ea5e9;"><i class="pi pi-calendar text-xs"></i></span>
+                <span class="text-sm">Reunião</span>
+                <i class="pi pi-chevron-right text-slate-400 ml-auto text-xs"></i>
+              </div>
+              <div class="flex items-center gap-2 px-3 py-2 rounded-md border border-slate-200 bg-white hover:bg-slate-50 cursor-pointer">
+                <span class="w-6 h-6 rounded-md flex items-center justify-center" style="background:#f59e0b1f; color:#f59e0b;"><i class="pi pi-calendar text-xs"></i></span>
+                <span class="text-sm">Outro</span>
+                <i class="pi pi-chevron-right text-slate-400 ml-auto text-xs"></i>
+              </div>
+            </div>
+            <div class="text-xs text-slate-500">
+              <i class="pi pi-info-circle"></i> O aviso aparece <b>dentro</b> do dialog (não como toast solto) e some sozinho ao reabrir o dialog em outro horário.
+            </div>
+          </div>
+        </div>
+        <!-- DIREITA — comportamento -->
+        <div class="card">
+          <div class="card-head"><i class="pi pi-info-circle"></i><h4>O que acontece</h4></div>
+          <div class="card-body space-y-2 text-sm text-slate-700">
+            <p><b class="text-slate-900">Você decide.</b> Diferente do agendador público (que <b>veta</b> agendamento em bloqueio), aqui o sistema só te avisa. É comum querer encaixar uma sessão sobre um almoço, ou agendar uma reunião em pleno feriado.</p>
+            <ul class="list-disc ml-5 text-xs text-slate-600 space-y-0.5">
+              <li>Se prosseguir, o compromisso é criado normalmente e aparece <b>por cima</b> da faixa cinza do bloqueio.</li>
+              <li>Se quiser cancelar, basta fechar o dialog — nenhum dado é gravado.</li>
+              <li>O aviso usa o <b>título do bloqueio</b> (ex: "Férias curtas") pra você lembrar o motivo do bloqueio antes de decidir.</li>
+            </ul>
+            <div class="mt-3 p-2 rounded-md border-l-4 border-rose-300 bg-rose-50 text-xs text-rose-900">
+              <b><i class="pi pi-ban"></i> No agendador público</b> (link de marcação que o paciente acessa) o comportamento é diferente: se o dia inteiro estiver bloqueado, sessões <b>ficam vetadas</b> e aparece a mensagem <i>"Este dia está bloqueado. Compromissos do tipo Sessão não podem ser agendados."</i> — só você (terapeuta) pode passar por cima.
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 2 — Avulsa sem cobrança -->
+    <!-- ============================================================ -->
+    <section id="c2" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">2</span> Avulsa · sem cobrança <span class="pill pill-gray">chargeMode = none</span>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Sessão única, terapeuta decide depois se cobra (modo manual / fechamento mensal).</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar sessão pra <b>Ana Souza Ferreira</b> em <b>15/05 14:00</b>, modalidade <b>presencial</b>, tipo <b>avulsa</b>, deixar <b>"Não cobrar agora"</b> selecionado no card <i>Cobrança ao salvar</i>. Salvar. Verificar evento na agenda (status pendente) e <b>zero record</b> em <code>/financeiro</code>.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> Como a sessão ainda não foi cobrada, o evento na agenda mostra um <b>círculo amber com cifrão ($)</b> no canto superior direito. Ao clicar no evento, o popover mostra uma linha amber com o ícone $: <i>"A cobrar R$ X,XX"</i> (ou <i>"Cobrança ainda não gerada"</i> se a sessão não tiver valor). Assim você lembra de gerar a cobrança depois no <code>/financeiro</code>.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-user"></i><h4>AgendaEventDialog · Ana Souza Ferreira</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Início</div><div class="field-value">15/05 14:00</div></div>
+              <div><div class="field-label">Duração</div><div class="field-value">50 min</div></div>
+              <div><div class="field-label">Modalidade</div><div class="field-value">Presencial</div></div>
+              <div><div class="field-label">Tipo</div><div class="field-value">Avulsa</div></div>
+            </div>
+            <div class="border-t pt-3">
+              <div class="field-label">Cobrança ao salvar</div>
+              <div class="selectbtn mt-1">
+                <button class="is-active">Não cobrar agora</button>
+                <button>Gerar cobrança</button>
+              </div>
+              <p class="text-xs text-slate-500 mt-2"><i class="pi pi-info-circle"></i> Você pode gerar a cobrança depois pelo <code>/financeiro</code> ou pelo painel da sessão.</p>
+            </div>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Ana</h4></div>
+          <div class="card-body text-center py-10 text-slate-400 text-sm">
+            <i class="pi pi-circle-off text-3xl mb-2 block"></i>
+            Nenhum lançamento gerado. Sessão fica como <span class="pill pill-pending">pendente</span> na agenda só.
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 3 — Avulsa cobrar ao salvar -->
+    <!-- ============================================================ -->
+    <section id="c3" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">3</span> Avulsa · cobrar ao salvar <span class="pill pill-violet">particular</span>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Gera lançamento pendente no ato. Default da agenda em modo manual.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar sessão pra <b>Henrique</b>, serviço <b>Psicoterapia R$ 200</b>, modalidade <b>online</b>. No card <b>"Cobrança ao salvar"</b>, escolher <b>"Gerar cobrança"</b>. <b>Forma de pagamento:</b> selecionar <b>PIX</b>. <b>Status do pagamento:</b> deixar em <b>"Cobrança pendente"</b> (default). Salvar. Verificar 1 record em <code>/financeiro</code> com status <b>pendente</b>, <code>payment_method = pix</code> e <code>paid_at = null</code>.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> A cobrança foi gerada mas o paciente ainda não pagou. O evento na agenda mostra o <b>círculo amber com $</b> no canto. No popover, linha amber: <i>"A receber R$ 200,00 (cobrança pendente)"</i>. O badge some automaticamente assim que o record for marcado como pago no <code>/financeiro</code>.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-user"></i><h4>AgendaEventDialog · Henrique</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Sessão</div><div class="field-value">Psicoterapia · 50 min · R$ 200,00</div></div>
+              <div><div class="field-label">Modalidade</div><div class="field-value">Online</div></div>
+            </div>
+            <div class="border-t pt-3">
+              <div class="field-label">Cobrança ao salvar</div>
+              <div class="selectbtn mt-1">
+                <button>Não cobrar agora</button>
+                <button class="is-active">Gerar cobrança</button>
+              </div>
+            </div>
+            <div>
+              <div class="field-label">Forma de pagamento</div>
+              <select class="input">
+                <option>Enviar link de pagamento (Asaas)</option>
+                <option selected>PIX</option>
+                <option>Dinheiro</option>
+                <option>Depósito</option>
+                <option>Cartão (maquininha)</option>
+              </select>
+            </div>
+            <div>
+              <div class="field-label">Status do pagamento</div>
+              <div class="selectbtn mt-1">
+                <button class="is-active">Cobrança pendente</button>
+                <button>Já recebi (dar baixa)</button>
+              </div>
+              <p class="text-xs text-slate-500 mt-1"><i class="pi pi-info-circle"></i> Só aparece quando a forma de pagamento <b>não é</b> o link Asaas (que é sempre liquidado pelo gateway).</p>
+            </div>
+            <button class="btn btn-primary" onclick="c3Save()"><i class="pi pi-check"></i> Salvar sessão</button>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Henrique</h4></div>
+          <div class="card-body" id="c3-finance">
+            <div class="text-center py-8 text-slate-400 text-sm">
+              <i class="pi pi-arrow-left text-2xl mb-2 block"></i>
+              Clique em <b>Salvar sessão</b>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 4 — Já recebi ao salvar -->
+    <!-- ============================================================ -->
+    <section id="c4" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">4</span> Avulsa · "já recebi" no momento da criação
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Quando o paciente paga PIX/dinheiro na hora — record já nasce <b>pago</b>.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar sessão pra <b>Joyce</b>, valor <b>R$ 180</b>. No card <b>"Cobrança ao salvar"</b>, escolher <b>"Gerar cobrança"</b>. <b>Forma de pagamento:</b> <b>PIX</b>. <b>Status do pagamento:</b> <b>"Já recebi (dar baixa)"</b>. Salvar. Verificar 1 record em <code>/financeiro</code> com status <b>pago</b>, <code>payment_method = pix</code> e <code>paid_at = hoje</code>.
+        </div>
+        <div class="ml-8 mt-1 bg-emerald-50 border-l-4 border-emerald-400 px-3 py-2 rounded-r text-xs text-emerald-900">
+          <b class="text-emerald-700"><i class="pi pi-check-circle"></i> Indicadores visuais:</b> O pagamento já foi confirmado, então o evento ganha uma <b>barra verde fina na borda esquerda</b> (substitui a cor padrão do commitment naquele lado). <b>Sem badge $ no canto</b> e o popover <b>não mostra linha de cobrança</b>. É o estado-alvo: dá pra olhar a agenda e identificar de relance quais sessões já foram pagas.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-user"></i><h4>Joyce · Sessão R$ 180</h4></div>
+          <div class="card-body space-y-3">
+            <div>
+              <div class="field-label">Cobrança ao salvar</div>
+              <div class="selectbtn mt-1">
+                <button>Não cobrar agora</button>
+                <button class="is-active">Gerar cobrança</button>
+              </div>
+            </div>
+            <div>
+              <div class="field-label">Forma de pagamento</div>
+              <select class="input">
+                <option>Enviar link de pagamento (Asaas)</option>
+                <option selected>PIX</option>
+                <option>Dinheiro</option>
+                <option>Depósito</option>
+                <option>Cartão (maquininha)</option>
+              </select>
+            </div>
+            <div>
+              <div class="field-label">Status do pagamento</div>
+              <div class="selectbtn mt-1">
+                <button>Cobrança pendente</button>
+                <button class="is-active">Já recebi (dar baixa)</button>
+              </div>
+            </div>
+            <p class="text-xs text-slate-500"><i class="pi pi-info-circle"></i> Quando escolhe <b>"Já recebi"</b>, o record nasce com <code class="bg-slate-100 px-1 rounded">paid_at = agora</code> + <code class="bg-slate-100 px-1 rounded">status = paid</code>.</p>
+            <button class="btn btn-primary" onclick="c4Save()"><i class="pi pi-check"></i> Salvar sessão</button>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Joyce</h4></div>
+          <div class="card-body" id="c4-finance">
+            <div class="text-center py-8 text-slate-400 text-sm">
+              <i class="pi pi-arrow-left text-2xl mb-2 block"></i>
+              Clique em <b>Salvar sessão</b>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 5 — Convênio -->
+    <!-- ============================================================ -->
+    <section id="c5" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">5</span> Avulsa · convênio
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Valor pago pelo plano de saúde, não pelo paciente. Lançamento vinculado ao plano.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar sessão pra <b>Sándor</b> com convênio <b>Unimed Nacional</b> (criar via <code>InsurancePlanQuickCreateDialog</code> se não existir), valor <b>R$ 95</b>. Salvar. Verificar record com <code>insurance_plan_id</code> preenchido e pill <b>"convênio"</b> visível.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> Como o convênio ainda não fechou o mês, o record fica pendente — o evento na agenda mostra <b>badge $</b> e o popover mostra <i>"A receber R$ 95,00 (cobrança pendente)"</i>. Quando você marcar o record do convênio como pago após o fechamento mensal, os indicadores somem.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-user"></i><h4>Sándor · sessão por convênio</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Convênio</div><div class="field-value">Unimed Nacional</div></div>
+              <div><div class="field-label">Valor (clínica recebe)</div><div class="field-value">R$ 95,00</div></div>
+            </div>
+            <p class="text-xs text-slate-500"><i class="pi pi-info-circle"></i> Cobrança vai pra fechamento mensal do convênio — não cobra o paciente.</p>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Sándor</h4></div>
+          <div class="card-body p-0">
+            <div class="record-row">
+              <div>
+                <div class="record-name">Sessão 15/05 14:00</div>
+                <div class="record-meta">via convênio Unimed</div>
+              </div>
+              <span class="pill pill-info">convênio</span>
+              <div class="record-value">R$ 95,00</div>
+            </div>
+            <div class="px-3 py-2 bg-slate-50 text-xs text-slate-600 border-t">
+              <i class="pi pi-info-circle text-blue-600"></i> Vai pra fatura mensal do convênio (não cobra paciente individualmente).
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 6 — Recorrente sem pacote -->
+    <!-- ============================================================ -->
+    <section id="c6" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">6</span> Recorrente · sem pacote <span class="pill pill-gray">chargeMode = none</span>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Série semanal, mas cobrança decidida sessão a sessão (status driven ou manual depois).</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar série recorrente pra <b>Anna Freud</b>, frequência <b>semanal</b>, <b>4 ocorrências</b>, modo de cobrança <b>"Não cobrar"</b>. Salvar. Verificar no banco: <b>1 row</b> em <code>agenda_eventos</code> + <b>1 row</b> em <code>recurrence_rules</code>; outras 3 ocorrências expandidas em runtime. Zero em <code>/financeiro</code>.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> Apenas a <b>1ª ocorrência</b> (materializada de verdade) mostra o badge $ e a linha "A cobrar". As outras 3 (virtuais, expandidas em runtime) ficam <b>limpas</b> — vão ganhar o badge automaticamente quando virarem ocorrências reais (ao marcar status ou editar). Isso evita poluir o calendário com $ em séries longas.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-refresh"></i><h4>Anna Freud · semanal · 4 sessões</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Frequência</div><div class="field-value">Semanal · qua 14:00</div></div>
+              <div><div class="field-label">Ocorrências</div><div class="field-value">4 (1 real + 3 virtuais)</div></div>
+            </div>
+            <div>
+              <div class="field-label">Modo de cobrança</div>
+              <div class="selectbtn mt-1">
+                <button class="is-active">Não cobrar</button>
+                <button>Pacote único</button>
+                <button>1 por sessão</button>
+              </div>
+            </div>
+            <details class="text-xs text-slate-500"><summary>Modelo "1 real + N-1 virtual"</summary>
+              <p class="mt-1 pl-3 border-l-2 border-slate-200">Só a 1ª ocorrência vira row em <code>agenda_eventos</code>. As demais são <code>rec::ruleId::date</code> expandidas em runtime.</p>
+            </details>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Anna Freud</h4></div>
+          <div class="card-body text-center py-10 text-slate-400 text-sm">
+            <i class="pi pi-circle-off text-3xl mb-2 block"></i>
+            Zero lançamentos. Cobra sessão por sessão quando marcar como Realizada.
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 7 — Pacote UPFRONT -->
+    <!-- ============================================================ -->
+    <section id="c7" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">7</span> Recorrente · pacote único <b class="text-violet-700">UPFRONT</b>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">1 cobrança do valor total no salvar. Cada sessão posterior é "consumo" do já pago.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar série pra <b>Donald Winnicott</b>, <b>4 sessões semanais R$ 200 = R$ 800 total</b>, modo <b>"Pacote único"</b>, estilo <b>"Upfront"</b>, forma <b>"Enviar link Asaas"</b>. Salvar. Verificar <b>1 record</b> R$ 800 pending em <code>/financeiro</code> + <b>1 billing_contract</b> com <code>charging_style=upfront</code>, <code>sessions_used=0</code>.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> A <b>1ª ocorrência</b> (que carrega o record de R$ 800 do pacote) mostra o badge $ enquanto o boleto Asaas não for pago — popover diz <i>"A receber R$ 800,00 (cobrança pendente)"</i>. As outras 3 ocorrências (virtuais) ficam <b>limpas</b>, mesmo que o paciente não tenha pago ainda — porque o controle é a nível de pacote, não sessão. Quando o boleto for marcado como pago, o badge some da 1ª sessão.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-box"></i><h4>Donald Winnicott · 4× R$ 200 = R$ 800</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Ocorrências</div><div class="field-value">4 semanais</div></div>
+              <div><div class="field-label">Total</div><div class="field-value font-semibold">R$ 800,00</div></div>
+            </div>
+            <div>
+              <div class="field-label">Como cobrar?</div>
+              <div class="selectbtn mt-1"><button class="is-active">Pacote único</button><button>1 por sessão</button></div>
+              <div class="field-label mt-2">Estilo do pacote</div>
+              <div class="selectbtn mt-1"><button class="is-active">Upfront (total agora)</button><button>Saldo (cobra ao consumir)</button></div>
+            </div>
+            <div>
+              <div class="field-label">Forma de pagamento</div>
+              <select class="input"><option>Enviar link Asaas</option><option>PIX</option><option>Já recebi — Dinheiro</option></select>
+            </div>
+            <button class="btn btn-primary" onclick="c7Save()"><i class="pi pi-check"></i> Salvar série</button>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Donald</h4></div>
+          <div class="card-body p-0" id="c7-finance">
+            <div class="text-center py-10 text-slate-400 text-sm">
+              <i class="pi pi-arrow-left text-2xl mb-2 block"></i>
+              Clique em <b>Salvar série</b>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 8 — Pacote SALDO -->
+    <!-- ============================================================ -->
+    <section id="c8" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">8</span> Recorrente · pacote único <b class="text-violet-700">SALDO</b>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Sem record financeiro inicial. Cria <code>billing_contract</code> com sessions_total. Records nascem 1 a 1 quando sessão é realizada.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar série pra <b>Carl Jung</b>, <b>4 sessões R$ 40 = R$ 160 total</b>, modo <b>"Pacote único"</b>, estilo <b>"Saldo"</b>. Salvar. Verificar <b>ZERO record</b> em <code>/financeiro</code> + <b>1 billing_contract</b> com <code>charging_style=saldo</code>, <code>sessions_total=4</code>, <code>sessions_used=0</code>.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> Como não existe record financeiro inicial e o controle é por <b>saldo do contrato</b>, todas as 4 ocorrências ficam <b>limpas no calendário</b> (sem badge $). À medida que cada sessão for realizada, nasce 1 record por vez — e essa sessão recebe o badge $ até o record ser pago. Use <b>"Antecipar pagamento"</b> no popover quando o paciente quiser pagar uma sessão antes dela acontecer.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-box"></i><h4>Carl Jung · 4× R$ 40 = R$ 160</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Sessions total</div><div class="field-value">4</div></div>
+              <div><div class="field-label">Valor por sessão</div><div class="field-value">R$ 40,00</div></div>
+            </div>
+            <div>
+              <div class="field-label">Estilo do pacote</div>
+              <div class="selectbtn mt-1"><button>Upfront</button><button class="is-active">Saldo</button></div>
+            </div>
+            <p class="text-xs text-slate-500"><i class="pi pi-info-circle"></i> Cobra 1 record por sessão realizada. Pacote dá direito ao preço promocional + controle de saldo.</p>
+            <button class="btn btn-primary" onclick="c8Save()"><i class="pi pi-check"></i> Salvar série</button>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Carl Jung</h4></div>
+          <div class="card-body" id="c8-finance">
+            <div class="text-center py-10 text-slate-400 text-sm">
+              <i class="pi pi-arrow-left text-2xl mb-2 block"></i>
+              Clique em <b>Salvar série</b>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 9 — 1 por sessão -->
+    <!-- ============================================================ -->
+    <section id="c9" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">9</span> Recorrente · 1 cobrança por sessão <span class="pill pill-gray">sem pacote</span>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Cobra individualmente cada ocorrência. Diferença pro Cenário 6: aqui já materializa records pendentes pra cada ocorrência futura.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Criar série pra <b>Michael Balint</b>, <b>12 sessões semanais R$ 150</b>, modo <b>"1 por sessão"</b>. Salvar. Verificar <b>12 records pending</b> em <code>/financeiro</code> (1 por ocorrência) com <code>agenda_evento_id</code> apontando pra cada uma.
+        </div>
+        <div class="ml-8 mt-1 bg-violet-50 border-l-4 border-violet-400 px-3 py-2 rounded-r text-xs text-violet-900">
+          <b class="text-violet-700"><i class="pi pi-eye"></i> Indicadores visuais:</b> Como cada ocorrência foi materializada com seu próprio record pendente, <b>todas as 12 sessões</b> mostram o badge $ no calendário e a linha <i>"A receber R$ 150,00 (cobrança pendente)"</i> no popover. À medida que o paciente pagar cada uma, o badge dessa sessão some.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-refresh"></i><h4>Michael Balint · semanal</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Frequência</div><div class="field-value">Semanal · 12 sessões</div></div>
+              <div><div class="field-label">Valor / sessão</div><div class="field-value">R$ 150,00</div></div>
+            </div>
+            <div>
+              <div class="field-label">Modo</div>
+              <div class="selectbtn mt-1"><button>Não cobrar</button><button>Pacote único</button><button class="is-active">1 por sessão</button></div>
+            </div>
+            <button class="btn btn-primary" onclick="c9Save()"><i class="pi pi-check"></i> Salvar série</button>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Michael</h4></div>
+          <div class="card-body p-0" id="c9-finance">
+            <div class="text-center py-10 text-slate-400 text-sm">
+              <i class="pi pi-arrow-left text-2xl mb-2 block"></i>
+              Clique em <b>Salvar série</b>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 10 — Status change AVULSA -->
+    <!-- ============================================================ -->
+    <section id="c10" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">10</span> Status change · avulsa pendente
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Sessão criada com chargeMode=session, agora chegou a hora. Dialog confirm aparece em realizado/faltou/cancelado.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Usar a sessão pendente do <b>Henrique</b> (cenário 3) ou criar uma nova pra <b>Maria Magali</b> R$ 200 cobrar ao salvar. <b>(a)</b> Mudar status → <b>Realizada</b>: dialog deve aparecer, confirmar, record continua pendente. <b>(b)</b> Reset (volta pra pendente). Mudar → <b>Faltou</b>: dialog aparece com <b>multa editável R$ 100</b>, confirmar, record original cancelado + novo de multa criado. <b>(c)</b> Reset. Mudar → <b>Cancelado</b>: dialog confirma cancelamento sem multa, record fica cancelado.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-user"></i><h4>Maria Magali · 15/05 16:00 · pendente</h4></div>
+          <div class="card-body space-y-3">
+            <div class="grid grid-cols-2 gap-3 text-sm">
+              <div><div class="field-label">Status atual</div><div id="c10-status" class="field-value"><span class="pill pill-pending">pendente</span></div></div>
+              <div><div class="field-label">Valor sessão</div><div class="field-value">R$ 200,00</div></div>
+            </div>
+            <div class="field-label">Mudar status para:</div>
+            <div class="flex flex-wrap gap-2">
+              <button class="btn btn-success" onclick="c10Status('realizado')"><i class="pi pi-check-circle"></i> Realizada</button>
+              <button class="btn btn-warn" onclick="c10Status('faltou')"><i class="pi pi-times-circle"></i> Faltou</button>
+              <button class="btn btn-danger-outline" onclick="c10Status('cancelado')"><i class="pi pi-ban"></i> Cancelar</button>
+              <button class="btn btn-ghost" onclick="c10Status('reset')"><i class="pi pi-refresh"></i> Reset</button>
+            </div>
+            <p class="text-xs text-slate-500"><i class="pi pi-info-circle"></i> Cada um abre o <code>AgendaStatusChangeConfirmDialog</code> com variante diferente.</p>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Maria</h4></div>
+          <div class="card-body p-0" id="c10-finance">
+            <div class="record-row">
+              <div>
+                <div class="record-name">Sessão 15/05 16:00</div>
+                <div class="record-meta">avulsa · particular</div>
+              </div>
+              <span class="pill pill-pending">pendente</span>
+              <div class="record-value">R$ 200,00</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 11 — Status change PACOTE SALDO -->
+    <!-- ============================================================ -->
+    <section id="c11" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">11</span> Status change · ocorrência de <b class="text-violet-700">pacote saldo</b>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Carl Jung tem pacote 4/4. Marca cada sessão como realizada → cria record + decrementa saldo. Faltou → vai pra config <code>default_consume_on_miss</code>.</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Usando o pacote do <b>Carl Jung</b> (cenário 8): <b>(a)</b> Marcar 1ª sessão como <b>Realizada</b>: dialog confirm → criar record R$ 40 pending + saldo cai pra <b>3/4</b>. <b>(b)</b> Marcar 2ª como <b>Faltou</b>: dialog com 3 opções (consumir saldo / aplicar multa / nada). Testar a opção <b>consumir saldo</b> → saldo cai pra <b>2/4</b> sem cobrança nova. <b>(c)</b> Marcar 3ª como Faltou com <b>aplicar multa</b> R$ 20 → saldo continua 2/4, novo record R$ 20.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-box"></i><h4>Carl Jung · pacote saldo</h4></div>
+          <div class="card-body space-y-3">
+            <div class="flex items-center gap-3">
+              <div class="badge-saldo">
+                <i class="pi pi-box"></i> Saldo: <b id="c11-saldo">4</b> / 4
+              </div>
+              <div class="text-xs text-slate-500">R$ 40/sessão</div>
+            </div>
+            <div>
+              <div class="field-label">Sessão de hoje (15/05 18:00) — virtual <code>rec::...::2026-05-15</code></div>
+              <div id="c11-evento-status" class="text-sm"><span class="pill pill-pending">pendente</span></div>
+            </div>
+            <div class="field-label">Marcar como:</div>
+            <div class="flex flex-wrap gap-2">
+              <button class="btn btn-success" onclick="c11Status('realizado')"><i class="pi pi-check-circle"></i> Realizada</button>
+              <button class="btn btn-warn" onclick="c11Status('faltou')"><i class="pi pi-times-circle"></i> Faltou</button>
+              <button class="btn btn-ghost" onclick="c11Status('reset')"><i class="pi pi-refresh"></i> Reset</button>
+            </div>
+            <details class="text-xs text-slate-500"><summary>O que acontece no banco?</summary>
+              <ul class="mt-1 list-disc pl-5 space-y-1">
+                <li>Materializa a ocorrência virtual: INSERT em <code>agenda_eventos</code> com <code>recurrence_id + recurrence_date</code></li>
+                <li>UPDATE <code>billing_contracts.sessions_used += 1</code></li>
+                <li>INSERT em <code>financial_records</code> R$ 40 status=pending (ou paid se já houver record do antecipar)</li>
+              </ul>
+            </details>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Carl Jung</h4></div>
+          <div class="card-body p-0" id="c11-finance">
+            <!-- Estado inicial: só billing_contract -->
+            <div class="record-row">
+              <div>
+                <div class="record-name">Pacote 4× R$ 40</div>
+                <div class="record-meta">billing_contract · saldo 4/4</div>
+              </div>
+              <span class="pill pill-violet">contrato</span>
+              <div class="record-value">R$ 160,00</div>
+            </div>
+            <div class="px-3 py-2 bg-slate-50 text-xs text-slate-500 border-t">
+              <i class="pi pi-info-circle"></i> Ainda sem records de sessão. Cada Realizada cria 1 record + decrementa saldo.
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 12 — Antecipar pagamento -->
+    <!-- ============================================================ -->
+    <section id="c12" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">12</span> Antecipar pagamento · pacote saldo
+          <span class="pill pill-violet">novo · 14/05</span>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Paciente pediu pra pagar a próxima sessão antes dela acontecer. Cria record pago, MAS não decrementa saldo (só quando marcar realizada depois).</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> No pacote do <b>Carl Jung</b>, clicar numa <b>ocorrência virtual futura</b> → popover abre → seção Financeiro mostra <b>2 botões</b>: "Lançamentos" + <b>"Antecipar pagamento"</b>. Clicar "Antecipar pagamento", escolher <b>PIX</b> (default), confirmar. <b>(a)</b> Verificar 1 novo record R$ 40 <b>paid</b> em <code>/financeiro</code>, MAS saldo do contrato continua intacto. <b>(b)</b> Depois marcar a mesma sessão como <b>Realizada</b>: dialog NÃO deve perguntar "gerar cobrança" (detecta record paid), só atualiza status + decrementa saldo.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-money-bill"></i><h4>Popover da ocorrência virtual</h4></div>
+          <div class="card-body space-y-3">
+            <div class="text-xs text-slate-500 mb-1">Seção Financeiro do popover:</div>
+            <div class="flex gap-2">
+              <button class="btn btn-outline"><i class="pi pi-list"></i> Lançamentos</button>
+              <button class="btn btn-primary" onclick="c12OpenDialog()"><i class="pi pi-money-bill"></i> Antecipar pagamento</button>
+            </div>
+            <div class="text-xs text-slate-500 border-t pt-3">
+              <p><b>Diferença pra Realizada:</b> não decrementa <code>sessions_used</code>. Quando user marcar Realizada depois, handler detecta record já paid → só atualiza status.</p>
+            </div>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · Carl Jung</h4></div>
+          <div class="card-body p-0" id="c12-finance">
+            <div class="record-row">
+              <div>
+                <div class="record-name">Pacote 4× R$ 40</div>
+                <div class="record-meta">billing_contract · saldo <b id="c12-saldo">4</b>/4</div>
+              </div>
+              <span class="pill pill-violet">contrato</span>
+              <div class="record-value">R$ 160,00</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ============================================================ -->
+    <!-- CENÁRIO 13 — Edit cobrada -->
+    <!-- ============================================================ -->
+    <section id="c13" class="scene">
+      <header class="mb-2">
+        <h2 class="text-base font-semibold text-slate-900 flex items-center gap-2">
+          <span class="seq">13</span> Edit de sessão já cobrada <span class="pill pill-cancel">imutável</span>
+        </h2>
+        <p class="text-xs text-slate-500 ml-8">Invariante "cobrança emitida é imutável pelo dialog da agenda" (Decisão #5, padrão SimplePractice).</p>
+        <div class="ml-8 mt-2 bg-amber-50 border-l-4 border-amber-400 px-3 py-2 rounded-r text-xs text-amber-900">
+          <b class="text-amber-700"><i class="pi pi-flag"></i> Como testar:</b> Pegar a sessão paga da <b>Joyce</b> (cenário 4) e abrir o <code>AgendaEventDialog</code>. Verificar: <b>(a)</b> aviso amarelo no topo "esta sessão tem cobrança paga"; <b>(b)</b> campos de valor / modalidade / tipo travados (disabled); <b>(c)</b> apenas horário e observações editáveis; <b>(d)</b> tentar mudar valor não persiste.
+        </div>
+      </header>
+      <div class="grid-2">
+        <div class="card">
+          <div class="card-head"><i class="pi pi-lock"></i><h4>AgendaEventDialog · Sessão paga</h4></div>
+          <div class="card-body space-y-3">
+            <div class="bg-amber-50 border border-amber-200 rounded p-3 text-xs text-amber-900">
+              <i class="pi pi-exclamation-triangle"></i>
+              <b>Esta sessão tem cobrança paga.</b> Campos de valor / modalidade / tipo estão travados. Pra ajustar valor, use <b>credit note</b> no /financeiro.
+            </div>
+            <div class="grid grid-cols-2 gap-3">
+              <div><div class="field-label">Valor</div><div class="field-value strike">R$ 200,00</div><input class="input mt-1" value="R$ 200,00" disabled></div>
+              <div><div class="field-label">Modalidade</div><div class="field-value">Presencial</div></div>
+            </div>
+            <p class="text-xs text-slate-500">Apenas horário / observações podem ser editados.</p>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-head"><i class="pi pi-wallet"></i><h4>Financeiro · paciente</h4></div>
+          <div class="card-body p-0">
+            <div class="record-row">
+              <div>
+                <div class="record-name">Sessão 10/05 14:00</div>
+                <div class="record-meta">avulsa · particular · paid_at 10/05</div>
+              </div>
+              <span class="pill pill-paid">pago</span>
+              <div class="record-value">R$ 200,00</div>
+            </div>
+            <div class="px-3 py-2 bg-slate-50 text-xs text-slate-500 border-t">
+              <i class="pi pi-shield text-emerald-600"></i> Record imutável. Reembolso parcial → credit note. Cancelamento → record novo negativo.
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <footer class="text-center text-xs text-slate-400 py-8">
+      <p>📄 <code>src/docs/agenda-compromisso-financeiro-cenarios.html</code></p>
+      <p>Cross-refs: <code>Obsidian/Brain/wiki/agenda-compromisso-fluxo.md</code> · <code>agenda-billing-pesquisa-mercado.md</code> · <code>recorrencia-agenda.md</code></p>
+    </footer>
+
+  </main>
+</div>
+
+<!-- Dialog confirm (genérico) -->
+<div class="dialog-overlay hidden" id="confirm-dialog">
+  <div class="dialog anim-pop">
+    <div class="dialog-head">
+      <h3 id="confirm-title" class="font-semibold text-slate-900">Confirmar</h3>
+      <button class="text-slate-400 hover:text-slate-600" onclick="closeDialog()"><i class="pi pi-times"></i></button>
+    </div>
+    <div class="dialog-body space-y-3" id="confirm-body"></div>
+    <div class="dialog-foot">
+      <button class="btn btn-ghost" onclick="closeDialog()">Cancelar</button>
+      <button class="btn btn-primary" id="confirm-ok"><i class="pi pi-check"></i> Confirmar</button>
+    </div>
+  </div>
+</div>
+
+<!-- Toast -->
+<div class="toast hidden" id="toast"><i class="pi pi-check-circle"></i><span></span></div>
+
+<script>
+/* =========================================================
+   UTIL
+   ========================================================= */
+function $(id) { return document.getElementById(id); }
+function showToast(msg, severity='success') {
+  const t = $('toast');
+  t.className = 'toast ' + severity;
+  t.querySelector('span').textContent = msg;
+  t.classList.remove('hidden');
+  setTimeout(() => t.classList.add('hidden'), 2400);
+}
+function closeDialog() { $('confirm-dialog').classList.add('hidden'); }
+function openDialog({ title, html, onConfirm, okLabel='Confirmar' }) {
+  $('confirm-title').textContent = title;
+  $('confirm-body').innerHTML = html;
+  $('confirm-ok').innerHTML = '<i class="pi pi-check"></i> ' + okLabel;
+  $('confirm-ok').onclick = () => { closeDialog(); onConfirm && onConfirm(); };
+  $('confirm-dialog').classList.remove('hidden');
+}
+
+/* =========================================================
+   CENÁRIO 3 — Avulsa cobrar ao salvar
+   ========================================================= */
+function c3Save() {
+  $('c3-finance').innerHTML = `
+    <div class="record-row anim-pop">
+      <div>
+        <div class="record-name">Sessão 15/05 14:00</div>
+        <div class="record-meta">avulsa · particular · PIX</div>
+      </div>
+      <span class="pill pill-pending">pendente</span>
+      <div class="record-value">R$ 200,00</div>
+    </div>
+    <div class="px-3 py-2 bg-slate-50 text-xs text-slate-600 border-t">
+      <i class="pi pi-info-circle text-violet-600"></i> Record nasceu com <code>status=pending</code>, <code>paid_at=null</code>. Quando paciente pagar, marca como pago no /financeiro.
+    </div>
+  `;
+  showToast('Sessão criada · lançamento pendente R$ 200,00');
+}
+
+/* =========================================================
+   CENÁRIO 4 — Já recebi ao salvar
+   ========================================================= */
+function c4Save() {
+  $('c4-finance').innerHTML = `
+    <div class="record-row anim-pop">
+      <div>
+        <div class="record-name">Sessão 15/05 15:00</div>
+        <div class="record-meta">avulsa · PIX · paid_at agora</div>
+      </div>
+      <span class="pill pill-paid">pago</span>
+      <div class="record-value">R$ 180,00</div>
+    </div>
+  `;
+  showToast('Pagamento registrado · R$ 180,00 PIX');
+}
+
+/* =========================================================
+   CENÁRIO 7 — Pacote UPFRONT
+   ========================================================= */
+function c7Save() {
+  $('c7-finance').innerHTML = `
+    <div class="record-row anim-pop">
+      <div>
+        <div class="record-name">Pacote 4× R$ 200 · upfront</div>
+        <div class="record-meta">billing_contract + financial_record · link Asaas</div>
+      </div>
+      <span class="pill pill-asaas">Asaas</span>
+      <div class="record-value">R$ 800,00</div>
+    </div>
+    <div class="record-row child">
+      <div>
+        <div class="record-name">Ocorrência 1 (15/05)</div>
+        <div class="record-meta">consumo do pacote (sem record próprio)</div>
+      </div>
+      <span class="pill pill-violet">consumo</span>
+      <div class="record-value text-slate-400">—</div>
+    </div>
+    <div class="record-row child">
+      <div>
+        <div class="record-name">Ocorrência 2-4 (virtuais)</div>
+        <div class="record-meta">consumos futuros · não geram record</div>
+      </div>
+      <span class="pill pill-gray">virtuais</span>
+      <div class="record-value text-slate-400">—</div>
+    </div>
+    <div class="px-3 py-2 bg-slate-50 text-xs text-slate-600 border-t">
+      <i class="pi pi-info-circle text-violet-600"></i> 1 record pai (R$ 800). Marcar sessões como Realizada <b>NÃO cria records novos</b> — só atualiza status na agenda.
+    </div>
+  `;
+  showToast('Pacote criado · cobrança R$ 800,00 via Asaas');
+}
+
+/* =========================================================
+   CENÁRIO 8 — Pacote SALDO
+   ========================================================= */
+function c8Save() {
+  $('c8-finance').innerHTML = `
+    <div class="card mb-2 border-violet-200" style="box-shadow:none">
+      <div class="card-body py-2 px-3 flex items-center gap-3 anim-pop">
+        <div class="badge-saldo"><i class="pi pi-box"></i> Saldo: <b>4</b> / 4</div>
+        <div class="text-xs text-slate-500">R$ 40 / sessão · charging_style=saldo</div>
+      </div>
+    </div>
+    <div class="px-3 py-3 text-center text-slate-400 text-sm border-t">
+      <i class="pi pi-circle-off"></i> Nenhum <code>financial_record</code> criado ainda. Records nascem 1 a 1 quando cada sessão for marcada Realizada (vai pro Cenário 11 ↓).
+    </div>
+  `;
+  showToast('Contrato criado · 4 sessões · sem cobrança imediata');
+}
+
+/* =========================================================
+   CENÁRIO 9 — 1 por sessão
+   ========================================================= */
+function c9Save() {
+  const rows = [];
+  for (let i = 1; i <= 4; i++) {
+    rows.push(`
+      <div class="record-row">
+        <div>
+          <div class="record-name">Sessão ${i} · ${15 + (i-1)*7}/05</div>
+          <div class="record-meta">recorrência semanal · 1 por sessão</div>
+        </div>
+        <span class="pill pill-pending">pendente</span>
+        <div class="record-value">R$ 150,00</div>
+      </div>
+    `);
+  }
+  $('c9-finance').innerHTML = `
+    <div class="anim-pop">${rows.join('')}</div>
+    <div class="px-3 py-2 bg-slate-50 text-xs text-slate-500 border-t">
+      <i class="pi pi-info-circle"></i> 4 records (1 por ocorrência) + 8 mais conforme a série avança. Cada um pode ser pago independente.
+    </div>
+  `;
+  showToast('Série salva · 4 lançamentos pendentes criados');
+}
+
+/* =========================================================
+   CENÁRIO 10 — Status change AVULSA
+   ========================================================= */
+const c10_initial = `
+  <div class="record-row">
+    <div>
+      <div class="record-name">Sessão 15/05 16:00</div>
+      <div class="record-meta">avulsa · particular</div>
+    </div>
+    <span class="pill pill-pending">pendente</span>
+    <div class="record-value">R$ 200,00</div>
+  </div>
+`;
+function c10Status(action) {
+  if (action === 'reset') {
+    $('c10-finance').innerHTML = c10_initial;
+    $('c10-status').innerHTML = '<span class="pill pill-pending">pendente</span>';
+    return;
+  }
+  if (action === 'realizado') {
+    openDialog({
+      title: 'Confirmar realização',
+      html: `
+        <p class="text-sm">Marcar sessão como <b>Realizada</b>.</p>
+        <div class="bg-violet-50 border border-violet-200 rounded p-3 text-sm">
+          A cobrança de <b>R$ 200,00</b> vai ser mantida como <span class="pill pill-pending">pendente</span>.
+          <p class="text-xs text-slate-600 mt-1">Para registrar como pago, use o /financeiro depois.</p>
+        </div>
+      `,
+      onConfirm: () => {
+        $('c10-status').innerHTML = '<span class="pill pill-paid">realizado</span>';
+        $('c10-finance').innerHTML = `
+          <div class="record-row anim-flash">
+            <div>
+              <div class="record-name">Sessão 15/05 16:00 ✓</div>
+              <div class="record-meta">realizada · ainda não paga</div>
+            </div>
+            <span class="pill pill-pending">pendente</span>
+            <div class="record-value">R$ 200,00</div>
+          </div>
+        `;
+        showToast('Sessão marcada como realizada');
+      }
+    });
+  }
+  if (action === 'faltou') {
+    openDialog({
+      title: 'Paciente faltou',
+      html: `
+        <p class="text-sm">Conforme a regra <b>"Falta paciente"</b>, aplicar cobrança de <b>R$ 100,00</b> (50% do valor).</p>
+        <div>
+          <div class="field-label">Editar valor da multa?</div>
+          <input id="c10-fine" class="input" type="number" value="100">
+        </div>
+        <label class="ml-checkbox"><input type="checkbox" checked> Manter cobrança original (R$ 200) como cancelada</label>
+      `,
+      okLabel: 'Aplicar multa',
+      onConfirm: () => {
+        const fine = $('c10-fine').value || 100;
+        $('c10-status').innerHTML = '<span class="pill pill-cancel">faltou</span>';
+        $('c10-finance').innerHTML = `
+          <div class="record-row">
+            <div>
+              <div class="record-name strike">Sessão 15/05 16:00</div>
+              <div class="record-meta">cancelada por falta</div>
+            </div>
+            <span class="pill pill-cancel">cancelado</span>
+            <div class="record-value strike">R$ 200,00</div>
+          </div>
+          <div class="record-row anim-flash">
+            <div>
+              <div class="record-name">Multa por falta (15/05)</div>
+              <div class="record-meta">aplicada via financial_exceptions</div>
+            </div>
+            <span class="pill pill-pending">pendente</span>
+            <div class="record-value">R$ ${fine},00</div>
+          </div>
+        `;
+        showToast('Multa de R$ ' + fine + ' aplicada', 'warn');
+      }
+    });
+  }
+  if (action === 'cancelado') {
+    openDialog({
+      title: 'Cancelar sessão',
+      html: `
+        <p class="text-sm">Sessão cancelada com antecedência (>24h). Sem multa.</p>
+        <label class="ml-checkbox"><input type="checkbox" checked> Cancelar cobrança pendente R$ 200,00</label>
+      `,
+      okLabel: 'Cancelar sessão',
+      onConfirm: () => {
+        $('c10-status').innerHTML = '<span class="pill pill-cancel">cancelado</span>';
+        $('c10-finance').innerHTML = `
+          <div class="record-row anim-flash">
+            <div>
+              <div class="record-name strike">Sessão 15/05 16:00</div>
+              <div class="record-meta">cancelada (sem multa)</div>
+            </div>
+            <span class="pill pill-cancel">cancelado</span>
+            <div class="record-value strike">R$ 200,00</div>
+          </div>
+        `;
+        showToast('Sessão cancelada · sem cobrança');
+      }
+    });
+  }
+}
+
+/* =========================================================
+   CENÁRIO 11 — Status change PACOTE SALDO
+   ========================================================= */
+let c11_records = [];
+let c11_saldo = 4;
+const c11_initial_html = `
+  <div class="record-row">
+    <div>
+      <div class="record-name">Pacote 4× R$ 40</div>
+      <div class="record-meta">billing_contract · saldo <b id="c11-saldo-tag">4</b>/4</div>
+    </div>
+    <span class="pill pill-violet">contrato</span>
+    <div class="record-value">R$ 160,00</div>
+  </div>
+`;
+function c11Render() {
+  let html = c11_initial_html.replace('<b id="c11-saldo-tag">4</b>', '<b id="c11-saldo-tag">' + c11_saldo + '</b>');
+  c11_records.forEach((r, i) => {
+    html += `
+      <div class="record-row child anim-pop">
+        <div>
+          <div class="record-name">${r.name}</div>
+          <div class="record-meta">${r.meta}</div>
+        </div>
+        <span class="pill ${r.pillClass}">${r.pill}</span>
+        <div class="record-value">${r.value}</div>
+      </div>
+    `;
+  });
+  if (c11_records.length === 0) {
+    html += `<div class="px-3 py-2 bg-slate-50 text-xs text-slate-500 border-t"><i class="pi pi-info-circle"></i> Ainda sem records de sessão. Cada Realizada cria 1 record + decrementa saldo.</div>`;
+  } else {
+    html += `<div class="px-3 py-2 bg-slate-50 text-xs text-slate-500 border-t"><i class="pi pi-info-circle"></i> ${c11_records.length} record(s) gerado(s) · saldo restante: ${c11_saldo}/4</div>`;
+  }
+  $('c11-finance').innerHTML = html;
+  $('c11-saldo').textContent = c11_saldo;
+}
+function c11Status(action) {
+  if (action === 'reset') {
+    c11_records = [];
+    c11_saldo = 4;
+    $('c11-evento-status').innerHTML = '<span class="pill pill-pending">pendente</span>';
+    c11Render();
+    return;
+  }
+  if (action === 'realizado') {
+    openDialog({
+      title: 'Realizar sessão · pacote saldo',
+      html: `
+        <p class="text-sm">Marcar ocorrência virtual como <b>Realizada</b>.</p>
+        <div class="bg-violet-50 border border-violet-200 rounded p-3 text-sm">
+          <p>✓ Materializar ocorrência em <code>agenda_eventos</code></p>
+          <p>✓ Decrementar saldo: <b>${c11_saldo}</b> → <b>${c11_saldo - 1}</b></p>
+          <p>✓ Criar <code>financial_record</code> R$ 40,00 (status pending — gerar cobrança?)</p>
+        </div>
+        <label class="ml-checkbox"><input type="checkbox" checked> Gerar cobrança PIX</label>
+      `,
+      okLabel: 'Confirmar realização',
+      onConfirm: () => {
+        c11_saldo--;
+        c11_records.push({
+          name: 'Sessão consumida (15/05) ✓',
+          meta: 'realizada · cobrança PIX',
+          pill: 'pendente',
+          pillClass: 'pill-pending',
+          value: 'R$ 40,00'
+        });
+        $('c11-evento-status').innerHTML = '<span class="pill pill-paid">realizado</span>';
+        c11Render();
+        showToast('Sessão realizada · saldo ' + c11_saldo + '/4 · R$ 40 pendente');
+      }
+    });
+  }
+  if (action === 'faltou') {
+    openDialog({
+      title: 'Paciente faltou · pacote saldo',
+      html: `
+        <p class="text-sm">Como tratar essa falta?</p>
+        <label class="ml-checkbox block py-2"><input type="radio" name="missopt" checked> <b>Consumir do saldo</b> — sessão "queima" sem gerar cobrança nova (config <code>default_consume_on_miss</code>)</label>
+        <label class="ml-checkbox block py-2"><input type="radio" name="missopt"> <b>Aplicar multa R$ 20</b> — saldo preservado, multa cobrada</label>
+        <label class="ml-checkbox block py-2"><input type="radio" name="missopt"> <b>Nada</b> — saldo preservado, sem cobrança</label>
+      `,
+      okLabel: 'Aplicar',
+      onConfirm: () => {
+        const opt = document.querySelector('input[name="missopt"]:checked');
+        const idx = Array.from(document.querySelectorAll('input[name="missopt"]')).indexOf(opt);
+        if (idx === 0) {
+          c11_saldo--;
+          c11_records.push({
+            name: 'Falta 15/05 — consumiu saldo',
+            meta: 'faltou · sem cobrança · saldo decrementado',
+            pill: 'cancelado',
+            pillClass: 'pill-gray',
+            value: '—'
+          });
+          showToast('Saldo consumido por falta · ' + c11_saldo + '/4', 'warn');
+        } else if (idx === 1) {
+          c11_records.push({
+            name: 'Multa por falta (15/05)',
+            meta: 'saldo preservado',
+            pill: 'pendente',
+            pillClass: 'pill-pending',
+            value: 'R$ 20,00'
+          });
+          showToast('Multa de R$ 20 aplicada · saldo preservado', 'warn');
+        } else {
+          c11_records.push({
+            name: 'Falta 15/05',
+            meta: 'sem cobrança · saldo preservado',
+            pill: 'cancelado',
+            pillClass: 'pill-gray',
+            value: '—'
+          });
+          showToast('Falta registrada · sem cobrança');
+        }
+        $('c11-evento-status').innerHTML = '<span class="pill pill-cancel">faltou</span>';
+        c11Render();
+      }
+    });
+  }
+}
+
+/* =========================================================
+   CENÁRIO 12 — Antecipar pagamento
+   ========================================================= */
+let c12_pagoAntecipado = false;
+let c12_realizado = false;
+function c12OpenDialog() {
+  if (c12_pagoAntecipado) {
+    // Se já antecipou, oferece marcar como realizada
+    if (!c12_realizado) {
+      openDialog({
+        title: 'Marcar próxima como Realizada?',
+        html: `
+          <p class="text-sm">Você já antecipou o pagamento. Quer marcar a sessão como Realizada agora?</p>
+          <div class="bg-violet-50 border border-violet-200 rounded p-3 text-sm">
+            <p>✓ Atualizar status na agenda</p>
+            <p>✓ Decrementar saldo: <b>4</b> → <b>3</b></p>
+            <p>✗ NÃO criar novo record (já existe um pago)</p>
+          </div>
+        `,
+        okLabel: 'Marcar Realizada',
+        onConfirm: () => {
+          c12_realizado = true;
+          renderC12();
+          showToast('Sessão realizada · saldo 3/4 · sem record novo (já pago)');
+        }
+      });
+    } else {
+      showToast('Sessão já realizada', 'warn');
+    }
+    return;
+  }
+  openDialog({
+    title: 'Antecipar pagamento',
+    html: `
+      <p class="text-sm">Paciente quer pagar a próxima sessão antes dela acontecer.</p>
+      <div class="bg-violet-50 border border-violet-200 rounded p-3">
+        <p class="text-sm"><b>Carl Jung</b></p>
+        <p class="text-sm">Valor: <b>R$ 40,00</b></p>
+      </div>
+      <div>
+        <div class="field-label">Como o paciente pagou?</div>
+        <select class="input" id="c12-method">
+          <option>Já recebi — PIX</option>
+          <option>Já recebi — Dinheiro</option>
+          <option>Já recebi — Depósito</option>
+          <option>Já recebi — Cartão (maquininha)</option>
+          <option>Enviar link de pagamento (Asaas)</option>
+        </select>
+      </div>
+      <p class="text-xs text-amber-700 bg-amber-50 border border-amber-200 rounded p-2">
+        <i class="pi pi-info-circle"></i> O saldo do pacote será decrementado quando você marcar a sessão como Realizada.
+      </p>
+    `,
+    okLabel: 'Confirmar pagamento',
+    onConfirm: () => {
+      c12_pagoAntecipado = true;
+      const method = $('c12-method').value;
+      renderC12(method);
+      showToast('Pagamento registrado · R$ 40,00 — ' + method);
+    }
+  });
+}
+function renderC12(method) {
+  let html = `
+    <div class="record-row">
+      <div>
+        <div class="record-name">Pacote 4× R$ 40</div>
+        <div class="record-meta">billing_contract · saldo <b id="c12-saldo">${c12_realizado ? 3 : 4}</b>/4</div>
+      </div>
+      <span class="pill pill-violet">contrato</span>
+      <div class="record-value">R$ 160,00</div>
+    </div>
+  `;
+  if (c12_pagoAntecipado) {
+    html += `
+      <div class="record-row child anim-pop">
+        <div>
+          <div class="record-name">Sessão antecipada ${c12_realizado ? '✓' : '(futura)'}</div>
+          <div class="record-meta">${method || 'PIX'} · ${c12_realizado ? 'realizada · saldo decrementado' : 'paga antes · saldo intacto'}</div>
+        </div>
+        <span class="pill pill-paid">pago</span>
+        <div class="record-value">R$ 40,00</div>
+      </div>
+    `;
+  }
+  html += `
+    <div class="px-3 py-2 bg-slate-50 text-xs text-slate-500 border-t">
+      ${c12_pagoAntecipado && !c12_realizado ? '<i class="pi pi-info-circle text-amber-600"></i> Record pago criado, MAS saldo ainda 4/4. Clique novamente em "Antecipar pagamento" pra simular o "Marcar Realizada" depois.' : ''}
+      ${c12_realizado ? '<i class="pi pi-check-circle text-emerald-600"></i> Status atualizado · saldo decrementado · sem record novo (handler detectou record paid existente).' : ''}
+      ${!c12_pagoAntecipado ? '<i class="pi pi-arrow-left"></i> Clique em "Antecipar pagamento" no popover →' : ''}
+    </div>
+  `;
+  $('c12-finance').innerHTML = html;
+}
+
+/* =========================================================
+   TOC active highlight
+   ========================================================= */
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach(e => {
+    if (e.isIntersecting) {
+      document.querySelectorAll('.toc-link').forEach(a => a.classList.remove('active'));
+      const a = document.querySelector('.toc-link[href="#' + e.target.id + '"]');
+      if (a) a.classList.add('active');
+    }
+  });
+}, { rootMargin: '-30% 0px -60% 0px' });
+document.querySelectorAll('.scene').forEach(s => observer.observe(s));
+</script>
+</body>
+</html>
diff --git a/src/features/agenda/components/AgendaEventDialog.vue b/src/features/agenda/components/AgendaEventDialog.vue
index 6ade1e0..0ee8fba 100644
--- a/src/features/agenda/components/AgendaEventDialog.vue
+++ b/src/features/agenda/components/AgendaEventDialog.vue
@@ -32,6 +32,7 @@ import PatientCadastroDialog from '@/components/ui/PatientCadastroDialog.vue';
 import AgendaEventoFinanceiroPanel from '@/components/agenda/AgendaEventoFinanceiroPanel.vue';
 import ServiceQuickCreateDialog from './ServiceQuickCreateDialog.vue';
 import InsurancePlanQuickCreateDialog from './InsurancePlanQuickCreateDialog.vue';
+import InsurancePlanServiceQuickCreateDialog from './InsurancePlanServiceQuickCreateDialog.vue';
 import { useServices } from '@/features/agenda/composables/useServices';
 import { useCommitmentServices } from '@/features/agenda/composables/useCommitmentServices';
 import { usePatientDiscounts } from '@/features/agenda/composables/usePatientDiscounts';
@@ -123,7 +124,27 @@ const props = defineProps({
     //   ja existia pra modo edit, agora cobre tambem cenarios "criar sessao
     //   pra paciente fixo").
     lockType: { type: Boolean, default: false },
-    lockPatient: { type: Boolean, default: false }
+    lockPatient: { type: Boolean, default: false },
+
+    // occurrenceMode=true: dialog empilhado pra editar UMA ocorrencia da
+    // serie (acionado pelo botao "Editar" das pills). Layout enxuto:
+    // titulo "Pacote · X de Y Sessoes", apenas 4 cards (recorrencia,
+    // status, horario, escopo). O card "Aplicar alteracoes em" some do
+    // dialog pai e migra pra ca. Adicionado 2026-05-12.
+    occurrenceMode: { type: Boolean, default: false },
+
+    // serieRefreshTick: contador que bumpa quando o 2º dialog empilhado
+    // salva uma ocorrencia. Watch interno re-roda loadSerieEvents pra
+    // atualizar status das pills no dialog pai. So usado no dialog pai
+    // (no occurrenceMode é ignorado). Adicionado 2026-05-12.
+    serieRefreshTick: { type: Number, default: 0 },
+
+    // blockOverlapWarning: aviso quando o slot escolhido cai em cima de
+    // um bloqueio próprio do terapeuta. Renderizado como Message warn no
+    // topo do step 1. Shape: { titulo: string } ou null. O fluxo NÃO é
+    // bloqueado (só agendador público veta); a mensagem só sinaliza.
+    // Substitui o toast antigo que ficava atrás do overlay do dialog.
+    blockOverlapWarning: { type: Object, default: null }
 });
 
 const emit = defineEmits(['update:modelValue', 'save', 'delete', 'updateSeriesEvent', 'editSeriesOccurrence', 'updated']);
@@ -247,6 +268,25 @@ const qtdSessoesOpcoes = [
     { value: '12', label: '12 sessões' },
     { value: 'personalizar', label: 'Personalizar' }
 ];
+
+// Linha superior de cada opção — equivalente em meses, varia por frequência.
+// Semanal: 4/8/12 sessões = 1/2/3 meses. Quinzenal: 4/8/12 = 2/4/6 meses.
+// Outros tipos (diasEspecificos, avulsa): sem topLabel.
+function qtdSessoesTopLabel(value) {
+    if (value === 'personalizar') return null;
+    const t = recorrenciaType.value;
+    if (t === 'semanal') {
+        if (value === '4') return '1 mês';
+        if (value === '8') return '2 meses';
+        if (value === '12') return '3 meses';
+    }
+    if (t === 'quinzenal') {
+        if (value === '4') return '2 meses';
+        if (value === '8') return '4 meses';
+        if (value === '12') return '6 meses';
+    }
+    return null;
+}
 // recorrenciaType, diasSelecionados, toggleDiaSelecionado, qtdSessoesMode,
 // qtdSessoesCustom, qtdSessoesEfetiva, diaSemanaRecorrencia → composer (1B)
 
@@ -293,13 +333,158 @@ const isDynamic = computed(() => (props.agendaSettings?.slot_mode ?? 'fixed') ==
 
 // billingType → composer (1B); watcher → useAgendaEventActions (1C-i)
 const billingTypeOptions = [
-    { label: 'Gratuito', value: 'gratuito' },
-    { label: 'Particular', value: 'particular' },
+    { label: 'Sessão Particular', value: 'particular' },
+    { label: 'Sessão Gratuita', value: 'gratuito' },
     { label: 'Convênio', value: 'convenio' }
 ];
 
 // ──────────────────────────────────────────────────────────────────
 // A66 sub-sessão 1C-i — watchers + handlers de save/delete via factory.
+// Cobrança ao salvar — SelectButton com opções dinâmicas (Opção C1, 2026-05-13).
+// - Avulsa: ['none' | 'session']
+// - Recorrente: ['none' | 'package' | 'per_session']
+// Declarado ANTES do _actions pq onSave precisa incluir chargeMode no payload.
+// Substituiu o checkbox boolean gerarCobrancaAoSalvar (Fase 1 original).
+//
+// Default (user pediu 2026-05-14): em avulsa, vem com 'session' selecionado
+// (fluxo normal é cobrar). Em recorrente, mantém 'none' (mais conservador —
+// criar pacote ou per-session requer decisão consciente).
+const chargeMode = ref('session');
+function _defaultChargeModeFor(recorrType) {
+    return recorrType === 'avulsa' ? 'session' : 'none';
+}
+watch(
+    () => props.modelValue,
+    (open) => {
+        if (open) chargeMode.value = _defaultChargeModeFor(_composer.recorrenciaType?.value);
+    }
+);
+// Quando user troca entre avulsa ↔ recorrente sem fechar o dialog,
+// reseta pro default daquele modo (avulsa='session', recorrente='none').
+// Mostra mensagem warning de mudança que PERSISTE até user fechar o dialog
+// OU até nova troca de tipo (que sobrescreve). 2026-05-14.
+const chargeChangeMsg = ref('');
+// Key incrementa a cada troca pra forçar remount → re-dispara animação de pulse.
+const chargeChangeMsgKey = ref(0);
+watch(
+    () => _composer.recorrenciaType?.value,
+    (newType, oldType) => {
+        chargeMode.value = _defaultChargeModeFor(newType);
+        // Só mostra msg de mudança se houve transição real (não no init)
+        if (oldType && newType && oldType !== newType) {
+            const labels = {
+                avulsa: 'sessão avulsa',
+                semanal: 'recorrência semanal',
+                quinzenal: 'recorrência quinzenal',
+                diasEspecificos: 'recorrência personalizada'
+            };
+            const from = labels[oldType] || oldType;
+            const to = labels[newType] || newType;
+            chargeChangeMsg.value = `Você alterou de <b>${from}</b> para <b>${to}</b>. Confirme a forma de cobrança abaixo.`;
+            chargeChangeMsgKey.value++;
+        }
+    }
+);
+// Reset da mensagem só quando dialog reabre (zero state).
+watch(
+    () => props.modelValue,
+    (open) => {
+        if (open) chargeChangeMsg.value = '';
+    }
+);
+const chargeModeOptions = computed(() => {
+    const isAvulsa = _composer.recorrenciaType?.value === 'avulsa';
+    if (isAvulsa) {
+        return [
+            { value: 'none', label: 'Não cobrar agora' },
+            { value: 'session', label: 'Gerar cobrança' }
+        ];
+    }
+    return [
+        { value: 'none', label: 'Não cobrar agora' },
+        { value: 'package', label: 'Pacote único' },
+        { value: 'per_session', label: '1 por sessão' }
+    ];
+});
+const chargeModeHint = computed(() => {
+    switch (chargeMode.value) {
+        case 'session':
+            return 'Cria 1 cobrança no Financeiro com vencimento na data da sessão.';
+        case 'package':
+            return 'Cria 1 contrato de pacote no Financeiro com o valor total da série.';
+        case 'per_session':
+            return 'Materializa todas as ocorrências e cria 1 cobrança por sessão.';
+        case 'none':
+        default:
+            return 'Você pode gerar a cobrança depois pelo Financeiro ou pelo painel da sessão.';
+    }
+});
+
+// Estilo do pacote (2026-05-14): híbrido — quando chargeMode='package',
+// admin escolhe se quer cobrar tudo upfront (1 financial_record total)
+// ou só registrar saldo (Cliniko-style, sem cobrança imediata).
+const packageStyle = ref('upfront');
+const packageStyleOptions = [
+    { value: 'upfront', label: 'Cobrar total agora (1 boleto fechado)' },
+    { value: 'saldo', label: 'Saldo de pacote (sem cobrança imediata)' }
+];
+const showPackageStyle = computed(() => chargeMode.value === 'package');
+
+// Forma de pagamento (Request 1, 2026-05-14; refatorado 2026-05-16).
+// Antes era um único Select que misturava método + status ("Já recebi — PIX").
+// Agora separamos em 2 controles:
+//   - paymentMethod: forma de recebimento (link/pix/dinheiro/deposito/cartao_maquininha)
+//   - markPaidNow: bool — quando true, record nasce paid (paciente pagou na hora)
+// Quando method === 'link' (Asaas), markPaidNow é sempre false (gateway externo
+// só liquida via webhook). Os 2 controles juntam-se em paymentMethodOptions +
+// SelectButton "Cobrança pendente / Já recebi (dar baixa)".
+const paymentMethod = ref('link');
+const paymentMethodOptions = [
+    { value: 'link', label: 'Enviar link de pagamento (Asaas)' },
+    { value: 'pix', label: 'PIX' },
+    { value: 'dinheiro', label: 'Dinheiro' },
+    { value: 'deposito', label: 'Depósito' },
+    { value: 'cartao_maquininha', label: 'Cartão (maquininha)' }
+];
+const markPaidNow = ref(false);
+const markPaidOptions = [
+    { value: false, label: 'Cobrança pendente' },
+    { value: true, label: 'Já recebi (dar baixa)' }
+];
+// SelectButton de baixa só faz sentido quando método é direto (não Asaas).
+const showMarkPaidToggle = computed(() => paymentMethod.value !== 'link');
+watch(
+    () => props.modelValue,
+    (open) => {
+        if (open) {
+            paymentMethod.value = 'link';
+            markPaidNow.value = false;
+            packageStyle.value = 'upfront';
+        }
+    }
+);
+// Reset method/status e packageStyle quando user muda chargeMode.
+watch(chargeMode, () => {
+    paymentMethod.value = 'link';
+    markPaidNow.value = false;
+    packageStyle.value = 'upfront';
+});
+// Se user volta pra 'link' (Asaas), garante que markPaidNow=false (gateway
+// externo nunca nasce paid — depende do webhook).
+watch(paymentMethod, (m) => {
+    if (m === 'link') markPaidNow.value = false;
+});
+// Settlement aparece em:
+//   - avulsa + 'session': 1 cobrança da sessão
+//   - recorrente + 'package' + 'upfront': 1 cobrança fechada do pacote total
+// Não aparece em 'per_session' (N cobranças futuras, "já recebi" não cabe)
+// nem em 'package' + 'saldo' (sem cobrança imediata).
+const showPaymentSettlement = computed(() => {
+    if (_composer.recorrenciaType?.value === 'avulsa' && chargeMode.value === 'session') return true;
+    if (chargeMode.value === 'package' && packageStyle.value === 'upfront') return true;
+    return false;
+});
+
 // Recebe o composer (1B) + refs externos (commitmentItems, servicePickerSel,
 // selectedPlanService) + saveCommitmentItems do useCommitmentServices.
 // Retorna: refs internos (_skipStatusWatch, _prevStatus, _restoringConvenio,
@@ -311,6 +496,10 @@ const _actions = useAgendaEventActions({
     servicePickerSel,
     selectedPlanService,
     saveCommitmentItems,
+    chargeMode,
+    packageStyle,
+    paymentMethod,
+    markPaidNow,
     props,
     emit
 });
@@ -403,9 +592,15 @@ const {
     sendingReminder,
     serviceQuickDlgOpen,
     insuranceQuickDlgOpen,
+    planServiceQuickDlgOpen,
+    occFinancialRecord,
+    occFinancialLoading,
+    sessionPaymentRecord,
     serieCountByStatus,
     pillDeleteMenuItems,
     loadSerieEvents,
+    loadOccFinancialRecord,
+    loadSessionPaymentRecord,
     onPillEditClick,
     onPillStatusChange,
     onPillDeleteClick,
@@ -415,9 +610,26 @@ const {
     onServiceCreated,
     openInsuranceQuickCreate,
     onInsuranceCreated,
+    openPlanServiceQuickCreate,
+    onPlanServiceCreated,
     onSendManualReminder
 } = _lifecycle;
 
+// serieRefreshTick: bumpa quando o 2º dialog empilhado salva/deleta uma
+// ocorrencia. Re-roda loadSerieEvents pra refletir o novo status nas pills
+// do dialog pai. No occurrenceMode é ignorado — só o pai tem pills/lista.
+// 2026-05-12.
+watch(
+    () => props.serieRefreshTick,
+    (tick, prev) => {
+        if (props.occurrenceMode) return;
+        if (tick === prev) return;
+        if (!props.modelValue) return;
+        if (!hasSerie.value) return;
+        loadSerieEvents();
+    }
+);
+
 const totalFromItems = computed(() => commitmentItems.value.reduce((sum, item) => sum + (item.final_price ?? 0), 0));
 
 // Duração calculada como soma de services.duration_min dos itens (slot_mode=dynamic)
@@ -502,14 +714,47 @@ const isDiaFolga = computed(() => {
 
 // ── time picker ────────────────────────────────────────────
 const timePickerOpen = ref(false);
+// Snapshot pra revert ao fechar sem confirmar. Sem isso, o user mudava
+// dia/hora/duração no time picker e mesmo fechando via X / overlay / Esc,
+// os valores vazavam pro card principal (porque os bindings v-model são
+// diretos no form). User reportou em 2026-05-13.
+const _tpSnap = ref(null);
+const _tpCommitted = ref(false);
+function onTimePickerShow() {
+    _tpSnap.value = {
+        dia: form.value.dia ? new Date(form.value.dia) : null,
+        startTime: form.value.startTime,
+        duracaoMin: form.value.duracaoMin
+    };
+    _tpCommitted.value = false;
+}
+function onTimePickerHide() {
+    if (!_tpCommitted.value && _tpSnap.value) {
+        form.value.dia = _tpSnap.value.dia;
+        form.value.startTime = _tpSnap.value.startTime;
+        form.value.duracaoMin = _tpSnap.value.duracaoMin;
+    }
+    _tpSnap.value = null;
+    _tpCommitted.value = false;
+}
+function confirmTimePicker() {
+    _tpCommitted.value = true;
+    timePickerOpen.value = false;
+}
+function cancelTimePicker() {
+    // _tpCommitted permanece false → onTimePickerHide reverte
+    timePickerOpen.value = false;
+}
 // samePatientConflict → useAgendaEventActions (1C-i) — watcher
 // [paciente_id, dia] já está dentro do composable, samePatientConflict
 // vem do destructuring acima.
 
-const modalidadeOptions = [
-    { label: 'Presencial', value: 'presencial' },
-    { label: 'Online', value: 'online' }
-];
+// Toggle de modalidade — botao unico que alterna Presencial/Online,
+// substituindo o SelectButton em todas as resolucoes (mobile + desktop).
+const modalidadeLabel = computed(() => (form.value.modalidade === 'online' ? 'Online' : 'Presencial'));
+function toggleModalidade() {
+    form.value.modalidade = form.value.modalidade === 'online' ? 'presencial' : 'online';
+}
 
 // ── novo paciente ──────────────────────────────────────────
 // cadRapidoOpen, abrirCadastroCompleto → useAgendaEventPickerBilling (1C-ii-a)
@@ -533,6 +778,371 @@ const cadCompletoOpen = ref(false);
 // um e clica direto no outro sem fechar.
 const servicoHelpRef = ref(null);
 const convenioHelpRef = ref(null);
+const extrasHelpRef = ref(null);
+const onlineHelpRef = ref(null);
+
+// Dialog "Ver lançamentos da sessão" (2026-05-14): lista todos os
+// financial_records vinculados ao agenda_evento atual (sessão + multas
+// /taxas/etc). Aparece em edição via botão "Ver lançamentos".
+const sessionRecordsDialogOpen = ref(false);
+const sessionRecordsList = ref([]);
+const sessionRecordsLoading = ref(false);
+async function openSessionRecordsDialog() {
+    const eid = props.eventRow?.id;
+    if (!eid) return;
+    sessionRecordsDialogOpen.value = true;
+    sessionRecordsLoading.value = true;
+    try {
+        const { data, error } = await supabase
+            .from('financial_records')
+            .select('id, description, amount, final_amount, status, due_date, paid_at, payment_method, created_at')
+            .eq('agenda_evento_id', eid)
+            .is('deleted_at', null)
+            .order('created_at', { ascending: true });
+        if (error) throw error;
+        sessionRecordsList.value = data || [];
+    } catch (e) {
+        console.warn('[VerLancamentos] erro:', e?.message);
+        sessionRecordsList.value = [];
+    } finally {
+        sessionRecordsLoading.value = false;
+    }
+}
+function _fmtRecordBRL(v) {
+    return Number(v ?? 0).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
+}
+function _fmtRecordDate(d) {
+    if (!d) return '—';
+    try {
+        return new Date(d).toLocaleDateString('pt-BR');
+    } catch {
+        return '—';
+    }
+}
+const _recordMethodLabels = {
+    pix: 'PIX',
+    dinheiro: 'Dinheiro',
+    deposito: 'Depósito',
+    cartao: 'Cartão',
+    cartao_maquininha: 'Cartão (maquininha)',
+    convenio: 'Convênio',
+    asaas: 'Asaas'
+};
+const _recordStatusLabels = {
+    pending: 'Pendente',
+    paid: 'Pago',
+    overdue: 'Vencido',
+    cancelled: 'Cancelado',
+    refunded: 'Reembolsado',
+    partial: 'Parcial'
+};
+function _recordStatusSeverity(s) {
+    return { pending: 'info', paid: 'success', overdue: 'danger', cancelled: 'secondary', refunded: 'warn', partial: 'warn' }[s] || 'secondary';
+}
+
+// Dialog de seleção de serviços (particular) ou convênio. Substitui a
+// UI inline antiga: o card 3 (Sessão / Honorários) agora mostra empty
+// state ou resumo + botão "Editar" — a configuração detalhada (qtd,
+// desconto, procedimento, guia) acontece dentro deste dialog.
+const serviceDialogOpen = ref(false);
+
+// Dialog de configuração de Frequência (recorrência). Mesma lógica do
+// serviceDialogOpen — card de Frequência mostra empty/resumo + Editar,
+// e a config detalhada (chips, dias, qtd, preview) vive aqui.
+const freqDialogOpen = ref(false);
+
+// Resumo do card Frequência (display only)
+const freqResumoMain = computed(() => {
+    const t = recorrenciaType.value;
+    if (t === 'avulsa') return 'Sessão única';
+    if (t === 'semanal') return `Semanal · ${nomeDiaSemana(diaSemanaRecorrencia.value)}`;
+    if (t === 'quinzenal') return `Quinzenal · ${nomeDiaSemana(diaSemanaRecorrencia.value)}`;
+    if (t === 'diasEspecificos') {
+        const dias = (diasSelecionados.value || []).map((d) => nomeDiaSemana(d).slice(0, 3)).join(', ');
+        return `Dias específicos${dias ? ': ' + dias : ''}`;
+    }
+    return '—';
+});
+const freqResumoSub = computed(() => {
+    if (recorrenciaType.value === 'avulsa') return 'Sem repetição';
+    return totalOcorrencias.value
+        ? `${totalOcorrencias.value} ${totalOcorrencias.value === 1 ? 'sessão prevista' : 'sessões previstas'}`
+        : null;
+});
+
+// Total do pacote (items × ocorrências) quando há recorrência E valor.
+// Só ativa com >= 2 sessões — 1 sessão "recorrente" via Personalizar
+// não vira pacote (semanticamente esquisito).
+const pacoteTotal = computed(() => {
+    if (recorrenciaType.value === 'avulsa') return null;
+    if (!totalFromItems.value) return null;
+    if (!totalOcorrencias.value || totalOcorrencias.value < 2) return null;
+    return totalFromItems.value * totalOcorrencias.value;
+});
+
+// É um pacote? (recorrência com ≥ 2 sessões na criação OU edição de
+// sessão que faz parte de série já existente — hasSerie indica isso).
+const isPacote = computed(() =>
+    (recorrenciaType.value !== 'avulsa' && (totalOcorrencias.value || 0) >= 2) ||
+    (isEdit.value && hasSerie.value)
+);
+
+// Plural simples PT-BR pro nome do commitment (Sessão → Sessões,
+// Atividade → Atividades, etc.). Cobre os casos típicos do sistema.
+function pluralCommitment(name) {
+    if (!name) return 'sessões';
+    if (/ão$/i.test(name)) return name.replace(/ão$/i, 'ões');
+    if (/l$/i.test(name)) return name.replace(/l$/i, 'is');
+    if (/s$/i.test(name)) return name;
+    return name + 's';
+}
+
+// Posicao da ocorrencia atual na serie (1-based). Usa currentRecurrenceDate
+// (que vem de eventRow.recurrence_date) + serieEvents pra calcular. Retorna
+// null se nao for possivel localizar — fallback no headerMainLabel.
+const occurrenceIndex = computed(() => {
+    if (!currentRecurrenceDate.value || !serieEvents.value?.length) return null;
+    const idx = serieEvents.value.findIndex((ev) => ev.recurrence_date === currentRecurrenceDate.value);
+    return idx >= 0 ? idx + 1 : null;
+});
+const occurrenceTotalSessions = computed(() => serieEvents.value?.length || 0);
+
+// Título do header — adaptativo:
+//   Criando avulsa:    "Nova {Name}"
+//   Criando pacote:    "Pacote · N {Names}"
+//   Editando avulsa:   "Editar {Name}"
+//   Editando pacote:   "Sessão do Pacote · {Name}"  (faz parte de série)
+//   occurrenceMode:    "Pacote · X de Y Sessões"    (2º dialog empilhado)
+const headerMainLabel = computed(() => {
+    if (props.occurrenceMode) {
+        const idx = occurrenceIndex.value;
+        const total = occurrenceTotalSessions.value;
+        if (idx && total) return `Pacote · ${idx} de ${total} Sessões`;
+        if (total) return `Pacote · ${total} Sessões`;
+        return 'Pacote · Sessão';
+    }
+    const name = selectedCommitment.value?.name || '';
+    if (!name) return headerTitle.value;
+    if (isEdit.value) {
+        if (hasSerie.value) return `Sessão do Pacote · ${name}`;
+        return `Editar ${name}`;
+    }
+    if (isPacote.value) {
+        return `Pacote · ${totalOcorrencias.value} ${pluralCommitment(name)}`;
+    }
+    return `Nova ${name}`;
+});
+
+// ── occurrence billing lock state ──────────────────────────────────
+// Mapeia financial_record.status pra label+severity do Tag no card
+// Sessao/Honorarios do occurrenceMode. Quando ocorrencia ja tem cobranca
+// emitida (qualquer status), trava edicao de tipo/itens — ajustes via
+// fluxo do Financeiro (padrao SimplePractice). 2026-05-12.
+const occBillingStatusLabel = computed(() => {
+    const s = occFinancialRecord.value?.status;
+    if (s === 'paid') return 'Cobrança paga';
+    if (s === 'overdue') return 'Cobrança atrasada';
+    if (s === 'pending') return 'Cobrança pendente';
+    return '';
+});
+const occBillingStatusSeverity = computed(() => {
+    const s = occFinancialRecord.value?.status;
+    if (s === 'paid') return 'success';
+    if (s === 'overdue') return 'danger';
+    if (s === 'pending') return 'warn';
+    return 'info';
+});
+
+// ── Linha "Cobrança" do Resumo lateral (2026-05-18) ──────────────
+// Renderiza no Resumo do dialog uma linha curta com o estado atual
+// da cobrança (Pago / Pendente / Atrasada / Sem cobrança). Espelha
+// os 3 canais visuais da agenda (verde pago / amber pendente /
+// neutro). Sources:
+//   - sessionPaymentRecord (1 query em useAgendaEventLifecycle)
+//   - eventRow.price (fallback pra "Sem cobrança · R$ X" quando
+//     ainda nao ha record)
+const paymentSummary = computed(() => {
+    if (!isSessionEvent.value) return null;
+    const rec = sessionPaymentRecord.value;
+    const fmtDate = (d) => {
+        if (!d) return '';
+        try {
+            return new Date(d).toLocaleDateString('pt-BR', { day: '2-digit', month: '2-digit' });
+        } catch {
+            return '';
+        }
+    };
+    if (rec) {
+        const value = fmtBRL(rec.final_amount ?? rec.amount ?? 0);
+        if (rec.status === 'paid') {
+            const when = fmtDate(rec.paid_at);
+            return { icon: 'pi-check-circle', cls: 'aed-pay-summary-row--paid', label: when ? `Pago · ${value} · ${when}` : `Pago · ${value}` };
+        }
+        if (rec.status === 'overdue') {
+            const when = fmtDate(rec.due_date);
+            return { icon: 'pi-exclamation-circle', cls: 'aed-pay-summary-row--overdue', label: when ? `Atrasada · ${value} · venceu ${when}` : `Atrasada · ${value}` };
+        }
+        if (rec.status === 'pending') {
+            const when = fmtDate(rec.due_date);
+            return { icon: 'pi-dollar', cls: 'aed-pay-summary-row--pending', label: when ? `Pendente · ${value} · vence ${when}` : `Pendente · ${value}` };
+        }
+    }
+    // Sem record. Mostra só quando ja eh edit + tem paciente — em
+    // criacao nao faz sentido (a cobranca ainda nem foi decidida).
+    if (isEdit.value && form.value?.paciente_id) {
+        const price = form.value?.price;
+        if (price != null && price > 0) {
+            return { icon: 'pi-dollar', cls: 'aed-pay-summary-row--none', label: `Sem cobrança · ${fmtBRL(price)}` };
+        }
+        return { icon: 'pi-info-circle', cls: 'aed-pay-summary-row--none', label: 'Sem cobrança gerada' };
+    }
+    return null;
+});
+
+// ── Preview "antes e depois" das ocorrencias afetadas ─────────────────
+// So vale no occurrenceMode quando o user escolhe escopo > somente_este.
+// Mostra abaixo do card "Aplicar alteracoes em" duas colunas: as datas
+// originais (esquerda) e como ficam apos aplicar o delta de horario
+// (direita). Util pra confirmar antes de salvar.
+//
+// Delta = inicioDateTime.value - eventRow.inicio_em original.
+// Aplicamos uniforme em todas as ocorrencias afetadas. Para mudancas
+// de time-of-day puras (caso comum) o delta funciona perfeito; para
+// shift de dia-da-semana e aproximacao boa o bastante pro preview.
+const previewDeltaMs = computed(() => {
+    if (!props.occurrenceMode) return 0;
+    if (!inicioDateTime.value) return 0;
+    const origIso = props.eventRow?.inicio_em;
+    if (!origIso) return 0;
+    return inicioDateTime.value.getTime() - new Date(origIso).getTime();
+});
+
+const previewAffectedOccurrences = computed(() => {
+    if (!props.occurrenceMode) return [];
+    if (!hasSerie.value) return [];
+    if (editScope.value === 'somente_este') return [];
+    const list = serieEvents.value || [];
+    if (!list.length) return [];
+
+    let affected = list;
+    if (editScope.value === 'este_e_seguintes') {
+        const curIdx = list.findIndex((ev) => ev.recurrence_date === currentRecurrenceDate.value);
+        affected = curIdx >= 0 ? list.slice(curIdx) : list;
+    }
+    // 'todos' / 'todos_sem_excecao' — usa lista completa do serieEvents.
+    // (Exceptions canceladas ja aparecem em serieEvents marcadas como _cancelled.)
+
+    const delta = previewDeltaMs.value;
+    return affected.map((ev) => {
+        const origStart = new Date(ev.inicio_em);
+        const origEnd = new Date(ev.fim_em);
+        const newStart = delta ? new Date(origStart.getTime() + delta) : origStart;
+        const newEnd = delta ? new Date(origEnd.getTime() + delta) : origEnd;
+        return {
+            ev,
+            origStart,
+            origEnd,
+            newStart,
+            newEnd,
+            changed: delta !== 0
+        };
+    });
+});
+
+// Label do wallet no Resumo flutuante: valor total (pacote × N quando
+// recorrente, ou displayPrice base). O indicador "Pacote" aparece junto
+// com a modalidade ("Presencial · Pacote") em vez do wallet.
+const walletLabel = computed(() => {
+    if (pacoteTotal.value != null) {
+        return fmtBRL(pacoteTotal.value);
+    }
+    return displayPrice.value != null ? fmtBRL(displayPrice.value) : '—';
+});
+
+// Conta da multiplicação no card Frequência: "4× R$ 40 = R$ 160".
+const freqValorConta = computed(() => {
+    if (pacoteTotal.value == null) return null;
+    return `${totalOcorrencias.value}× ${fmtBRL(totalFromItems.value)} = ${fmtBRL(pacoteTotal.value)}`;
+});
+
+// Helpers da seção "Próximas ocorrências" — separador por mês +
+// referência temporal relativa ("em 2 semanas" etc.)
+function freqShouldShowMonthSep(idx) {
+    const cur = ocorrenciasComConflito.value?.[idx];
+    if (!cur) return false;
+    if (idx === 0) return true;
+    const prev = ocorrenciasComConflito.value[idx - 1];
+    const cd = new Date(cur.date);
+    const pd = new Date(prev.date);
+    return cd.getMonth() !== pd.getMonth() || cd.getFullYear() !== pd.getFullYear();
+}
+function freqMonthLabel(date) {
+    const d = new Date(date);
+    return d.toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' })
+        .replace(/^./, (c) => c.toUpperCase());
+}
+function freqRelativeLabel(date) {
+    const target = new Date(date);
+    target.setHours(0, 0, 0, 0);
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const diff = Math.round((target.getTime() - today.getTime()) / 86400000);
+    if (diff === 0) return 'hoje';
+    if (diff === 1) return 'amanhã';
+    if (diff < 0) {
+        const past = -diff;
+        if (past < 7) return `${past} dia${past === 1 ? '' : 's'} atrás`;
+        const w = Math.round(past / 7);
+        if (w < 8) return `${w} semana${w === 1 ? '' : 's'} atrás`;
+        const m = Math.round(past / 30);
+        return `${m} ${m === 1 ? 'mês' : 'meses'} atrás`;
+    }
+    if (diff < 14) return `em ${diff} dias`;
+    const w = Math.round(diff / 7);
+    if (w < 8) return `em ${w} semana${w === 1 ? '' : 's'}`;
+    const m = Math.round(diff / 30);
+    if (m < 12) return `em ${m} ${m === 1 ? 'mês' : 'meses'}`;
+    const y = Math.round(diff / 365);
+    return `em ${y} ano${y === 1 ? '' : 's'}`;
+}
+
+// Flags pra decidir empty vs resumo no card body
+const hasParticularConfigured = computed(() => commitmentItems.value.length > 0);
+const hasConvenioConfigured = computed(() => !!form.value.insurance_plan_id);
+const hasBillingConfigured = computed(() =>
+    billingType.value === 'particular' ? hasParticularConfigured.value :
+    billingType.value === 'convenio' ? hasConvenioConfigured.value :
+    false
+);
+
+// Helpers de desconto por item (display only — cálculo real vive no composer)
+function itemHasDiscount(item) {
+    return (item?.discount_pct > 0) || (item?.discount_flat > 0);
+}
+function itemSubtotal(item) {
+    return (Number(item?.unit_price) || 0) * (Number(item?.quantity) || 1);
+}
+function itemDiscountValue(item) {
+    return Math.max(0, itemSubtotal(item) - (Number(item?.final_price) || 0));
+}
+// Soma do desconto total aplicado nos itens — pro card resumo no body
+const totalDiscountFromItems = computed(() =>
+    commitmentItems.value.reduce((acc, it) => acc + itemDiscountValue(it), 0)
+);
+
+// Nome do convênio selecionado (pra resumo)
+const selectedPlanName = computed(() => {
+    const id = form.value.insurance_plan_id;
+    if (!id) return '';
+    const plan = (activePlans.value || []).find((p) => p.id === id);
+    return plan?.name || '';
+});
+// Nome do procedimento selecionado (pra resumo)
+const selectedPlanServiceName = computed(() => {
+    if (!selectedPlanService.value) return '';
+    const ps = (planServices.value || []).find((p) => p.id === selectedPlanService.value);
+    return ps?.name || '';
+});
 function onPatientCreatedCompleto(p) {
     if (!p) return;
     const nome = p.nome_completo || p.nome || p.name || '';
@@ -580,10 +1190,25 @@ function goToAgendamentosRecebidos() {
     router.push(`${prefix}/agendamentos-recebidos`);
 }
 
-function goToConveniosConfig() {
+// Rota dos Compromissos Determinados — Melissa usa /melissa/compromissos;
+// admin/therapist usam /agenda/compromissos sob seus prefixos.
+function goToCompromissosConfig() {
     visible.value = false;
-    const prefix = route.path.startsWith('/admin') ? '/admin' : '/therapist';
-    router.push(`${prefix}/configuracoes/convenios`);
+    const path = route.path.startsWith('/melissa')
+        ? '/melissa/compromissos'
+        : route.path.startsWith('/admin')
+            ? '/admin/agenda/compromissos'
+            : '/therapist/agenda/compromissos';
+    router.push(path);
+}
+
+// Rota das Configurações da Agenda (seção Online) — Melissa usa
+// /melissa/agenda-config; admin/therapist usam /configuracoes/agenda
+// dentro do contexto Melissa não existe (sempre embedado em MelissaLayout).
+function goToAgendaConfig() {
+    visible.value = false;
+    const path = route.path.startsWith('/melissa') ? '/melissa/agenda-config' : '/configuracoes/agenda';
+    router.push(path);
 }
 
 // ── duração / slots ────────────────────────────────────────
@@ -886,7 +1511,10 @@ const anyChildDialogOpen = computed(() =>
     cadRapidoOpen.value ||
     cadCompletoOpen.value ||
     serviceQuickDlgOpen.value ||
-    insuranceQuickDlgOpen.value
+    insuranceQuickDlgOpen.value ||
+    planServiceQuickDlgOpen.value ||
+    serviceDialogOpen.value ||
+    freqDialogOpen.value
 );
 
 // ── Sincronização do Resumo flutuante com a posição do Dialog ──
@@ -932,7 +1560,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-    <Dialog v-model:visible="visible" modal :draggable="false" :dismissableMask="!anyChildDialogOpen" :closeOnEscape="!anyChildDialogOpen" :style="dialogStyle" :breakpoints="{ '960px': '96vw', '640px': '98vw' }" class="agenda-event-composer" pt:mask:class="backdrop-blur-xs">
+    <Dialog v-model:visible="visible" modal :draggable="false" :dismissableMask="!anyChildDialogOpen" :closeOnEscape="!anyChildDialogOpen" :style="dialogStyle" :breakpoints="{ '960px': '96vw', '640px': '98vw' }" class="agenda-event-composer">
         <template #header>
             <div class="w-full flex items-center justify-between gap-3">
                 <!-- Slot headerLeft (override de chamadas como MelissaPaciente
@@ -944,7 +1572,7 @@ onBeforeUnmount(() => {
                         <div class="min-w-0">
                             <div class="flex items-center gap-1.5">
                                 <span class="font-semibold truncate text-base">
-                                    {{ step === 2 && selectedCommitment?.name ? `Nova ${selectedCommitment.name}` : headerTitle }}
+                                    {{ (occurrenceMode || (step === 2 && selectedCommitment?.name)) ? headerMainLabel : headerTitle }}
                                 </span>
                                 <button
                                     v-if="step === 2 && !isEdit && allowBack"
@@ -962,9 +1590,10 @@ onBeforeUnmount(() => {
                 </slot>
 
                 <!-- ── Cadastro Rapido — promovido pro topo do dialog (ao lado do close button)
-                       So aparece no step 2 e quando o tipo exige paciente (sessao). -->
+                       So aparece no step 2, quando o tipo exige paciente (sessao) E
+                       é criação (em edição faz pouco sentido cadastrar paciente novo). -->
                 <Button
-                    v-if="step === 2 && isSessionEvent"
+                    v-if="step === 2 && isSessionEvent && !isEdit"
                     label="Cadastro Rápido"
                     icon="pi pi-user-plus"
                     size="small"
@@ -983,6 +1612,11 @@ onBeforeUnmount(() => {
         <!-- ══════════════════════════════════════════════ -->
         <Transition name="step-fade" mode="out-in">
         <div v-if="step === 1 && !lockType" key="step-1" class="p-2">
+            <Message v-if="blockOverlapWarning" severity="warn" class="mb-4" :closable="false">
+                <i class="pi pi-exclamation-triangle mr-1" />
+                <span>Este horário está dentro do bloqueio <strong>"{{ blockOverlapWarning.titulo || 'Bloqueio' }}"</strong>. O compromisso pode ser criado mesmo assim.</span>
+            </Message>
+
             <div class="mb-4 text-sm text-color-secondary">Selecione o tipo de compromisso para começar.</div>
 
             <Message v-if="isDayBlocked" severity="warn" class="mb-4" :closable="false">
@@ -1017,15 +1651,269 @@ onBeforeUnmount(() => {
         <!-- STEP 2 — formulário + painel lateral          -->
         <!-- ══════════════════════════════════════════════ -->
         <div v-else key="step-2" class="composer-grid">
+            <!-- ══════════════════════════════════════════ -->
+            <!-- OCCURRENCE MODE — layout enxuto pra editar  -->
+            <!-- UMA ocorrência da série. Ordem fixa:        -->
+            <!--   1) Dados da Recorrência                   -->
+            <!--   2) Status                                 -->
+            <!--   3) Horário                                -->
+            <!--   4) Aplicar alterações em                  -->
+            <!-- ══════════════════════════════════════════ -->
+            <div v-if="occurrenceMode" class="composer-occurrence">
+                <!-- ── 1) DADOS DA RECORRÊNCIA ────────────────────── -->
+                <div class="field-card mb-4">
+                    <div class="field-card__header">
+                        <i class="pi pi-refresh" />
+                        <span>Dados da Recorrência</span>
+                    </div>
+                    <div class="field-card__body aed-occ-data">
+                        <div class="aed-occ-data__row">
+                            <i class="pi pi-bookmark aed-occ-data__icon" :style="selectedCommitment?.bg_color ? { color: `#${selectedCommitment.bg_color}` } : {}" />
+                            <span class="aed-occ-data__label">Compromisso</span>
+                            <span class="aed-occ-data__value">{{ selectedCommitment?.name || '—' }}</span>
+                        </div>
+                        <div v-if="isSessionEvent" class="aed-occ-data__row">
+                            <i class="pi pi-user aed-occ-data__icon" />
+                            <span class="aed-occ-data__label">Paciente</span>
+                            <span class="aed-occ-data__value truncate">{{ form.paciente_nome || '—' }}</span>
+                        </div>
+                        <div class="aed-occ-data__row">
+                            <i class="pi pi-calendar-clock aed-occ-data__icon" />
+                            <span class="aed-occ-data__label">Frequência</span>
+                            <span class="aed-occ-data__value">{{ freqResumoMain }}</span>
+                        </div>
+                        <div v-if="occurrenceIndex && occurrenceTotalSessions" class="aed-occ-data__row">
+                            <i class="pi pi-list aed-occ-data__icon" />
+                            <span class="aed-occ-data__label">Posição</span>
+                            <span class="aed-occ-data__value">Sessão {{ occurrenceIndex }} de {{ occurrenceTotalSessions }}</span>
+                        </div>
+                        <div class="aed-occ-data__row">
+                            <i class="pi pi-map-marker aed-occ-data__icon" />
+                            <span class="aed-occ-data__label">Modalidade</span>
+                            <span class="aed-occ-data__value capitalize">{{ form.modalidade || '—' }}</span>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- ── 2) STATUS DA SESSÃO ─────────────────────────── -->
+                <div v-if="isSessionEvent" class="field-card mb-4">
+                    <div class="field-card__header">
+                        <i class="pi pi-tag" />
+                        <span>Status da Sessão</span>
+                    </div>
+                    <div class="field-card__body">
+                        <SelectButton v-model="form.status" :options="statusOptionsFiltered" optionLabel="label" optionValue="value" optionDisabled="disabled" :allowEmpty="false" :disabled="isArchivedPastEdit" class="w-full status-select-btn" />
+                    </div>
+                </div>
+
+                <!-- ── 3) HORÁRIO ──────────────────────────────────── -->
+                <div class="field-card mb-4">
+                    <div class="field-card__header">
+                        <i class="pi pi-calendar" />
+                        <span class="md:hidden">Data e Horário</span>
+                        <Button
+                            label="Ajustar horário"
+                            icon="pi pi-pencil"
+                            size="small"
+                            severity="secondary"
+                            outlined
+                            class="rounded-full text-xs h-7 ml-auto md:ml-0"
+                            @click="timePickerOpen = true"
+                        />
+                    </div>
+                    <div class="field-card__body">
+                        <div class="time-hero" @click="timePickerOpen = true">
+                            <div class="time-hero__line">
+                                <span class="time-hero__date">{{ form.dia ? fmtDateBR(form.dia) : '—' }}</span>
+                                <span class="time-hero__bullet">•</span>
+                                <span class="time-hero__duration">{{ fmtDuracao(form.duracaoMin) }}</span>
+                            </div>
+                            <div class="time-hero__line">
+                                <span class="time-hero__time">{{ form.startTime || '—' }}</span>
+                                <span class="time-hero__arrow">→</span>
+                                <span class="time-hero__time">{{ fimDateTime ? fmtTime(fimDateTime) : '—' }}</span>
+                            </div>
+                        </div>
+                        <Message v-if="timeConflict" severity="warn" class="m-2 time-conflict-msg time-conflict-msg--inline" :closable="false">
+                            <i class="pi pi-exclamation-triangle mr-1" />
+                            {{ timeConflict }}
+                        </Message>
+                    </div>
+                </div>
+
+                <!-- ── 4) SESSÃO / HONORÁRIOS ────────────────────────
+                     Lock baseado em financial_record (padrao SimplePractice):
+                     - Sem cobranca emitida: edicao livre de tipo+itens.
+                     - Cobranca em pending/paid/overdue: trava edicao, mostra
+                       o panel embutido pra gerar/registrar pagamento no
+                       fluxo do Financeiro. Garante imutabilidade fiscal das
+                       cobrancas ja emitidas. 2026-05-12. -->
+                <div v-if="isSessionEvent" class="field-card mb-4">
+                    <div class="field-card__header">
+                        <i class="pi pi-wallet" />
+                        <span>Sessão / Honorários</span>
+                        <Tag v-if="occFinancialRecord" :value="occBillingStatusLabel" :severity="occBillingStatusSeverity" class="ml-auto" />
+                        <Select v-else-if="!occFinancialLoading"
+                            v-model="billingType"
+                            :options="billingTypeOptions"
+                            optionLabel="label"
+                            optionValue="value"
+                            size="small"
+                            class="aed-pay-mod-select ml-auto"
+                        />
+                    </div>
+                    <div class="field-card__body">
+                        <!-- LOCKED: cobranca ja emitida -->
+                        <template v-if="occFinancialRecord">
+                            <Message severity="info" :closable="false" class="m-2">
+                                <div class="text-sm">
+                                    <i class="pi pi-lock mr-1" />
+                                    Cobrança de <b>{{ fmtBRL(occFinancialRecord.final_amount ?? occFinancialRecord.amount) }}</b> já emitida.
+                                    Para alterar tipo ou serviços, ajuste a cobrança no Financeiro abaixo.
+                                </div>
+                            </Message>
+                            <AgendaEventoFinanceiroPanel :evento="eventRow" class="m-3" @cobranca-atualizada="loadOccFinancialRecord" />
+                        </template>
+
+                        <!-- LOADING -->
+                        <div v-else-if="occFinancialLoading" class="text-xs text-color-secondary p-3">
+                            <i class="pi pi-spinner pi-spin mr-1" /> Verificando estado da cobrança…
+                        </div>
+
+                        <!-- UNLOCKED: sem cobranca, edicao livre -->
+                        <template v-else>
+                            <div v-if="billingType === 'gratuito'" class="aed-pay-gratuito">
+                                <i class="pi pi-gift" />
+                                <span><b>Esta sessão será gratuita</b> — sem cobrança ao paciente.</span>
+                            </div>
+                            <template v-else>
+                                <button v-if="!hasBillingConfigured" type="button" class="patient-hero__empty" @click="serviceDialogOpen = true">
+                                    <div class="patient-hero__empty-icon">
+                                        <i :class="billingType === 'convenio' ? 'pi pi-shield' : 'pi pi-shopping-bag'" />
+                                    </div>
+                                    <div>
+                                        <div class="font-semibold">
+                                            {{ billingType === 'convenio' ? 'Selecione convênio para adicionar e calcular' : 'Selecione serviços para adicionar e calcular' }}
+                                        </div>
+                                        <div class="text-xs text-color-secondary">Toque para configurar</div>
+                                    </div>
+                                    <i class="pi pi-chevron-right ml-auto text-color-secondary opacity-50" />
+                                </button>
+                                <div v-else class="aed-pay-summary">
+                                    <div class="aed-pay-summary__main">
+                                        <template v-if="billingType === 'particular'">
+                                            <div class="aed-pay-summary__count">
+                                                {{ commitmentItems.length }} {{ commitmentItems.length === 1 ? 'serviço' : 'serviços' }}
+                                                <span v-if="totalDiscountFromItems > 0" class="aed-pay-summary__discount">· desconto de {{ fmtBRL(totalDiscountFromItems) }}</span>
+                                            </div>
+                                            <div class="aed-pay-summary__value">{{ fmtBRL(totalFromItems) }}</div>
+                                        </template>
+                                        <template v-else-if="billingType === 'convenio'">
+                                            <div class="aed-pay-summary__count">
+                                                {{ selectedPlanName || 'Convênio' }}
+                                                <span v-if="selectedPlanServiceName" class="opacity-70">· {{ selectedPlanServiceName }}</span>
+                                            </div>
+                                            <div class="aed-pay-summary__value">{{ form.insurance_value != null ? fmtBRL(form.insurance_value) : '—' }}</div>
+                                        </template>
+                                    </div>
+                                    <Button label="Editar" icon="pi pi-pencil" size="small" severity="secondary" outlined class="rounded-full text-xs h-7" @click="serviceDialogOpen = true" />
+                                </div>
+                            </template>
+                        </template>
+                    </div>
+                </div>
+
+                <!-- Hint contextual abaixo do card Sessão / Honorários.
+                     Esclarece dúvidas comuns por tipo de cobrança sem
+                     poluir o form. Renderiza só quando o card está
+                     unlocked (sem cobrança emitida) — quando travado,
+                     a Message do lock ja explica o estado. -->
+                <div v-if="isSessionEvent && !occFinancialRecord && billingType === 'convenio'" class="aed-billing-hint mb-3">
+                    <i class="pi pi-info-circle" />
+                    <span><b>Nº da guia é opcional</b> — você pode salvar a sessão e preencher depois, quando o convênio responder.</span>
+                </div>
+                <div v-else-if="isSessionEvent && !occFinancialRecord && billingType === 'gratuito'" class="aed-billing-hint mb-3">
+                    <i class="pi pi-gift" />
+                    <span>Sessão <b>gratuita</b> — nenhum lançamento será gerado no Financeiro.</span>
+                </div>
+
+                <!-- ── 5) APLICAR ALTERAÇÕES EM ──────────────────────
+                     Travado quando cobranca ja emitida: mudancas estruturais
+                     em escopo > somente_este podem afetar serie inteira,
+                     mas cobrancas existentes permanecem imutaveis (filtro
+                     em propagateToSerie). Aqui apenas oculta o card pra
+                     simplificar — user nao confunde. 2026-05-12. -->
+                <div v-if="hasSerie && !occFinancialRecord" class="side-card mb-3">
+                    <div class="side-card__title mb-2">Aplicar alterações em</div>
+                    <SelectButton v-model="editScope" :options="editScopeOptions" optionLabel="label" optionValue="value" :optionDisabled="(o) => !!o.disabled" class="w-full" size="small" />
+                    <Message v-if="isFirstOccurrence" severity="info" :closable="false" class="mt-2">
+                        <span class="text-sm"> Esta é a primeira sessão da série. Para alterar todas as ocorrências, use <b>Todas da série</b>. </span>
+                    </Message>
+                </div>
+
+                <!-- ── 6) PREVIEW ANTES/DEPOIS ─────────────────────────
+                     So renderiza no occurrenceMode com escopo > somente_este
+                     e quando ha ocorrencias afetadas. Mostra duas colunas
+                     lado a lado: original (esquerda) e como ficara apos a
+                     mudanca (direita). Apoia o user a entender o impacto da
+                     escolha de escopo antes de salvar. 2026-05-12. -->
+                <div v-if="previewAffectedOccurrences.length" class="aed-preview-card mb-3">
+                    <div class="aed-preview-card__header">
+                        <i class="pi pi-arrow-right-arrow-left" />
+                        <span>Pré-visualização — {{ previewAffectedOccurrences.length }} {{ previewAffectedOccurrences.length === 1 ? 'sessão afetada' : 'sessões afetadas' }}</span>
+                    </div>
+                    <div class="aed-preview-card__cols">
+                        <div class="aed-preview-col">
+                            <div class="aed-preview-col__title">Antes</div>
+                            <div class="aed-preview-list">
+                                <div
+                                    v-for="(item, idx) in previewAffectedOccurrences"
+                                    :key="`before-${item.ev.id || item.ev.recurrence_date}`"
+                                    class="aed-preview-row"
+                                    :class="[`aed-preview-row--${item.ev._status || 'agendado'}`, { 'aed-preview-row--past': isPast(item.ev.inicio_em) }]"
+                                >
+                                    <span class="aed-preview-row__num">{{ idx + 1 }}</span>
+                                    <div class="aed-preview-row__date">
+                                        <span class="aed-preview-row__weekday">{{ fmtWeekdayShort(item.origStart) }}</span>
+                                        <span class="aed-preview-row__daynum">{{ fmtDayNum(item.origStart) }}</span>
+                                        <span class="aed-preview-row__month">{{ fmtMonthShort(item.origStart) }}</span>
+                                    </div>
+                                    <span class="aed-preview-row__time">{{ fmtTime(item.origStart) }}</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="aed-preview-col aed-preview-col--after">
+                            <div class="aed-preview-col__title">Depois</div>
+                            <div class="aed-preview-list">
+                                <div
+                                    v-for="(item, idx) in previewAffectedOccurrences"
+                                    :key="`after-${item.ev.id || item.ev.recurrence_date}`"
+                                    class="aed-preview-row aed-preview-row--after"
+                                    :class="[`aed-preview-row--${item.ev._status || 'agendado'}`, { 'aed-preview-row--changed': item.changed }]"
+                                >
+                                    <span class="aed-preview-row__num">{{ idx + 1 }}</span>
+                                    <div class="aed-preview-row__date">
+                                        <span class="aed-preview-row__weekday">{{ fmtWeekdayShort(item.newStart) }}</span>
+                                        <span class="aed-preview-row__daynum">{{ fmtDayNum(item.newStart) }}</span>
+                                        <span class="aed-preview-row__month">{{ fmtMonthShort(item.newStart) }}</span>
+                                    </div>
+                                    <span class="aed-preview-row__time">{{ fmtTime(item.newStart) }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <!-- ─── COLUNA ESQUERDA — campos ─── -->
-            <div class="composer-left">
+            <div v-if="!occurrenceMode" class="composer-left">
                 <!-- Avisos topo -->
                 <Message v-if="form.conflito" severity="warn" class="mb-3" :closable="false"> <span class="font-semibold">Conflito:</span> {{ form.conflito }} </Message>
                 <Message v-if="isDayBlocked && !isSessionEvent" severity="warn" class="mb-3" :closable="false">
                     <i class="pi pi-lock mr-1" />
                     Atenção: dia bloqueado. Este tipo pode ser salvo normalmente.
                 </Message>
-                <Message v-if="jornadaDialog" :severity="jornadaDialog.isOff ? 'warn' : 'info'" class="mb-3" :closable="false">
+                <Message v-if="jornadaDialog" :severity="jornadaDialog.isOff ? 'warn' : 'info'" class="mb-3 aed-msg-jornada aed-msg-jornada--inline" :closable="false">
                     <i :class="jornadaDialog.isOff ? 'pi pi-moon mr-1' : 'pi pi-clock mr-1'" />
                     {{ jornadaDialog.text }}
                 </Message>
@@ -1066,16 +1954,39 @@ onBeforeUnmount(() => {
                     </div>
                 </Message>
 
-                <!-- ── PACIENTE (destaque total) ──────────────────── -->
-                <div v-if="isSessionEvent" class="patient-hero mb-4">
+                <!-- ── PACIENTE + DATA E HORÁRIO (lado a lado em desktop) ──
+                     Em sessao, ambos lado a lado (aed-row-50, 50/50 >=768px).
+                     Em commitments nao-sessao (sem paciente), wrapper vira
+                     div vazio e Data e Horario usa seu proprio mb-4. -->
+                <div :class="isSessionEvent ? 'aed-row-50' : ''">
+                <div v-if="isSessionEvent" class="patient-hero">
                     <div class="patient-hero__label">
                         <div class="flex items-center gap-1.5">
                             <i class="pi pi-user" />
-                            <span>Paciente</span>
+                            <!-- Mobile: label "Paciente" textual.
+                                 Desktop: substituido pelo botao toggle modalidade abaixo. -->
+                            <span class="patient-hero__label-text">Paciente</span>
+                            <Button
+                                v-tooltip.top="'Clique para alternar Presencial/Online'"
+                                :label="modalidadeLabel"
+                                icon="pi pi-pencil"
+                                size="small"
+                                severity="secondary"
+                                outlined
+                                class="patient-hero__modal-btn rounded-full text-xs h-7"
+                                @click="toggleModalidade"
+                            />
                         </div>
                         <div class="flex items-center gap-2 ml-auto">
-                            <SelectButton v-model="form.modalidade" :options="modalidadeOptions" optionLabel="label" optionValue="value" :allowEmpty="false" size="small" class="patient-hero__mod-select" />
-                            <Button icon="pi pi-id-card" severity="primary" text class="patient-hero__cad-completo-btn" v-tooltip.top="'Cadastro completo'" @click="cadCompletoOpen = true" />
+                            <Button
+                                icon="pi pi-id-card"
+                                severity="primary"
+                                text
+                                class="patient-hero__cad-completo-btn"
+                                v-tooltip.top="isEdit ? 'Edição de paciente indisponível no fluxo de sessão' : 'Cadastro completo'"
+                                :disabled="isEdit"
+                                @click="cadCompletoOpen = true"
+                            />
                         </div>
                     </div>
 
@@ -1098,7 +2009,17 @@ onBeforeUnmount(() => {
                         <div class="min-w-0 flex-1">
                             <div class="font-bold text-base truncate">{{ form.paciente_nome }}</div>
                             <div class="flex items-center gap-1.5 flex-wrap">
-                                <span class="text-xs text-color-secondary">Paciente vinculado</span>
+                                <!-- Mini links Editar / Limpar — substituem o texto "Paciente vinculado"
+                                     + botoes redondos a direita. Locked mostra texto e cadeado. -->
+                                <template v-if="!patientLocked && !lockPatient">
+                                    <button type="button" class="patient-hero__link" @click="openPacientePicker">Editar</button>
+                                    <span class="patient-hero__link-sep">/</span>
+                                    <button type="button" class="patient-hero__link patient-hero__link--danger" @click="clearPaciente">Limpar</button>
+                                </template>
+                                <span v-else class="text-xs text-color-secondary inline-flex items-center gap-1" v-tooltip.top="lockPatient ? 'Paciente do prontuário' : 'Paciente não pode ser alterado após criação'">
+                                    <i class="pi pi-lock" style="font-size: 0.7rem" />
+                                    Paciente vinculado
+                                </span>
                                 <span
                                     v-if="form.paciente_status === 'Inativo' || form.paciente_status === 'Arquivado'"
                                     style="display: inline-block; background: #f97316; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 1px 6px; border-radius: 3px; line-height: 1.5"
@@ -1106,11 +2027,6 @@ onBeforeUnmount(() => {
                                 >
                             </div>
                         </div>
-                        <div class="flex gap-1 shrink-0">
-                            <Button v-if="!patientLocked && !lockPatient" icon="pi pi-pencil" severity="secondary" outlined size="small" class="rounded-full h-8 w-8" v-tooltip.top="'Trocar'" @click="openPacientePicker" />
-                            <Button v-if="!patientLocked && !lockPatient" icon="pi pi-times" severity="secondary" text size="small" class="rounded-full h-8 w-8" v-tooltip.top="'Limpar'" @click="clearPaciente" />
-                            <span v-if="patientLocked || lockPatient" v-tooltip.top="lockPatient ? 'Paciente do prontuário' : 'Paciente não pode ser alterado após criação'" class="flex items-center gap-1 text-xs text-color-secondary px-2"><i class="pi pi-lock" /></span>
-                        </div>
                     </div>
 
                     <Message v-if="samePatientConflict && isSessionEvent" severity="warn" class="mt-2" :closable="false">
@@ -1123,31 +2039,40 @@ onBeforeUnmount(() => {
                 <div class="field-card mb-4">
                     <div class="field-card__header">
                         <i class="pi pi-calendar" />
-                        <span>Data e Horário</span>
-                        <div class="flex items-center gap-1 ml-auto">
-                            <Button label="Ajustar horário" icon="pi pi-pencil" size="small" severity="secondary" outlined class="rounded-full text-xs h-7" @click="timePickerOpen = true" />
-                        </div>
+                        <!-- Mobile: label visível; Desktop (>=md/768): label some
+                             e botão "Ajustar horário" toma o lugar. Mesmo padrão
+                             do patient-hero com o toggle Modalidade. -->
+                        <span class="md:hidden">Data e Horário</span>
+                        <!-- Ajustar horário:
+                             - Em criação: sempre visível
+                             - Em edição avulsa: visível (terapeuta pode reagendar)
+                             - Em edição de série: escondido (use o 3º dialog de ocorrência)
+                             Política "esconder em vez de disabled" pra não criar dúvida.
+                             2026-05-13. -->
+                        <Button
+                            v-if="!isEdit || !hasSerie"
+                            label="Ajustar horário"
+                            icon="pi pi-pencil"
+                            size="small"
+                            severity="secondary"
+                            outlined
+                            class="rounded-full text-xs h-7 ml-auto md:ml-0"
+                            @click="timePickerOpen = true"
+                        />
                     </div>
                     <div class="field-card__body">
-                        <div class="time-hero" @click="timePickerOpen = true">
-                            <div class="time-hero__block">
-                                <span class="time-hero__label">Data</span>
-                                <span class="time-hero__value">{{ form.dia ? fmtDateBR(form.dia) : '—' }}</span>
+                        <div class="time-hero" :class="{ 'time-hero--readonly': isEdit && hasSerie }" @click="(!isEdit || !hasSerie) && (timePickerOpen = true)">
+                            <!-- Linha 1: Data • Duração -->
+                            <div class="time-hero__line">
+                                <span class="time-hero__date">{{ form.dia ? fmtDateBR(form.dia) : '—' }}</span>
+                                <span class="time-hero__bullet">•</span>
+                                <span class="time-hero__duration">{{ fmtDuracao(form.duracaoMin) }}</span>
                             </div>
-                            <div class="time-hero__sep" />
-                            <div class="time-hero__block">
-                                <span class="time-hero__label">Início</span>
-                                <span class="time-hero__value">{{ form.startTime || '—' }}</span>
-                            </div>
-                            <div class="time-hero__sep" />
-                            <div class="time-hero__block">
-                                <span class="time-hero__label">Duração</span>
-                                <span class="time-hero__value">{{ fmtDuracao(form.duracaoMin) }}</span>
-                            </div>
-                            <div class="time-hero__sep" />
-                            <div class="time-hero__block">
-                                <span class="time-hero__label">Término</span>
-                                <span class="time-hero__value">{{ fimDateTime ? fmtTime(fimDateTime) : '—' }}</span>
+                            <!-- Linha 2: Início → Término -->
+                            <div class="time-hero__line">
+                                <span class="time-hero__time">{{ form.startTime || '—' }}</span>
+                                <span class="time-hero__arrow">→</span>
+                                <span class="time-hero__time">{{ fimDateTime ? fmtTime(fimDateTime) : '—' }}</span>
                             </div>
                         </div>
                         <!-- Inline (mobile) — no desktop migra pro Teleport abaixo do Resumo flutuante -->
@@ -1159,9 +2084,13 @@ onBeforeUnmount(() => {
                     <!-- /field-card__body -->
                 </div>
                 <!-- /field-card -->
+                </div>
+                <!-- /aed-row-50 (Paciente + Data e Horário) -->
 
                 <!-- ── STATUS DA SESSÃO ───────────────────────────── -->
-                <div v-if="isSessionEvent && isEdit" class="field-card mb-4">
+                <!-- Não aparece em pacote — o status é por ocorrência da série,
+                     gerenciado no calendário, não aqui. -->
+                <div v-if="isSessionEvent && isEdit && !isPacote" class="field-card mb-4">
                     <div class="field-card__header">
                         <i class="pi pi-tag" />
                         <span>Status da Sessão</span>
@@ -1171,31 +2100,7 @@ onBeforeUnmount(() => {
                     </div>
                 </div>
 
-                <!-- ── CAMPOS EXTRAS (herdados do compromisso determinado) ──
-                     'notes' é caso especial: bindamos em form.observacoes pra
-                     manter compat com a coluna nativa agenda_eventos.observacoes
-                     (consumida por relatórios/prontuário). Outros campos vão pra
-                     agenda_eventos.extra_fields (JSONB) via form.extra_fields. -->
-                <div v-if="selectedCommitmentFields.length" class="field-card mb-4">
-                    <div class="field-card__header">
-                        <i class="pi pi-list" />
-                        <span>Campos Extras (compromisso)</span>
-                    </div>
-                    <div class="field-card__body aed-extras-body">
-                        <div class="fields-grid">
-                            <div v-for="f in selectedCommitmentFields" :key="f.key" :class="{ 'col-span-full': f.field_type === 'textarea' }">
-                                <FloatLabel variant="on">
-                                    <template v-if="f.field_type === 'textarea' && f.key === 'notes'">
-                                        <Textarea :id="`aed-extra-${f.key}`" v-model="form.observacoes" class="w-full" variant="filled" rows="3" autoResize :disabled="isArchivedPastEdit" />
-                                    </template>
-                                    <Textarea v-else-if="f.field_type === 'textarea'" :id="`aed-extra-${f.key}`" v-model="form.extra_fields[f.key]" class="w-full" variant="filled" rows="2" autoResize />
-                                    <InputText v-else :id="`aed-extra-${f.key}`" v-model="form.extra_fields[f.key]" class="w-full" variant="filled" />
-                                    <label :for="`aed-extra-${f.key}`">{{ f.label }}{{ f.required ? ' *' : '' }}</label>
-                                </FloatLabel>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+                <!-- Extras movido pro final do form (depois de Sessão/Honorários + Frequência) -->
 
                 <!-- ── DEMAIS CAMPOS ──────────────────────────────── -->
                 <div class="fields-grid">
@@ -1243,19 +2148,23 @@ onBeforeUnmount(() => {
 
                     <div v-if="!serieLoading && serieEvents.length" class="serie-pills-wrap">
                         <div
-                            v-for="ev in serieEvents"
+                            v-for="(ev, idx) in serieEvents"
                             :key="ev.id || ev.recurrence_date"
                             class="serie-pill"
                             :class="[`serie-pill--${ev._status || 'agendado'}`, { 'serie-pill--current': ev.recurrence_date === currentRecurrenceDate, 'serie-pill--past': isPast(ev.inicio_em) }]"
                         >
+                            <span class="serie-pill__num">{{ idx + 1 }}</span>
                             <div class="serie-pill__date">
                                 <span class="serie-pill__weekday">{{ fmtWeekdayShort(ev.inicio_em) }}</span>
                                 <span class="serie-pill__daynum">{{ fmtDayNum(ev.inicio_em) }}</span>
                                 <span class="serie-pill__month">{{ fmtMonthShort(ev.inicio_em) }}</span>
                             </div>
                             <span class="serie-pill__time">{{ fmtTime(new Date(ev.inicio_em)) }}</span>
-                            <Select v-model="ev._status" :options="statusOptions" optionLabel="label" optionValue="value" size="small" variant="filled" class="serie-pill__status-sel" @change="onPillStatusChange(ev)" />
-                            <span v-if="ev.recurrence_date === currentRecurrenceDate" class="serie-pill__cur-badge">atual</span>
+                            <!-- Status: badge read-only. Edicao do status vive
+                                 dentro do dialog "Editar Ocorrencia" (botao
+                                 Editar abre o 2º dialog). 2026-05-12. -->
+                            <span class="serie-pill__status-badge">{{ labelStatusSessao(ev._status || 'agendado') }}</span>
+                            <span v-if="ev.recurrence_date === currentRecurrenceDate" class="serie-pill__cur-badge">Atual</span>
                             <Button label="Editar" icon="pi pi-pencil" text size="small" severity="secondary" class="serie-pill__edit" v-tooltip.left="'Editar esta sessão'" @click="onPillEditClick(ev)" />
                             <Button icon="pi pi-times" text size="small" severity="secondary" class="serie-pill__del" v-tooltip.left="'Remover'" @click="onPillDeleteClick(ev, $event)" />
                         </div>
@@ -1267,342 +2176,307 @@ onBeforeUnmount(() => {
                 </div>
             </div>
 
-            <!-- ─── ABAIXO DO FORM — Escopo, Financeiro, e Resumo (mobile) ─── -->
-            <div class="composer-right">
-                <!-- ── ESCOPO DE EDIÇÃO — só em modo edição de série ── -->
-                <div v-if="isEdit && hasSerie" class="side-card mb-3">
-                    <div class="side-card__title mb-2">Aplicar alterações em</div>
-                    <SelectButton v-model="editScope" :options="editScopeOptions" optionLabel="label" optionValue="value" :optionDisabled="(o) => !!o.disabled" class="w-full" size="small" />
-                    <Message v-if="isFirstOccurrence" severity="info" :closable="false" class="mt-2">
-                        <span class="text-sm"> Esta é a primeira sessão da série. Para alterar todas as ocorrências, use <b>Todos</b> ou <b>Todos sem exceção</b>. </span>
-                    </Message>
-                </div>
+            <!-- ─── ABAIXO DO FORM — Financeiro, e Resumo (mobile) ─── -->
+            <!-- Escopo "Aplicar alterações em" migrou pro occurrenceMode em
+                 2026-05-12 — só aparece no 2º dialog empilhado de ocorrência. -->
+            <div v-if="!occurrenceMode" class="composer-right">
+
+                <!-- ── SESSÃO/HONORÁRIOS + FREQUÊNCIA (lado a lado em desktop) ──
+                     Quando ha serie (edicao de evento ja vinculado a regra),
+                     Frequencia some e Sessao/Honorarios ocupa a linha sozinho. -->
+                <div :class="(isSessionEvent && !hasSerie) ? 'aed-row-50' : ''">
 
                 <!-- ── FINANCEIRO (só sessão) ────────────────────────── -->
-                <!-- Padrao .field-card igual ao Data e Horario: header com
-                     icone+titulo a esquerda e Select Gratuito/Particular/
-                     Convenio a direita. Body so renderiza pra particular/
-                     convenio (Gratuito = card so com header, compacto). -->
+                <!-- Padrao .field-card: header com icone + label (mobile only) +
+                     Select Gratuito/Particular/Convenio. Default Particular.
+                     Body so renderiza pra particular/convenio (Gratuito =
+                     card so com header, compacto). -->
                 <div v-if="isSessionEvent" class="field-card mb-4">
                     <div class="field-card__header">
                         <i class="pi pi-wallet" />
-                        <span>Sessão / Honorários</span>
-                        <div class="ml-auto">
-                            <SelectButton
-                                v-model="billingType"
-                                :options="billingTypeOptions"
-                                optionLabel="label"
-                                optionValue="value"
-                                :allowEmpty="false"
-                                size="small"
-                                class="aed-pay-mod-select"
-                            />
-                        </div>
+                        <!-- Mobile: label visível; Desktop: label some e Select
+                             ocupa o espaço. Mesmo padrão do Paciente e Data/Horário. -->
+                        <span class="md:hidden">Sessão / Honorários</span>
+                        <Select
+                            v-model="billingType"
+                            :options="billingTypeOptions"
+                            optionLabel="label"
+                            optionValue="value"
+                            size="small"
+                            class="aed-pay-mod-select ml-auto md:ml-0"
+                        />
                     </div>
                     <Transition name="aed-pay-expand">
-                    <div v-if="billingType !== 'gratuito'" class="field-card__body aed-pay-body">
-                        <!-- PARTICULAR: seletor de serviço -->
-                        <template v-if="billingType === 'particular'">
-                            <InputGroup class="aed-pay-inputgroup">
-                                <Select
-                                    v-if="services.filter((s) => s.active).length"
-                                    v-model="servicePickerSel"
-                                    :options="services.filter((s) => s.active)"
-                                    optionLabel="name"
-                                    optionValue="id"
-                                    placeholder="Adicionar serviço..."
-                                    class="flex-1"
-                                    size="small"
-                                    @update:modelValue="
-                                        (id) => {
-                                            addItem(services.find((s) => s.id === id));
-                                            servicePickerSel = null;
-                                        }
-                                    "
-                                />
-                                <span v-else class="flex-1 text-xs text-color-secondary py-2 px-3 italic">Sem serviços cadastrados</span>
-                                <Button
-                                    icon="pi pi-plus"
-                                    v-tooltip.top="'Cadastrar novo serviço'"
-                                    severity="secondary"
-                                    size="small"
-                                    @click="openServiceQuickCreate"
-                                />
-                                <Button
-                                    icon="pi pi-question-circle"
-                                    v-tooltip.top="'Como funciona'"
-                                    severity="secondary"
-                                    outlined
-                                    size="small"
-                                    @click="(e) => servicoHelpRef?.toggle(e)"
-                                />
-                            </InputGroup>
-                            <Popover ref="servicoHelpRef">
-                                <div class="aed-help-pop">
-                                    <div class="aed-help-pop__title"><i class="pi pi-info-circle" /> Como adicionar serviços</div>
-                                    <ul class="aed-help-pop__list">
-                                        <li>Clique em um item do select pra <b>adicioná-lo</b> à sessão.</li>
-                                        <li>Clicando novamente no mesmo item, o valor é <b>somado</b> (aumenta a quantidade).</li>
-                                        <li>Use o botão <i class="pi pi-plus" /> pra <b>cadastrar</b> um serviço novo.</li>
-                                    </ul>
-                                </div>
-                            </Popover>
-                        </template>
+                    <div class="field-card__body aed-pay-body">
+                        <!-- Gratuito: aviso informativo, sem ações -->
+                        <div v-if="billingType === 'gratuito'" class="aed-pay-gratuito">
+                            <i class="pi pi-gift" />
+                            <span><b>Esta sessão será gratuita</b> — sem cobrança ao paciente.</span>
+                        </div>
 
-                        <!-- CONVÊNIO: fluxo progressivo -->
-                        <template v-if="billingType === 'convenio'">
-                            <!-- PASSO 1 — Select do plano + quick-create (sempre visível) -->
-                            <InputGroup class="aed-pay-inputgroup mb-2">
-                                <Select
-                                    v-model="form.insurance_plan_id"
-                                    :options="activePlans"
-                                    optionLabel="name"
-                                    optionValue="id"
-                                    placeholder="Selecionar convênio..."
-                                    showClear
-                                    class="flex-1"
-                                    size="small"
-                                />
-                                <Button
-                                    icon="pi pi-plus"
-                                    v-tooltip.top="'Cadastrar novo convênio'"
-                                    severity="secondary"
-                                    size="small"
-                                    @click="openInsuranceQuickCreate"
-                                />
-                                <Button
-                                    icon="pi pi-question-circle"
-                                    v-tooltip.top="'Como funciona'"
-                                    severity="secondary"
-                                    outlined
-                                    size="small"
-                                    @click="(e) => convenioHelpRef?.toggle(e)"
-                                />
-                            </InputGroup>
-                            <Popover ref="convenioHelpRef">
-                                <div class="aed-help-pop">
-                                    <div class="aed-help-pop__title"><i class="pi pi-info-circle" /> Como configurar o convênio</div>
-                                    <ul class="aed-help-pop__list">
-                                        <li><b>Selecione o convênio</b> do paciente no select.</li>
-                                        <li>Depois escolha o <b>procedimento</b> coberto e preencha <b>nº da guia</b> e <b>valor</b>.</li>
-                                        <li>Use o botão <i class="pi pi-plus" /> pra <b>cadastrar</b> um convênio novo na hora.</li>
-                                    </ul>
+                        <template v-else>
+                            <!-- Empty state — convida a abrir o dialog de seleção/cálculo -->
+                            <button
+                                v-if="!hasBillingConfigured"
+                                type="button"
+                                class="patient-hero__empty"
+                                @click="serviceDialogOpen = true"
+                            >
+                                <div class="patient-hero__empty-icon">
+                                    <i :class="billingType === 'convenio' ? 'pi pi-shield' : 'pi pi-shopping-bag'" />
                                 </div>
-                            </Popover>
-
-                            <!-- PASSO 2 — Procedimento (visível quando plano selecionado) -->
-                            <template v-if="hasInsurance">
-                                <template v-if="planServices.length > 0">
-                                    <label class="text-xs text-color-secondary mb-1 block">Procedimento</label>
-                                    <Select
-                                        v-model="selectedPlanService"
-                                        :options="planServices"
-                                        optionLabel="name"
-                                        optionValue="id"
-                                        placeholder="Selecionar procedimento..."
-                                        showClear
-                                        class="w-full mb-2"
-                                        size="small"
-                                        @update:modelValue="onProcedureSelect"
-                                    />
-                                </template>
-                                <div v-else class="flex items-center justify-between gap-2 mb-2 p-2 rounded-lg bg-surface-100">
-                                    <span class="text-xs text-color-secondary">Este convênio não tem procedimentos cadastrados.</span>
-                                    <Button label="Cadastrar" icon="pi pi-plus" size="small" severity="secondary" outlined class="rounded-full shrink-0 text-xs h-7" @click="goToConveniosConfig" />
-                                </div>
-
-                                <!-- PASSO 3 — Nº da Guia + Valor (visível após selecionar procedimento ou sem procedimentos) -->
-                                <template v-if="selectedPlanService != null || planServices.length === 0">
-                                    <div class="flex gap-2">
-                                        <div class="flex-1">
-                                            <label class="text-xs text-color-secondary mb-1 block">Nº da Guia</label>
-                                            <InputText v-model="form.insurance_guide_number" placeholder="Ex: 123456789" class="w-full" size="small" />
-                                        </div>
-                                        <div class="flex-1">
-                                            <label class="text-xs text-color-secondary mb-1 block">Valor (R$)</label>
-                                            <InputNumber v-model="form.insurance_value" mode="currency" currency="BRL" locale="pt-BR" :readonly="planServices.length > 0 && selectedPlanService != null" class="w-full" size="small" />
-                                        </div>
+                                <div>
+                                    <div class="font-semibold">
+                                        {{ billingType === 'convenio' ? 'Selecione convênio para adicionar e calcular' : 'Selecione serviços para adicionar e calcular' }}
                                     </div>
-                                </template>
-                            </template>
+                                    <div class="text-xs text-color-secondary">Toque para configurar</div>
+                                </div>
+                                <i class="pi pi-chevron-right ml-auto text-color-secondary opacity-50" />
+                            </button>
+
+                            <!-- Resumo configurado — total + count/nome + botão Editar -->
+                            <div v-else class="aed-pay-summary">
+                                <div class="aed-pay-summary__main">
+                                    <template v-if="billingType === 'particular'">
+                                        <div class="aed-pay-summary__count">
+                                            {{ commitmentItems.length }} {{ commitmentItems.length === 1 ? 'serviço' : 'serviços' }}
+                                            <span v-if="totalDiscountFromItems > 0" class="aed-pay-summary__discount">· desconto de {{ fmtBRL(totalDiscountFromItems) }}</span>
+                                        </div>
+                                        <div class="aed-pay-summary__value">{{ fmtBRL(totalFromItems) }}</div>
+                                    </template>
+                                    <template v-else-if="billingType === 'convenio'">
+                                        <div class="aed-pay-summary__count">
+                                            {{ selectedPlanName || 'Convênio' }}
+                                            <span v-if="selectedPlanServiceName" class="opacity-70">· {{ selectedPlanServiceName }}</span>
+                                        </div>
+                                        <div class="aed-pay-summary__value">{{ form.insurance_value != null ? fmtBRL(form.insurance_value) : '—' }}</div>
+                                    </template>
+                                </div>
+                                <Button
+                                    label="Editar"
+                                    icon="pi pi-pencil"
+                                    size="small"
+                                    severity="secondary"
+                                    outlined
+                                    class="rounded-full text-xs h-7"
+                                    @click="serviceDialogOpen = true"
+                                />
+                            </div>
                         </template>
                     </div>
                     </Transition>
+
+                    <!-- Cobrança da sessão (financial_records ja criado) —
+                         só em edição. Movido pra dentro do Sessao/Honorarios
+                         em 2026-05-11 (antes ficava num side-card separado). -->
+                    <AgendaEventoFinanceiroPanel v-if="isSessionEvent && isEdit && eventRow?.id" :evento="eventRow" class="m-3" @cobranca-atualizada="loadSessionPaymentRecord" />
+
+                    <!-- Botão "Ver lançamentos" (2026-05-14): abre dialog
+                         listando todos os financial_records vinculados à
+                         sessão (cobrança original + multas/extras). Aparece
+                         só em edição com evento real. -->
+                    <div v-if="isSessionEvent && isEdit && eventRow?.id" class="px-3 pb-3">
+                        <Button
+                            label="Ver lançamentos da sessão"
+                            icon="pi pi-list"
+                            severity="secondary"
+                            outlined
+                            size="small"
+                            class="rounded-full text-xs h-8"
+                            @click="openSessionRecordsDialog"
+                        />
+                    </div>
+
+                    <!-- Invariante de propagacao em series (padrao SimplePractice):
+                         alteracoes no template da regra so afetam sessoes futuras
+                         AINDA NAO cobradas. financial_records emitidos sao imutaveis
+                         pelo dialog — alteracoes vao via fluxo do Financeiro. Aviso
+                         fixo abaixo do panel financeiro pra usuario nao se surpreender
+                         com cobrancas inalteradas. 2026-05-12. -->
+                    <Message v-if="isSessionEvent && isEdit && hasSerie" severity="info" :closable="false" class="m-3">
+                        <div class="text-xs">
+                            <i class="pi pi-info-circle mr-1" />
+                            Alterações de tipo ou serviços afetam apenas sessões futuras
+                            ainda não cobradas. <b>Cobranças já emitidas permanecem inalteradas</b> —
+                            para ajustá-las, acesse o Financeiro.
+                        </div>
+                    </Message>
                 </div>
 
-                <!-- ── RECORRÊNCIA (só sessão) ───────────────────── -->
-                <div v-if="isSessionEvent" class="side-card">
-                    <div class="mb-3">
-                        <!-- Lista de itens adicionados -->
-                        <div v-if="commitmentItems.length" class="commitment-items-list mb-2">
-                            <div v-for="(item, idx) in commitmentItems" :key="idx" class="commitment-item-row">
-                                <!-- linha 1: nome + remover -->
-                                <div class="commitment-item-header">
-                                    <span class="commitment-item-name">{{ item.service_name }}</span>
-                                    <Button icon="pi pi-times" size="small" severity="danger" text @click="removeItem(idx)" />
-                                </div>
+                <!-- Hint contextual abaixo do card Sessão / Honorários
+                     (fluxo principal Melissa, fora do occurrenceMode).
+                     Esclarece dúvidas comuns por tipo de cobrança sem
+                     poluir o form. Esconde quando há cobrança paga/
+                     pendente (lock-edit) — a Message do panel já cobre. -->
+                <div v-if="isSessionEvent && !occFinancialRecord && billingType === 'convenio'" class="aed-billing-hint mb-3">
+                    <i class="pi pi-info-circle" />
+                    <span><b>Nº da guia é opcional</b> — você pode salvar a sessão e preencher depois, quando o convênio responder.</span>
+                </div>
+                <div v-else-if="isSessionEvent && !occFinancialRecord && billingType === 'gratuito'" class="aed-billing-hint mb-3">
+                    <i class="pi pi-gift" />
+                    <span>Sessão <b>gratuita</b> — nenhum lançamento será gerado no Financeiro.</span>
+                </div>
 
-                                <!-- linha 2: qtd | preço unit (editável) | desconto % | desconto fixo | total -->
-                                <div class="commitment-item-controls">
-                                    <div class="commitment-item-field">
-                                        <label class="commitment-item-label">Qtd</label>
-                                        <InputNumber v-model="item.quantity" :min="1" :max="99" size="small" inputClass="w-12 text-center" @update:modelValue="onItemChange(item)" />
-                                    </div>
-                                    <div class="commitment-item-field">
-                                        <label class="commitment-item-label">Preço unit.</label>
-                                        <InputNumber v-model="item.unit_price" mode="currency" currency="BRL" locale="pt-BR" :min="0" :minFractionDigits="2" size="small" inputClass="w-24" @update:modelValue="onItemChange(item)" />
-                                    </div>
-                                    <div class="commitment-item-field">
-                                        <label class="commitment-item-label">Desc %</label>
-                                        <InputNumber v-model="item.discount_pct" :min="0" :max="100" suffix="%" size="small" inputClass="w-16 text-center" @update:modelValue="onItemChange(item)" />
-                                    </div>
-                                    <div class="commitment-item-field">
-                                        <label class="commitment-item-label">Desc R$</label>
-                                        <InputNumber v-model="item.discount_flat" mode="currency" currency="BRL" locale="pt-BR" :min="0" :minFractionDigits="2" size="small" inputClass="w-20" @update:modelValue="onItemChange(item)" />
-                                    </div>
-                                    <div class="commitment-item-field commitment-item-field--final">
-                                        <label class="commitment-item-label">Total</label>
-                                        <span class="commitment-item-price">{{ fmtBRL(item.final_price) }}</span>
-                                    </div>
+                <!-- ── FREQUÊNCIA (só sessão, sem série) ──────────── -->
+                <div v-if="isSessionEvent && !hasSerie" class="field-card mb-4">
+                    <div class="field-card__header">
+                        <i class="pi pi-refresh" />
+                        <span>Frequência</span>
+                    </div>
+                    <div class="field-card__body">
+                        <!-- Avulsa = padrão. Renderiza como "selecionado" (mesma
+                             estrutura do estado configurado) pra ficar claro
+                             que JÁ É uma escolha válida — não um estado vazio.
+                             Botão Editar abre o dialog pra trocar pra recorrente. -->
+                        <div v-if="recorrenciaType === 'avulsa'" class="aed-pay-summary">
+                            <div class="aed-pay-summary__main">
+                                <div class="aed-pay-summary__count">Tipo</div>
+                                <div class="aed-pay-summary__value text-base">Avulsa</div>
+                                <div class="aed-freq-conta">Sessão única, sem repetição</div>
+                            </div>
+                            <Button
+                                label="Editar"
+                                icon="pi pi-pencil"
+                                size="small"
+                                severity="secondary"
+                                outlined
+                                class="rounded-full text-xs h-7"
+                                @click="freqDialogOpen = true"
+                            />
+                        </div>
+
+                        <!-- Recorrência configurada — resumo + botão Editar -->
+                        <div v-else class="aed-pay-summary">
+                            <div class="aed-pay-summary__main">
+                                <div class="aed-pay-summary__count">{{ freqResumoMain }}</div>
+                                <div v-if="freqResumoSub" class="aed-pay-summary__value text-base">{{ freqResumoSub }}</div>
+                                <div v-if="freqValorConta" class="aed-freq-conta">{{ freqValorConta }}</div>
+                            </div>
+                            <Button
+                                label="Editar"
+                                icon="pi pi-pencil"
+                                size="small"
+                                severity="secondary"
+                                outlined
+                                class="rounded-full text-xs h-7"
+                                @click="freqDialogOpen = true"
+                            />
+                        </div>
+                    </div>
+                </div>
+                </div>
+                <!-- /aed-row-50 (Sessão/Honorários + Frequência) -->
+
+                <!-- ── COBRANÇA (Card dedicado fullwidth, 2026-05-14)
+                     Opções dinâmicas baseadas em recorrenciaType (avulsa/recorrente).
+                     Quando user troca tipo (avulsa↔recorrente), mostra mensagem
+                     vermelha de mudança e reseta as opções. -->
+                <div
+                    v-if="!isEdit && isSessionEvent && billingType === 'particular' && hasBillingConfigured"
+                    class="field-card mb-4 aed-charge-card"
+                >
+                    <div class="field-card__header">
+                        <i class="pi pi-bolt" />
+                        <span>Cobrança ao salvar</span>
+                    </div>
+                    <div class="field-card__body aed-charge-card__body">
+                        <Transition name="aed-charge-warn">
+                            <div v-if="chargeChangeMsg" :key="chargeChangeMsgKey" class="aed-charge-change-msg">
+                                <i class="pi pi-exclamation-triangle" />
+                                <span v-html="chargeChangeMsg" />
+                            </div>
+                        </Transition>
+                        <SelectButton
+                            v-model="chargeMode"
+                            :options="chargeModeOptions"
+                            optionLabel="label"
+                            optionValue="value"
+                            :allowEmpty="false"
+                            class="aed-charge-mode-buttons"
+                        />
+                        <div v-if="showPackageStyle" class="aed-payment-settle">
+                            <label class="aed-payment-settle__label">Estilo do pacote</label>
+                            <Select
+                                v-model="packageStyle"
+                                :options="packageStyleOptions"
+                                optionLabel="label"
+                                optionValue="value"
+                                class="aed-payment-settle__select"
+                                size="small"
+                            />
+                        </div>
+                        <div v-if="showPaymentSettlement" class="aed-payment-settle">
+                            <label class="aed-payment-settle__label">Forma de pagamento</label>
+                            <Select
+                                v-model="paymentMethod"
+                                :options="paymentMethodOptions"
+                                optionLabel="label"
+                                optionValue="value"
+                                class="aed-payment-settle__select"
+                                size="small"
+                            />
+                        </div>
+                        <div v-if="showPaymentSettlement && showMarkPaidToggle" class="aed-payment-settle">
+                            <label class="aed-payment-settle__label">Status do pagamento</label>
+                            <SelectButton
+                                v-model="markPaidNow"
+                                :options="markPaidOptions"
+                                optionLabel="label"
+                                optionValue="value"
+                                :allowEmpty="false"
+                                class="aed-charge-mode-buttons"
+                            />
+                        </div>
+                        <span class="aed-charge-mode-hint">{{ chargeModeHint }}</span>
+                    </div>
+                </div>
+
+                <!-- ── EXTRAS (herdados do compromisso determinado) — último card.
+                     'notes' é caso especial: bindamos em form.observacoes pra
+                     manter compat com a coluna nativa agenda_eventos.observacoes
+                     (consumida por relatórios/prontuário). Outros campos vão pra
+                     agenda_eventos.extra_fields (JSONB) via form.extra_fields. -->
+                <div v-if="selectedCommitmentFields.length" class="field-card mb-4">
+                    <div class="field-card__header">
+                        <i class="pi pi-list" />
+                        <span>Extras</span>
+                        <Button
+                            icon="pi pi-question-circle"
+                            v-tooltip.top="'Como funciona'"
+                            severity="secondary"
+                            outlined
+                            size="small"
+                            class="ml-auto rounded-full h-7 w-7"
+                            @click="(e) => extrasHelpRef?.toggle(e)"
+                        />
+                        <Popover ref="extrasHelpRef">
+                            <div class="aed-help-pop">
+                                <div class="aed-help-pop__title"><i class="pi pi-info-circle" /> Como funcionam os campos Extras</div>
+                                <ul class="aed-help-pop__list">
+                                    <li>Esses campos vêm do <b>Compromisso Determinado</b> selecionado (ex.: Observação na Sessão, Livro/Autor na Leitura).</li>
+                                    <li>Cada tipo de compromisso pode ter <b>campos próprios</b> — você define quais quer registrar em cada atendimento.</li>
+                                    <li>Pra <b>adicionar, editar ou remover</b> campos extras, edite o tipo na tela de Compromissos.</li>
+                                </ul>
+                                <div class="aed-help-pop__link">
+                                    <Button label="Gerenciar Compromissos" icon="pi pi-external-link" size="small" text @click="goToCompromissosConfig" />
                                 </div>
                             </div>
-
-                            <div class="commitment-items-total">
-                                <span class="text-sm text-color-secondary">Total da sessão</span>
-                                <span class="font-semibold">{{ fmtBRL(totalFromItems) }}</span>
+                        </Popover>
+                    </div>
+                    <div class="field-card__body aed-extras-body">
+                        <div class="fields-grid">
+                            <div v-for="f in selectedCommitmentFields" :key="f.key" :class="{ 'col-span-full': f.field_type === 'textarea' }">
+                                <FloatLabel variant="on">
+                                    <template v-if="f.field_type === 'textarea' && f.key === 'notes'">
+                                        <Textarea :id="`aed-extra-${f.key}`" v-model="form.observacoes" class="w-full" variant="filled" rows="3" autoResize :disabled="isArchivedPastEdit" />
+                                    </template>
+                                    <Textarea v-else-if="f.field_type === 'textarea'" :id="`aed-extra-${f.key}`" v-model="form.extra_fields[f.key]" class="w-full" variant="filled" rows="2" autoResize />
+                                    <InputText v-else :id="`aed-extra-${f.key}`" v-model="form.extra_fields[f.key]" class="w-full" variant="filled" />
+                                    <label :for="`aed-extra-${f.key}`">{{ f.label }}{{ f.required ? ' *' : '' }}</label>
+                                </FloatLabel>
                             </div>
                         </div>
                     </div>
-
-                    <!-- Observação nativa removida em 2026-05-11. Agora vem
-                         como campo extra do compromisso determinado (key='notes').
-                         Migration: 20260511000001_session_default_notes_field.sql. -->
-
-                    <!-- ── COBRANÇA DA SESSÃO ──────────────────────────── -->
-                    <AgendaEventoFinanceiroPanel v-if="isSessionEvent && isEdit && eventRow?.id" :evento="eventRow" class="mb-3" />
-
-                    <!-- Opção de recorrência para sessão SEM série (criação ou avulsa) -->
-                    <template v-if="!hasSerie">
-                        <div class="side-card__title mb-2">Frequência</div>
-                        <Message v-if="isSessionEvent && form.paciente_id && !agendaPerms.canCreateRecurrence" severity="warn" class="mb-3" :closable="false">
-                            <i class="pi pi-ban mr-1" />
-                            <b>{{ form.paciente_status === 'Arquivado' ? 'Paciente arquivado.' : 'Paciente inativo.' }}</b>
-                            Criação de recorrências está bloqueada.
-                        </Message>
-
-                        <!-- Data de início (= form.dia) com botão Hoje -->
-                        <div class="rec-startdate-row mb-3">
-                            <div class="flex items-center gap-1.5 min-w-0">
-                                <i class="pi pi-calendar text-primary-500 shrink-0" />
-                                <span class="text-sm font-medium truncate">{{ form.dia ? fmtDateBR(form.dia) : 'Selecione a data' }}</span>
-                            </div>
-                            <Button label="Hoje" size="small" severity="secondary" outlined class="rounded-full shrink-0" @click="setHoje" />
-                        </div>
-
-                        <!-- Chips de frequência -->
-                        <div class="freq-chips mb-3">
-                            <button
-                                v-for="f in freqOpcoes"
-                                :key="f.value"
-                                class="freq-chip"
-                                :class="{
-                                    'freq-chip--active': recorrenciaType === f.value,
-                                    'opacity-40 cursor-not-allowed': f.value !== 'avulsa' && !agendaPerms.canCreateRecurrence
-                                }"
-                                :disabled="f.value !== 'avulsa' && !agendaPerms.canCreateRecurrence"
-                                @click="!agendaPerms.canCreateRecurrence && f.value !== 'avulsa' ? null : (recorrenciaType = f.value)"
-                            >
-                                {{ f.label }}
-                            </button>
-                        </div>
-
-                        <!-- Info semanal/quinzenal -->
-                        <div v-if="recorrenciaType === 'semanal' || recorrenciaType === 'quinzenal'" class="recorrencia-preview mb-3">
-                            <i class="pi pi-refresh text-primary-500" />
-                            <span class="text-sm font-medium">
-                                {{ recorrenciaType === 'quinzenal' ? 'A cada 2 semanas, toda' : 'Toda' }}
-                                {{ nomeDiaSemana(diaSemanaRecorrencia) }}, às {{ form.startTime || '—' }}
-                            </span>
-                        </div>
-
-                        <!-- Seletor de dias da semana (diasEspecificos) -->
-                        <div v-if="recorrenciaType === 'diasEspecificos'" class="mb-3">
-                            <label class="block text-xs font-semibold text-color-secondary mb-1.5">Dias da semana</label>
-                            <div class="dias-semana-grid">
-                                <button v-for="d in diasSemanaOpcoes" :key="d.value" class="dia-chip" :class="{ 'dia-chip--active': diasSelecionados.includes(d.value) }" @click="toggleDiaSelecionado(d.value)">{{ d.short }}</button>
-                            </div>
-                        </div>
-
-                        <!-- Quantidade de sessões (apenas quando não é avulsa) -->
-                        <div v-if="recorrenciaType !== 'avulsa'" class="mb-3">
-                            <label class="block text-xs font-semibold text-color-secondary mb-1.5">Quantidade de sessões</label>
-                            <div class="flex gap-1.5 flex-wrap">
-                                <button v-for="opt in qtdSessoesOpcoes" :key="opt.value" class="freq-tab" :class="{ 'freq-tab--active': qtdSessoesMode === opt.value }" @click="qtdSessoesMode = opt.value">{{ opt.label }}</button>
-                            </div>
-                            <div v-if="qtdSessoesMode === 'personalizar'" class="personalizar-box mt-2">
-                                <InputNumber v-model="qtdSessoesCustom" :min="1" :max="200" showButtons buttonLayout="horizontal" fluid>
-                                    <template #decrementbuttonicon><i class="pi pi-minus" /></template>
-                                    <template #incrementbuttonicon><i class="pi pi-plus" /></template>
-                                </InputNumber>
-                            </div>
-                        </div>
-
-                        <!-- Preview das ocorrências -->
-                        <div v-if="recorrenciaType !== 'avulsa' && ocorrenciasComConflito.length" class="ocorrencias-preview">
-                            <div class="ocorrencias-header">
-                                <span class="text-xs font-semibold text-color-secondary">{{ totalOcorrencias }} sessões previstas</span>
-                                <span v-if="totalConflitos > 0" class="ocorrencias-aviso">
-                                    <i class="pi pi-exclamation-triangle" />
-                                    {{ totalConflitos }} com conflito
-                                </span>
-                            </div>
-                            <div class="ocorrencias-scroll">
-                                <div
-                                    v-for="(o, i) in ocorrenciasComConflito"
-                                    :key="i"
-                                    class="ocorrencia-item"
-                                    :class="{
-                                        'ocorrencia-item--fora': o.conflict?.type === 'feriado' || o.conflict?.type === 'bloqueado',
-                                        'ocorrencia-item--warn': o.conflict?.type === 'folga' || o.conflict?.type === 'pausa'
-                                    }"
-                                >
-                                    <i
-                                        class="pi"
-                                        :class="{
-                                            'pi-circle-fill': !o.conflict,
-                                            'pi-exclamation-triangle': o.conflict?.type === 'folga' || o.conflict?.type === 'pausa',
-                                            'pi-ban': o.conflict?.type === 'feriado' || o.conflict?.type === 'bloqueado'
-                                        }"
-                                        style="font-size: 9px"
-                                    />
-                                    <span class="text-xs">{{ fmtDateBRLong(o.date) }}</span>
-                                    <span v-if="o.conflict" class="ocorrencia-conflict-label">{{ o.conflict.label }}</span>
-                                </div>
-                            </div>
-                            <Message v-if="totalConflitos > 0" severity="warn" class="mt-2" :closable="false">
-                                <span class="text-xs">{{ totalConflitos }} sessão(ões) com conflito serão marcadas automaticamente para ajuste.</span>
-                            </Message>
-                        </div>
-
-                        <!-- Modo de valor da série — informativo, só quando há serviços + recorrência -->
-                        <div v-if="recorrenciaType !== 'avulsa' && commitmentItems.length > 0" class="mb-1 mt-3">
-                            <label class="block text-xs font-semibold text-color-secondary mb-1.5">Como interpretar o valor</label>
-                            <SelectButton
-                                v-model="serieValorMode"
-                                :options="[
-                                    { label: 'Por sessão', value: 'multiplicar' },
-                                    { label: 'Pacote fechado', value: 'dividir' }
-                                ]"
-                                optionLabel="label"
-                                optionValue="value"
-                                size="small"
-                                class="w-full mb-2"
-                            />
-                            <Message v-if="serieValorAviso" severity="info" :closable="false">
-                                <span class="text-xs">{{ serieValorAviso }}</span>
-                            </Message>
-                        </div>
-                    </template>
                 </div>
 
                 <!-- ── RESUMO (mobile inline; desktop migra pro Teleport flutuante abaixo) ── -->
@@ -1629,13 +2503,21 @@ onBeforeUnmount(() => {
                         <i class="pi pi-clock summary-icon" />
                         <span>{{ form.startTime || '—' }} → {{ fimDateTime ? fmtTime(fimDateTime) : '—' }}</span>
                     </div>
+                    <div v-if="paymentSummary" class="summary-row aed-pay-summary-row" :class="paymentSummary.cls">
+                        <i class="pi summary-icon" :class="paymentSummary.icon" />
+                        <span class="truncate">{{ paymentSummary.label }}</span>
+                    </div>
                     <div class="summary-row">
                         <i class="pi pi-map-marker summary-icon" />
-                        <span class="capitalize">{{ form.modalidade || '—' }}</span>
+                        <span><span class="capitalize">{{ form.modalidade || '—' }}</span><span v-if="isPacote"> · Pacote</span></span>
                     </div>
                     <div v-if="isSessionEvent" class="summary-row">
                         <i class="pi pi-wallet summary-icon" />
-                        <span>{{ displayPrice != null ? fmtBRL(displayPrice) : '—' }}</span>
+                        <span>{{ walletLabel }}</span>
+                    </div>
+                    <div v-if="isSessionEvent && pacoteTotal != null" class="summary-row aed-summary-row--calc">
+                        <i class="pi pi-calculator summary-icon" />
+                        <span>{{ freqValorConta }}</span>
                     </div>
                 </div>
             </div>
@@ -1648,11 +2530,21 @@ onBeforeUnmount(() => {
         <Dialog
             v-model:visible="pacientePickerOpen"
             modal
-            header="Selecionar paciente"
             :draggable="false"
             :style="{ width: '860px', maxWidth: '96vw', border: '3px solid var(--p-primary-color)' }"
             :breakpoints="{ '960px': '96vw', '640px': '98vw' }"
         >
+            <template #header>
+                <div class="aed-svc-dlg-head">
+                    <div class="aed-svc-dlg-head__icon">
+                        <i class="pi pi-user" />
+                    </div>
+                    <div class="aed-svc-dlg-head__text">
+                        <div class="aed-svc-dlg-head__title">Selecionar paciente</div>
+                        <div class="aed-svc-dlg-head__sub">Busque por nome, e-mail ou telefone</div>
+                    </div>
+                </div>
+            </template>
             <div class="flex flex-col gap-3 pt-3">
                 <div class="flex flex-wrap items-center gap-3">
                     <div class="flex-1 min-w-[240px]">
@@ -1674,7 +2566,7 @@ onBeforeUnmount(() => {
                     dataKey="id"
                     :loading="pacientesLoading"
                     stripedRows
-                    responsiveLayout="scroll"
+                    scrollable
                     paginator
                     :rows="10"
                     :rowsPerPageOptions="[10, 25, 50]"
@@ -1711,7 +2603,7 @@ onBeforeUnmount(() => {
                         </template>
                     </Column>
 
-                    <Column header="Ação" style="width: 10rem" :exportable="false">
+                    <Column header="Ação" style="width: 10rem; min-width: 10rem" :exportable="false" frozen alignFrozen="right">
                         <template #body="{ data }">
                             <Button
                                 v-if="!data.status || data.status === 'Ativo'"
@@ -1753,15 +2645,59 @@ onBeforeUnmount(() => {
         <!-- ══════════════════════════════════════════════ -->
         <!-- Time Picker Dialog                             -->
         <!-- ══════════════════════════════════════════════ -->
-        <Dialog v-model:visible="timePickerOpen" modal :draggable="false" :style="{ width: '420px', maxWidth: '96vw' }" :breakpoints="{ '640px': '98vw' }">
+        <!-- ══════════════════════════════════════════════ -->
+        <!-- "Ver lançamentos da sessão" — sub-dialog       -->
+        <!-- ══════════════════════════════════════════════ -->
+        <Dialog v-model:visible="sessionRecordsDialogOpen" modal :draggable="false" header="Lançamentos da sessão" :style="{ width: '640px', maxWidth: '96vw' }">
+            <div v-if="sessionRecordsLoading" class="py-6 text-center text-sm opacity-70">
+                <i class="pi pi-spin pi-spinner mr-1" /> Carregando…
+            </div>
+            <div v-else-if="!sessionRecordsList.length" class="py-6 text-center text-sm opacity-70">
+                <i class="pi pi-info-circle mr-1" /> Nenhum lançamento vinculado a esta sessão.
+            </div>
+            <div v-else class="aed-records-list">
+                <div v-for="(r, idx) in sessionRecordsList" :key="r.id" class="aed-record" :class="{ 'aed-record--child': idx > 0 }">
+                    <div class="aed-record__head">
+                        <i v-if="idx > 0" class="pi pi-arrow-right-and-arrow-left-up-down aed-record__indent" />
+                        <span class="aed-record__desc">{{ r.description || (idx === 0 ? 'Sessão' : 'Cobrança extra') }}</span>
+                        <Tag :value="_recordStatusLabels[r.status] || r.status" :severity="_recordStatusSeverity(r.status)" class="text-xs ml-auto" />
+                    </div>
+                    <div class="aed-record__body">
+                        <div class="aed-record__row">
+                            <i class="pi pi-money-bill" />
+                            <span class="aed-record__amount">{{ _fmtRecordBRL(r.final_amount || r.amount) }}</span>
+                        </div>
+                        <div v-if="r.payment_method" class="aed-record__row">
+                            <i class="pi pi-credit-card" />
+                            <span>{{ _recordMethodLabels[r.payment_method] || r.payment_method }}</span>
+                        </div>
+                        <div class="aed-record__row">
+                            <i class="pi pi-calendar" />
+                            <span>Vencimento: {{ _fmtRecordDate(r.due_date) }}</span>
+                        </div>
+                        <div v-if="r.paid_at" class="aed-record__row">
+                            <i class="pi pi-check-circle" />
+                            <span>Pago em {{ _fmtRecordDate(r.paid_at) }}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <template #footer>
+                <Button label="Fechar" severity="secondary" outlined @click="sessionRecordsDialogOpen = false" />
+            </template>
+        </Dialog>
+
+        <Dialog v-model:visible="timePickerOpen" modal :draggable="false" :style="{ width: '420px', maxWidth: '96vw' }" :breakpoints="{ '640px': '98vw' }" @show="onTimePickerShow" @hide="onTimePickerHide">
             <template #header>
-                <div class="flex items-center gap-2 min-w-0">
-                    <div class="header-dot shrink-0" :style="selectedCommitment?.bg_color ? { background: `#${selectedCommitment.bg_color}` } : {}" />
-                    <div class="min-w-0">
-                        <span class="font-semibold truncate text-base">
+                <div class="aed-svc-dlg-head">
+                    <div class="aed-svc-dlg-head__icon">
+                        <i class="pi pi-clock" />
+                    </div>
+                    <div class="aed-svc-dlg-head__text">
+                        <div class="aed-svc-dlg-head__title">
                             {{ selectedCommitment?.name ? `Nova ${selectedCommitment.name}` : 'Nova sessão' }}
-                        </span>
-                        <div class="text-xs text-color-secondary truncate">Início da sessão e duração</div>
+                        </div>
+                        <div class="aed-svc-dlg-head__sub">Início da sessão e duração</div>
                     </div>
                 </div>
             </template>
@@ -1817,6 +2753,31 @@ onBeforeUnmount(() => {
                                     <span class="online-info-bar__hint"> — marcados com <span class="online-dot-inline">●</span></span>
                                 </span>
                                 <span v-else class="opacity-70"> Nenhum horário online configurado para este dia — você pode agendar em qualquer horário da sua jornada. </span>
+                                <!-- Botão cog: abre popover educativo sobre horário online + link
+                                     pras configurações. Padrão espelhado do Card Extras. 2026-05-13. -->
+                                <Button
+                                    icon="pi pi-cog"
+                                    v-tooltip.top="'Sobre horários online'"
+                                    severity="secondary"
+                                    text
+                                    rounded
+                                    size="small"
+                                    class="online-info-bar__cog ml-auto h-6 w-6"
+                                    @click="(e) => onlineHelpRef?.toggle(e)"
+                                />
+                                <Popover ref="onlineHelpRef">
+                                    <div class="aed-help-pop">
+                                        <div class="aed-help-pop__title"><i class="pi pi-video" /> Como funcionam os horários online</div>
+                                        <ul class="aed-help-pop__list">
+                                            <li>Você define <b>slots específicos</b> da semana para atendimento <b>online</b> (ex.: terça às 14h, quinta às 19h).</li>
+                                            <li>No dialog, esses horários aparecem destacados com <span class="online-dot-inline">●</span>.</li>
+                                            <li>Quando <b>não há</b> slot online configurado para o dia, você ainda pode agendar em qualquer horário da sua jornada — só não terá destaque visual.</li>
+                                        </ul>
+                                        <div class="aed-help-pop__link">
+                                            <Button label="Configurar horários online" icon="pi pi-external-link" size="small" text @click="goToAgendaConfig" />
+                                        </div>
+                                    </div>
+                                </Popover>
                             </div>
                         </template>
 
@@ -1900,7 +2861,8 @@ onBeforeUnmount(() => {
                 </Message>
             </div>
             <template #footer>
-                <Button label="Confirmar" icon="pi pi-check" @click="timePickerOpen = false" />
+                <Button label="Cancelar" severity="secondary" outlined @click="cancelTimePicker" />
+                <Button label="Confirmar" icon="pi pi-check" @click="confirmTimePicker" />
             </template>
         </Dialog>
 
@@ -1979,6 +2941,399 @@ onBeforeUnmount(() => {
             :owner-id="planOwnerId || ownerId"
             @created="onInsuranceCreated"
         />
+
+        <!-- ── Quick-create: Procedimento do convênio ────────── -->
+        <InsurancePlanServiceQuickCreateDialog
+            v-model="planServiceQuickDlgOpen"
+            :insurance-plan-id="form.insurance_plan_id"
+            :insurance-plan-name="selectedPlanName"
+            @created="onPlanServiceCreated"
+        />
+
+        <!-- ══════════════════════════════════════════════ -->
+        <!-- Service Selection Dialog (Particular OU Convênio) -->
+        <!-- Substituiu a UI inline antiga do card Sessão / Honorários. -->
+        <!-- ══════════════════════════════════════════════ -->
+        <Dialog
+            v-model:visible="serviceDialogOpen"
+            modal
+            :draggable="false"
+            :style="{ width: '560px', maxWidth: '96vw' }"
+            :breakpoints="{ '640px': '98vw' }"
+        >
+            <template #header>
+                <div class="aed-svc-dlg-head">
+                    <div class="aed-svc-dlg-head__icon">
+                        <i :class="billingType === 'convenio' ? 'pi pi-shield' : 'pi pi-shopping-bag'" />
+                    </div>
+                    <div class="aed-svc-dlg-head__text">
+                        <div class="aed-svc-dlg-head__title">{{ billingType === 'convenio' ? 'Convênio' : 'Serviços' }}</div>
+                        <div class="aed-svc-dlg-head__sub">
+                            {{ billingType === 'convenio' ? 'Plano, procedimento e valor da sessão' : 'Adicionar serviços para calcular o valor da sessão' }}
+                        </div>
+                    </div>
+                </div>
+            </template>
+
+            <div class="pt-3">
+            <!-- PARTICULAR: seletor de serviço + items list (unidades/preço/desconto/total) -->
+            <template v-if="billingType === 'particular'">
+                <!-- Hint educativo: clarifica a diferença entre "unidades" (qtd
+                     do MESMO serviço NESTA sessão) e "recorrência" (qtd de
+                     sessões agendadas em datas diferentes). -->
+                <Message severity="info" :closable="false" class="mb-3">
+                    <div class="aed-svc-hint">
+                        <div class="aed-svc-hint__row">
+                            <i class="pi pi-box" />
+                            <span>
+                                <b>Unidades</b> — quantas vezes o <b>mesmo serviço</b> é cobrado <b>nesta sessão</b>.
+                                Ex.: <i>2 aplicações da mesma técnica numa única consulta</i>, ou <i>3 doses do mesmo procedimento no mesmo atendimento</i>.
+                            </span>
+                        </div>
+                        <div class="aed-svc-hint__row">
+                            <i class="pi pi-refresh" />
+                            <span>
+                                <b>Recorrência</b> — multiplica o valor desta sessão pela <b>quantidade de datas agendadas</b>.
+                                Ex.: pacote semanal de 4 sessões. Configurado no card <b>Frequência</b>.
+                            </span>
+                        </div>
+                    </div>
+                </Message>
+
+                <InputGroup class="aed-pay-inputgroup">
+                    <Select
+                        v-if="services.filter((s) => s.active).length"
+                        v-model="servicePickerSel"
+                        :options="services.filter((s) => s.active)"
+                        optionLabel="name"
+                        optionValue="id"
+                        placeholder="Adicionar serviço..."
+                        class="flex-1"
+                        size="small"
+                        @update:modelValue="
+                            (id) => {
+                                addItem(services.find((s) => s.id === id));
+                                servicePickerSel = null;
+                            }
+                        "
+                    />
+                    <span v-else class="flex-1 text-xs text-color-secondary py-2 px-3 italic">Sem serviços cadastrados</span>
+                    <Button icon="pi pi-plus" v-tooltip.top="'Cadastrar novo serviço'" severity="secondary" size="small" @click="openServiceQuickCreate" />
+                    <Button icon="pi pi-question-circle" v-tooltip.top="'Como funciona'" severity="secondary" outlined size="small" @click="(e) => servicoHelpRef?.toggle(e)" />
+                </InputGroup>
+                <Popover ref="servicoHelpRef">
+                    <div class="aed-help-pop">
+                        <div class="aed-help-pop__title"><i class="pi pi-info-circle" /> Como adicionar serviços</div>
+                        <ul class="aed-help-pop__list">
+                            <li>Clique em um item do select pra <b>adicioná-lo</b> à sessão.</li>
+                            <li>Clicando novamente no mesmo item, o valor é <b>somado</b> (aumenta a quantidade).</li>
+                            <li>Use o botão <i class="pi pi-plus" /> pra <b>cadastrar</b> um serviço novo.</li>
+                        </ul>
+                    </div>
+                </Popover>
+
+                <div v-if="commitmentItems.length" class="aed-svc-list mt-3">
+                    <div v-for="(item, idx) in commitmentItems" :key="idx" class="aed-svc-card">
+                        <!-- Header: nome + remover -->
+                        <div class="aed-svc-card__head">
+                            <span class="aed-svc-card__name">{{ item.service_name }}</span>
+                            <Button icon="pi pi-times" size="small" severity="secondary" text rounded class="aed-svc-card__remove" v-tooltip.top="'Remover'" @click="removeItem(idx)" />
+                        </div>
+
+                        <!-- Preço unitário + Total -->
+                        <div class="aed-svc-card__row">
+                            <div class="aed-svc-card__field">
+                                <label class="aed-svc-card__label">Preço unitário</label>
+                                <InputNumber v-model="item.unit_price" mode="currency" currency="BRL" locale="pt-BR" :min="0" :minFractionDigits="2" size="small" inputClass="w-28" @update:modelValue="onItemChange(item)" />
+                            </div>
+                            <div class="aed-svc-card__total">
+                                <span class="aed-svc-card__total-label">Total</span>
+                                <span class="aed-svc-card__total-value">{{ fmtBRL(item.final_price) }}</span>
+                                <span v-if="itemHasDiscount(item)" class="aed-svc-card__calc">
+                                    {{ fmtBRL(itemSubtotal(item)) }} − {{ fmtBRL(itemDiscountValue(item)) }}
+                                </span>
+                            </div>
+                        </div>
+
+                        <!-- Linha de ações: aplicar desconto + alterar quantidade -->
+                        <div class="aed-svc-card__actions">
+                            <!-- Desconto: botão quando fechado, painel inline quando aberto -->
+                            <Button
+                                v-if="!(item._showDiscount || item.discount_pct > 0 || item.discount_flat > 0)"
+                                label="Aplicar desconto"
+                                icon="pi pi-percentage"
+                                size="small"
+                                severity="secondary"
+                                text
+                                class="text-xs h-7"
+                                @click="item._showDiscount = true"
+                            />
+                            <div v-else class="aed-svc-card__discount">
+                                <InputNumber v-model="item.discount_pct" :min="0" :max="100" suffix="%" size="small" inputClass="w-14 text-center" placeholder="%" @update:modelValue="onItemChange(item)" />
+                                <InputNumber v-model="item.discount_flat" mode="currency" currency="BRL" locale="pt-BR" :min="0" :minFractionDigits="2" size="small" inputClass="w-24" placeholder="R$" @update:modelValue="onItemChange(item)" />
+                                <Button
+                                    icon="pi pi-times"
+                                    size="small"
+                                    severity="secondary"
+                                    text
+                                    rounded
+                                    v-tooltip.top="'Remover desconto'"
+                                    @click="item._showDiscount = false; item.discount_pct = 0; item.discount_flat = 0; onItemChange(item)"
+                                />
+                            </div>
+
+                            <!-- Quantidade: display "1 unidade ✎" / Select 1-9 quando editando -->
+                            <div class="aed-svc-card__qty">
+                                <template v-if="item._editingQty">
+                                    <Select
+                                        v-model="item.quantity"
+                                        :options="[1,2,3,4,5,6,7,8,9]"
+                                        size="small"
+                                        class="aed-svc-card__qty-select"
+                                        @update:modelValue="(v) => { item._editingQty = false; onItemChange(item); }"
+                                    />
+                                </template>
+                                <button
+                                    v-else
+                                    type="button"
+                                    class="aed-svc-card__qty-btn"
+                                    v-tooltip.top="'Alterar quantidade'"
+                                    @click="item._editingQty = true"
+                                >
+                                    <span>{{ item.quantity || 1 }} {{ (item.quantity || 1) === 1 ? 'unidade' : 'unidades' }}</span>
+                                    <i class="pi pi-pencil" />
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </template>
+
+            <!-- CONVÊNIO: plano + procedimento + nº guia + valor -->
+            <template v-if="billingType === 'convenio'">
+                <InputGroup class="aed-pay-inputgroup mb-2">
+                    <Select
+                        v-model="form.insurance_plan_id"
+                        :options="activePlans"
+                        optionLabel="name"
+                        optionValue="id"
+                        placeholder="Selecionar convênio..."
+                        showClear
+                        class="flex-1"
+                        size="small"
+                    />
+                    <Button icon="pi pi-plus" v-tooltip.top="'Cadastrar novo convênio'" severity="secondary" size="small" @click="openInsuranceQuickCreate" />
+                    <Button icon="pi pi-question-circle" v-tooltip.top="'Como funciona'" severity="secondary" outlined size="small" @click="(e) => convenioHelpRef?.toggle(e)" />
+                </InputGroup>
+                <Popover ref="convenioHelpRef">
+                    <div class="aed-help-pop">
+                        <div class="aed-help-pop__title"><i class="pi pi-info-circle" /> Como configurar o convênio</div>
+                        <ul class="aed-help-pop__list">
+                            <li><b>Selecione o convênio</b> do paciente no select.</li>
+                            <li>Depois escolha o <b>procedimento</b> coberto e preencha <b>nº da guia</b> e <b>valor</b>.</li>
+                            <li>Use o botão <i class="pi pi-plus" /> pra <b>cadastrar</b> um convênio novo na hora.</li>
+                        </ul>
+                    </div>
+                </Popover>
+
+                <template v-if="hasInsurance">
+                    <template v-if="planServices.length > 0">
+                        <label class="text-xs text-color-secondary mb-1 block">Procedimento</label>
+                        <Select v-model="selectedPlanService" :options="planServices" optionLabel="name" optionValue="id" placeholder="Selecionar procedimento..." showClear class="w-full mb-2" size="small" @update:modelValue="onProcedureSelect" />
+                    </template>
+                    <!-- Cadastrar procedimento inline — sempre visível pra
+                         convênio selecionado. Quando 0 procedimentos: chamada
+                         pra cadastrar o primeiro (caso bloqueante). Quando
+                         já tem 1+: oferta extra pra adicionar mais sem sair
+                         do dialog. Abre InsurancePlanServiceQuickCreateDialog. -->
+                    <div class="flex items-center justify-between gap-2 mb-2 p-2 rounded-lg bg-surface-100">
+                        <span class="text-xs text-color-secondary">
+                            <template v-if="planServices.length === 0">
+                                Este convênio ainda não tem procedimentos cadastrados.
+                            </template>
+                            <template v-else>
+                                Se quiser adicionar mais procedimentos a este convênio:
+                            </template>
+                        </span>
+                        <Button label="Cadastrar" icon="pi pi-plus" size="small" severity="secondary" outlined class="rounded-full shrink-0 text-xs h-7" @click="openPlanServiceQuickCreate" />
+                    </div>
+
+                    <template v-if="selectedPlanService != null || planServices.length === 0">
+                        <div class="flex gap-2">
+                            <div class="flex-1">
+                                <label class="text-xs text-color-secondary mb-1 block">Nº da Guia <span class="opacity-70">(opcional)</span></label>
+                                <InputText v-model="form.insurance_guide_number" placeholder="Ex: 123456789" class="w-full" size="small" />
+                            </div>
+                            <div class="flex-1">
+                                <label class="text-xs text-color-secondary mb-1 block">Valor (R$)</label>
+                                <InputNumber v-model="form.insurance_value" mode="currency" currency="BRL" locale="pt-BR" :readonly="planServices.length > 0 && selectedPlanService != null" class="w-full" size="small" />
+                            </div>
+                        </div>
+                    </template>
+                </template>
+            </template>
+            </div>
+
+            <template #footer>
+                <div class="aed-svc-footer">
+                    <div v-if="billingType === 'particular' && commitmentItems.length" class="aed-svc-footer__total ml-auto">
+                        <span class="text-xs text-color-secondary">Valor desta sessão:</span>
+                        <span class="aed-svc-list__total-value">{{ fmtBRL(totalFromItems) }}</span>
+                    </div>
+                    <Button label="Concluir" icon="pi pi-check" @click="serviceDialogOpen = false" />
+                </div>
+            </template>
+        </Dialog>
+
+        <!-- ══════════════════════════════════════════════ -->
+        <!-- Frequência Dialog (config detalhada da recorrência) -->
+        <!-- Substituiu a UI inline antiga do card Frequência. -->
+        <!-- ══════════════════════════════════════════════ -->
+        <Dialog
+            v-model:visible="freqDialogOpen"
+            modal
+            :draggable="false"
+            :style="{ width: '560px', maxWidth: '96vw' }"
+            :breakpoints="{ '640px': '98vw' }"
+        >
+            <template #header>
+                <div class="aed-svc-dlg-head">
+                    <div class="aed-svc-dlg-head__icon">
+                        <i class="pi pi-refresh" />
+                    </div>
+                    <div class="aed-svc-dlg-head__text">
+                        <div class="aed-svc-dlg-head__title">Frequência</div>
+                        <div class="aed-svc-dlg-head__sub">Repetição da sessão em datas futuras</div>
+                    </div>
+                </div>
+            </template>
+
+            <div class="pt-3 aed-freq-dlg">
+                <Message v-if="form.paciente_id && !agendaPerms.canCreateRecurrence" severity="warn" class="mb-3" :closable="false">
+                    <i class="pi pi-ban mr-1" />
+                    <b>{{ form.paciente_status === 'Arquivado' ? 'Paciente arquivado.' : 'Paciente inativo.' }}</b>
+                    Criação de recorrências está bloqueada.
+                </Message>
+
+                <!-- Card: Tipo de frequência -->
+                <div class="aed-freq-section">
+                    <div class="aed-freq-section__label">Tipo</div>
+                    <div class="aed-freq-section__body">
+                        <div class="flex gap-1.5 flex-wrap">
+                            <button
+                                v-for="f in freqOpcoes"
+                                :key="f.value"
+                                class="freq-tab"
+                                :class="{
+                                    'freq-tab--active': recorrenciaType === f.value,
+                                    'opacity-40 cursor-not-allowed': f.value !== 'avulsa' && !agendaPerms.canCreateRecurrence
+                                }"
+                                :disabled="f.value !== 'avulsa' && !agendaPerms.canCreateRecurrence"
+                                @click="!agendaPerms.canCreateRecurrence && f.value !== 'avulsa' ? null : (recorrenciaType = f.value)"
+                            >
+                                {{ f.label }}
+                            </button>
+                        </div>
+                        <!-- Preview semanal/quinzenal — dentro do card de Tipo -->
+                        <div v-if="recorrenciaType === 'semanal' || recorrenciaType === 'quinzenal'" class="aed-freq-preview">
+                            <i class="pi pi-refresh" />
+                            <span>
+                                {{ recorrenciaType === 'quinzenal' ? 'A cada 2 semanas, toda' : 'Toda' }}
+                                {{ nomeDiaSemana(diaSemanaRecorrencia) }}, às {{ form.startTime || '—' }}
+                            </span>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Card: Dias da semana (só em diasEspecificos) -->
+                <div v-if="recorrenciaType === 'diasEspecificos'" class="aed-freq-section">
+                    <div class="aed-freq-section__label">Dias da semana</div>
+                    <div class="aed-freq-section__body">
+                        <div class="dias-semana-grid">
+                            <button v-for="d in diasSemanaOpcoes" :key="d.value" class="dia-chip" :class="{ 'dia-chip--active': diasSelecionados.includes(d.value) }" @click="toggleDiaSelecionado(d.value)">{{ d.short }}</button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Card: Quantidade de sessões (só quando não avulsa) -->
+                <div v-if="recorrenciaType !== 'avulsa'" class="aed-freq-section">
+                    <div class="aed-freq-section__label">Quantidade de sessões</div>
+                    <div class="aed-freq-section__body">
+                        <div class="flex gap-1.5 flex-wrap">
+                            <button
+                                v-for="opt in qtdSessoesOpcoes"
+                                :key="opt.value"
+                                class="freq-tab"
+                                :class="{ 'freq-tab--active': qtdSessoesMode === opt.value, 'freq-tab--two-line': !!qtdSessoesTopLabel(opt.value) }"
+                                @click="qtdSessoesMode = opt.value"
+                            >
+                                <span v-if="qtdSessoesTopLabel(opt.value)" class="freq-tab__top">{{ qtdSessoesTopLabel(opt.value) }}</span>
+                                <span class="freq-tab__bottom">{{ opt.label }}</span>
+                            </button>
+                        </div>
+                        <div v-if="qtdSessoesMode === 'personalizar'" class="personalizar-box mt-2">
+                            <InputNumber v-model="qtdSessoesCustom" :min="1" :max="200" showButtons buttonLayout="horizontal" fluid>
+                                <template #decrementbuttonicon><i class="pi pi-minus" /></template>
+                                <template #incrementbuttonicon><i class="pi pi-plus" /></template>
+                            </InputNumber>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Card: Próximas ocorrências -->
+                <div v-if="recorrenciaType !== 'avulsa' && ocorrenciasComConflito.length" class="aed-freq-section">
+                    <div class="aed-freq-section__label">
+                        Próximas ocorrências
+                        <span v-if="totalConflitos > 0" class="aed-freq-section__warn">
+                            <i class="pi pi-exclamation-triangle" />
+                            {{ totalConflitos }} com conflito
+                        </span>
+                    </div>
+                    <div class="aed-freq-section__body">
+                        <div class="ocorrencias-scroll">
+                            <template v-for="(o, i) in ocorrenciasComConflito" :key="i">
+                                <div v-if="freqShouldShowMonthSep(i)" class="aed-freq-month-sep">
+                                    <span>{{ freqMonthLabel(o.date) }}</span>
+                                </div>
+                                <div
+                                    class="ocorrencia-item"
+                                    :class="{
+                                        'ocorrencia-item--fora': o.conflict?.type === 'feriado' || o.conflict?.type === 'bloqueado',
+                                        'ocorrencia-item--warn': o.conflict?.type === 'folga' || o.conflict?.type === 'pausa'
+                                    }"
+                                >
+                                    <i
+                                        class="pi"
+                                        :class="{
+                                            'pi-circle-fill': !o.conflict,
+                                            'pi-exclamation-triangle': o.conflict?.type === 'folga' || o.conflict?.type === 'pausa',
+                                            'pi-ban': o.conflict?.type === 'feriado' || o.conflict?.type === 'bloqueado'
+                                        }"
+                                        style="font-size: 9px"
+                                    />
+                                    <span class="text-xs">{{ fmtDateBRLong(o.date) }}</span>
+                                    <span class="aed-freq-rel">{{ freqRelativeLabel(o.date) }}</span>
+                                    <span v-if="o.conflict" class="ocorrencia-conflict-label">{{ o.conflict.label }}</span>
+                                </div>
+                            </template>
+                        </div>
+                        <Message v-if="totalConflitos > 0" severity="warn" class="mt-2" :closable="false">
+                            <span class="text-xs">{{ totalConflitos }} sessão(ões) com conflito serão marcadas automaticamente para ajuste.</span>
+                        </Message>
+                    </div>
+                </div>
+            </div>
+
+            <template #footer>
+                <div class="aed-svc-footer">
+                    <div v-if="recorrenciaType !== 'avulsa' && totalOcorrencias" class="aed-svc-footer__total ml-auto">
+                        <span class="text-xs text-color-secondary">Sessões previstas:</span>
+                        <span class="aed-svc-list__total-value">{{ totalOcorrencias }}</span>
+                    </div>
+                    <Button label="Concluir" icon="pi pi-check" @click="freqDialogOpen = false" />
+                </div>
+            </template>
+        </Dialog>
     </Dialog>
 
     <!-- ── RESUMO flutuante (desktop only — mobile usa o card inline no fim do form) ──
@@ -1987,7 +3342,8 @@ onBeforeUnmount(() => {
          <960px (la o card inline aparece). -->
     <Teleport to="body">
         <Transition name="resumo-fade">
-        <aside v-if="visible && step === 2 && !anyChildDialogOpen" class="side-card agenda-resumo agenda-resumo--floating" :style="{ ...resumoStyle, zIndex: 100000 }">
+        <div v-if="visible && step === 2 && !anyChildDialogOpen" class="aed-resumo-wrap" :style="{ top: resumoStyle.top, zIndex: 100000 }">
+        <aside class="side-card agenda-resumo agenda-resumo--floating" :style="{ maxHeight: resumoStyle.maxHeight }">
             <div class="side-card__title">Resumo</div>
 
             <div class="flex items-center gap-2 mb-2">
@@ -2010,13 +3366,21 @@ onBeforeUnmount(() => {
                 <i class="pi pi-clock summary-icon" />
                 <span>{{ form.startTime || '—' }} → {{ fimDateTime ? fmtTime(fimDateTime) : '—' }}</span>
             </div>
+            <div v-if="paymentSummary" class="summary-row aed-pay-summary-row" :class="paymentSummary.cls">
+                <i class="pi summary-icon" :class="paymentSummary.icon" />
+                <span class="truncate">{{ paymentSummary.label }}</span>
+            </div>
             <div class="summary-row">
                 <i class="pi pi-map-marker summary-icon" />
-                <span class="capitalize">{{ form.modalidade || '—' }}</span>
+                <span><span class="capitalize">{{ form.modalidade || '—' }}</span><span v-if="isPacote"> · Pacote</span></span>
             </div>
             <div v-if="isSessionEvent" class="summary-row">
                 <i class="pi pi-wallet summary-icon" />
-                <span>{{ displayPrice != null ? fmtBRL(displayPrice) : '—' }}</span>
+                <span>{{ walletLabel }}</span>
+            </div>
+            <div v-if="isSessionEvent && pacoteTotal != null" class="summary-row aed-summary-row--calc">
+                <i class="pi pi-calculator summary-icon" />
+                <span>{{ freqValorConta }}</span>
             </div>
 
             <!-- Message de conflito de horario (so desktop — mobile usa a inline embaixo do time-hero) -->
@@ -2025,6 +3389,15 @@ onBeforeUnmount(() => {
                 {{ timeConflict }}
             </Message>
         </aside>
+
+        <!-- Message de jornada FORA do card resumo (so desktop — mobile usa
+             a inline no topo do form). Dentro do wrapper, fica logo abaixo
+             do aside, com gap controlado pelo flex column do wrapper. -->
+        <Message v-if="jornadaDialog" :severity="jornadaDialog.isOff ? 'warn' : 'info'" class="aed-msg-jornada aed-msg-jornada--floating" :closable="false">
+            <i :class="jornadaDialog.isOff ? 'pi pi-moon mr-1' : 'pi pi-clock mr-1'" />
+            {{ jornadaDialog.text }}
+        </Message>
+        </div>
         </Transition>
     </Teleport>
 </template>
@@ -2063,14 +3436,13 @@ onBeforeUnmount(() => {
    1. Header do dialog com gradiente sutil + tipografia hierárquica
    2. Botões de quick-create destacados (mais "convidativos" no fluxo)
    3. Footer sticky com Salvar primário + sombra superior leve
-   4. Dialog mask com backdrop-blur uniforme
+   4. Dialog mask sem blur (animação/efeito nativo PrimeVue)
    5. Borda dos cards laterais com cor de seção (paciente/quando/quê)
    ═══════════════════════════════════════════════════════════════════ */
 
-/* Backdrop unificado pra Dialog do composer */
+/* Backdrop do Dialog do composer (sem blur — animacao/efeito nativo
+   do PrimeVue). */
 .agenda-event-composer :deep(.p-dialog-mask) {
-    backdrop-filter: blur(6px) saturate(110%);
-    -webkit-backdrop-filter: blur(6px) saturate(110%);
     background: rgba(15, 23, 42, 0.32);
 }
 
@@ -2113,25 +3485,113 @@ onBeforeUnmount(() => {
     box-shadow: 0 -4px 18px -10px color-mix(in srgb, var(--p-primary-color) 25%, transparent);
 }
 
-/* SelectButton Gratuito/Particular/Convenio no header do card
-   Pagamento. Espelha o estilo do .patient-hero__mod-select (28px,
-   font pequena, sem uppercase) pra consistencia visual com o
-   Presencial/Online do card paciente. */
-.aed-pay-mod-select :deep(.p-togglebutton) {
-    height: 1.75rem !important;
+/* Select Gratuito/Particular/Convenio no header do card Sessão/Honorários.
+   Altura 28px (1.75rem) — mesma do botão "Ajustar horário" (h-7) e do
+   toggle "Presencial/Online" no Paciente. Mantém consistência visual
+   entre os 3 cards principais. */
+.aed-pay-mod-select.p-select,
+.aed-pay-mod-select :deep(.p-select) {
+    height: 1.75rem;
     min-height: 1.75rem;
+}
+.aed-pay-mod-select :deep(.p-select-label) {
     padding: 0 0.7rem !important;
-    font-size: 0.7rem !important;
+    font-size: 0.78rem;
+    line-height: 1.75rem;
     text-transform: none;
     letter-spacing: 0;
-    font-weight: 600;
+    font-weight: 500;
+}
+.aed-pay-mod-select :deep(.p-select-dropdown) {
+    width: 1.75rem;
 }
 
-/* Padding interno do body do card Pagamento — overrides
-   .field-card__body { padding: 0 } sem afetar o card Data e
-   Horario (que tem padding proprio via .time-hero). */
+/* Body do card Sessão/Honorários SEM padding — segue o pattern dos
+   cards Paciente e Data e Horário, onde o padding mora nos filhos
+   (.patient-hero__empty/__selected, .time-hero) pra os elementos
+   ocuparem borda a borda. */
 .aed-pay-body {
-    padding: 0.65rem 0.75rem !important;
+    padding: 0 !important;
+}
+
+/* Resumo compacto do billing quando configurado — padding proprio
+   (igual .patient-hero__selected). */
+.aed-pay-summary {
+    display: flex;
+    align-items: center;
+    gap: 0.85rem;
+    padding: 0.9rem;
+}
+.aed-pay-summary__main {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.1rem;
+}
+.aed-pay-summary__count {
+    font-size: 0.78rem;
+    color: var(--text-color-secondary);
+}
+.aed-pay-summary__value {
+    font-size: 1.05rem;
+    font-weight: 700;
+    color: var(--p-primary-color);
+}
+.aed-freq-conta {
+    font-size: 0.8rem;
+    color: var(--text-color-secondary);
+    font-variant-numeric: tabular-nums;
+    margin-top: 0.15rem;
+}
+.aed-summary-row--calc {
+    opacity: 0.75;
+    font-size: 0.78rem;
+}
+.aed-pay-summary__discount {
+    color: var(--p-red-500, #ef4444);
+    font-weight: 500;
+}
+
+/* Aviso "Sessão gratuita" — leve, info, sem call-to-action. Padding
+   próprio (body do card é zero), bordas removidas — fica encostado
+   no padrão dos outros cards (.patient-hero__selected). */
+.aed-pay-gratuito {
+    display: flex;
+    align-items: center;
+    gap: 0.85rem;
+    padding: 0.9rem;
+    font-size: 0.85rem;
+    color: var(--text-color);
+}
+.aed-pay-gratuito i {
+    color: var(--p-primary-color);
+    font-size: 0.95rem;
+}
+
+/* Hint contextual abaixo do card Sessão / Honorários. Visual leve
+   pra não competir com o card; cor neutra (não é warning nem error,
+   apenas esclarecimento). */
+.aed-billing-hint {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    font-size: 0.78rem;
+    color: var(--text-color-secondary);
+    background: color-mix(in srgb, var(--surface-border), transparent 60%);
+    border-left: 3px solid var(--p-primary-color);
+    border-radius: 0 6px 6px 0;
+    line-height: 1.4;
+}
+.aed-billing-hint > i {
+    color: var(--p-primary-color);
+    font-size: 0.85rem;
+    margin-top: 1px;
+    flex-shrink: 0;
+}
+.aed-billing-hint b {
+    color: var(--text-color);
 }
 
 /* Padding interno do card "Campos Extras (compromisso)" — mesmo
@@ -2141,6 +3601,12 @@ onBeforeUnmount(() => {
     padding: 0.85rem 0.85rem 0.65rem !important;
 }
 
+/* Padding interno do card "Frequência" — mesmo tratamento dos outros
+   bodies. Override do .field-card__body { padding: 0 } padrao. */
+.aed-freq-body {
+    padding: 0.85rem !important;
+}
+
 /* InputGroup do Particular/Convenio — botoes "+" e "?" grudam
    no select sem o gap separado de antes. Os addons herdam altura
    automaticamente do select via PrimeVue. */
@@ -2154,11 +3620,20 @@ onBeforeUnmount(() => {
 }
 
 /* Popover de ajuda — bullets compactos, max-width pra nao crescer
-   demais em telas grandes. */
+   demais em telas grandes. padding interno (4px) pra evitar conteudo
+   grudado nas bordas do balao do Popover. */
 .aed-help-pop {
     max-width: 320px;
     font-size: 0.8rem;
     line-height: 1.45;
+    padding: 10px;
+}
+.aed-help-pop__link {
+    margin-top: 0.5rem;
+    padding-top: 0.5rem;
+    border-top: 1px solid var(--surface-border);
+    display: flex;
+    justify-content: flex-end;
 }
 .aed-help-pop__title {
     display: flex;
@@ -2362,6 +3837,249 @@ onBeforeUnmount(() => {
     margin-top: 2px;
 }
 
+/* ── occurrence mode: layout enxuto pro 2º dialog empilhado ─── */
+.composer-occurrence {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    margin-top: 2px;
+}
+.aed-occ-data {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.75rem;
+}
+.aed-occ-data__row {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.85rem;
+    min-height: 1.5rem;
+}
+.aed-occ-data__icon {
+    width: 1rem;
+    color: var(--text-color-secondary);
+    flex-shrink: 0;
+    text-align: center;
+}
+.aed-occ-data__label {
+    color: var(--text-color-secondary);
+    font-weight: 500;
+    min-width: 5.5rem;
+    flex-shrink: 0;
+}
+.aed-occ-data__value {
+    color: var(--text-color);
+    font-weight: 600;
+    min-width: 0;
+}
+
+/* ── preview antes/depois (occurrenceMode + scope > somente_este) ── */
+.aed-preview-card {
+    border: 1.5px solid var(--surface-border);
+    border-radius: 6px;
+    background: color-mix(in srgb, var(--surface-card), transparent 10%);
+    overflow: hidden;
+}
+.aed-preview-card__header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    background: color-mix(in srgb, var(--surface-ground), transparent 30%);
+    border-bottom: 1px solid var(--surface-border);
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--text-color-secondary);
+}
+.aed-preview-card__cols {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0;
+}
+.aed-preview-col {
+    padding: 0.5rem;
+    min-width: 0;
+}
+.aed-preview-col + .aed-preview-col {
+    border-left: 1px solid var(--surface-border);
+}
+.aed-preview-col__title {
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--text-color-secondary);
+    margin-bottom: 0.4rem;
+    padding-left: 0.25rem;
+}
+.aed-preview-col--after .aed-preview-col__title {
+    color: var(--p-primary-500);
+}
+.aed-preview-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.3rem;
+}
+.aed-preview-row {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    padding: 0.3rem 0.45rem;
+    border: 1px solid var(--surface-border);
+    border-radius: 4px;
+    background: var(--surface-card);
+    font-size: 0.72rem;
+}
+.aed-preview-row--past {
+    opacity: 0.55;
+}
+.aed-preview-row--changed {
+    border-color: color-mix(in srgb, var(--p-primary-500) 50%, var(--surface-border));
+    background: color-mix(in srgb, var(--p-primary-500) 6%, var(--surface-card));
+}
+.aed-preview-row__num {
+    font-weight: 700;
+    font-size: 0.7rem;
+    color: var(--text-color-secondary);
+    min-width: 1.2rem;
+    flex-shrink: 0;
+}
+.aed-preview-row__date {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    line-height: 1.05;
+    min-width: 0;
+}
+.aed-preview-row__weekday {
+    font-size: 0.58rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--text-color-secondary);
+}
+.aed-preview-row__daynum {
+    font-size: 0.85rem;
+    font-weight: 700;
+    color: var(--text-color);
+}
+.aed-preview-row__month {
+    font-size: 0.55rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: var(--text-color-secondary);
+}
+.aed-preview-row__time {
+    margin-left: auto;
+    font-size: 0.72rem;
+    font-weight: 600;
+    color: var(--text-color);
+    flex-shrink: 0;
+}
+
+/* ── SelectButton "Cobrança ao salvar" (Opção C1, 2026-05-13) ─── */
+.aed-charge-mode-row {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin: 0.5rem 0.75rem 0.75rem;
+    padding: 0.7rem 0.85rem;
+    border: 1px dashed var(--surface-border);
+    border-radius: 6px;
+    background: color-mix(in srgb, var(--p-primary-500) 3%, var(--surface-card));
+}
+.aed-charge-mode-label {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--text-color);
+    line-height: 1.3;
+}
+.aed-charge-mode-label i.pi-bolt {
+    color: var(--p-primary-500);
+}
+.aed-charge-mode-buttons {
+    align-self: flex-start;
+}
+/* Card "Cobrança" — fullwidth dedicado, 2026-05-14. Reusa pattern field-card. */
+.aed-charge-card__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    padding: 0.85rem !important;
+}
+/* Mensagem de mudança de frequência → cobrança. Warning amarelo, persiste
+   até user fechar o dialog OU trocar de tipo de novo. Slide+fade in/out +
+   pulse de ~2.4s a cada troca (re-dispara via :key incrementado). */
+.aed-charge-change-msg {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.5rem;
+    padding: 0.6rem 0.8rem;
+    border-radius: 6px;
+    background: color-mix(in srgb, var(--amber-500, #f59e0b) 12%, var(--surface-card));
+    border: 1px solid color-mix(in srgb, var(--amber-500, #f59e0b) 50%, transparent);
+    font-size: 0.78rem;
+    color: var(--amber-800, #92400e);
+    line-height: 1.4;
+    animation: aed-charge-msg-pulse 0.8s ease-in-out 3;
+}
+@keyframes aed-charge-msg-pulse {
+    0%, 100% {
+        box-shadow: 0 0 0 0 color-mix(in srgb, var(--amber-500, #f59e0b) 0%, transparent);
+        transform: scale(1);
+    }
+    50% {
+        box-shadow: 0 0 0 6px color-mix(in srgb, var(--amber-500, #f59e0b) 22%, transparent);
+        transform: scale(1.012);
+    }
+}
+.aed-charge-change-msg i {
+    color: var(--amber-600, #d97706);
+    font-size: 0.95rem;
+    flex-shrink: 0;
+    margin-top: 1px;
+}
+.aed-charge-warn-enter-active,
+.aed-charge-warn-leave-active {
+    transition: opacity 220ms ease, transform 220ms ease, max-height 220ms ease;
+    overflow: hidden;
+    max-height: 200px;
+}
+.aed-charge-warn-enter-from,
+.aed-charge-warn-leave-to {
+    opacity: 0;
+    transform: translateY(-6px);
+    max-height: 0;
+}
+.aed-charge-mode-hint {
+    font-size: 0.8125rem;
+    color: var(--text-color-secondary);
+    line-height: 1.45;
+}
+.aed-payment-settle {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-top: 0.2rem;
+}
+.aed-payment-settle__label {
+    font-size: 0.75rem;
+    font-weight: 500;
+    color: var(--text-color);
+    flex-shrink: 0;
+}
+.aed-payment-settle__select {
+    min-width: 16rem;
+    flex: 1;
+}
+
 /* ── paciente hero ──────────────────────────────── */
 .patient-hero {
     border: 1.5px solid var(--surface-border);
@@ -2373,7 +4091,10 @@ onBeforeUnmount(() => {
     display: flex;
     align-items: center;
     gap: 0.4rem;
-    padding: 0.4rem 0.6rem 0.4rem 0.9rem;
+    padding: 0 0.6rem 0 0.9rem;
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
     font-size: 0.7rem;
     font-weight: 700;
     letter-spacing: 0.06em;
@@ -2383,6 +4104,23 @@ onBeforeUnmount(() => {
     background: color-mix(in srgb, var(--surface-ground), transparent 30%);
 }
 
+/* Toggle Presencial/Online — substitui o label "Paciente" e o SelectButton
+   antigo em todas as resolucoes. Mesmo visual do botao "Ajustar horário":
+   pi-pencil + 1 palavra por vez (clicou alterna Presencial<->Online). */
+.patient-hero__label-text {
+    display: none;
+}
+.patient-hero__modal-btn {
+    display: inline-flex;
+}
+/* Cancela o text-transform/letter-spacing herdados do .patient-hero__label
+   (que sao UPPERCASE pra "PACIENTE"). O botao precisa do estilo proprio. */
+.patient-hero__modal-btn :deep(.p-button-label) {
+    text-transform: none;
+    letter-spacing: 0;
+    font-weight: 500;
+}
+
 /* Modalidade SelectButton inline no header do paciente — altura
    bate com o botao "Cadastro Rapido" h-7 (1.75rem = 28px) */
 .patient-hero__mod-select :deep(.p-togglebutton) {
@@ -2422,6 +4160,20 @@ onBeforeUnmount(() => {
     margin-top: 0.65rem;
 }
 
+/* Jornada Message — segue o mesmo padrao do timeConflict: inline no
+   topo do form em mobile (<1200px), e teleportada pra dentro do aside
+   do Resumo em desktop (>=1200px). */
+@media (min-width: 1200px) {
+    .aed-msg-jornada--inline {
+        display: none !important;
+    }
+}
+.aed-msg-jornada--floating {
+    /* Margin-top removido — gap do .aed-resumo-wrap (flex column) ja faz
+       o espaçamento entre o aside (Resumo) e essa Message. */
+    margin-top: 0;
+}
+
 /* Card genérico para seções (data/horário, etc.) */
 .field-card {
     border-radius: 6px;
@@ -2433,7 +4185,10 @@ onBeforeUnmount(() => {
     display: flex;
     align-items: center;
     gap: 6px;
-    padding: 7px 12px;
+    padding: 0 12px;
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
     font-size: 0.7rem;
     font-weight: 700;
     letter-spacing: 0.06em;
@@ -2496,59 +4251,81 @@ onBeforeUnmount(() => {
     color: var(--p-primary-500);
 }
 
+/* Mini links "Editar / Limpar" embaixo do nome do paciente —
+   substituem os botoes redondos do canto direito. Pequenos,
+   inline, com cores semanticas (primary p/ Editar, danger p/ Limpar). */
+.patient-hero__link {
+    background: transparent;
+    border: 0;
+    padding: 0;
+    font-size: 0.95rem;
+    color: var(--p-primary-color);
+    cursor: pointer;
+    font-family: inherit;
+    text-decoration: none;
+    transition: color 0.12s;
+}
+.patient-hero__link:hover {
+    text-decoration: underline;
+}
+.patient-hero__link--danger {
+    color: var(--p-red-500, #ef4444);
+}
+.patient-hero__link-sep {
+    font-size: 0.95rem;
+    color: var(--text-color-secondary);
+    opacity: 0.5;
+}
+
 /* ── time hero ──────────────────────────────────── */
+/* Layout em 2 linhas: linha 1 (Data • Duração), linha 2 (Início → Término). */
 .time-hero {
     display: flex;
-    align-items: stretch;
+    flex-direction: column;
+    gap: 0.2rem;
+    padding: 0.7rem 0.9rem;
     cursor: pointer;
-    transition:
-        border-color 0.12s,
-        box-shadow 0.12s;
+    transition: background 0.12s;
     background: color-mix(in srgb, var(--surface-card), transparent 10%);
 }
 .time-hero:hover {
-    border-color: var(--p-primary-400, #818cf8);
-    box-shadow: 0 2px 12px color-mix(in srgb, var(--p-primary-500) 15%, transparent);
+    background: color-mix(in srgb, var(--p-primary-500) 4%, var(--surface-card));
 }
-.time-hero__block {
-    flex: 1;
+/* Readonly em modo edição — sem cursor pointer nem hover. */
+.time-hero.time-hero--readonly {
+    cursor: default;
+}
+.time-hero.time-hero--readonly:hover {
+    background: color-mix(in srgb, var(--surface-card), transparent 10%);
+}
+.time-hero__line {
     display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 0.2rem;
-    padding: 0.7rem 0.5rem;
-    min-width: 0;
+    align-items: baseline;
+    gap: 0.5rem;
+    flex-wrap: wrap;
 }
-.time-hero__label {
-    font-size: 0.65rem;
-    font-weight: 700;
-    letter-spacing: 0.06em;
-    text-transform: uppercase;
-    color: var(--text-color-secondary);
-    white-space: nowrap;
-}
-.time-hero__value {
-    font-size: 0.92rem;
-    font-weight: 700;
+.time-hero__date {
+    font-size: 0.95rem;
+    font-weight: 600;
     color: var(--text-color);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
 }
-.time-hero__sep {
-    width: 1px;
-    background: var(--surface-border);
-    margin: 0.5rem 0;
-}
-.time-hero__edit {
-    display: flex;
-    align-items: center;
-    padding: 0 0.75rem;
+.time-hero__bullet {
     color: var(--text-color-secondary);
     opacity: 0.5;
-    font-size: 0.8rem;
+}
+.time-hero__duration {
+    font-size: 0.85rem;
+    color: var(--text-color-secondary);
+}
+.time-hero__time {
+    font-size: 1.05rem;
+    font-weight: 700;
+    color: var(--p-primary-color);
+    font-variant-numeric: tabular-nums;
+}
+.time-hero__arrow {
+    color: var(--text-color-secondary);
+    opacity: 0.6;
 }
 
 /* ── fields grid ────────────────────────────────── */
@@ -2566,6 +4343,26 @@ onBeforeUnmount(() => {
     }
 }
 
+/* Row 50/50 para pares de cards (Paciente|Data+Horario,
+   Sessao/Honorarios|Frequencia). Mobile (<768) empilha 1 coluna.
+   Cancela mb-4 dos cards filhos pra a margem ser controlada
+   pelo proprio row. */
+.aed-row-50 {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0.85rem;
+    margin-bottom: 1rem;
+}
+@media (min-width: 768px) {
+    .aed-row-50 {
+        grid-template-columns: 1fr 1fr;
+    }
+}
+.aed-row-50 > .field-card,
+.aed-row-50 > .patient-hero {
+    margin-bottom: 0 !important;
+}
+
 /* ── side panel ─────────────────────────────────── */
 .composer-right {
     /* layout single-col agora — sticky removido (nao faz sentido) */
@@ -2582,6 +4379,7 @@ onBeforeUnmount(() => {
 .agenda-resumo--mobile {
     display: block;
 }
+.aed-resumo-wrap,
 .agenda-resumo--floating {
     display: none;
 }
@@ -2589,17 +4387,24 @@ onBeforeUnmount(() => {
     .agenda-resumo--mobile {
         display: none;
     }
-    .agenda-resumo--floating {
-        display: block;
+    /* Wrapper ancorado a direita do dialog. Hospeda o card de Resumo +
+       Message de jornada (que fica FORA do card, abaixo). position+top+left
+       saem daqui; aside agora é elemento normal no flow do wrapper.
+       top é injetado via :style reativo (resumoStyle.top), sincronizado
+       com o .p-dialog via ResizeObserver. */
+    .aed-resumo-wrap {
+        display: flex;
+        flex-direction: column;
+        gap: 0.55rem;
         position: fixed;
-        /* top + max-height sao injetados via :style reativo (resumoStyle no
-           script), sincronizados com o .p-dialog via ResizeObserver. Sem isso,
-           dialog baixo (Bloqueio/Atividade) centra vertical e o resumo ficava
-           preso em 5vh, desalinhado. */
         left: calc(50% + 314px);
         width: 280px;
+    }
+    .agenda-resumo--floating {
+        display: block;
+        /* max-height aplicado via :style reativo (resumoStyle.maxHeight) pra
+           que scroll interno acompanhe a altura do dialog. */
         overflow-y: auto;
-        z-index: 100000; /* PrimeVue incrementa z-index dinamicamente; valor alto pra garantir que fique acima da mask em qualquer ordem de overlay */
         background: color-mix(in srgb, var(--surface-card) 88%, transparent);
         border: 1px solid var(--surface-border);
         border-radius: 14px;
@@ -2693,6 +4498,38 @@ onBeforeUnmount(() => {
     flex-shrink: 0;
 }
 
+/* Linha "Cobrança" do Resumo — espelha as 3 cores da agenda
+   (verde pago / amber pendente / vermelho atrasada / neutro none). */
+.aed-pay-summary-row .summary-icon {
+    opacity: 1;
+    font-weight: 600;
+}
+.aed-pay-summary-row--paid {
+    color: #047857; /* emerald-700 */
+}
+.aed-pay-summary-row--paid .summary-icon {
+    color: #10b981; /* emerald-500 */
+}
+.aed-pay-summary-row--pending {
+    color: #b45309; /* amber-700 */
+}
+.aed-pay-summary-row--pending .summary-icon {
+    color: #f59e0b; /* amber-500 */
+}
+.aed-pay-summary-row--overdue {
+    color: #b91c1c; /* red-700 */
+}
+.aed-pay-summary-row--overdue .summary-icon {
+    color: #ef4444; /* red-500 */
+}
+.aed-pay-summary-row--none {
+    color: var(--text-color-secondary);
+}
+.aed-pay-summary-row--none .summary-icon {
+    color: var(--text-color-secondary);
+    opacity: 0.85;
+}
+
 /* commit badge */
 .commit-badge {
     display: inline-flex;
@@ -2736,28 +4573,51 @@ onBeforeUnmount(() => {
 
 /* ── freq tabs ──────────────────────────────────── */
 .freq-tab {
-    padding: 0.25rem 0.75rem;
-    border-radius: 999px;
-    font-size: 0.75rem;
+    padding: 0.6rem 1.15rem;
+    border-radius: 10px;
+    font-size: 0.9rem;
     font-weight: 600;
     border: 1px solid var(--surface-border);
-    background: transparent;
-    color: var(--text-color-secondary);
+    background: var(--surface-card);
+    color: var(--text-color);
     cursor: pointer;
     transition:
-        background 0.1s,
-        color 0.1s,
-        border-color 0.1s;
+        background 0.12s,
+        color 0.12s,
+        border-color 0.12s;
 }
-.freq-tab:hover {
-    border-color: var(--p-primary-400);
-    color: var(--p-primary-500);
+.freq-tab:not(.freq-tab--active):hover {
+    border-color: var(--p-primary-color);
+    color: var(--p-primary-color);
+    background: color-mix(in srgb, var(--p-primary-color) 6%, var(--surface-card));
 }
 .freq-tab--active {
     background: var(--p-primary-500, #6366f1);
     border-color: var(--p-primary-500, #6366f1);
     color: #fff;
 }
+.freq-tab--active:hover {
+    background: color-mix(in srgb, var(--p-primary-500, #6366f1) 88%, black);
+}
+
+/* Variante 2 linhas — semanal/quinzenal exibem mes equivalente em cima. */
+.freq-tab--two-line {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.1rem;
+    line-height: 1.15;
+    padding: 0.55rem 1.1rem;
+}
+.freq-tab__top {
+    font-size: 0.95rem;
+    font-weight: 700;
+}
+.freq-tab__bottom {
+    font-size: 0.75rem;
+    font-weight: 500;
+    opacity: 0.8;
+}
 
 /* ── recorrência preview ────────────────────────── */
 .recorrencia-preview {
@@ -2978,6 +4838,14 @@ onBeforeUnmount(() => {
 .slot-pill--online-cfg:hover:not(.slot-pill--busy) {
     background: var(--blue-100, #dbeafe) !important;
 }
+/* Combo selected + online-cfg: precedência pro selected (mais especificidade
+   que .slot-pill--online-cfg sozinha). Sem isso, o azul-claro do online
+   ganhava sobre o primary do selected. 2026-05-13. */
+.slot-pill--current.slot-pill--online-cfg {
+    background: var(--primary-500, #6366f1) !important;
+    color: #fff !important;
+    border-color: var(--primary-500, #6366f1) !important;
+}
 
 /* Dot azul dentro do pill quando é slot online configurado */
 .slot-online-dot {
@@ -3327,6 +5195,21 @@ onBeforeUnmount(() => {
 .serie-pill--remarcado {
     border-left-color: var(--orange-400, #fb923c);
 }
+.serie-pill__num {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--p-primary-color) 12%, transparent);
+    color: var(--p-primary-color);
+    font-size: 0.72rem;
+    font-weight: 700;
+    flex-shrink: 0;
+    font-variant-numeric: tabular-nums;
+    padding: 0 0.4rem;
+}
 .serie-pill__date {
     display: flex;
     flex-direction: column;
@@ -3364,6 +5247,17 @@ onBeforeUnmount(() => {
     min-width: 0;
     max-width: 125px;
 }
+.serie-pill__status-badge {
+    flex: 1;
+    min-width: 0;
+    font-size: 0.72rem;
+    font-weight: 600;
+    color: var(--text-color-secondary);
+    text-transform: capitalize;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 .serie-pill__cur-badge {
     font-size: 0.58rem;
     font-weight: 700;
@@ -3382,7 +5276,322 @@ onBeforeUnmount(() => {
     width: 2rem;
 }
 
-/* ── Commitment items (serviços vinculados ao evento) ── */
+/* ── Service cards (dialog Sessão / Honorários) ─────────
+   Layout novo (2026-05-11): cada serviço adicionado vira um card
+   individual com nome em destaque, preço unitário + total, e ações
+   colapsáveis (Aplicar desconto, Alterar quantidade). */
+.aed-svc-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.55rem;
+}
+.aed-svc-card {
+    border: 1px solid var(--surface-border);
+    border-radius: 10px;
+    background: color-mix(in srgb, var(--surface-card), transparent 0%);
+    padding: 0.85rem 0.95rem;
+    transition: border-color 0.12s, box-shadow 0.12s;
+}
+.aed-svc-card:hover {
+    border-color: color-mix(in srgb, var(--p-primary-color) 40%, var(--surface-border));
+}
+.aed-svc-card__head {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.65rem;
+}
+.aed-svc-card__name {
+    flex: 1;
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: var(--text-color);
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.aed-svc-card__remove {
+    flex-shrink: 0;
+}
+.aed-svc-card__row {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 1rem;
+    margin-bottom: 0.6rem;
+}
+.aed-svc-card__field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+}
+.aed-svc-card__label {
+    font-size: 0.7rem;
+    font-weight: 600;
+    color: var(--text-color-secondary);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+}
+.aed-svc-card__total {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 0.1rem;
+}
+.aed-svc-card__total-label {
+    font-size: 0.7rem;
+    font-weight: 600;
+    color: var(--text-color-secondary);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+}
+.aed-svc-card__total-value {
+    font-size: 1.1rem;
+    font-weight: 700;
+    color: var(--p-primary-color);
+    font-variant-numeric: tabular-nums;
+}
+.aed-svc-card__calc {
+    font-size: 0.7rem;
+    color: var(--p-red-500, #ef4444);
+    font-variant-numeric: tabular-nums;
+}
+.aed-svc-card__actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.6rem;
+    flex-wrap: wrap;
+    padding-top: 0.5rem;
+    border-top: 1px dashed var(--surface-border);
+}
+.aed-svc-card__discount {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35rem;
+}
+.aed-svc-card__qty {
+    display: inline-flex;
+    align-items: center;
+}
+.aed-svc-card__qty-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    background: transparent;
+    border: 1px dashed var(--surface-border);
+    border-radius: 999px;
+    padding: 0.25rem 0.7rem;
+    font-size: 0.75rem;
+    color: var(--text-color-secondary);
+    cursor: pointer;
+    font-family: inherit;
+    transition: background 0.12s, border-color 0.12s, color 0.12s;
+}
+.aed-svc-card__qty-btn:hover {
+    border-color: var(--p-primary-color);
+    color: var(--p-primary-color);
+    background: color-mix(in srgb, var(--p-primary-color) 6%, transparent);
+}
+.aed-svc-card__qty-btn i {
+    font-size: 0.7rem;
+}
+.aed-svc-card__qty-select :deep(.p-select) {
+    height: 1.75rem;
+    min-height: 1.75rem;
+}
+.aed-svc-card__qty-select :deep(.p-select-label) {
+    padding: 0 0.5rem !important;
+    font-size: 0.8rem;
+    line-height: 1.75rem;
+    min-width: 1.5rem;
+}
+.aed-svc-list__total-value {
+    font-size: 1.05rem;
+    font-weight: 700;
+    color: var(--p-primary-color);
+    font-variant-numeric: tabular-nums;
+}
+
+/* Footer do dialog Serviços — total fixo no canto esquerdo, botão
+   Concluir no direito. Usa o area nativa do PrimeVue Dialog footer
+   (que ja fica fixa no bottom). */
+.aed-svc-footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 1rem;
+    width: 100%;
+}
+.aed-svc-footer__total {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    padding: 0 0.85rem;
+    height: 2.25rem;
+    border: 1px dashed var(--p-primary-color);
+    border-radius: 8px;
+    background: color-mix(in srgb, var(--p-primary-color) 5%, transparent);
+    line-height: 1;
+}
+.aed-svc-footer__total .aed-svc-list__total-value {
+    font-size: 0.95rem;
+}
+
+/* Sections do dialog Frequência — cada bloco (Tipo, Dias, Quantidade,
+   Próximas ocorrências) vira um sub-card com label superior + body.
+   Estilo coerente com o .field-card principal mas mais compacto. */
+.aed-freq-dlg {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+.aed-freq-section {
+    border: 1px solid var(--surface-border);
+    border-radius: 10px;
+    overflow: hidden;
+    background: var(--surface-card);
+}
+.aed-freq-section__label {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    padding: 0 0.85rem;
+    height: 32px;
+    font-size: 0.68rem;
+    font-weight: 700;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--text-color-secondary);
+    border-bottom: 1px solid var(--surface-border);
+    background: color-mix(in srgb, var(--surface-ground), transparent 30%);
+}
+.aed-freq-section__warn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+    text-transform: none;
+    letter-spacing: 0;
+    font-size: 0.7rem;
+    color: var(--p-amber-500, #f59e0b);
+}
+.aed-freq-section__body {
+    padding: 0.85rem;
+}
+
+/* Separador de mês na lista de ocorrências — linha discreta com
+   nome do mês centralizado. Aparece antes do primeiro item de cada mês. */
+.aed-freq-month-sep {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    margin: 0.55rem 0 0.25rem;
+    font-size: 0.7rem;
+    font-weight: 700;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--text-color-secondary);
+}
+.aed-freq-month-sep::before,
+.aed-freq-month-sep::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    background: var(--surface-border);
+}
+.aed-freq-month-sep:first-child {
+    margin-top: 0;
+}
+
+/* "Em X dias/semanas/meses" do lado da data — escala discreta */
+.aed-freq-rel {
+    margin-left: auto;
+    font-size: 0.7rem;
+    color: var(--text-color-secondary);
+    opacity: 0.85;
+    font-style: italic;
+}
+
+/* Preview semanal/quinzenal dentro do card Tipo. */
+.aed-freq-preview {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.55rem 0.75rem;
+    margin-top: 0.65rem;
+    border-radius: 8px;
+    background: color-mix(in srgb, var(--p-primary-color) 6%, transparent);
+    border: 1px dashed color-mix(in srgb, var(--p-primary-color) 40%, transparent);
+    font-size: 0.82rem;
+    color: var(--text-color);
+}
+.aed-freq-preview i {
+    color: var(--p-primary-color);
+    font-size: 0.85rem;
+}
+
+/* Hint educativo "Unidades vs Recorrência" no topo do dialog Serviços —
+   2 linhas com icone + explicacao, fonte pequena. */
+.aed-svc-hint {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    font-size: 0.9rem;
+    line-height: 1.45;
+}
+.aed-svc-hint__row {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.55rem;
+}
+.aed-svc-hint__row > i {
+    flex-shrink: 0;
+    margin-top: 0.2rem;
+    font-size: 0.95rem;
+}
+
+/* Header bonito do dialog Serviços/Convênio — icone redondo + titulo +
+   subtitulo. Mesmo pattern usado no AgendaEventDialog "Nova {commitment}"
+   e no MelissaPaciente dialog de Nova Sessao. */
+.aed-svc-dlg-head {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-width: 0;
+}
+.aed-svc-dlg-head__icon {
+    display: grid;
+    place-items: center;
+    width: 2.25rem;
+    height: 2.25rem;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--p-primary-color) 14%, transparent);
+    color: var(--p-primary-color);
+    font-size: 1rem;
+    flex-shrink: 0;
+}
+.aed-svc-dlg-head__text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+.aed-svc-dlg-head__title {
+    font-size: 1rem;
+    font-weight: 700;
+    color: var(--text-color);
+    line-height: 1.2;
+}
+.aed-svc-dlg-head__sub {
+    font-size: 0.78rem;
+    color: var(--text-color-secondary);
+    line-height: 1.3;
+}
+
+/* ── Commitment items (serviços vinculados ao evento) — legacy CSS,
+   ainda usado pelos AgendaEventDialogV2/outras integrações ── */
 .commitment-items-list {
     display: flex;
     flex-direction: column;
@@ -3474,4 +5683,59 @@ onBeforeUnmount(() => {
     height: 16px;
     flex-shrink: 0;
 }
+
+/* ── Dialog "Ver lançamentos da sessão" (2026-05-14) ── */
+.aed-records-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.6rem;
+}
+.aed-record {
+    border: 1px solid var(--surface-border);
+    border-radius: 8px;
+    padding: 0.7rem 0.85rem;
+    background: var(--surface-card);
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+}
+.aed-record--child {
+    background: color-mix(in srgb, var(--p-primary-color) 4%, var(--surface-card));
+    margin-left: 1.5rem;
+    border-color: color-mix(in srgb, var(--p-primary-color) 25%, var(--surface-border));
+}
+.aed-record__head {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+.aed-record__indent {
+    color: var(--text-color-secondary);
+    font-size: 0.7rem;
+    transform: scaleY(-1);
+}
+.aed-record__desc {
+    font-size: 0.88rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+.aed-record__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+}
+.aed-record__row {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.78rem;
+    color: var(--text-color-secondary);
+}
+.aed-record__row i {
+    font-size: 0.72rem;
+}
+.aed-record__amount {
+    font-weight: 600;
+    color: var(--text-color);
+}
 </style>
diff --git a/src/features/agenda/components/AgendaStatusChangeConfirmDialog.vue b/src/features/agenda/components/AgendaStatusChangeConfirmDialog.vue
new file mode 100644
index 0000000..8d1dd9e
--- /dev/null
+++ b/src/features/agenda/components/AgendaStatusChangeConfirmDialog.vue
@@ -0,0 +1,474 @@
+<!--
+|--------------------------------------------------------------------------
+| Agência PSI
+|--------------------------------------------------------------------------
+| Criado e desenvolvido por Leonardo Nohama
+|
+| Tecnologia aplicada à escuta.
+| Estrutura para o cuidado.
+|
+| Arquivo: src/features/agenda/components/AgendaStatusChangeConfirmDialog.vue
+| Data: 2026
+| Local: São Carlos/SP — Brasil
+|--------------------------------------------------------------------------
+| © 2026 — Todos os direitos reservados
+|--------------------------------------------------------------------------
+-->
+<script setup>
+/*
+ * AgendaStatusChangeConfirmDialog — Dialog que aparece ao mudar status
+ * de uma sessão (realizado/faltou/cancelado). Mostra defaults vindos da
+ * config (financial_exceptions, billing_contracts) e permite override
+ * caso a caso pelo terapeuta/clínica antes de aplicar.
+ *
+ * 5 variantes de renderização baseadas em (novoStatus, eventoContext):
+ *  - faltou/cancelado + avulsa            → bloco multa
+ *  - faltou/cancelado + pacote saldo      → bloco saldo + bloco multa
+ *  - faltou/cancelado + pacote upfront    → bloco multa (saldo n/a)
+ *  - realizado + avulsa pendente          → bloco "registrar pagamento"
+ *  - realizado + pacote saldo             → bloco "gerar cobrança no pacote"
+ *
+ * Emit 'confirm' com objeto descrevendo o que o handler deve fazer:
+ *  {
+ *    consumeSaldo: bool,        // só relevante em pacote saldo + faltou/cancelado
+ *    applyFine: bool,           // se vai cobrar multa
+ *    fineAmount: number|null,   // valor da multa (editavel)
+ *    markPaid: bool,            // realizado avulsa → marcar paga
+ *    paymentMethod: string,     // método se markPaid ou gerar cobrança
+ *    generatePackageCharge: bool // realizado em pacote saldo → criar record
+ *  }
+ */
+import { ref, computed, watch } from 'vue';
+
+const props = defineProps({
+    modelValue: { type: Boolean, default: false },
+    evento: { type: Object, default: null },
+    novoStatus: { type: String, default: '' }, // 'realizado' | 'faltou' | 'cancelado'
+    regraExcecao: { type: Object, default: null }, // row de financial_exceptions ou null
+    billingContract: { type: Object, default: null }, // row de billing_contracts ou null
+    billingContractStyle: { type: String, default: null }, // 'upfront' | 'saldo' | null
+    // Quando avulsa+pendente e novoStatus='realizado': financial_record relacionado
+    pendingRecord: { type: Object, default: null },
+    // Preço da sessão (pra calcular multa percentual e cobrança de pacote saldo)
+    sessionPrice: { type: Number, default: 0 }
+});
+
+const emit = defineEmits(['update:modelValue', 'confirm']);
+
+// ─── State interno (refs editáveis) ─────────────────────────────────────
+const consumeSaldo = ref(false);
+const applyFine = ref(false);
+const fineAmount = ref(0);
+const markPaid = ref(true); // default em realizado: já recebeu
+const paymentMethod = ref('pix'); // método em "como recebeu" ou "como cobrar"
+const generatePackageCharge = ref(true); // realizado em pacote saldo: gera por padrão
+
+// Reset/init ao abrir
+watch(
+    () => props.modelValue,
+    (open) => {
+        if (!open) return;
+        // Defaults baseados em context
+        consumeSaldo.value = !!props.regraExcecao?.default_consume_on_miss;
+        applyFine.value = _calcInitialFineApply();
+        fineAmount.value = _calcInitialFineAmount();
+        markPaid.value = true;
+        paymentMethod.value = 'pix';
+        generatePackageCharge.value = true;
+    }
+);
+
+// ─── Computeds: o que renderizar ────────────────────────────────────────
+const isFaltouOrCancelado = computed(() => props.novoStatus === 'faltou' || props.novoStatus === 'cancelado');
+const isRealizado = computed(() => props.novoStatus === 'realizado');
+const isAvulsa = computed(() => !props.billingContract);
+const isPacoteSaldo = computed(() => props.billingContract?.type === 'package' && props.billingContractStyle === 'saldo');
+const isPacoteUpfront = computed(() => props.billingContract?.type === 'package' && props.billingContractStyle === 'upfront');
+
+// Mostrar bloco multa: faltou/cancelado + regra existe + charge_mode != 'none'
+const showFineBlock = computed(() => isFaltouOrCancelado.value && props.regraExcecao && props.regraExcecao.charge_mode !== 'none');
+
+// Mostrar bloco saldo: faltou/cancelado + pacote saldo
+const showSaldoBlock = computed(() => isFaltouOrCancelado.value && isPacoteSaldo.value);
+
+// Mostrar bloco "registrar pagamento": realizado + avulsa pendente
+const showRegistrarPagto = computed(() => isRealizado.value && isAvulsa.value && props.pendingRecord && props.pendingRecord.status === 'pending');
+
+// Mostrar bloco "cobrança no pacote": realizado + pacote saldo
+const showCobrancaPacote = computed(() => isRealizado.value && isPacoteSaldo.value);
+
+// ─── Header ────────────────────────────────────────────────────────────
+const headerTitle = computed(() => {
+    const labels = { realizado: '✓ Marcar como Realizado', faltou: '⚠ Marcar como Faltou', cancelado: '✕ Marcar como Cancelado' };
+    return labels[props.novoStatus] || 'Atualizar status';
+});
+
+// ─── Sub-info do evento ────────────────────────────────────────────────
+const pacienteNome = computed(() => props.evento?.paciente_nome || props.evento?.patients?.nome_completo || 'Paciente');
+const dataHora = computed(() => {
+    const ini = props.evento?.inicio_em;
+    if (!ini) return '';
+    try {
+        const d = new Date(ini);
+        return d.toLocaleString('pt-BR', { dateStyle: 'short', timeStyle: 'short' });
+    } catch {
+        return '';
+    }
+});
+const isSerieSemPacote = computed(() => {
+    // Série recorrente que não criou billing_contract (chargeMode='none' no save).
+    // Detecta via recurrence_id/serie_id na row sem contract carregado.
+    if (props.billingContract) return false;
+    const e = props.evento;
+    return !!(e?.recurrence_id || e?.serie_id || e?.is_occurrence);
+});
+
+const tipoTag = computed(() => {
+    if (isPacoteSaldo.value) return `Pacote saldo: ${props.billingContract.sessions_used ?? 0} de ${props.billingContract.total_sessions ?? '?'} usadas`;
+    if (isPacoteUpfront.value) return `Pacote upfront: R$ ${_fmtBRL(props.billingContract.package_price)} pago`;
+    if (isSerieSemPacote.value) return 'Série recorrente (sem pacote)';
+    if (props.pendingRecord) return `Avulsa: R$ ${_fmtBRL(props.pendingRecord.final_amount || props.pendingRecord.amount)} pendente`;
+    return 'Avulsa';
+});
+
+// ─── Labels e options ──────────────────────────────────────────────────
+const paymentMethodOptions = [
+    { value: 'pix', label: 'PIX' },
+    { value: 'dinheiro', label: 'Dinheiro' },
+    { value: 'deposito', label: 'Depósito' },
+    { value: 'cartao_maquininha', label: 'Cartão (maquininha)' }
+];
+const paymentMethodOptionsCobranca = [
+    { value: 'link', label: 'Enviar link de pagamento (Asaas)' },
+    { value: 'pix', label: 'Já recebi — PIX' },
+    { value: 'dinheiro', label: 'Já recebi — Dinheiro' },
+    { value: 'deposito', label: 'Já recebi — Depósito' },
+    { value: 'cartao_maquininha', label: 'Já recebi — Cartão (maquininha)' }
+];
+
+const regraResumo = computed(() => {
+    const r = props.regraExcecao;
+    if (!r) return '';
+    if (r.charge_mode === 'full') return `Sessão completa = R$ ${_fmtBRL(props.sessionPrice)}`;
+    if (r.charge_mode === 'fixed_fee') return `Taxa fixa: R$ ${_fmtBRL(r.charge_value)}`;
+    if (r.charge_mode === 'percentage') return `${r.charge_pct}% da sessão = R$ ${_fmtBRL((props.sessionPrice * (r.charge_pct ?? 0)) / 100)}`;
+    return 'Sem cobrança';
+});
+
+// ─── Helpers ───────────────────────────────────────────────────────────
+function _fmtBRL(v) {
+    return Number(v ?? 0).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+
+function _calcInitialFineAmount() {
+    const r = props.regraExcecao;
+    if (!r) return 0;
+    if (r.charge_mode === 'full') return Number(props.sessionPrice) || 0;
+    if (r.charge_mode === 'fixed_fee') return Number(r.charge_value) || 0;
+    if (r.charge_mode === 'percentage') return parseFloat((((Number(props.sessionPrice) || 0) * (Number(r.charge_pct) || 0)) / 100).toFixed(2));
+    return 0;
+}
+
+function _calcInitialFineApply() {
+    // Se regra existe e charge_mode != 'none': default true
+    // Exceção: cancelado fora da janela min_hours_notice → default false (paciente cancelou dentro do prazo)
+    const r = props.regraExcecao;
+    if (!r || r.charge_mode === 'none') return false;
+    if (props.novoStatus === 'cancelado' && r.min_hours_notice != null && props.evento?.inicio_em) {
+        const horasAteSessao = (new Date(props.evento.inicio_em).getTime() - Date.now()) / (1000 * 60 * 60);
+        // Se cancelou COM MAIS antecedência que min → sem multa por padrão
+        if (horasAteSessao >= Number(r.min_hours_notice)) return false;
+    }
+    return true;
+}
+
+// ─── Actions ───────────────────────────────────────────────────────────
+function onConfirm() {
+    emit('confirm', {
+        consumeSaldo: showSaldoBlock.value ? consumeSaldo.value : false,
+        applyFine: showFineBlock.value ? applyFine.value : false,
+        fineAmount: showFineBlock.value && applyFine.value ? Number(fineAmount.value) || 0 : 0,
+        markPaid: showRegistrarPagto.value ? markPaid.value : false,
+        paymentMethod: paymentMethod.value,
+        generatePackageCharge: showCobrancaPacote.value ? generatePackageCharge.value : false
+    });
+    emit('update:modelValue', false);
+}
+
+function onCancel() {
+    emit('update:modelValue', false);
+}
+</script>
+
+<template>
+    <Dialog
+        :visible="modelValue"
+        modal
+        :draggable="false"
+        :style="{ width: '480px', maxWidth: '96vw' }"
+        :breakpoints="{ '640px': '98vw' }"
+        @update:visible="emit('update:modelValue', $event)"
+    >
+        <template #header>
+            <div class="asccd-head">
+                <div class="asccd-head__title">{{ headerTitle }}</div>
+            </div>
+        </template>
+
+        <div class="flex flex-col gap-4">
+            <!-- Resumo do evento -->
+            <div class="asccd-summary">
+                <div class="asccd-summary__name">{{ pacienteNome }}</div>
+                <div class="asccd-summary__meta">
+                    <span v-if="dataHora">{{ dataHora }}</span>
+                    <span class="asccd-summary__tag">{{ tipoTag }}</span>
+                </div>
+            </div>
+
+            <!-- ─── Bloco SALDO (pacote saldo + faltou/cancelado) ────────── -->
+            <div v-if="showSaldoBlock" class="asccd-block">
+                <div class="asccd-block__title">
+                    <i class="pi pi-wallet" />
+                    O que fazer com a vaga do pacote?
+                </div>
+                <div class="asccd-radio-group">
+                    <label class="asccd-radio">
+                        <input type="radio" :value="false" v-model="consumeSaldo" />
+                        <span><b>Remarcar</b> — não consome saldo (paciente pode remarcar)</span>
+                    </label>
+                    <label class="asccd-radio">
+                        <input type="radio" :value="true" v-model="consumeSaldo" />
+                        <span><b>Descontar</b> — sessão perdida ({{ billingContract?.sessions_used ?? 0 }} → {{ (billingContract?.sessions_used ?? 0) + 1 }})</span>
+                    </label>
+                </div>
+            </div>
+
+            <!-- ─── Bloco MULTA (faltou/cancelado com regra configurada) ── -->
+            <div v-if="showFineBlock" class="asccd-block">
+                <div class="asccd-block__title">
+                    <i class="pi pi-money-bill" />
+                    Aplicar multa?
+                </div>
+                <div class="asccd-fine-rule">Regra atual: {{ regraResumo }}</div>
+                <div class="asccd-fine-row">
+                    <Checkbox v-model="applyFine" inputId="asccd-apply-fine" binary />
+                    <label for="asccd-apply-fine" class="cursor-pointer">Aplicar multa</label>
+                    <InputNumber
+                        v-model="fineAmount"
+                        :disabled="!applyFine"
+                        mode="currency"
+                        currency="BRL"
+                        locale="pt-BR"
+                        :min="0"
+                        size="small"
+                        class="asccd-fine-input"
+                    />
+                </div>
+                <small v-if="isPacoteUpfront" class="asccd-hint">
+                    ℹ Pacote já pago; multa entra como cobrança adicional avulsa.
+                </small>
+            </div>
+
+            <!-- Pacote upfront sem multa configurada: aviso -->
+            <div v-if="isFaltouOrCancelado && isPacoteUpfront && !showFineBlock" class="asccd-info">
+                <i class="pi pi-info-circle" />
+                Pacote já foi pago. Nenhuma multa configurada — só atualiza o status.
+            </div>
+
+            <!-- ─── Bloco REGISTRAR PAGAMENTO (realizado + avulsa pendente) ── -->
+            <div v-if="showRegistrarPagto" class="asccd-block">
+                <div class="asccd-block__title">
+                    <i class="pi pi-check-circle" />
+                    A sessão foi paga?
+                </div>
+                <div class="asccd-radio-group">
+                    <label class="asccd-radio">
+                        <input type="radio" :value="false" v-model="markPaid" />
+                        <span>Não, manter cobrança pendente</span>
+                    </label>
+                    <label class="asccd-radio">
+                        <input type="radio" :value="true" v-model="markPaid" />
+                        <span>Sim, registrar pagamento</span>
+                    </label>
+                </div>
+                <div v-if="markPaid" class="asccd-method-row">
+                    <label class="asccd-method-label">Como recebeu?</label>
+                    <Select
+                        v-model="paymentMethod"
+                        :options="paymentMethodOptions"
+                        optionLabel="label"
+                        optionValue="value"
+                        size="small"
+                        class="asccd-method-select"
+                    />
+                </div>
+            </div>
+
+            <!-- ─── Bloco COBRANÇA NO PACOTE (realizado + pacote saldo) ──── -->
+            <div v-if="showCobrancaPacote" class="asccd-block">
+                <div class="asccd-block__title">
+                    <i class="pi pi-money-bill" />
+                    Gerar cobrança no pacote?
+                </div>
+                <div class="asccd-fine-rule">Valor da sessão: R$ {{ _fmtBRL(sessionPrice) }}</div>
+                <div class="asccd-fine-row">
+                    <Checkbox v-model="generatePackageCharge" inputId="asccd-gen-charge" binary />
+                    <label for="asccd-gen-charge" class="cursor-pointer">Gerar cobrança e consumir 1 sessão</label>
+                </div>
+                <div v-if="generatePackageCharge" class="asccd-method-row">
+                    <label class="asccd-method-label">Como cobrar?</label>
+                    <Select
+                        v-model="paymentMethod"
+                        :options="paymentMethodOptionsCobranca"
+                        optionLabel="label"
+                        optionValue="value"
+                        size="small"
+                        class="asccd-method-select"
+                    />
+                </div>
+            </div>
+        </div>
+
+        <template #footer>
+            <Button label="Cancelar" severity="secondary" outlined size="small" @click="onCancel" />
+            <Button label="Confirmar" icon="pi pi-check" size="small" @click="onConfirm" />
+        </template>
+    </Dialog>
+</template>
+
+<style scoped>
+.asccd-head__title {
+    font-size: 1rem;
+    font-weight: 700;
+    color: var(--text-color);
+}
+.asccd-summary {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+    padding: 0.65rem 0.85rem;
+    border-radius: 6px;
+    background: color-mix(in srgb, var(--p-primary-500) 4%, var(--surface-card));
+    border: 1px solid var(--surface-border);
+}
+.asccd-summary__name {
+    font-size: 0.92rem;
+    font-weight: 700;
+    color: var(--text-color);
+}
+.asccd-summary__meta {
+    font-size: 0.74rem;
+    color: var(--text-color-secondary);
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+.asccd-summary__tag {
+    display: inline-block;
+    padding: 1px 7px;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--p-primary-500) 12%, transparent);
+    color: var(--p-primary-color);
+    font-weight: 600;
+    font-size: 0.68rem;
+    text-transform: uppercase;
+    letter-spacing: 0.02em;
+}
+
+.asccd-block {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.75rem 0.85rem;
+    border-radius: 6px;
+    border: 1px solid var(--surface-border);
+    background: var(--surface-card);
+}
+.asccd-block__title {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+.asccd-block__title i {
+    color: var(--p-primary-color);
+    font-size: 0.85rem;
+}
+
+.asccd-radio-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+}
+.asccd-radio {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.82rem;
+    color: var(--text-color);
+    cursor: pointer;
+}
+.asccd-radio input[type='radio'] {
+    accent-color: var(--p-primary-color);
+    cursor: pointer;
+}
+
+.asccd-fine-rule {
+    font-size: 0.74rem;
+    color: var(--text-color-secondary);
+    font-style: italic;
+}
+.asccd-fine-row {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+.asccd-fine-input {
+    flex: 1;
+    min-width: 8rem;
+}
+
+.asccd-method-row {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-top: 0.25rem;
+}
+.asccd-method-label {
+    font-size: 0.78rem;
+    color: var(--text-color);
+    font-weight: 500;
+    flex-shrink: 0;
+}
+.asccd-method-select {
+    flex: 1;
+    min-width: 12rem;
+}
+
+.asccd-info {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.6rem 0.85rem;
+    border-radius: 6px;
+    background: color-mix(in srgb, var(--blue-400, #60a5fa) 8%, var(--surface-card));
+    border: 1px solid color-mix(in srgb, var(--blue-400, #60a5fa) 30%, transparent);
+    font-size: 0.78rem;
+    color: var(--text-color);
+}
+.asccd-info i {
+    color: var(--blue-600, #2563eb);
+    flex-shrink: 0;
+}
+
+.asccd-hint {
+    font-size: 0.7rem;
+    color: var(--text-color-secondary);
+    font-style: italic;
+}
+</style>
diff --git a/src/features/agenda/components/InsurancePlanQuickCreateDialog.vue b/src/features/agenda/components/InsurancePlanQuickCreateDialog.vue
index f0590dc..027893b 100644
--- a/src/features/agenda/components/InsurancePlanQuickCreateDialog.vue
+++ b/src/features/agenda/components/InsurancePlanQuickCreateDialog.vue
@@ -93,7 +93,6 @@ async function onSave() {
         :closable="!saving"
         header="Novo convênio"
         class="w-[94vw] max-w-md"
-        pt:mask:class="backdrop-blur-sm"
     >
         <div class="flex flex-col gap-3 pt-1">
             <FloatLabel variant="on">
diff --git a/src/features/agenda/components/InsurancePlanServiceQuickCreateDialog.vue b/src/features/agenda/components/InsurancePlanServiceQuickCreateDialog.vue
new file mode 100644
index 0000000..677b576
--- /dev/null
+++ b/src/features/agenda/components/InsurancePlanServiceQuickCreateDialog.vue
@@ -0,0 +1,130 @@
+<!--
+|--------------------------------------------------------------------------
+| Agência PSI
+|--------------------------------------------------------------------------
+| Arquivo: src/features/agenda/components/InsurancePlanServiceQuickCreateDialog.vue
+| Data: 2026-05-18
+|
+| Mini-dialog pra cadastrar procedimento dentro de um convênio SEM sair
+| do AgendaEventDialog. Mesmo pattern do InsurancePlanQuickCreateDialog —
+| emite `created` com a row inserida; o parent recarrega os planos e
+| (opcionalmente) auto-seleciona o novo procedimento.
+|
+| Campos:
+|   name *     — Ex: "Consulta psicológica", "Avaliação", "Sessão online"
+|   value *    — Valor que o convênio paga pra clínica nesse procedimento
+|--------------------------------------------------------------------------
+-->
+<script setup>
+import { ref, watch } from 'vue';
+import { useToast } from 'primevue/usetoast';
+import { supabase } from '@/lib/supabase/client';
+
+const props = defineProps({
+    modelValue: { type: Boolean, default: false },
+    insurancePlanId: { type: String, default: '' },
+    insurancePlanName: { type: String, default: '' }
+});
+const emit = defineEmits(['update:modelValue', 'created']);
+
+const toast = useToast();
+
+const visible = ref(props.modelValue);
+watch(() => props.modelValue, (v) => { visible.value = v; });
+watch(visible, (v) => emit('update:modelValue', v));
+
+const form = ref({
+    name: '',
+    value: null
+});
+const saving = ref(false);
+
+watch(() => props.modelValue, (v) => {
+    if (v) {
+        form.value = { name: '', value: null };
+    }
+});
+
+const canSave = () => !!form.value.name?.trim() && form.value.value != null && form.value.value > 0;
+
+async function onSave() {
+    if (!canSave()) return;
+    if (!props.insurancePlanId) {
+        toast.add({ severity: 'error', summary: 'Convênio ausente', detail: 'Selecione um convênio antes de cadastrar procedimento.', life: 3500 });
+        return;
+    }
+    saving.value = true;
+    try {
+        const payload = {
+            insurance_plan_id: props.insurancePlanId,
+            name: form.value.name.trim().slice(0, 120),
+            value: Number(form.value.value),
+            active: true
+        };
+        const { data, error } = await supabase.from('insurance_plan_services').insert(payload).select().single();
+        if (error) throw error;
+        toast.add({ severity: 'success', summary: 'Procedimento cadastrado', life: 2200 });
+        emit('created', data);
+        visible.value = false;
+    } catch (e) {
+        toast.add({ severity: 'error', summary: 'Falha ao criar procedimento', detail: e?.message || 'Erro inesperado', life: 4000 });
+    } finally {
+        saving.value = false;
+    }
+}
+</script>
+
+<template>
+    <Dialog
+        v-model:visible="visible"
+        modal
+        :draggable="false"
+        :closable="!saving"
+        class="w-[94vw] max-w-md"
+    >
+        <template #header>
+            <div class="flex flex-col">
+                <span class="text-base font-semibold">Novo procedimento</span>
+                <span v-if="insurancePlanName" class="text-xs text-color-secondary">{{ insurancePlanName }}</span>
+            </div>
+        </template>
+
+        <div class="flex flex-col gap-3 pt-1">
+            <FloatLabel variant="on">
+                <InputText id="ips-name" v-model="form.name" class="w-full" autofocus maxlength="120" />
+                <label for="ips-name">Nome do procedimento *</label>
+            </FloatLabel>
+
+            <FloatLabel variant="on">
+                <InputNumber
+                    id="ips-value"
+                    v-model="form.value"
+                    mode="currency"
+                    currency="BRL"
+                    locale="pt-BR"
+                    :min="0"
+                    :max="999999"
+                    class="w-full"
+                />
+                <label for="ips-value">Valor que o convênio paga *</label>
+            </FloatLabel>
+
+            <p class="text-xs text-color-secondary -mt-1">
+                <i class="pi pi-info-circle mr-1" />
+                Esse é o valor que a clínica recebe — não o que o paciente paga.
+            </p>
+        </div>
+
+        <template #footer>
+            <Button label="Cancelar" severity="secondary" outlined class="rounded-full" :disabled="saving" @click="visible = false" />
+            <Button
+                label="Cadastrar"
+                icon="pi pi-check"
+                :loading="saving"
+                :disabled="!canSave()"
+                class="rounded-full"
+                @click="onSave"
+            />
+        </template>
+    </Dialog>
+</template>
diff --git a/src/features/agenda/components/ServiceQuickCreateDialog.vue b/src/features/agenda/components/ServiceQuickCreateDialog.vue
index 224b0ae..9047968 100644
--- a/src/features/agenda/components/ServiceQuickCreateDialog.vue
+++ b/src/features/agenda/components/ServiceQuickCreateDialog.vue
@@ -110,7 +110,6 @@ async function onSave() {
         :closable="!saving"
         header="Novo serviço"
         class="w-[94vw] max-w-md"
-        pt:mask:class="backdrop-blur-sm"
     >
         <div class="flex flex-col gap-3 pt-1">
             <FloatLabel variant="on">
diff --git a/src/features/agenda/composables/__tests__/useAgendaEventComposer.spec.js b/src/features/agenda/composables/__tests__/useAgendaEventComposer.spec.js
index d4a289d..f83f8c1 100644
--- a/src/features/agenda/composables/__tests__/useAgendaEventComposer.spec.js
+++ b/src/features/agenda/composables/__tests__/useAgendaEventComposer.spec.js
@@ -159,9 +159,10 @@ describe('isFirstOccurrence', () => {
 });
 
 describe('editScopeOptions', () => {
-    it('retorna 4 opções', () => {
+    it('retorna 3 opções (todos_sem_excecao removido da UI em 2026-05-12)', () => {
         const { composer } = setup();
-        expect(composer.editScopeOptions.value).toHaveLength(4);
+        expect(composer.editScopeOptions.value).toHaveLength(3);
+        expect(composer.editScopeOptions.value.map((o) => o.value)).toEqual(['somente_este', 'este_e_seguintes', 'todos']);
     });
     it('"este_e_seguintes" disabled quando isFirstOccurrence', () => {
         const serieEvents = ref([{ recurrence_date: '2026-05-15' }, { recurrence_date: '2026-05-22' }]);
diff --git a/src/features/agenda/composables/useAgendaBloqueios.js b/src/features/agenda/composables/useAgendaBloqueios.js
new file mode 100644
index 0000000..7e50845
--- /dev/null
+++ b/src/features/agenda/composables/useAgendaBloqueios.js
@@ -0,0 +1,98 @@
+/*
+|--------------------------------------------------------------------------
+| Agência PSI
+|--------------------------------------------------------------------------
+| Criado e desenvolvido por Leonardo Nohama
+|
+| Tecnologia aplicada à escuta.
+| Estrutura para o cuidado.
+|
+| Arquivo: src/features/agenda/composables/useAgendaBloqueios.js
+| Data: 2026
+| Local: São Carlos/SP — Brasil
+|--------------------------------------------------------------------------
+| © 2026 — Todos os direitos reservados
+|--------------------------------------------------------------------------
+*/
+// useAgendaBloqueios
+// Carrega e expõe rows de public.agenda_bloqueios + computed de events
+// background pra renderizar no FullCalendar (cinza). Usado pelos 3 layouts
+// da agenda (Melissa, Terapeuta/Rail, Clínica).
+//
+// Contrato:
+//   - load(ownerId, rangeStart, rangeEnd)
+//       carrega bloqueios cujo data_inicio esteja dentro do range OU que
+//       sejam recorrentes (data_inicio pode estar em qualquer ponto, mas
+//       o build de events filtra pra emitir só dentro do range visível)
+//   - bloqueios          ref(Array)
+//   - loading            ref(Bool)
+//   - error              ref(String)
+//   - buildEventsForRange(rangeStart, rangeEnd)
+//       wrapper sobre agendaMappers.buildBloqueioBackgroundEvents
+
+import { ref } from 'vue';
+import { supabase } from '@/lib/supabase/client';
+import { buildBloqueioBackgroundEvents } from '@/features/agenda/services/agendaMappers';
+
+export function useAgendaBloqueios() {
+    const bloqueios = ref([]);
+    const loading = ref(false);
+    const error = ref('');
+
+    // ownerIdOrIds: string (1 owner) ou Array<string> (multi-owner, Clínica).
+    async function load(ownerIdOrIds, rangeStart, rangeEnd) {
+        if (!ownerIdOrIds) return;
+        const ids = Array.isArray(ownerIdOrIds)
+            ? ownerIdOrIds.filter(Boolean)
+            : [ownerIdOrIds];
+        if (!ids.length) return;
+        loading.value = true;
+        error.value = '';
+        try {
+            const isoStart = _toISODate(rangeStart);
+            const isoEnd = _toISODate(rangeEnd);
+
+            // Query: recorrentes (qualquer data) OU não-recorrentes com
+            // data_inicio <= isoEnd e (data_fim ?? data_inicio) >= isoStart.
+            // 2 queries simples + merge pra evitar string-building frágil.
+            const baseNonRec = supabase
+                .from('agenda_bloqueios')
+                .select('*')
+                .eq('recorrente', false)
+                .lte('data_inicio', isoEnd)
+                .or(`data_fim.gte.${isoStart},and(data_fim.is.null,data_inicio.gte.${isoStart})`);
+            const baseRec = supabase
+                .from('agenda_bloqueios')
+                .select('*')
+                .eq('recorrente', true);
+
+            const [{ data: nonRec, error: e1 }, { data: rec, error: e2 }] = await Promise.all([
+                ids.length === 1 ? baseNonRec.eq('owner_id', ids[0]) : baseNonRec.in('owner_id', ids),
+                ids.length === 1 ? baseRec.eq('owner_id', ids[0]) : baseRec.in('owner_id', ids)
+            ]);
+            if (e1) throw e1;
+            if (e2) throw e2;
+            bloqueios.value = [...(nonRec || []), ...(rec || [])];
+        } catch (e) {
+            error.value = e?.message || 'Falha ao carregar bloqueios.';
+            bloqueios.value = [];
+        } finally {
+            loading.value = false;
+        }
+    }
+
+    function buildEventsForRange(rangeStart, rangeEnd) {
+        return buildBloqueioBackgroundEvents(bloqueios.value, rangeStart, rangeEnd);
+    }
+
+    return { bloqueios, loading, error, load, buildEventsForRange };
+}
+
+function _toISODate(d) {
+    if (!d) return null;
+    const dt = d instanceof Date ? d : new Date(d);
+    const y = dt.getFullYear();
+    const m = String(dt.getMonth() + 1).padStart(2, '0');
+    const day = String(dt.getDate()).padStart(2, '0');
+    return `${y}-${m}-${day}`;
+}
diff --git a/src/features/agenda/composables/useAgendaEventActions.js b/src/features/agenda/composables/useAgendaEventActions.js
index 8c7ddcb..1587aad 100644
--- a/src/features/agenda/composables/useAgendaEventActions.js
+++ b/src/features/agenda/composables/useAgendaEventActions.js
@@ -48,6 +48,25 @@ export function useAgendaEventActions({
     servicePickerSel,
     selectedPlanService,
     saveCommitmentItems,
+    // chargeMode (Opção C1, 2026-05-13): ref string com modo de cobrança.
+    // Valores: 'none' | 'session' (avulsa) | 'package' | 'per_session' (recorrente).
+    // O emit('save') leva chargeMode no payload; handler em useMelissaAgenda
+    // decide o que criar (financial_record | billing_contract | N events+records).
+    // Substituiu o boolean gerarCobrancaAoSalvar.
+    chargeMode,
+    // packageStyle (2026-05-14): só relevante em chargeMode='package'.
+    // Valores: 'upfront' (cria 1 financial_record total + materializa 1ª ocorrência)
+    // | 'saldo' (só billing_contract, sem financial_record imediato — Cliniko).
+    packageStyle,
+    // paymentMethod (refatorado 2026-05-16): forma de recebimento quando
+    // avulsa+session OU pacote+upfront. Valores: 'link' (Asaas, status pending)
+    // | 'pix' | 'dinheiro' | 'deposito' | 'cartao_maquininha'. Status do
+    // record é controlado pelo markPaidNow abaixo, não pela forma.
+    paymentMethod,
+    // markPaidNow (refatorado 2026-05-16): boolean. Quando true E método !== 'link',
+    // handler marca o financial_record como paid (paciente pagou na hora).
+    // Quando false, record nasce pending independente do método.
+    markPaidNow,
     props,
     emit
 }) {
@@ -62,88 +81,88 @@ export function useAgendaEventActions({
     const samePatientConflict = ref(null);
 
     // ────────────────────────────────────────────────────────────────────
-    // 1. Watcher do form.status — confirma cancelar/remarcar via dialog
-    //    e persiste no banco IMEDIATAMENTE. Reverte se cancelar.
-    //    Antes vivia no .vue; testado em isolamento agora.
+    // 1. Watcher do form.status
+    //    Fase 5 (2026-05-14): pra realizado/faltou/cancelado, emit
+    //    `updateSeriesEvent` pro parent abrir o AgendaStatusChangeConfirmDialog
+    //    (com regras de exceção, saldo de pacote, etc). Sem confirm.require
+    //    aqui — o dialog do parent é a fonte canônica.
+    //    Pra remarcado mantém path antigo (confirm.require simples).
+    //    Se user cancelar o dialog: parent chama onReject pra reverter o form.
     // ────────────────────────────────────────────────────────────────────
     watch(
         () => composer.form.value?.status,
         async (newVal, oldVal) => {
             if (_skipStatusWatch.value) return;
             if (!composer.isEdit.value || !composer.form.value?.id) return;
-            if (newVal !== 'cancelado' && newVal !== 'remarcado') return;
+
+            const isStatusComDialog = ['realizado', 'faltou', 'cancelado'].includes(newVal);
+            const isRemarcado = newVal === 'remarcado';
+            if (!isStatusComDialog && !isRemarcado) return;
 
             _prevStatus.value = oldVal;
-            const isCancelar = newVal === 'cancelado';
 
+            // Fase 5: emit pro parent abrir AgendaStatusChangeConfirmDialog.
+            // Parent decide o que fazer e chama onReject() se user cancelar.
+            if (isStatusComDialog) {
+                const formId = composer.form.value.id;
+                const isVirtual = !!composer.form.value.is_occurrence || (typeof formId === 'string' && formId.startsWith('rec::'));
+                emit('updateSeriesEvent', {
+                    id: isVirtual ? null : formId,
+                    status: newVal,
+                    recurrence_date:
+                        composer.form.value.recurrence_date ||
+                        composer.form.value.original_date ||
+                        String(composer.form.value.inicio_em || '').slice(0, 10),
+                    inicio_em: composer.form.value.inicio_em,
+                    fim_em: composer.form.value.fim_em,
+                    is_virtual: isVirtual,
+                    // Form completo — handler usa pra resolver recurrence_id, billing_contract_id, etc
+                    row: { ...composer.form.value },
+                    // Callback pra reverter status no form se user cancelar o dialog do parent.
+                    // _skipStatusWatch evita loop recursivo no watcher.
+                    onReject: () => {
+                        _skipStatusWatch.value = true;
+                        composer.form.value.status = _prevStatus.value;
+                        Promise.resolve().then(() => {
+                            _skipStatusWatch.value = false;
+                        });
+                    }
+                });
+                return;
+            }
+
+            // Path legacy pra 'remarcado': confirm.require simples + UPDATE direto.
             confirm.require({
-                header: isCancelar ? 'Cancelar sessão' : 'Remarcar sessão',
-                message: isCancelar
-                    ? 'Tem certeza que deseja cancelar esta sessão? O status será salvo imediatamente.'
-                    : 'Tem certeza que deseja marcar esta sessão para remarcação? O status será salvo imediatamente.',
-                icon: isCancelar ? 'pi pi-times-circle' : 'pi pi-refresh',
+                header: 'Remarcar sessão',
+                message: 'Tem certeza que deseja marcar esta sessão para remarcação? O status será salvo imediatamente.',
+                icon: 'pi pi-refresh',
                 acceptLabel: 'Sim, confirmar',
                 rejectLabel: 'Não',
-                acceptSeverity: isCancelar ? 'danger' : 'warn',
+                acceptSeverity: 'warn',
                 accept: async () => {
                     try {
-                        // Se o evento é ocorrência VIRTUAL de recorrência
-                        // (id "rec::..." sem row real em agenda_eventos),
-                        // delega pro parent — useMelissaAgenda.onUpdateSeriesEvent
-                        // e AgendaTerapeutaPage.onUpdateSeriesEvent materializam
-                        // a linha antes de aplicar status. Sem essa delegação,
-                        // UPDATE direto em id virtual quebra com PostgreSQL
-                        // "invalid input syntax for type uuid".
                         const formId = composer.form.value.id;
-                        const isVirtual =
-                            !!composer.form.value.is_occurrence ||
-                            (typeof formId === 'string' && formId.startsWith('rec::'));
+                        const isVirtual = !!composer.form.value.is_occurrence || (typeof formId === 'string' && formId.startsWith('rec::'));
 
                         if (isVirtual) {
                             emit('updateSeriesEvent', {
-                                id: null, // sem row real
+                                id: null,
                                 status: newVal,
-                                recurrence_date:
-                                    composer.form.value.recurrence_date ||
-                                    composer.form.value.original_date ||
-                                    String(composer.form.value.inicio_em || '').slice(0, 10),
+                                recurrence_date: composer.form.value.recurrence_date || composer.form.value.original_date || String(composer.form.value.inicio_em || '').slice(0, 10),
                                 inicio_em: composer.form.value.inicio_em,
                                 fim_em: composer.form.value.fim_em,
                                 is_virtual: true,
-                                // Form completo do dialog — handler usa pra resolver
-                                // recurrence_id/patient_id sem depender de dialogEventRow.
                                 row: { ...composer.form.value }
                             });
-                            toast.add({
-                                severity: 'success',
-                                summary: 'Status atualizado',
-                                detail: `Sessão marcada como ${labelStatusSessao(newVal)}.`,
-                                life: 3000
-                            });
+                            toast.add({ severity: 'success', summary: 'Status atualizado', detail: `Sessão marcada como ${labelStatusSessao(newVal)}.`, life: 3000 });
                             return;
                         }
-
-                        const { data, error } = await supabase
-                            .from('agenda_eventos')
-                            .update({ status: newVal })
-                            .eq('id', formId)
-                            .select()
-                            .single();
+                        const { data, error } = await supabase.from('agenda_eventos').update({ status: newVal }).eq('id', formId).select().single();
                         if (error) throw error;
-                        toast.add({
-                            severity: 'success',
-                            summary: 'Status atualizado',
-                            detail: `Sessão marcada como ${labelStatusSessao(newVal)}.`,
-                            life: 3000
-                        });
+                        toast.add({ severity: 'success', summary: 'Status atualizado', detail: `Sessão marcada como ${labelStatusSessao(newVal)}.`, life: 3000 });
                         emit('updated', data);
                     } catch (e) {
-                        toast.add({
-                            severity: 'error',
-                            summary: 'Erro',
-                            detail: e?.message || 'Não foi possível atualizar o status.',
-                            life: 4000
-                        });
+                        toast.add({ severity: 'error', summary: 'Erro', detail: e?.message || 'Não foi possível atualizar o status.', life: 4000 });
                         composer.form.value.status = _prevStatus.value;
                     }
                 },
@@ -327,6 +346,24 @@ export function useAgendaEventActions({
             editMode: emitEditMode,
             recurrence_id: emitRecurrenceId,
             original_date: emitOriginalDate,
+            // _occurrenceMode: flag pra distinguir save do 2o dialog empilhado
+            // (editar UMA ocorrencia) do save do dialog pai. Handler decide qual
+            // dialog fechar — sem isso, fechava sempre o pai. 2026-05-12.
+            _occurrenceMode: !!props.occurrenceMode,
+            // chargeMode (Opção C1, 2026-05-13): handler decide entre criar
+            // financial_record (avulsa+session), billing_contract (recorrente+package)
+            // ou materializar N ocorrências + N records (recorrente+per_session).
+            // UI no .vue garante valores válidos por modo.
+            chargeMode: chargeMode?.value ?? 'none',
+            // packageStyle (2026-05-14): handler em useMelissaAgenda usa pra
+            // decidir entre upfront (1 record total + materializa 1ª) ou
+            // saldo (só contrato).
+            packageStyle: packageStyle?.value ?? 'upfront',
+            // paymentMethod + markPaidNow (refatorado 2026-05-16): substituem
+            // o antigo paymentSettlement. Handler aplica payment_method (sempre)
+            // e status=paid+paid_at apenas quando markPaidNow=true && method!='link'.
+            paymentMethod: paymentMethod?.value ?? 'link',
+            markPaidNow: markPaidNow?.value === true,
             // legado — mantido para compatibilidade
             serie_id: props.eventRow?.serie_id ?? null,
             serviceItems: composer.isSessionEvent.value ? commitmentItems.value.slice() : null,
diff --git a/src/features/agenda/composables/useAgendaEventComposer.js b/src/features/agenda/composables/useAgendaEventComposer.js
index 427798e..e5052e6 100644
--- a/src/features/agenda/composables/useAgendaEventComposer.js
+++ b/src/features/agenda/composables/useAgendaEventComposer.js
@@ -88,11 +88,14 @@ export function useAgendaEventComposer(props, emit, extras = {}) {
         return false;
     });
 
+    // 'todos_sem_excecao' removido da UI em 2026-05-12 — padrao SimplePractice
+    // nao expoe override de customizacoes (e destrutivo e raro). Backend ainda
+    // suporta caso outro fluxo precise, mas dialog so oferece os 3 escopos
+    // padrao do mercado.
     const editScopeOptions = computed(() => [
         { value: 'somente_este', label: 'Somente esta sessão' },
         { value: 'este_e_seguintes', label: 'Esta e as seguintes', disabled: isFirstOccurrence.value },
-        { value: 'todos', label: 'Todas da série' },
-        { value: 'todos_sem_excecao', label: 'Todas sem exceção' }
+        { value: 'todos', label: 'Todas da série' }
     ]);
 
     // ── 4. Recorrência (criação) ───────────────────────────────────
diff --git a/src/features/agenda/composables/useAgendaEventLifecycle.js b/src/features/agenda/composables/useAgendaEventLifecycle.js
index 9d2d4d9..7c3ade6 100644
--- a/src/features/agenda/composables/useAgendaEventLifecycle.js
+++ b/src/features/agenda/composables/useAgendaEventLifecycle.js
@@ -96,6 +96,21 @@ export function useAgendaEventLifecycle({
     const sendingReminder = ref(false);
     const serviceQuickDlgOpen = ref(false);
     const insuranceQuickDlgOpen = ref(false);
+    const planServiceQuickDlgOpen = ref(false);
+
+    // occurrenceMode: financial_record da ocorrencia atual (se existir).
+    // Usado pra travar edicao de tipo/servicos quando ja ha cobranca emitida
+    // (padrao SimplePractice — cobranca emitida e imutavel; ajustes via fluxo
+    // do Financeiro, nao via dialog). 2026-05-12.
+    const occFinancialRecord = ref(null);
+    const occFinancialLoading = ref(false);
+
+    // sessionPaymentRecord (2026-05-18): financial_record da sessão (mesmo
+    // shape do occFinancialRecord) mas SEM o guard de occurrenceMode.
+    // Carregado em qualquer edit de sessão pra alimentar a linha "Cobrança"
+    // do Resumo lateral do AgendaEventDialog. Não dispara lock — esse
+    // continua via occFinancialRecord (território da Fase 6/C13).
+    const sessionPaymentRecord = ref(null);
 
     // ── computeds locais ───────────────────────────────────────
     const serieCountByStatus = computed(() => {
@@ -192,6 +207,56 @@ export function useAgendaEventLifecycle({
         }
     }
 
+    // ── occurrence financial record loader ────────────────────
+    async function loadOccFinancialRecord() {
+        occFinancialRecord.value = null;
+        if (!props.occurrenceMode) return;
+        const evId = props.eventRow?.id;
+        if (!evId) return;
+        occFinancialLoading.value = true;
+        try {
+            const { data, error } = await supabase
+                .from('financial_records')
+                .select('id, amount, final_amount, status, due_date, paid_at, payment_method')
+                .eq('agenda_evento_id', evId)
+                .in('status', ['pending', 'paid', 'overdue'])
+                .order('created_at', { ascending: false })
+                .limit(1)
+                .maybeSingle();
+            if (error) throw error;
+            occFinancialRecord.value = data ?? null;
+        } catch (e) {
+            console.warn('[occurrence] erro ao carregar financial_record:', e?.message);
+            occFinancialRecord.value = null;
+        } finally {
+            occFinancialLoading.value = false;
+        }
+    }
+
+    // sessionPaymentRecord loader (2026-05-18): mesma query, sem guard
+    // de occurrenceMode. Alimenta a linha "Cobrança" do Resumo do dialog
+    // em qualquer edit de sessão (Melissa/Rail/Clínica) com eventRow.id.
+    async function loadSessionPaymentRecord() {
+        sessionPaymentRecord.value = null;
+        const evId = props.eventRow?.id;
+        if (!evId) return;
+        try {
+            const { data, error } = await supabase
+                .from('financial_records')
+                .select('id, amount, final_amount, status, due_date, paid_at, payment_method')
+                .eq('agenda_evento_id', evId)
+                .in('status', ['pending', 'paid', 'overdue'])
+                .order('created_at', { ascending: false })
+                .limit(1)
+                .maybeSingle();
+            if (error) throw error;
+            sessionPaymentRecord.value = data ?? null;
+        } catch (e) {
+            console.warn('[session-payment] erro ao carregar financial_record:', e?.message);
+            sessionPaymentRecord.value = null;
+        }
+    }
+
     function onPillEditClick(ev) {
         emit('editSeriesOccurrence', {
             id: ev.id,
@@ -278,6 +343,26 @@ export function useAgendaEventLifecycle({
         }
     }
 
+    // Quick-create de procedimento (insurance_plan_services) — inline,
+    // sem sair do dialog. Trigger no card Sessao/Honorarios quando o
+    // convenio selecionado nao tem procedimentos ou quando user quer
+    // adicionar mais. Apos criar, recarrega os planos pra refletir no
+    // computed planServices.
+    function openPlanServiceQuickCreate() {
+        if (!composer.form.value.insurance_plan_id) return;
+        planServiceQuickDlgOpen.value = true;
+    }
+    async function onPlanServiceCreated(service) {
+        await loadInsurancePlans(props.planOwnerId || props.ownerId);
+        // Auto-seleciona o procedimento recem-criado se o user nao
+        // tinha nenhum selecionado ainda (caso comum: convenio sem
+        // procedimentos -> cadastra o primeiro -> ja entra selecionado).
+        if (service?.id && !pickerBilling.selectedPlanService.value) {
+            pickerBilling.selectedPlanService.value = service.id;
+            pickerBilling.onProcedureSelect(service.id);
+        }
+    }
+
     // ── lembrete WhatsApp manual (8.2) ─────────────────────────
     async function onSendManualReminder() {
         if (!composer.form.value?.id) return;
@@ -349,7 +434,21 @@ export function useAgendaEventLifecycle({
             if (composer.hasSerie.value) loadSerieEvents();
             else serieEvents.value = [];
 
-            if (composer.isEdit.value) {
+            // occurrenceMode: carrega financial_record desta ocorrencia
+            // pra decidir se o card Sessao/Honorarios fica locked (cobranca
+            // ja emitida) ou unlocked (sem cobranca, edicao livre).
+            loadOccFinancialRecord();
+
+            // sessionPaymentRecord: carrega em qualquer edit (Melissa
+            // tambem) pra alimentar a linha "Cobrança" do Resumo lateral.
+            loadSessionPaymentRecord();
+
+            // occurrenceMode: editando UMA ocorrencia de serie ja existente —
+            // tipo de compromisso ja foi escolhido (paciente + sessao). Pular
+            // step 1 incondicionalmente. Defesa em camadas: useMelissaAgenda
+            // ja seta is_occurrence=true na row (faz isEdit=true), mas se outro
+            // call site esquecer essa flag o guard aqui salva.
+            if (props.occurrenceMode || composer.isEdit.value) {
                 composer.step.value = 2;
             } else {
                 const preset = props.presetCommitmentId;
@@ -452,11 +551,17 @@ export function useAgendaEventLifecycle({
         sendingReminder,
         serviceQuickDlgOpen,
         insuranceQuickDlgOpen,
+        planServiceQuickDlgOpen,
+        occFinancialRecord,
+        occFinancialLoading,
+        sessionPaymentRecord,
         // computeds
         serieCountByStatus,
         pillDeleteMenuItems,
         // series
         loadSerieEvents,
+        loadOccFinancialRecord,
+        loadSessionPaymentRecord,
         onPillEditClick,
         onPillStatusChange,
         onPillDeleteClick,
@@ -468,6 +573,8 @@ export function useAgendaEventLifecycle({
         onServiceCreated,
         openInsuranceQuickCreate,
         onInsuranceCreated,
+        openPlanServiceQuickCreate,
+        onPlanServiceCreated,
         // reminder
         onSendManualReminder
     };
diff --git a/src/features/agenda/composables/useCommitmentServices.js b/src/features/agenda/composables/useCommitmentServices.js
index f5224ea..c2e9526 100644
--- a/src/features/agenda/composables/useCommitmentServices.js
+++ b/src/features/agenda/composables/useCommitmentServices.js
@@ -157,8 +157,16 @@ export function useCommitmentServices() {
     // Atualiza commitment_services nos agenda_eventos com recurrence_id = ruleId
     // onde services_customized = false (não foram editados individualmente).
     //
+    // Invariante adicional (2026-05-12, padrão SimplePractice): NUNCA propaga
+    // para eventos que já têm financial_record emitido (status pending/paid/
+    // overdue). Cobranças emitidas são imutáveis — ajustes só via fluxo do
+    // Financeiro. Sem isso, mudar o template da regra mudaria silenciosamente
+    // o valor referenciado por uma cobrança já entregue ao paciente.
+    //
     // opts.fromDate: string ISO 'YYYY-MM-DD' — limita a ocorrências a partir
     //   dessa data inclusive (escopo 'este_e_seguintes'). null = todas da série.
+    // opts.ignoreCustomized: bypass do filtro services_customized=false
+    //   (escopo 'todos_sem_excecao' operacional — NÃO afeta filtro financeiro).
     async function propagateToSerie(ruleId, items, { fromDate = null, ignoreCustomized = false } = {}) {
         if (!ruleId) return;
 
@@ -177,8 +185,23 @@ export function useCommitmentServices() {
         if (queryError) throw queryError;
         if (!events?.length) return;
 
+        // Filtra OUT eventos que já têm financial_record emitido. Uma query
+        // em batch evita N round-trips. Status considerados imutáveis: pending,
+        // paid, overdue. cancelled é ok propagar (record foi descartado).
+        const eventIds = events.map((e) => e.id);
+        const { data: lockedEvents, error: frErr } = await supabase
+            .from('financial_records')
+            .select('agenda_evento_id')
+            .in('agenda_evento_id', eventIds)
+            .in('status', ['pending', 'paid', 'overdue']);
+        if (frErr) throw frErr;
+        const lockedSet = new Set((lockedEvents || []).map((r) => r.agenda_evento_id));
+        const eligibleEvents = events.filter((ev) => !lockedSet.has(ev.id));
+
+        if (!eligibleEvents.length) return;
+
         // Para cada evento elegível: delete + insert (padrão idempotente)
-        for (const ev of events) {
+        for (const ev of eligibleEvents) {
             const { error: delErr } = await supabase.from('commitment_services').delete().eq('commitment_id', ev.id);
             if (delErr) throw delErr;
 
diff --git a/src/features/agenda/composables/useFinancialExceptions.js b/src/features/agenda/composables/useFinancialExceptions.js
index 99a69b3..dfaedcc 100644
--- a/src/features/agenda/composables/useFinancialExceptions.js
+++ b/src/features/agenda/composables/useFinancialExceptions.js
@@ -66,7 +66,8 @@ export function useFinancialExceptions() {
                         charge_mode: payload.charge_mode,
                         charge_value: payload.charge_value ?? null,
                         charge_pct: payload.charge_pct ?? null,
-                        min_hours_notice: payload.min_hours_notice ?? null
+                        min_hours_notice: payload.min_hours_notice ?? null,
+                        default_consume_on_miss: !!payload.default_consume_on_miss
                     })
                     .eq('id', payload.id);
                 if (err) throw err;
@@ -78,7 +79,8 @@ export function useFinancialExceptions() {
                     charge_mode: payload.charge_mode,
                     charge_value: payload.charge_value ?? null,
                     charge_pct: payload.charge_pct ?? null,
-                    min_hours_notice: payload.min_hours_notice ?? null
+                    min_hours_notice: payload.min_hours_notice ?? null,
+                    default_consume_on_miss: !!payload.default_consume_on_miss
                 });
                 if (err) throw err;
             }
diff --git a/src/features/agenda/pages/AgendaClinicaPage.vue b/src/features/agenda/pages/AgendaClinicaPage.vue
index 43b4144..a586d51 100644
--- a/src/features/agenda/pages/AgendaClinicaPage.vue
+++ b/src/features/agenda/pages/AgendaClinicaPage.vue
@@ -34,6 +34,7 @@ import { useRecurrence } from '@/features/agenda/composables/useRecurrence';
 import { useCommitmentServices } from '@/features/agenda/composables/useCommitmentServices';
 import { useDeterminedCommitments } from '@/features/agenda/composables/useDeterminedCommitments';
 import { useFeriados } from '@/composables/useFeriados';
+import { useAgendaBloqueios } from '@/features/agenda/composables/useAgendaBloqueios';
 
 import { mapAgendaEventosToCalendarEvents, minutesToDuration } from '@/features/agenda/services/agendaMappers';
 import { useAgendaSettings } from '@/features/agenda/composables/useAgendaSettings';
@@ -52,6 +53,50 @@ const _queryDate = route.query.date ? new Date(route.query.date + 'T12:00:00') :
 // -------------------- feriados --------------------
 const { fcEvents: feriadoFcEvents, load: loadFeriados } = useFeriados();
 
+// -------------------- bloqueios (background events cinza) --------------------
+const { bloqueios: bloqueioRows, load: loadBloqueios, buildEventsForRange: buildBloqueioEvents } = useAgendaBloqueios();
+
+// Detecta se um range [start, end] cai dentro de algum bloqueio carregado.
+// Cobre dia-inteiro, janela horária e recorrência semanal. Não veta criação
+// (só agendador público veta), mas sinaliza pro user via toast.
+function bloqueioCobrindo(start, end) {
+    const arr = bloqueioRows?.value || [];
+    if (!arr.length || !start) return null;
+    const dStart = start instanceof Date ? start : new Date(start);
+    const dEnd = end instanceof Date ? end : new Date(end || start);
+    const isoDay = `${dStart.getFullYear()}-${String(dStart.getMonth() + 1).padStart(2, '0')}-${String(dStart.getDate()).padStart(2, '0')}`;
+    const dow = dStart.getDay();
+    const hhmmStart = dStart.getHours() * 60 + dStart.getMinutes();
+    const hhmmEnd = dEnd.getHours() * 60 + dEnd.getMinutes();
+    const parseHM = (s) => {
+        if (!s) return null;
+        const [h, m] = String(s).split(':').map(Number);
+        return Number.isFinite(h) ? h * 60 + (m || 0) : null;
+    };
+    for (const b of arr) {
+        if (!b) continue;
+        if (b.recorrente && b.dia_semana != null) {
+            if (Number(b.dia_semana) !== dow) continue;
+        } else {
+            const di = b.data_inicio;
+            const df = b.data_fim || b.data_inicio;
+            if (!di) continue;
+            if (isoDay < di || isoDay > df) continue;
+        }
+        const bhi = parseHM(b.hora_inicio);
+        const bhf = parseHM(b.hora_fim);
+        if (bhi == null || bhf == null) return b;
+        if (hhmmStart < bhf && hhmmEnd > bhi) return b;
+    }
+    return null;
+}
+const bloqueioFcEvents = computed(() => {
+    const s = currentRange.value.start;
+    const e = currentRange.value.end;
+    if (!s || !e) return [];
+    return buildBloqueioEvents(s, e);
+});
+
 onMounted(async () => {
     const tid = tenantStore.activeTenantId || tenantStore.tenantId || tenantStore.tenant?.id || null;
     if (tid) loadFeriados(tid);
@@ -535,7 +580,7 @@ const allEvents = computed(() => {
         .filter(Boolean);
     const occEvents = mapAgendaEventosToCalendarEvents(occRows);
 
-    return [...base, ...occEvents, ...feriadoFcEvents.value];
+    return [...base, ...occEvents, ...feriadoFcEvents.value, ...bloqueioFcEvents.value];
 });
 
 // -------------------- eventos fora da jornada --------------------
@@ -925,6 +970,15 @@ async function openDialogCreate({ ownerId, start, end }) {
 }
 
 async function onSlotSelect({ ownerId, start, end }) {
+    const bloqHit = bloqueioCobrindo(start, end);
+    if (bloqHit) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Horário bloqueado',
+            detail: `Este horário está dentro do bloqueio "${bloqHit.titulo || 'Bloqueio'}". A sessão será criada mesmo assim.`,
+            life: 5000
+        });
+    }
     await openDialogCreate({ ownerId, start, end });
 }
 
@@ -937,6 +991,10 @@ async function onEventClick(info) {
     if (!ev) return;
 
     const ep = ev.extendedProps || {};
+
+    // Bloqueios/pausas são background events — ignorar click.
+    if (ep.kind === 'bloqueio' || ep.kind === 'break') return;
+
     dialogEventRow.value = {
         id: ep.isOccurrence ? null : ev.id || null,
         owner_id: ep.owner_id,
@@ -1686,6 +1744,10 @@ async function _reloadRange() {
         allMerged.push(...merged.filter((r) => r.is_occurrence));
     }
     _occurrenceRows.value = allMerged;
+
+    // Bloqueios (background events) — load assíncrono em paralelo. Recebe
+    // o array de owners da clínica pra agregar todos numa query batch.
+    loadBloqueios(ownerIds.value, start, end);
 }
 
 // Ocorrências virtuais geradas pelo useRecurrence
diff --git a/src/features/agenda/pages/AgendaTerapeutaPage.vue b/src/features/agenda/pages/AgendaTerapeutaPage.vue
index 0953b36..89c69da 100644
--- a/src/features/agenda/pages/AgendaTerapeutaPage.vue
+++ b/src/features/agenda/pages/AgendaTerapeutaPage.vue
@@ -47,6 +47,7 @@ import { useRecurrence } from '@/features/agenda/composables/useRecurrence';
 import { useCommitmentServices } from '@/features/agenda/composables/useCommitmentServices';
 import { useDeterminedCommitments } from '@/features/agenda/composables/useDeterminedCommitments';
 import { useFeriados } from '@/composables/useFeriados';
+import { useAgendaBloqueios } from '@/features/agenda/composables/useAgendaBloqueios';
 
 import { mapAgendaEventosToCalendarEvents, buildWeeklyBreakBackgroundEvents, minutesToDuration } from '@/features/agenda/services/agendaMappers';
 
@@ -129,6 +130,57 @@ const ownerId = computed(() => settings.value?.owner_id || '');
 // -----------------------------
 const { fcEvents: feriadoFcEvents, load: loadFeriados } = useFeriados();
 
+// -----------------------------
+// Bloqueios (background events cinza no FC)
+// -----------------------------
+const { bloqueios: bloqueioRows, load: loadBloqueios, buildEventsForRange: buildBloqueioEvents } = useAgendaBloqueios();
+const bloqueioFcEvents = computed(() => {
+    const s = currentRange.value.start;
+    const e = currentRange.value.end;
+    if (!s || !e) return [];
+    return buildBloqueioEvents(s, e);
+});
+
+// Detecta se um range [start, end] cai dentro de algum bloqueio carregado.
+// Cobre bloqueios dia-inteiro (sem hora) e bloqueios com janela horária.
+// Recorrentes semanais cobertos via dia_semana.
+function bloqueioCobrindo(start, end) {
+    const arr = bloqueioRows?.value || [];
+    if (!arr.length || !start) return null;
+    const dStart = start instanceof Date ? start : new Date(start);
+    const dEnd = end instanceof Date ? end : new Date(end || start);
+    const isoDay = `${dStart.getFullYear()}-${String(dStart.getMonth() + 1).padStart(2, '0')}-${String(dStart.getDate()).padStart(2, '0')}`;
+    const dow = dStart.getDay();
+    const hhmmStart = dStart.getHours() * 60 + dStart.getMinutes();
+    const hhmmEnd = dEnd.getHours() * 60 + dEnd.getMinutes();
+
+    const parseHM = (s) => {
+        if (!s) return null;
+        const [h, m] = String(s).split(':').map(Number);
+        return Number.isFinite(h) ? h * 60 + (m || 0) : null;
+    };
+
+    for (const b of arr) {
+        if (!b) continue;
+        // Recorrente semanal
+        if (b.recorrente && b.dia_semana != null) {
+            if (Number(b.dia_semana) !== dow) continue;
+        } else {
+            const di = b.data_inicio;
+            const df = b.data_fim || b.data_inicio;
+            if (!di) continue;
+            if (isoDay < di || isoDay > df) continue;
+        }
+        // Bloqueio sem hora = dia inteiro
+        const bhi = parseHM(b.hora_inicio);
+        const bhf = parseHM(b.hora_fim);
+        if (bhi == null || bhf == null) return b;
+        // Sobreposição de janela
+        if (hhmmStart < bhf && hhmmEnd > bhi) return b;
+    }
+    return null;
+}
+
 onMounted(async () => {
     const tid = tenantStore.activeTenantId || tenantStore.tenantId || tenantStore.tenant?.id || null;
     if (tid) loadFeriados(tid);
@@ -599,7 +651,7 @@ const calendarEvents = computed(() => {
 
     const breaks = settings.value && currentRange.value.start && currentRange.value.end ? buildWeeklyBreakBackgroundEvents(settings.value.pausas_semanais, currentRange.value.start, currentRange.value.end) : [];
 
-    return [...base, ...occEvents, ...breaks, ...feriadoFcEvents.value];
+    return [...base, ...occEvents, ...breaks, ...feriadoFcEvents.value, ...bloqueioFcEvents.value];
 });
 
 const visibleTitle = computed(() => {
@@ -1460,9 +1512,23 @@ function onCreateFromButton() {
 function onSelectTime(selection) {
     const durMin = settings.value?.session_duration_min ?? settings.value?.duracao_padrao_minutos ?? 50;
     const rawStart = selection.start instanceof Date ? selection.start : new Date(selection.start);
+    const rawEnd = selection.end instanceof Date ? selection.end : (selection.end ? new Date(selection.end) : new Date(rawStart.getTime() + durMin * 60000));
     const startISO = rawStart.toISOString();
     const endISO = new Date(rawStart.getTime() + durMin * 60000).toISOString();
 
+    // Aviso de bloqueio — não impede criação (regra: só agendador público
+    // veta), mas sinaliza pro terapeuta que ele tá agendando em cima de
+    // um bloqueio próprio.
+    const bloqHit = bloqueioCobrindo(rawStart, rawEnd);
+    if (bloqHit) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Horário bloqueado',
+            detail: `Este horário está dentro do bloqueio "${bloqHit.titulo || 'Bloqueio'}". A sessão será criada mesmo assim.`,
+            life: 5000
+        });
+    }
+
     dialogEventRow.value = {
         owner_id: ownerId.value,
         terapeuta_id: null,
@@ -1485,6 +1551,10 @@ function onEventClick(info) {
     if (!ev) return;
     const ep = ev.extendedProps || {};
 
+    // Bloqueios/pausas são background events — ignorar click pra não abrir
+    // dialog de compromisso em cima de bloqueio (visual cinza ≠ compromisso).
+    if (ep.kind === 'bloqueio' || ep.kind === 'break') return;
+
     dialogEventRow.value = {
         id: ep.isOccurrence ? null : ev.id || null,
         owner_id: ep.owner_id,
@@ -2243,6 +2313,10 @@ async function _reloadRange() {
     // 3. separa ocorrências virtuais (eventos reais já estão em rows.value)
     _occurrenceRows.value = merged.filter((r) => r.is_occurrence);
     logEvent('AgendaTerapeutaPage', '_reloadRange: ocorrências virtuais', { count: _occurrenceRows.value.length });
+
+    // 4. bloqueios (background events). Async em paralelo — não bloqueia
+    // render do calendário; bloqueioFcEvents é computed e atualiza sozinho.
+    loadBloqueios(ownerId.value, start, end);
 }
 
 // Ref auxiliar para ocorrências virtuais geradas pelo useRecurrence
@@ -3383,19 +3457,13 @@ onBeforeUnmount(() => {
 .fc-event.evt-session.evt-has-color {
     color: #fff !important;
 }
-.fc-event.evt-block {
-    background-color: #ef4444 !important;
-    border-color: #dc2626 !important;
-    color: #fff !important;
-    opacity: 0.75;
-}
+/* Bloqueios são background events (cinza ~20%, inline em _makeBloqueioEvent).
+   A regra .fc-event.evt-block antiga pintava de vermelho — removida.
+   Deixar o backgroundColor inline (#6b728033) vencer. */
 /* dayGridMonth: o dot também precisa de cor */
 .fc-daygrid-event.evt-session .fc-event-main {
     color: #fff;
 }
-.fc-daygrid-event.evt-block .fc-event-main {
-    color: #fff;
-}
 
 /* Evento customizado — fora do scoped pois é HTML injetado pelo FullCalendar */
 .ev-custom {
diff --git a/src/features/agenda/services/agendaMappers.js b/src/features/agenda/services/agendaMappers.js
index fd5f0ae..d57b5db 100644
--- a/src/features/agenda/services/agendaMappers.js
+++ b/src/features/agenda/services/agendaMappers.js
@@ -214,6 +214,109 @@ export function buildWeeklyBreakBackgroundEvents(pausas, rangeStart, rangeEnd) {
     return out;
 }
 
+// ─────────────────────────────────────────────────────────────────────────────
+// buildBloqueioBackgroundEvents
+// Renderiza rows de public.agenda_bloqueios como background events cinza
+// no FullCalendar. Suporta:
+//   - Bloqueio de dia inteiro (hora_inicio/fim NULL) → background do dia todo
+//   - Bloqueio com janela horária → background no intervalo
+//   - Bloqueio recorrente semanal (recorrente=true + dia_semana 0-6) →
+//     repetido em todas as ocorrências do dow no range
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function buildBloqueioBackgroundEvents(bloqueios, rangeStart, rangeEnd) {
+    if (!Array.isArray(bloqueios) || bloqueios.length === 0) return [];
+    if (!rangeStart || !rangeEnd) return [];
+
+    const out = [];
+    const dayMs = 24 * 60 * 60 * 1000;
+    const startMs = startOfDay(rangeStart).getTime();
+    const endMs = rangeEnd.getTime();
+
+    for (const b of bloqueios) {
+        if (!b) continue;
+        const titulo = b.titulo || 'Bloqueio';
+
+        // Recorrente semanal: itera o range varrendo dias-da-semana iguais
+        if (b.recorrente && b.dia_semana != null) {
+            const dow = Number(b.dia_semana);
+            if (!Number.isFinite(dow) || dow < 0 || dow > 6) continue;
+            const hi = asTime(b.hora_inicio);
+            const hf = asTime(b.hora_fim);
+            for (let ts = startMs; ts < endMs; ts += dayMs) {
+                const d = new Date(ts);
+                if (d.getDay() !== dow) continue;
+                if (hi && hf) {
+                    out.push(_makeBloqueioEvent(b.id ?? null, d, hi, hf, titulo));
+                } else {
+                    out.push(_makeBloqueioDayEvent(b.id ?? null, d, titulo));
+                }
+            }
+            continue;
+        }
+
+        // Não recorrente: usa data_inicio e (opcional) data_fim
+        const di = _parseISODate(b.data_inicio);
+        if (!di) continue;
+        const df = _parseISODate(b.data_fim) ?? di;
+
+        // Range de dias do bloqueio (inclusive)
+        for (let cur = di.getTime(); cur <= df.getTime(); cur += dayMs) {
+            const d = new Date(cur);
+            // Filtra fora do range visível pra evitar lixo
+            if (d.getTime() + dayMs < startMs || d.getTime() > endMs) continue;
+            const hi = asTime(b.hora_inicio);
+            const hf = asTime(b.hora_fim);
+            if (hi && hf) {
+                out.push(_makeBloqueioEvent(b.id ?? null, d, hi, hf, titulo));
+            } else {
+                out.push(_makeBloqueioDayEvent(b.id ?? null, d, titulo));
+            }
+        }
+    }
+
+    return out;
+}
+
+function _makeBloqueioEvent(id, date, timeStart, timeEnd, titulo) {
+    const tag = id ?? `blq-${date.getTime()}-${timeStart}-${timeEnd}`;
+    return {
+        id: `blq-${tag}`,
+        title: titulo,
+        start: combineDateTimeISO(date, timeStart),
+        end: combineDateTimeISO(date, timeEnd),
+        display: 'background',
+        overlap: false,
+        backgroundColor: '#6b728033', // cinza ~20%
+        extendedProps: { kind: 'bloqueio', bloqueioId: id, label: titulo }
+    };
+}
+
+function _makeBloqueioDayEvent(id, date, titulo) {
+    const yyyy = date.getFullYear();
+    const mm = String(date.getMonth() + 1).padStart(2, '0');
+    const dd = String(date.getDate()).padStart(2, '0');
+    const dateStr = `${yyyy}-${mm}-${dd}`;
+    const tag = id ?? `blq-${dateStr}`;
+    return {
+        id: `blq-day-${tag}`,
+        title: titulo,
+        start: dateStr,
+        allDay: true,
+        display: 'background',
+        overlap: false,
+        backgroundColor: '#6b728033',
+        extendedProps: { kind: 'bloqueio', bloqueioId: id, label: titulo }
+    };
+}
+
+function _parseISODate(s) {
+    if (!s) return null;
+    const m = String(s).match(/^(\d{4})-(\d{2})-(\d{2})/);
+    if (!m) return null;
+    return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+}
+
 // ─────────────────────────────────────────────────────────────────────────────
 // minutesToDuration / tituloFallback
 // ─────────────────────────────────────────────────────────────────────────────
diff --git a/src/layout/configuracoes/ConfiguracoesAgendadorPage.vue b/src/layout/configuracoes/ConfiguracoesAgendadorPage.vue
index 231984c..d77b3b0 100644
--- a/src/layout/configuracoes/ConfiguracoesAgendadorPage.vue
+++ b/src/layout/configuracoes/ConfiguracoesAgendadorPage.vue
@@ -34,7 +34,7 @@ const entitlements = useEntitlementsStore();
 const inMelissa = computed(() => String(route.path || '').startsWith('/melissa'));
 const pagamentoPath = computed(() => (inMelissa.value ? '/melissa/pagamento' : '/configuracoes/pagamento'));
 
-const hasAgendador = computed(() => entitlements.can('agendador.online'));
+const hasAgendador = computed(() => entitlements.can('online_scheduling.manage'));
 const hasLinkPersonalizado = computed(() => entitlements.can('agendador.link_personalizado'));
 
 // ── Estado ─────────────────────────────────────────────────────
diff --git a/src/layout/configuracoes/ConfiguracoesConveniosPage.vue b/src/layout/configuracoes/ConfiguracoesConveniosPage.vue
index 0c381ac..1bd3475 100644
--- a/src/layout/configuracoes/ConfiguracoesConveniosPage.vue
+++ b/src/layout/configuracoes/ConfiguracoesConveniosPage.vue
@@ -268,6 +268,19 @@ onMounted(async () => {
         </template>
 
         <template v-else>
+            <!-- Toolbar topo: botão "+ Novo convênio". Só aparece quando
+                 não está no modo de cadastro inline (senão fica visualmente
+                 confuso ter botão + form abertos juntos). -->
+            <div v-if="!addingNew" class="flex items-center justify-end gap-2">
+                <Button
+                    label="Novo convênio"
+                    icon="pi pi-plus"
+                    size="small"
+                    class="rounded-full"
+                    @click="addingNew = true"
+                />
+            </div>
+
             <!-- Form novo convênio -->
             <div v-if="addingNew" class="cfg-wrap">
                 <div class="cfg-wrap__head">
@@ -309,7 +322,7 @@ onMounted(async () => {
             <div v-if="!plans.length && !addingNew" class="cfg-empty">
                 <i class="pi pi-id-card text-3xl opacity-25" />
                 <div class="text-sm font-medium">Nenhum convênio cadastrado</div>
-                <div class="text-xs opacity-70">Clique em "Novo convênio" para começar.</div>
+                <div class="text-xs opacity-70">Use o botão <b>Novo convênio</b> acima pra começar.</div>
             </div>
 
             <!-- Lista de convênios -->
diff --git a/src/layout/configuracoes/ConfiguracoesExcecoesFinanceirasPage.vue b/src/layout/configuracoes/ConfiguracoesExcecoesFinanceirasPage.vue
index b9fa23c..e5af916 100644
--- a/src/layout/configuracoes/ConfiguracoesExcecoesFinanceirasPage.vue
+++ b/src/layout/configuracoes/ConfiguracoesExcecoesFinanceirasPage.vue
@@ -105,7 +105,8 @@ function startEdit(type) {
         charge_mode: rec?.charge_mode ?? 'none',
         charge_value: rec?.charge_value != null ? Number(rec.charge_value) : null,
         charge_pct: rec?.charge_pct != null ? Number(rec.charge_pct) : null,
-        min_hours_notice: rec?.min_hours_notice != null ? Number(rec.min_hours_notice) : null
+        min_hours_notice: rec?.min_hours_notice != null ? Number(rec.min_hours_notice) : null,
+        default_consume_on_miss: !!rec?.default_consume_on_miss
     };
 }
 
@@ -125,7 +126,8 @@ async function saveEdit() {
             charge_mode: editForm.value.charge_mode,
             charge_value: editForm.value.charge_mode === 'fixed_fee' ? (editForm.value.charge_value ?? null) : null,
             charge_pct: editForm.value.charge_mode === 'percentage' ? (editForm.value.charge_pct ?? null) : null,
-            min_hours_notice: editForm.value.exception_type === 'patient_cancellation' ? (editForm.value.min_hours_notice ?? null) : null
+            min_hours_notice: editForm.value.exception_type === 'patient_cancellation' ? (editForm.value.min_hours_notice ?? null) : null,
+            default_consume_on_miss: !!editForm.value.default_consume_on_miss
         });
         await load(ownerId.value);
         cancelEdit();
@@ -239,6 +241,18 @@ onMounted(async () => {
                         </div>
                     </div>
 
+                    <!-- Default consume_on_miss (2026-05-14): toggle pra padrão do
+                         "Descontar do saldo" no dialog de status change. -->
+                    <div class="flex items-start gap-2.5 mt-1">
+                        <Checkbox v-model="editForm.default_consume_on_miss" inputId="edit-consume-default" binary />
+                        <label for="edit-consume-default" class="cursor-pointer flex flex-col gap-0.5">
+                            <span class="text-sm font-medium">Descontar do saldo do pacote por padrão</span>
+                            <small class="text-[var(--text-color-secondary)] opacity-70 text-xs">
+                                Quando esta exceção ocorre em sessão de pacote saldo, o dialog vem com "Descontar" marcado. Terapeuta pode override caso a caso.
+                            </small>
+                        </label>
+                    </div>
+
                     <!-- Botões na linha separada -->
                     <div class="flex gap-2 justify-end mt-1">
                         <Button label="Cancelar" icon="pi pi-times" size="small" severity="secondary" outlined class="rounded-full" @click="cancelEdit" />
diff --git a/src/layout/melissa/MelissaAgenda.vue b/src/layout/melissa/MelissaAgenda.vue
index 467fa23..ca2d3d4 100644
--- a/src/layout/melissa/MelissaAgenda.vue
+++ b/src/layout/melissa/MelissaAgenda.vue
@@ -394,6 +394,18 @@ const fcEvents = computed(() => {
         // abaixo. Mantem a cor do commitment pra nao perder contexto.
         const pStatus = ev.paciente_status;
         const isInactivePatient = pStatus === 'Arquivado' || pStatus === 'Inativo';
+        // Sessão paga → barra esquerda verde (override do border-left que o
+        // FC pinta com a cor do commitment). Espelha as mesmas condições do
+        // badge $ amber: sessão + paciente + não-virtual; aqui inverte pra
+        // paymentState === 'paid'.
+        const isPaidSession =
+            String(ev.tipo || '').toLowerCase() === 'sessao' &&
+            (ev.patient_id || ev.paciente_id) &&
+            !ev.is_occurrence &&
+            ev.paymentState === 'paid';
+        const cls = [];
+        if (isInactivePatient) cls.push('ma-evt--inactive-patient');
+        if (isPaidSession) cls.push('ma-evt--paid');
         out.push({
             id: ev.id,
             title: ev.label,
@@ -402,7 +414,7 @@ const fcEvents = computed(() => {
             backgroundColor: `${ev.color}26`, // ~15% opacity
             borderColor: ev.color,
             textColor: 'white',
-            classNames: isInactivePatient ? ['ma-evt--inactive-patient'] : undefined,
+            classNames: cls.length ? cls : undefined,
             extendedProps: ev
         });
     }
@@ -411,6 +423,11 @@ const fcEvents = computed(() => {
     if (feriados.length) {
         for (const f of feriados) out.push(f);
     }
+    // Bloqueios (background events cinza) — concat direto sem filtro.
+    const blqs = bloqueioFcEvents.value;
+    if (blqs.length) {
+        for (const b of blqs) out.push(b);
+    }
     return out;
 });
 
@@ -568,7 +585,11 @@ const fcOptions = computed(() => ({
     },
     eventClick: (info) => {
         const ev = info.event.extendedProps;
-        if (ev) emit('select-evento', ev);
+        if (!ev) return;
+        // Bloqueios e pausas semanais são background events não-clicáveis —
+        // o painel lateral é só pra sessões/compromissos reais.
+        if (ev.kind === 'bloqueio' || ev.kind === 'break') return;
+        emit('select-evento', ev);
     },
     // Drag → reagenda evento (mesmo dia, hora diferente OU outro dia)
     eventDrop: (info) => {
@@ -621,6 +642,18 @@ const fcOptions = computed(() => ({
                 </div>
             `;
         }
+
+        // Badge "$ a receber" — sessão com paciente, ainda não paga.
+        // Cobre Cenário 2 (sem cobrança, sem record) e Cenário 3 (cobrança
+        // pendente). Esconde quando paid ou quando não é sessão com paciente.
+        // Ocorrências virtuais sempre 'none' até serem materializadas — pra
+        // não poluir séries recorrentes com pacote upfront/saldo (cobertas
+        // pelo contrato, não por record-por-sessão).
+        let payBadgeHtml = '';
+        if (isSessao && ext.patient_id && !ext.is_occurrence && ext.paymentState !== 'paid') {
+            payBadgeHtml = `<span class="mc-fc-event__paybadge" title="Cobrança pendente"><i class="pi pi-dollar"></i></span>`;
+        }
+
         // Pra eventos não-sessão (compromisso, bloqueio etc.) mantém o
         // antigo `__meta` com modalidade ou título secundário.
         const metaFallback = !isSessao ? (ext.modalidade || ext.titulo || '') : '';
@@ -628,6 +661,7 @@ const fcOptions = computed(() => ({
         return {
             html: `
                 <div class="mc-fc-event">
+                    ${payBadgeHtml}
                     ${titleLine}
                     ${badgesHtml}
                     ${metaFallback ? `<div class="mc-fc-event__meta">${escHtml(metaFallback)}</div>` : ''}
@@ -729,15 +763,23 @@ function goNext()  { fcApi()?.next(); }
 function goToday() { fcApi()?.today(); }
 
 function setView(v) {
+    // Detecta saida da view 'lista' antes de trocar — se o user veio de
+    // lista, o refDate atual ta em (hoje - 1 ano) e ao mudar pra week/month
+    // o FullCalendar mantem esse refDate, fazendo a agenda parecer estar
+    // no ano passado. Snap pra hoje resolve. 2026-05-12.
+    const leavingLista = calendarView.value === 'lista' && v !== 'lista';
+
     calendarView.value = v;
     fcApi()?.changeView(VIEW_MAP[v]);
-    // Lista cobre 2 anos — abrimos centrado: pula pra (hoje - 1 ano) pra
-    // mostrar passado + presente + futuro de uma vez. Outras views mantém
-    // o refDate atual (datesSet sincroniza viewStart/End normalmente).
+
     if (v === 'lista') {
+        // Lista cobre 2 anos — abrimos centrado: pula pra (hoje - 1 ano) pra
+        // mostrar passado + presente + futuro de uma vez.
         const umAnoAtras = new Date();
         umAnoAtras.setFullYear(umAnoAtras.getFullYear() - 1);
         fcApi()?.gotoDate(umAnoAtras);
+    } else if (leavingLista) {
+        fcApi()?.today();
     }
 }
 
@@ -779,10 +821,12 @@ const tenantStore = useTenantStore();
 // acessos diretos a M.x dispararam TypeError ao montar fora do layout.
 const _feriadosFallback = ref([]);
 const _feriadoFcEventsFallback = ref([]);
+const _bloqueioFcEventsFallback = ref([]);
 const _feriadosAnoFallback = ref(new Date().getFullYear());
 const _workRulesFallback = ref([]);
 const feriadosTodos = M?.feriados ?? _feriadosFallback;
 const feriadoFcEvents = M?.feriadoFcEvents ?? _feriadoFcEventsFallback;
+const bloqueioFcEvents = M?.bloqueioFcEvents ?? _bloqueioFcEventsFallback;
 const feriadosAno = M?.feriadosAno ?? _feriadosAnoFallback;
 const loadFeriados = M?.loadFeriadosBase ?? (async () => {});
 const workRules = M?.workRules ?? _workRulesFallback;
@@ -2291,10 +2335,49 @@ defineExpose({
 .ma-cal__fc :deep(.fc-list-event.ma-evt--inactive-patient td) {
     font-style: italic;
 }
+
+/* Sessão paga — barra esquerda verde no lugar da cor do commitment.
+   Espelho positivo do badge $ amber: pago = canal visual esquerdo,
+   pendente = canal direito, sem cobrança = neutro. !important porque
+   o FC seta border-color inline a partir do borderColor do evento. */
+.ma-cal__fc :deep(.fc-event.ma-evt--paid) {
+    border-left-color: #10b981 !important; /* emerald-500 */
+    border-left-width: 4px !important;
+}
+.ma-cal__fc :deep(.fc-list-event.ma-evt--paid .fc-list-event-dot) {
+    border-color: #10b981 !important;
+}
+
 .ma-cal__fc :deep(.mc-fc-event) {
     padding: 4px 6px;
     color: var(--m-text);
     font-family: inherit;
+    position: relative;
+}
+
+/* Badge "$ a receber" — canto superior direito do evento. Amarelo
+   amber, pequeno, sinaliza cobrança pendente sem competir com os
+   badges de status/modalidade. Renderizado só pra sessão+paciente
+   com paymentState !== 'paid'. */
+.ma-cal__fc :deep(.mc-fc-event__paybadge) {
+    position: absolute;
+    top: 2px;
+    right: 3px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    border-radius: 9999px;
+    background: #f59e0b;
+    color: #fff;
+    font-size: 0.6rem;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+    z-index: 2;
+}
+.ma-cal__fc :deep(.mc-fc-event__paybadge .pi) {
+    font-size: 0.62rem;
+    font-weight: 700;
 }
 .ma-cal__fc :deep(.mc-fc-event__title) {
     /* Mesmo tamanho/peso da .ma-pat__name (lista de pacientes) pra
diff --git a/src/layout/melissa/MelissaAgendador.vue b/src/layout/melissa/MelissaAgendador.vue
index da82ddd..d3459f4 100644
--- a/src/layout/melissa/MelissaAgendador.vue
+++ b/src/layout/melissa/MelissaAgendador.vue
@@ -34,7 +34,7 @@ const toast = useToast();
 const tenantStore = useTenantStore();
 const entitlements = useEntitlementsStore();
 
-const hasAgendador = computed(() => entitlements.can('agendador.online'));
+const hasAgendador = computed(() => entitlements.can('online_scheduling.manage'));
 const hasLinkPersonalizado = computed(() => entitlements.can('agendador.link_personalizado'));
 
 const AGENDADOR_BUCKET = 'agendador';
@@ -697,7 +697,7 @@ const summaryItems = computed(() => [
                                 </div>
 
                                 <!-- Link público -->
-                                <template v-if="cfg.ativo">
+                                <template v-if="cfg.ativo && hasAgendador">
                                     <div v-if="!cfg.link_slug" class="mag-link-loading">
                                         <i class="pi pi-spin pi-spinner" />
                                         <span>Gerando link…</span>
diff --git a/src/layout/melissa/MelissaEventoPanel.vue b/src/layout/melissa/MelissaEventoPanel.vue
index 725d6aa..babc8ae 100644
--- a/src/layout/melissa/MelissaEventoPanel.vue
+++ b/src/layout/melissa/MelissaEventoPanel.vue
@@ -33,9 +33,24 @@ const emit = defineEmits([
     'edit-paciente',   // botão "Editar" do grupo Outras opções → PatientCadastroDialog
     'abrir-prontuario',
     'whatsapp',
-    'historico'
+    'historico',
+    'delete-sessao',     // botão "Excluir sessão" — só pra sessões avulsas (sem recorrência)
+    'ver-lancamentos',   // botão "Lançamentos" — abre dialog com financial_records vinculados
+    'antecipar-pagamento' // botão "Antecipar pagamento" — paciente quer pagar antes da sessão (pacote saldo)
 ]);
 
+// Regra atualizada (2026-05-14): botão Excluir aparece SEMPRE pra sessão.
+// Handler no parent verifica:
+//   - virtual sem materialização → cria recurrence_exception cancel_session
+//   - real sem records pagos → DELETE (cobranças pendentes vão junto)
+//   - real com record PAGO → bloqueia (estorno pelo Financeiro primeiro)
+const canDelete = computed(() => {
+    const e = ev.value;
+    if (!e) return false;
+    // Pra MVP: oculta só em compromisso não-sessão sem id real.
+    return true;
+});
+
 const ev = computed(() => props.evento || {});
 
 const tipoLabel = computed(() => {
@@ -69,6 +84,41 @@ const isSessaoComPaciente = computed(
     () => ev.value.tipo === 'sessao' && (ev.value.patient_id || ev.value.pacienteNome)
 );
 
+// Estado de pagamento — vem anotado pelo useMelissaAgenda via bulk-query
+// em financial_records. 'paid' | 'pending' | 'none'. Renderiza linha
+// curta abaixo do horário pra sessão com paciente (espelha os 3 canais
+// visuais da agenda). Ocorrências virtuais (sem id real) sempre 'none'
+// — não polui séries com pacote upfront.
+const showPaymentRow = computed(() => {
+    if (!isSessaoComPaciente.value) return false;
+    if (ev.value.is_occurrence) return false;
+    return !!ev.value.paymentState;
+});
+const paymentVariant = computed(() => {
+    const s = ev.value.paymentState;
+    if (s === 'paid') return 'paid';
+    if (s === 'pending') return 'pending';
+    return 'none';
+});
+const paymentIcon = computed(() => {
+    return paymentVariant.value === 'paid' ? 'pi pi-check-circle' : 'pi pi-dollar';
+});
+const paymentLabel = computed(() => {
+    const state = ev.value.paymentState;
+    const valor = ev.value.price;
+    const valorFmt = (valor != null && !Number.isNaN(Number(valor)))
+        ? Number(valor).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })
+        : null;
+    if (state === 'paid') {
+        return valorFmt ? `Pago · ${valorFmt}` : 'Pago';
+    }
+    if (state === 'pending') {
+        return valorFmt ? `A receber ${valorFmt} (cobrança pendente)` : 'Cobrança pendente';
+    }
+    // 'none' — sessão sem cobrança gerada ainda
+    return valorFmt ? `A cobrar ${valorFmt}` : 'Cobrança ainda não gerada';
+});
+
 function fmtHora(decimal) {
     if (decimal === null || decimal === undefined || Number.isNaN(decimal)) return '—';
     const h = Math.floor(decimal);
@@ -121,16 +171,34 @@ function modalidadeIcon(mod) {
                         {{ fmtHora(ev.startH) }} – {{ fmtHora(ev.endH) }}
                         <span v-if="duracaoMin() !== null" class="evento-row__sub">· {{ duracaoMin() }}min</span>
                     </span>
-                    <button
-                        type="button"
-                        class="evento-row__edit"
-                        :disabled="busy"
-                        v-tooltip.top="'Editar sessão (data, hora, recorrência…)'"
-                        @click="emit('edit-sessao')"
-                    >
-                        <i class="pi pi-pencil" />
-                        <span>Editar sessão</span>
-                    </button>
+                    <div class="evento-row__edit-stack">
+                        <button
+                            type="button"
+                            class="evento-row__edit evento-row__edit--primary"
+                            :disabled="busy"
+                            v-tooltip.top="'Editar sessão (data, hora, recorrência…)'"
+                            @click="emit('edit-sessao')"
+                        >
+                            <i class="pi pi-pencil" />
+                            <span>Editar sessão</span>
+                        </button>
+                        <button
+                            v-if="canDelete"
+                            type="button"
+                            class="evento-row__edit evento-row__edit--danger"
+                            :disabled="busy"
+                            v-tooltip.top="'Excluir esta sessão (permanente)'"
+                            @click="emit('delete-sessao')"
+                        >
+                            <i class="pi pi-trash" />
+                            <span>Excluir sessão</span>
+                        </button>
+                    </div>
+                </div>
+
+                <div v-if="showPaymentRow" class="evento-row evento-row--pay" :class="`evento-row--pay-${paymentVariant}`">
+                    <i :class="paymentIcon" />
+                    <span>{{ paymentLabel }}</span>
                 </div>
 
                 <div v-if="ev.modalidade" class="evento-row">
@@ -239,6 +307,34 @@ function modalidadeIcon(mod) {
                     </div>
                 </section>
 
+                <!-- Grupo Financeiro — abre dialog com todos os lançamentos
+                     vinculados a esta sessão (cobrança original + multas/taxas)
+                     + antecipar pagamento (paciente paga antes da sessão).
+                     Adicionado 2026-05-14. Só pra sessão com paciente. -->
+                <section v-if="isSessaoComPaciente" class="evento-actions__section">
+                    <div class="evento-actions__label">Financeiro:</div>
+                    <div class="evento-actions__group">
+                        <button
+                            class="evento-act"
+                            :disabled="busy"
+                            v-tooltip.top="'Ver lançamentos vinculados a esta sessão'"
+                            @click="emit('ver-lancamentos')"
+                        >
+                            <i class="pi pi-list" />
+                            <span class="evento-act__label">Lançamentos</span>
+                        </button>
+                        <button
+                            class="evento-act"
+                            :disabled="busy"
+                            v-tooltip.top="'Paciente quer pagar antes da sessão (pacote saldo)'"
+                            @click="emit('antecipar-pagamento')"
+                        >
+                            <i class="pi pi-money-bill" />
+                            <span class="evento-act__label">Antecipar pagamento</span>
+                        </button>
+                    </div>
+                </section>
+
                 <!-- Grupo Geral (não-sessão: bloqueio/compromisso/etc).
                      Aqui "Editar" abre o evento em si (não tem paciente). -->
                 <section v-else class="evento-actions__section">
@@ -369,12 +465,56 @@ function modalidadeIcon(mod) {
     margin-left: 4px;
     font-size: 0.82rem;
 }
-/* Botão "Editar sessão" inline na linha das horas. Discreto na largura
-   padrão, ganha destaque no hover. Margin-left auto pra alinhar à direita. */
-.evento-row__edit {
+
+/* Linha de cobrança — espelha os 3 canais visuais da agenda:
+   - paid: verde (estado-alvo, sessão quitada)
+   - pending: amber (cobrança gerada mas não paga)
+   - none: amber leve (sem cobrança gerada ainda) */
+.evento-row--pay {
+    font-weight: 500;
+}
+.evento-row--pay-paid {
+    color: #047857; /* emerald-700 */
+}
+.evento-row--pay-paid > i {
+    color: #10b981; /* emerald-500 */
+}
+html.app-dark .evento-row--pay-paid {
+    color: #34d399; /* emerald-400 */
+}
+html.app-dark .evento-row--pay-paid > i {
+    color: #34d399;
+}
+.evento-row--pay-pending,
+.evento-row--pay-none {
+    color: #b45309;
+}
+.evento-row--pay-pending > i,
+.evento-row--pay-none > i {
+    color: #f59e0b;
+}
+html.app-dark .evento-row--pay-pending,
+html.app-dark .evento-row--pay-none {
+    color: #fbbf24;
+}
+html.app-dark .evento-row--pay-pending > i,
+html.app-dark .evento-row--pay-none > i {
+    color: #fbbf24;
+}
+/* Stack de botões "Editar sessão" + "Excluir sessão" (Fase 5, 2026-05-14).
+   Empilhados verticalmente à direita da linha das horas. */
+.evento-row__edit-stack {
     margin-left: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    align-items: stretch;
+    flex-shrink: 0;
+}
+.evento-row__edit {
     display: inline-flex;
     align-items: center;
+    justify-content: center;
     gap: 5px;
     padding: 4px 10px;
     background: var(--m-bg-soft);
@@ -397,6 +537,28 @@ function modalidadeIcon(mod) {
     cursor: not-allowed;
 }
 .evento-row__edit i { font-size: 0.65rem; }
+/* Variant primary (Editar sessão — ação principal). */
+.evento-row__edit--primary {
+    background: var(--primary-color, #7c6af7);
+    border-color: var(--primary-color, #7c6af7);
+    color: var(--primary-color-text, #fff);
+}
+.evento-row__edit--primary:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--primary-color, #7c6af7) 88%, black);
+    border-color: color-mix(in srgb, var(--primary-color, #7c6af7) 88%, black);
+    color: var(--primary-color-text, #fff);
+}
+/* Variant danger (Excluir sessão — destrutivo, outlined). */
+.evento-row__edit--danger {
+    background: transparent;
+    border-color: color-mix(in srgb, var(--red-500, #ef4444) 50%, var(--m-border));
+    color: var(--red-400, #f87171);
+}
+.evento-row__edit--danger:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--red-500, #ef4444) 12%, transparent);
+    border-color: var(--red-500, #ef4444);
+    color: var(--red-300, #fca5a5);
+}
 .evento-status {
     padding: 2px 10px;
     border-radius: 999px;
diff --git a/src/layout/melissa/MelissaFinanceiroLancamentos.vue b/src/layout/melissa/MelissaFinanceiroLancamentos.vue
index 0f95cfb..809b979 100644
--- a/src/layout/melissa/MelissaFinanceiroLancamentos.vue
+++ b/src/layout/melissa/MelissaFinanceiroLancamentos.vue
@@ -85,17 +85,26 @@ const TYPE_FILTER_OPTIONS = [
 ];
 
 const PAYMENT_METHOD_OPTIONS = [
-    { label: 'Pix',       value: 'pix' },
-    { label: 'Depósito',  value: 'deposito' },
-    { label: 'Dinheiro',  value: 'dinheiro' },
-    { label: 'Cartão',    value: 'cartao' },
-    { label: 'Convênio',  value: 'convenio' }
+    { label: 'Pix',                value: 'pix' },
+    { label: 'Depósito',           value: 'deposito' },
+    { label: 'Dinheiro',           value: 'dinheiro' },
+    { label: 'Cartão',             value: 'cartao' },
+    { label: 'Cartão (maquininha)', value: 'cartao_maquininha' },
+    { label: 'Convênio',           value: 'convenio' },
+    { label: 'Asaas',              value: 'asaas' }
 ];
 
 function paymentLabel(method) {
     return PAYMENT_METHOD_OPTIONS.find((o) => o.value === method)?.label ?? method ?? '—';
 }
 
+// Abre link de cobrança externa (Asaas/etc) em nova aba.
+// noopener/noreferrer pra segurança (gateway não vira janela parent). 2026-05-14.
+function openPaymentLink(url) {
+    if (!url) return;
+    window.open(url, '_blank', 'noopener,noreferrer');
+}
+
 // ── Filtros reativos ──────────────────────────────────
 const filterStatus = ref(null);
 const filterType = ref(null);
@@ -123,6 +132,38 @@ function clearAllFilters() {
     filterDateRange.value = null;
 }
 
+// Aninhamento visual (2026-05-14): records com mesmo agenda_evento_id viram
+// "pai + filho(s)" — o mais antigo (created_at) é o pai (sessão); demais
+// (multa, taxa de cancelamento, etc) aparecem indentados embaixo. Pai
+// sempre antes dos filhos na lista. Records sem agenda_evento_id (avulso
+// manual) ficam como itens soltos. Não reordena entre grupos — só dentro
+// de cada grupo, preservando ordem de chegada do servidor.
+const recordsGrouped = computed(() => {
+    const list = records.value || [];
+    if (list.length === 0) return list;
+    const groupOrder = [];
+    const groups = new Map();
+    for (const r of list) {
+        const key = r.agenda_evento_id || `solo-${r.id}`;
+        if (!groups.has(key)) {
+            groups.set(key, []);
+            groupOrder.push(key);
+        }
+        groups.get(key).push(r);
+    }
+    const out = [];
+    for (const key of groupOrder) {
+        const group = groups
+            .get(key)
+            .slice()
+            .sort((a, b) => new Date(a.created_at) - new Date(b.created_at));
+        group.forEach((r, idx) => {
+            out.push({ ...r, _isChild: idx > 0 && group.length > 1, _hasChildren: idx === 0 && group.length > 1 });
+        });
+    }
+    return out;
+});
+
 // ── Paginação server-side ─────────────────────────────
 const pageFirst = ref(0);
 const pageRows = ref(20);
@@ -531,7 +572,7 @@ onBeforeUnmount(() => {
                 </div>
 
                 <DataTable
-                    :value="records"
+                    :value="recordsGrouped"
                     dataKey="id"
                     :loading="loading"
                     lazy
@@ -545,13 +586,20 @@ onBeforeUnmount(() => {
                     scrollable
                     scrollHeight="flex"
                     tableStyle="min-width: 880px"
-                    :rowClass="(r) => (r.status === 'overdue' ? 'mfl-row-overdue' : '')"
+                    :rowClass="(r) => [r.status === 'overdue' ? 'mfl-row-overdue' : '', r._isChild ? 'mfl-row-child' : '', r._hasChildren ? 'mfl-row-parent' : ''].filter(Boolean).join(' ')"
                     class="mfl-table"
                     @page="onPageChange"
                 >
                     <Column header="Paciente" style="min-width: 13rem">
                         <template #body="{ data }">
-                            <div class="mfl-row__patient">
+                            <!-- Em records "filhos" (multa, taxa) do mesmo agenda_evento_id,
+                                 esconde avatar+nome e mostra "↳ {descrição}" indentado.
+                                 Mesmo paciente do pai logo acima → reduz ruído visual. -->
+                            <div v-if="data._isChild" class="mfl-row__child">
+                                <i class="pi pi-arrow-right-and-arrow-left-up-down mfl-row__child-icon" />
+                                <span class="mfl-row__child-label">{{ data.description || 'Cobrança extra' }}</span>
+                            </div>
+                            <div v-else class="mfl-row__patient">
                                 <span
                                     class="mfl-row__avatar"
                                     :style="data.patients?.identification_color ? { background: data.patients.identification_color } : null"
@@ -620,7 +668,26 @@ onBeforeUnmount(() => {
 
                     <Column header="Ações" style="width: 11rem; min-width: 11rem">
                         <template #body="{ data }">
-                            <div v-if="data.status === 'pending' || data.status === 'overdue'" class="flex items-center gap-1">
+                            <div v-if="data.status === 'pending' || data.status === 'overdue'" class="flex items-center gap-2">
+                                <!-- Info do método (Asaas/etc): ícone + texto em azul info
+                                     na linha de cima; "Ver boleto" como texto-link na linha
+                                     de baixo (disabled enquanto integração Asaas não preenche
+                                     payment_link, tooltip muda dinâmico). 2026-05-14. -->
+                                <div v-if="data.payment_method === 'asaas'" class="mfl-row__pending-asaas">
+                                    <div class="mfl-row__pending-method">
+                                        <i class="pi pi-link" />
+                                        {{ paymentLabel(data.payment_method) }}
+                                    </div>
+                                    <button
+                                        type="button"
+                                        class="mfl-row__pending-link"
+                                        :disabled="!data.payment_link"
+                                        v-tooltip.top="data.payment_link ? 'Abrir link de pagamento' : 'Aguardando integração Asaas'"
+                                        @click="openPaymentLink(data.payment_link)"
+                                    >
+                                        Ver boleto
+                                    </button>
+                                </div>
                                 <Button
                                     label="Receber"
                                     icon="pi pi-check"
@@ -1336,6 +1403,21 @@ onBeforeUnmount(() => {
 .mfl-table :deep(.p-datatable-tbody > tr.mfl-row-overdue:hover) {
     background: rgba(220, 38, 38, 0.08);
 }
+/* Aninhamento visual (2026-05-14): pai ganha border-bottom mais discreto,
+   filho herda fundo sutil + sem border-top → parece "continuação" do pai. */
+.mfl-table :deep(.p-datatable-tbody > tr.mfl-row-parent > td) {
+    border-bottom-style: dashed !important;
+    border-bottom-color: var(--m-border, rgba(255, 255, 255, 0.08)) !important;
+}
+.mfl-table :deep(.p-datatable-tbody > tr.mfl-row-child) {
+    background: color-mix(in srgb, var(--p-primary-color) 4%, transparent);
+}
+.mfl-table :deep(.p-datatable-tbody > tr.mfl-row-child > td) {
+    border-top: none !important;
+}
+.mfl-table :deep(.p-datatable-tbody > tr.mfl-row-child:hover) {
+    background: color-mix(in srgb, var(--p-primary-color) 8%, transparent);
+}
 
 .mfl-table :deep(.p-datatable-loading-overlay) {
     background: color-mix(in srgb, var(--m-bg-medium) 70%, transparent);
@@ -1388,6 +1470,28 @@ onBeforeUnmount(() => {
     gap: 8px;
     min-width: 0;
 }
+/* Bloco "filho" (multa/taxa do mesmo agenda_evento): indent + ícone setinha. */
+.mfl-row__child {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding-left: 22px;
+    min-width: 0;
+}
+.mfl-row__child-icon {
+    color: var(--m-text-muted);
+    font-size: 0.65rem;
+    transform: scaleY(-1);
+    flex-shrink: 0;
+}
+.mfl-row__child-label {
+    font-size: 0.82rem;
+    font-style: italic;
+    color: var(--m-text-muted);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 .mfl-row__avatar {
     width: 28px; height: 28px;
     border-radius: 50%;
@@ -1457,6 +1561,40 @@ onBeforeUnmount(() => {
     font-size: 0.7rem;
     color: var(--m-text-muted);
 }
+.mfl-row__pending-asaas {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+.mfl-row__pending-method {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 0.74rem;
+    color: rgb(37, 99, 235); /* azul info — cobrança aguardando, não paga */
+    font-weight: 500;
+}
+/* "Ver boleto" como texto-link (sem botão visual). Habilitado quando
+   payment_link existe — vira underline + cursor pointer. Disabled hoje
+   enquanto integração Asaas não preenche — tooltip explica. 2026-05-14. */
+.mfl-row__pending-link {
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: 0.7rem;
+    color: rgb(37, 99, 235);
+    cursor: pointer;
+    text-align: left;
+    font-family: inherit;
+}
+.mfl-row__pending-link:hover:not(:disabled) {
+    text-decoration: underline;
+}
+.mfl-row__pending-link:disabled {
+    color: var(--m-text-muted);
+    cursor: not-allowed;
+    opacity: 0.7;
+}
 .mfl-row__none {
     color: var(--m-text-faint);
     font-style: italic;
diff --git a/src/layout/melissa/MelissaLayout.vue b/src/layout/melissa/MelissaLayout.vue
index 01a9fb8..225056e 100644
--- a/src/layout/melissa/MelissaLayout.vue
+++ b/src/layout/melissa/MelissaLayout.vue
@@ -18,6 +18,7 @@
 import { ref, computed, watch, onMounted, onBeforeUnmount, provide, nextTick } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { useToast } from 'primevue/usetoast';
+import { useConfirm } from 'primevue/useconfirm';
 import { useLayout } from '@/layout/composables/layout';
 import { applyThemeEngine, surfaces as THEME_SURFACES, presetOptions as THEME_PRESETS } from '@/theme/theme.options';
 import { MELISSA_THEME_NAMES, findMelissaTheme } from './melissaThemes';
@@ -95,6 +96,7 @@ import { useConversationDrawerStore } from '@/stores/conversationDrawerStore';
 import ConversationDrawer from '@/components/conversations/ConversationDrawer.vue';
 import AgendaEventDialog from '@/features/agenda/components/AgendaEventDialog.vue';
 import BloqueioDialog from '@/features/agenda/components/BloqueioDialog.vue';
+import AgendaStatusChangeConfirmDialog from '@/features/agenda/components/AgendaStatusChangeConfirmDialog.vue';
 // Topbar system actions trazidos do AppTopbar pra Melissa: plan switcher
 // (DEV), notificações e ajuda. AppTopbar não monta na rota /melissa
 // (fullscreen), então duplicamos os triggers + drawers aqui.
@@ -609,6 +611,7 @@ const eventoSelecionado = ref(null);
 const eventoBusy = ref(false); // bloqueia botões enquanto UPDATE roda
 const melissaAgendaRef = ref(null); // pra chamar openProntuario + setView
 const toast = useToast();
+const confirm = useConfirm();
 const tenantStore = useTenantStore();
 const conversationDrawerStore = useConversationDrawerStore();
 
@@ -630,6 +633,12 @@ const {
     dialogEventRow: agendaDialogEventRow,
     dialogStartISO: agendaDialogStartISO,
     dialogEndISO: agendaDialogEndISO,
+    dialogBlockOverlap: agendaDialogBlockOverlap,
+    occDialogOpen: agendaOccDialogOpen,
+    occDialogEventRow: agendaOccDialogEventRow,
+    occDialogStartISO: agendaOccDialogStartISO,
+    occDialogEndISO: agendaOccDialogEndISO,
+    serieRefreshTick: agendaSerieRefreshTick,
     ownerId: agendaOwnerId,
     clinicTenantId: agendaClinicTenantId,
     commitmentOptions: agendaCommitmentOptions,
@@ -638,7 +647,12 @@ const {
     allEventsForDialog: agendaAllEvents,
     feriados: agendaFeriados,
     bloqueioDialogOpen: agendaBloqueioOpen,
-    bloqueioMode: agendaBloqueioMode
+    bloqueioMode: agendaBloqueioMode,
+    // Status change confirm dialog (Fase 5, 2026-05-14)
+    statusDialogOpen: agendaStatusDialogOpen,
+    statusDialogProps: agendaStatusDialogProps,
+    onStatusDialogConfirm: agendaOnStatusDialogConfirm,
+    onStatusDialogCancel: agendaOnStatusDialogCancel
 } = M;
 
 function abrirEvento(ev) {
@@ -650,12 +664,10 @@ function fecharEvento() {
 }
 
 // ── Actions do MelissaEventoPanel ──────────────────────────────
-// updateStatus: muda status no DB e refetcha agenda. Pattern espelha
-// AgendaTerapeutaPage (sem optimistic update por simplicidade no MVP).
-//
-// Quando `ev` é ocorrência VIRTUAL de recorrência (id `rec::...` sem row real),
-// delega pro M.onUpdateSeriesEvent que materializa antes do UPDATE — sem isso
-// PostgreSQL recusa o UPDATE com "invalid input syntax for type uuid".
+// Fase 5 (2026-05-14): TODOS os status (realizado/faltou/cancelado/etc)
+// passam por M.onUpdateSeriesEvent — que abre o AgendaStatusChangeConfirmDialog
+// quando há regra de exceção, pacote saldo ou pending record. Antes, eventos
+// reais faziam UPDATE direto sem passar pelo dialog (gap reportado pelo user).
 async function updateEventoStatus(novoStatus, msgSucesso) {
     const ev = eventoSelecionado.value;
     if (!ev?.id || eventoBusy.value) return;
@@ -665,29 +677,18 @@ async function updateEventoStatus(novoStatus, msgSucesso) {
             !!ev.is_occurrence ||
             (typeof ev.id === 'string' && ev.id.startsWith('rec::'));
 
-        if (isVirtual) {
-            await M.onUpdateSeriesEvent({
-                id: null,
-                status: novoStatus,
-                recurrence_date:
-                    ev.recurrence_date ||
-                    ev.original_date ||
-                    String(ev.inicio_em || '').slice(0, 10),
-                inicio_em: ev.inicio_em,
-                fim_em: ev.fim_em,
-                is_virtual: true,
-                // Passa o ev completo — sem isso o handler depende de
-                // dialogEventRow.value (que está vazio quando o user clica
-                // direto no evento do FC sem abrir o dialog antes).
-                row: ev
-            });
-        } else {
-            const { error } = await supabase
-                .from('agenda_eventos')
-                .update({ status: novoStatus })
-                .eq('id', ev.id);
-            if (error) throw error;
-        }
+        await M.onUpdateSeriesEvent({
+            id: isVirtual ? null : ev.id,
+            status: novoStatus,
+            recurrence_date:
+                ev.recurrence_date ||
+                ev.original_date ||
+                String(ev.inicio_em || '').slice(0, 10),
+            inicio_em: ev.inicio_em,
+            fim_em: ev.fim_em,
+            is_virtual: isVirtual,
+            row: ev
+        });
         toast.add({ severity: 'success', summary: msgSucesso, life: 2200 });
         // Refetch:
         //  - M.refetch() alimenta a Agenda (FullCalendar + ocorrências virtuais)
@@ -700,6 +701,7 @@ async function updateEventoStatus(novoStatus, msgSucesso) {
     } catch (e) {
         const msg = e?.message || 'Erro ao atualizar evento';
         toast.add({ severity: 'error', summary: 'Falha ao atualizar', detail: msg, life: 4000 });
+    } finally {
         eventoBusy.value = false;
     }
 }
@@ -708,6 +710,354 @@ function onConcluir()  { updateEventoStatus('realizado', 'Sessão marcada como r
 function onFaltou()    { updateEventoStatus('faltou', 'Marcada como falta'); }
 function onCancelar()  { updateEventoStatus('cancelado', 'Evento cancelado'); }
 
+// Excluir evento via popover (Fase 5, 2026-05-14). Regra: não permitir
+// exclusão direta de ocorrência de série recorrente — usar fluxo do dialog
+// pra encerrar série ou editar ocorrência. Pra avulsa: confirm + delete +
+// remove cobranças vinculadas (com aviso explícito no confirm).
+// Ver lançamentos da sessão — abre dialog com financial_records vinculados.
+// Reusa o mesmo padrão do dialog dentro do AgendaEventDialog. 2026-05-14.
+const lancamentosDialogOpen = ref(false);
+const lancamentosList = ref([]);
+const lancamentosLoading = ref(false);
+const lancamentosEventoTitulo = ref('');
+// Antecipar pagamento (Fase 5, 2026-05-14): paciente quer pagar antes da
+// sessão (caso típico em pacote saldo). Materializa a ocorrência (se virtual)
+// + cria financial_record paid (PIX/etc) ou pending (Asaas). NÃO decrementa
+// sessions_used — só quando marcar Realizada depois.
+const anteciparDialogOpen = ref(false);
+const anteciparMethod = ref('pix');
+const anteciparBusy = ref(false);
+const anteciparEventoRef = ref(null); // snapshot do evento no momento do click
+const anteciparMethodOptions = [
+    { value: 'pix', label: 'Já recebi — PIX' },
+    { value: 'dinheiro', label: 'Já recebi — Dinheiro' },
+    { value: 'deposito', label: 'Já recebi — Depósito' },
+    { value: 'cartao_maquininha', label: 'Já recebi — Cartão (maquininha)' },
+    { value: 'link', label: 'Enviar link de pagamento (Asaas)' }
+];
+
+async function onAnteciparPagamento() {
+    const ev = eventoSelecionado.value;
+    if (!ev) return;
+    // Valida: precisa ter paciente, valor (price)
+    if (!ev.patient_id || !ev.price) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Não é possível antecipar',
+            detail: 'Sessão precisa ter paciente e valor configurado.',
+            life: 4000
+        });
+        return;
+    }
+    anteciparEventoRef.value = ev;
+    anteciparMethod.value = 'pix';
+    anteciparDialogOpen.value = true;
+}
+
+async function confirmAnteciparPagamento() {
+    const ev = anteciparEventoRef.value;
+    if (!ev || anteciparBusy.value) return;
+    anteciparBusy.value = true;
+    try {
+        const tenantId = tenantStore.activeTenantId || tenantStore.tenantId || tenantStore.tenant?.id || null;
+        const ownerId = ev.owner_id || ev.terapeuta_id || null;
+        const settlement = anteciparMethod.value;
+        const amount = Number(ev.price) || 0;
+        const dueIso = ev.inicio_em ? new Date(ev.inicio_em).toISOString().slice(0, 10) : new Date().toISOString().slice(0, 10);
+
+        // 1) Materializa se virtual (cria agenda_evento real com status='agendado')
+        const isVirtualId = typeof ev.id === 'string' && ev.id.startsWith('rec::');
+        const isVirtual = ev.is_occurrence || isVirtualId;
+        let eventoId = ev.id;
+        if (isVirtual) {
+            const rid = ev.recurrence_id || ev.serie_id || null;
+            const rDate = ev.recurrence_date || ev.original_date || (ev.inicio_em ? String(ev.inicio_em).slice(0, 10) : null);
+            if (!rid || !rDate) throw new Error('Não foi possível identificar a regra de recorrência.');
+            // Confere se já não foi materializada
+            const { data: existing } = await supabase
+                .from('agenda_eventos')
+                .select('id')
+                .eq('recurrence_id', rid)
+                .eq('recurrence_date', rDate)
+                .maybeSingle();
+            if (existing?.id) {
+                eventoId = existing.id;
+            } else {
+                const { data: created, error: cErr } = await supabase
+                    .from('agenda_eventos')
+                    .insert({
+                        owner_id: ownerId,
+                        tenant_id: tenantId,
+                        recurrence_id: rid,
+                        recurrence_date: rDate,
+                        tipo: 'sessao',
+                        status: 'agendado',
+                        titulo: ev.titulo || 'Sessão',
+                        inicio_em: ev.inicio_em,
+                        fim_em: ev.fim_em,
+                        patient_id: ev.patient_id,
+                        determined_commitment_id: ev.determined_commitment_id || null,
+                        modalidade: ev.modalidade || 'presencial',
+                        price: amount,
+                        visibility_scope: 'public'
+                    })
+                    .select('id')
+                    .single();
+                if (cErr) throw cErr;
+                eventoId = created.id;
+            }
+        }
+
+        // 2) Verifica se já tem financial_record vinculado
+        const { data: existRec } = await supabase
+            .from('financial_records')
+            .select('id, status')
+            .eq('agenda_evento_id', eventoId)
+            .is('deleted_at', null)
+            .order('created_at', { ascending: false })
+            .limit(1)
+            .maybeSingle();
+        if (existRec?.status === 'paid') {
+            toast.add({ severity: 'info', summary: 'Já está pago', detail: 'Esta sessão já tem cobrança paga.', life: 3500 });
+            return;
+        }
+
+        // 3) Cria record via RPC (ou usa existente pending pra marcar paid)
+        let recordId = existRec?.id || null;
+        if (!recordId) {
+            const { error: rpcErr } = await supabase.rpc('create_financial_record_for_session', {
+                p_tenant_id: tenantId,
+                p_owner_id: ownerId,
+                p_patient_id: ev.patient_id,
+                p_agenda_evento_id: eventoId,
+                p_amount: amount,
+                p_due_date: dueIso
+            });
+            if (rpcErr) throw rpcErr;
+            const { data: newRec } = await supabase
+                .from('financial_records')
+                .select('id')
+                .eq('agenda_evento_id', eventoId)
+                .order('created_at', { ascending: false })
+                .limit(1)
+                .single();
+            recordId = newRec?.id;
+        }
+
+        // 4) Aplica status conforme settlement
+        if (recordId) {
+            const patch = { updated_at: new Date().toISOString() };
+            if (settlement === 'link') {
+                patch.payment_method = 'asaas';
+                // status fica pending
+            } else {
+                patch.status = 'paid';
+                patch.paid_at = new Date().toISOString();
+                patch.payment_method = settlement;
+            }
+            await supabase.from('financial_records').update(patch).eq('id', recordId);
+        }
+
+        const methodLabel = anteciparMethodOptions.find((o) => o.value === settlement)?.label || settlement;
+        toast.add({
+            severity: 'success',
+            summary: settlement === 'link' ? 'Cobrança gerada' : 'Pagamento registrado',
+            detail: `R$ ${amount.toFixed(2).replace('.', ',')} — ${methodLabel}`,
+            life: 4000
+        });
+        anteciparDialogOpen.value = false;
+        M.refetch();
+        refetchEventosHoje();
+        fecharEvento();
+    } catch (e) {
+        toast.add({ severity: 'error', summary: 'Erro', detail: e?.message || 'Falha ao antecipar pagamento.', life: 5000 });
+    } finally {
+        anteciparBusy.value = false;
+    }
+}
+
+async function onVerLancamentos() {
+    const ev = eventoSelecionado.value;
+    if (!ev?.id) return;
+    // Ocorrência virtual ainda não foi materializada — id é sintético
+    // `rec::<rule>::<date>`, não bate com agenda_evento_id (uuid).
+    // Aborta sem query e avisa o user. 2026-05-14.
+    const isVirtualId = typeof ev.id === 'string' && ev.id.startsWith('rec::');
+    if (ev.is_occurrence || isVirtualId) {
+        toast.add({
+            severity: 'info',
+            summary: 'Sem lançamentos ainda',
+            detail: 'Esta ocorrência ainda não foi materializada. Lançamentos aparecem após a primeira ação na sessão (status, edição etc).',
+            life: 5000
+        });
+        return;
+    }
+    lancamentosEventoTitulo.value = ev.pacienteNome || ev.label || ev.titulo || 'Sessão';
+    lancamentosDialogOpen.value = true;
+    lancamentosLoading.value = true;
+    try {
+        const { data, error } = await supabase
+            .from('financial_records')
+            .select('id, description, amount, final_amount, status, due_date, paid_at, payment_method, created_at')
+            .eq('agenda_evento_id', ev.id)
+            .is('deleted_at', null)
+            .order('created_at', { ascending: true });
+        if (error) throw error;
+        lancamentosList.value = data || [];
+    } catch (e) {
+        toast.add({ severity: 'warn', summary: 'Erro', detail: e?.message || 'Falha ao carregar lançamentos.', life: 4000 });
+        lancamentosList.value = [];
+    } finally {
+        lancamentosLoading.value = false;
+    }
+}
+function _fmtLancBRL(v) {
+    return Number(v ?? 0).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
+}
+function _fmtLancDate(d) {
+    if (!d) return '—';
+    try { return new Date(d).toLocaleDateString('pt-BR'); } catch { return '—'; }
+}
+const _lancMethodLabels = {
+    pix: 'PIX', dinheiro: 'Dinheiro', deposito: 'Depósito', cartao: 'Cartão',
+    cartao_maquininha: 'Cartão (maquininha)', convenio: 'Convênio', asaas: 'Asaas'
+};
+const _lancStatusLabels = {
+    pending: 'Pendente', paid: 'Pago', overdue: 'Vencido',
+    cancelled: 'Cancelado', refunded: 'Reembolsado', partial: 'Parcial'
+};
+function _lancStatusSeverity(s) {
+    return { pending: 'info', paid: 'success', overdue: 'danger', cancelled: 'secondary', refunded: 'warn', partial: 'warn' }[s] || 'secondary';
+}
+
+async function onDeleteEvento() {
+    const ev = eventoSelecionado.value;
+    if (!ev?.id || eventoBusy.value) return;
+
+    const isVirtualId = typeof ev.id === 'string' && ev.id.startsWith('rec::');
+    const isVirtual = ev.is_occurrence || isVirtualId;
+
+    // ── Ocorrência virtual: cria recurrence_exception (cancel_session) ──
+    // Sem interação ainda — segura excluir. Mostra confirm simples.
+    if (isVirtual) {
+        const recId = ev.recurrence_id || ev.serie_id;
+        const origDate = ev.recurrence_date || ev.original_date || (ev.inicio_em ? String(ev.inicio_em).slice(0, 10) : null);
+        if (!recId || !origDate) {
+            toast.add({ severity: 'warn', summary: 'Não excluível', detail: 'Não foi possível identificar a regra de recorrência.', life: 4000 });
+            return;
+        }
+        confirm.require({
+            header: 'Cancelar ocorrência',
+            message: 'Esta ocorrência ainda não tem cobranças. Tem certeza que deseja cancelá-la? Ela some da agenda; as outras sessões da série continuam.',
+            icon: 'pi pi-exclamation-triangle',
+            acceptLabel: 'Sim, cancelar',
+            rejectLabel: 'Manter',
+            acceptClass: 'p-button-danger',
+            accept: async () => {
+                eventoBusy.value = true;
+                try {
+                    const tenantId = tenantStore.activeTenantId || tenantStore.tenantId || tenantStore.tenant?.id || null;
+                    const { error } = await supabase.from('recurrence_exceptions').insert({
+                        recurrence_id: recId,
+                        tenant_id: tenantId,
+                        original_date: origDate,
+                        type: 'cancel_session',
+                        reason: 'Cancelado pelo terapeuta antes de qualquer interação'
+                    });
+                    if (error) throw error;
+                    toast.add({ severity: 'success', summary: 'Ocorrência cancelada', life: 2500 });
+                    M.refetch();
+                    refetchEventosHoje();
+                    fecharEvento();
+                } catch (e) {
+                    toast.add({ severity: 'error', summary: 'Erro', detail: e?.message || 'Falha ao cancelar.', life: 4000 });
+                } finally {
+                    eventoBusy.value = false;
+                }
+            }
+        });
+        return;
+    }
+
+    // ── Evento real: conta cobranças vinculadas ──
+    let recordsCount = 0;
+    let hasPaidRecord = false;
+    try {
+        const { data } = await supabase
+            .from('financial_records')
+            .select('id, status')
+            .eq('agenda_evento_id', ev.id)
+            .is('deleted_at', null);
+        recordsCount = (data || []).length;
+        hasPaidRecord = (data || []).some((r) => r.status === 'paid');
+    } catch (e) {
+        console.warn('[Excluir sessão] erro contando records:', e?.message);
+    }
+
+    // Cobrança PAGA bloqueia exclusão — precisa estornar pelo Financeiro
+    if (hasPaidRecord) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Sessão com pagamento confirmado',
+            detail: 'Esta sessão tem cobrança paga. Estorne primeiro pelo Financeiro antes de excluir.',
+            life: 5500
+        });
+        return;
+    }
+
+    // Evento de série materializado (tem recurrence_id) → vira exception
+    // (cancel_session) também, mas removendo records pendentes junto.
+    const isMaterializedOccurrence = !!ev.recurrence_id || !!ev.serie_id;
+    const msgRecords = recordsCount > 0
+        ? `Esta sessão tem ${recordsCount} cobrança(s) pendente(s) que também será(ão) removida(s).`
+        : 'A sessão não tem cobranças vinculadas.';
+
+    confirm.require({
+        header: isMaterializedOccurrence ? 'Cancelar ocorrência' : 'Excluir sessão',
+        message: `${msgRecords} A ação não pode ser desfeita. Confirmar?`,
+        icon: 'pi pi-exclamation-triangle',
+        acceptLabel: 'Sim, confirmar',
+        rejectLabel: 'Cancelar',
+        acceptClass: 'p-button-danger',
+        accept: async () => {
+            eventoBusy.value = true;
+            try {
+                // 1) Remove cobranças vinculadas (não-pagas)
+                if (recordsCount > 0) {
+                    const { error: recErr } = await supabase.from('financial_records').delete().eq('agenda_evento_id', ev.id);
+                    if (recErr) throw recErr;
+                }
+                if (isMaterializedOccurrence) {
+                    // Cria exception cancel_session + DELETE da row (some da agenda)
+                    const tenantId = tenantStore.activeTenantId || tenantStore.tenantId || tenantStore.tenant?.id || null;
+                    const origDate = ev.recurrence_date || ev.original_date || (ev.inicio_em ? String(ev.inicio_em).slice(0, 10) : null);
+                    if (origDate) {
+                        const { error: exErr } = await supabase.from('recurrence_exceptions').insert({
+                            recurrence_id: ev.recurrence_id || ev.serie_id,
+                            tenant_id: tenantId,
+                            original_date: origDate,
+                            type: 'cancel_session',
+                            reason: 'Cancelado pelo terapeuta'
+                        });
+                        if (exErr) console.warn('[Excluir] exception insert falhou:', exErr?.message);
+                    }
+                }
+                const { error } = await supabase.from('agenda_eventos').delete().eq('id', ev.id);
+                if (error) throw error;
+                const detail = recordsCount > 0 ? `Sessão e ${recordsCount} cobrança(s) removida(s).` : 'Sessão removida.';
+                toast.add({ severity: 'success', summary: isMaterializedOccurrence ? 'Ocorrência cancelada' : 'Excluída', detail, life: 3000 });
+                M.refetch();
+                refetchEventosHoje();
+                fecharEvento();
+            } catch (e) {
+                toast.add({ severity: 'error', summary: 'Erro', detail: e?.message || 'Falha ao excluir.', life: 4000 });
+            } finally {
+                eventoBusy.value = false;
+            }
+        }
+    });
+}
+
 async function onWhatsapp() {
     const ev = eventoSelecionado.value;
     if (!ev?.patient_id) {
@@ -1709,6 +2059,9 @@ function onKeydown(e) {
                 @cancelar="onCancelar"
                 @remarcar="onRemarcar"
                 @edit-sessao="onEditEvento"
+                @delete-sessao="onDeleteEvento"
+                @ver-lancamentos="onVerLancamentos"
+                @antecipar-pagamento="onAnteciparPagamento"
                 @edit-paciente="onEditPaciente"
                 @abrir-prontuario="onAbrirProntuario"
                 @whatsapp="onWhatsapp"
@@ -2139,6 +2492,8 @@ function onKeydown(e) {
             :allEvents="agendaAllEvents"
             :pausasSemanais="agendaSettings?.pausas_semanais || []"
             :feriados="agendaFeriados"
+            :serieRefreshTick="agendaSerieRefreshTick"
+            :blockOverlapWarning="agendaDialogBlockOverlap"
             newPatientRoute="/therapist/patients/cadastro"
             @save="M.onDialogSave"
             @delete="M.onDialogDelete"
@@ -2146,6 +2501,34 @@ function onKeydown(e) {
             @editSeriesOccurrence="M.onEditSeriesOccurrence"
         />
 
+        <!-- 2º AgendaEventDialog — empilhado por cima do principal pra editar
+             uma OCORRÊNCIA específica de série. Acionado pelo botão "Editar"
+             nas pills da lista "Recorrências Aplicadas". Reusa os mesmos
+             handlers de save/delete/update — o composable distingue pelo
+             id/recurrence_date. PrimeVue empilha automaticamente, então
+             nenhum gerenciamento manual de z-index é necessário.
+             Adicionado 2026-05-11; pendente replicar em Rail/Clínica. -->
+        <AgendaEventDialog
+            v-model="agendaOccDialogOpen"
+            :eventRow="agendaOccDialogEventRow"
+            :initialStartISO="agendaOccDialogStartISO"
+            :initialEndISO="agendaOccDialogEndISO"
+            :ownerId="agendaOwnerId"
+            :tenantId="agendaClinicTenantId"
+            :commitmentOptions="agendaCommitmentOptions"
+            :workRules="agendaWorkRules"
+            :blockedDates="[]"
+            :agendaSettings="agendaSettings"
+            :allEvents="agendaAllEvents"
+            :pausasSemanais="agendaSettings?.pausas_semanais || []"
+            :feriados="agendaFeriados"
+            newPatientRoute="/therapist/patients/cadastro"
+            :occurrenceMode="true"
+            @save="M.onDialogSave"
+            @delete="M.onDialogDelete"
+            @updateSeriesEvent="M.onUpdateSeriesEvent"
+        />
+
         <!-- BloqueioDialog — bloqueio de horário/período/dia/feriados.
              Trigger é o menu na toolbar da MelissaAgenda. Após salvar,
              refetcha pra refletir o bloqueio na agenda. -->
@@ -2159,6 +2542,118 @@ function onKeydown(e) {
             @saved="M.refetch"
         />
 
+        <!-- Dialog "Lançamentos da sessão" (2026-05-14): lista todos os
+             financial_records vinculados ao evento atual. Abre via botão
+             "Lançamentos" na seção Financeiro do MelissaEventoPanel. -->
+        <Dialog
+            v-model:visible="lancamentosDialogOpen"
+            modal
+            :draggable="false"
+            :style="{ width: '640px', maxWidth: '96vw' }"
+        >
+            <template #header>
+                <div class="flex flex-col gap-0.5">
+                    <span class="text-base font-bold">Lançamentos da sessão</span>
+                    <span class="text-xs opacity-70">{{ lancamentosEventoTitulo }}</span>
+                </div>
+            </template>
+            <div v-if="lancamentosLoading" class="py-6 text-center text-sm opacity-70">
+                <i class="pi pi-spin pi-spinner mr-1" /> Carregando…
+            </div>
+            <div v-else-if="!lancamentosList.length" class="py-6 text-center text-sm opacity-70">
+                <i class="pi pi-info-circle mr-1" /> Nenhum lançamento vinculado a esta sessão.
+            </div>
+            <div v-else class="flex flex-col gap-2.5">
+                <div
+                    v-for="(r, idx) in lancamentosList"
+                    :key="r.id"
+                    class="ml-lanc-card"
+                    :class="{ 'ml-lanc-card--child': idx > 0 }"
+                >
+                    <div class="ml-lanc-card__head">
+                        <i v-if="idx > 0" class="pi pi-arrow-right-and-arrow-left-up-down ml-lanc-card__indent" />
+                        <span class="ml-lanc-card__desc">{{ r.description || (idx === 0 ? 'Sessão' : 'Cobrança extra') }}</span>
+                        <Tag :value="_lancStatusLabels[r.status] || r.status" :severity="_lancStatusSeverity(r.status)" class="text-xs ml-auto" />
+                    </div>
+                    <div class="ml-lanc-card__body">
+                        <div class="ml-lanc-card__row">
+                            <i class="pi pi-money-bill" />
+                            <span class="ml-lanc-card__amount">{{ _fmtLancBRL(r.final_amount || r.amount) }}</span>
+                        </div>
+                        <div v-if="r.payment_method" class="ml-lanc-card__row">
+                            <i class="pi pi-credit-card" />
+                            <span>{{ _lancMethodLabels[r.payment_method] || r.payment_method }}</span>
+                        </div>
+                        <div class="ml-lanc-card__row">
+                            <i class="pi pi-calendar" />
+                            <span>Vencimento: {{ _fmtLancDate(r.due_date) }}</span>
+                        </div>
+                        <div v-if="r.paid_at" class="ml-lanc-card__row">
+                            <i class="pi pi-check-circle" />
+                            <span>Pago em {{ _fmtLancDate(r.paid_at) }}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <template #footer>
+                <Button label="Fechar" severity="secondary" outlined @click="lancamentosDialogOpen = false" />
+            </template>
+        </Dialog>
+
+        <!-- Dialog "Antecipar pagamento" (Fase 5, 2026-05-14): paciente
+             quer pagar antes da sessão. Materializa ocorrência se virtual
+             e cria/atualiza financial_record. Não decrementa saldo. -->
+        <Dialog
+            v-model:visible="anteciparDialogOpen"
+            modal
+            :draggable="false"
+            header="Antecipar pagamento"
+            :style="{ width: '480px', maxWidth: '96vw' }"
+        >
+            <div class="flex flex-col gap-3 pt-1">
+                <div class="text-sm">
+                    Receba antecipadamente o valor desta sessão.
+                </div>
+                <div v-if="anteciparEventoRef" class="flex flex-col gap-1 px-3 py-2 rounded-md bg-[var(--surface-section)] border border-[var(--surface-border)]">
+                    <div class="text-sm font-semibold">{{ anteciparEventoRef.pacienteNome || 'Sessão' }}</div>
+                    <div class="text-xs opacity-70">Valor: R$ {{ Number(anteciparEventoRef.price || 0).toFixed(2).replace('.', ',') }}</div>
+                </div>
+                <div class="flex flex-col gap-1.5">
+                    <label class="text-xs font-medium">Como o paciente pagou?</label>
+                    <Select
+                        v-model="anteciparMethod"
+                        :options="anteciparMethodOptions"
+                        optionLabel="label"
+                        optionValue="value"
+                        size="small"
+                    />
+                </div>
+                <small class="text-xs opacity-60">
+                    O saldo do pacote será decrementado quando você marcar a sessão como Realizada.
+                </small>
+            </div>
+            <template #footer>
+                <Button label="Cancelar" severity="secondary" outlined :disabled="anteciparBusy" @click="anteciparDialogOpen = false" />
+                <Button label="Confirmar" icon="pi pi-check" :loading="anteciparBusy" @click="confirmAnteciparPagamento" />
+            </template>
+        </Dialog>
+
+        <!-- AgendaStatusChangeConfirmDialog — Fase 5 (2026-05-14): aparece
+             quando user muda status pra realizado/faltou/cancelado e há
+             decisão a tomar (regra de exceção, pacote saldo, pending). -->
+        <AgendaStatusChangeConfirmDialog
+            v-model="agendaStatusDialogOpen"
+            :evento="agendaStatusDialogProps.evento"
+            :novoStatus="agendaStatusDialogProps.novoStatus"
+            :regraExcecao="agendaStatusDialogProps.regraExcecao"
+            :billingContract="agendaStatusDialogProps.billingContract"
+            :billingContractStyle="agendaStatusDialogProps.billingContractStyle"
+            :pendingRecord="agendaStatusDialogProps.pendingRecord"
+            :sessionPrice="agendaStatusDialogProps.sessionPrice"
+            @confirm="agendaOnStatusDialogConfirm"
+            @update:modelValue="(v) => !v && agendaOnStatusDialogCancel()"
+        />
+
         <!-- Toast: AppLayout não monta no Melissa (rota fullscreen),
              então as pages embedadas (config, agendador online, etc.)
              precisam de um Toast próprio aqui pra não silenciar o
@@ -2676,6 +3171,54 @@ function onKeydown(e) {
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
+
+/* ── Dialog "Lançamentos da sessão" (2026-05-14) ── */
+.ml-lanc-card {
+    border: 1px solid var(--surface-border);
+    border-radius: 8px;
+    padding: 0.7rem 0.85rem;
+    background: var(--surface-card);
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+}
+.ml-lanc-card--child {
+    background: color-mix(in srgb, var(--p-primary-color) 4%, var(--surface-card));
+    margin-left: 1.5rem;
+    border-color: color-mix(in srgb, var(--p-primary-color) 25%, var(--surface-border));
+}
+.ml-lanc-card__head {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+.ml-lanc-card__indent {
+    color: var(--text-color-secondary);
+    font-size: 0.7rem;
+    transform: scaleY(-1);
+}
+.ml-lanc-card__desc {
+    font-size: 0.88rem;
+    font-weight: 600;
+    color: var(--text-color);
+}
+.ml-lanc-card__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+}
+.ml-lanc-card__row {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.78rem;
+    color: var(--text-color-secondary);
+}
+.ml-lanc-card__row i { font-size: 0.72rem; }
+.ml-lanc-card__amount {
+    font-weight: 600;
+    color: var(--text-color);
+}
 </style>
 
 <!-- ────────────────────────────────────────────────────────────
diff --git a/src/layout/melissa/MelissaPerfil.vue b/src/layout/melissa/MelissaPerfil.vue
index 180a245..52bf63a 100644
--- a/src/layout/melissa/MelissaPerfil.vue
+++ b/src/layout/melissa/MelissaPerfil.vue
@@ -21,6 +21,7 @@ import { useConfirm } from 'primevue/useconfirm';
 import { useRouter } from 'vue-router';
 import { supabase } from '@/lib/supabase/client';
 import { useTenantStore } from '@/stores/tenantStore';
+import { useLayout } from '@/layout/composables/layout';
 import MelissaConfigList from './MelissaConfigList.vue';
 // InputText/Select/Textarea/InputMask/Skeleton/Tag/Button: auto via PrimeVueResolver
 
@@ -30,6 +31,55 @@ const toast = useToast();
 const confirm = useConfirm();
 const router = useRouter();
 const tenantStore = useTenantStore();
+const { layoutConfig, setVariant } = useLayout();
+
+// Troca de layout variant (classic/rail/melissa). Confirma + persiste +
+// hard reload — sair do shell Melissa requer reload pq AppLayout não tem
+// branch pra essa rota; quem renderiza Melissa é a rota /melissa separada.
+const variantSwitchOpen = ref(false);
+async function switchToVariant(v) {
+    if (!['classic', 'rail', 'melissa'].includes(v)) return;
+    if (layoutConfig.variant === v) return;
+    if (variantSwitchOpen.value) return;
+    variantSwitchOpen.value = true;
+    const labels = { classic: 'Clássico', rail: 'Rail', melissa: 'Melissa' };
+    confirm.require({
+        header: `Trocar para o layout ${labels[v]}`,
+        message: 'A página será recarregada para aplicar o novo layout. Confirma?',
+        icon: 'pi pi-th-large',
+        acceptLabel: 'Trocar e recarregar',
+        rejectLabel: 'Cancelar',
+        accept: async () => {
+            try {
+                setVariant(v);
+                if (userId.value) {
+                    const { error } = await supabase
+                        .from('user_settings')
+                        .upsert(
+                            {
+                                user_id: userId.value,
+                                layout_variant: v,
+                                updated_at: new Date().toISOString()
+                            },
+                            { onConflict: 'user_id' }
+                        );
+                    if (error) {
+                        const msg = String(error.message || '');
+                        const tolerant = /does not exist/i.test(msg) || /permission denied/i.test(msg) || /violates row-level security/i.test(msg);
+                        if (!tolerant) throw error;
+                    }
+                }
+                toast.add({ severity: 'info', summary: `Aplicando ${labels[v]}`, detail: 'Recarregando…', life: 1500 });
+                window.location.assign('/');
+            } catch (e) {
+                variantSwitchOpen.value = false;
+                toast.add({ severity: 'error', summary: 'Erro ao trocar layout', detail: e?.message || 'Tente novamente.', life: 4000 });
+            }
+        },
+        reject: () => { variantSwitchOpen.value = false; },
+        onHide: () => { variantSwitchOpen.value = false; }
+    });
+}
 
 const AVATAR_BUCKET = 'avatars';
 
@@ -933,6 +983,92 @@ onBeforeUnmount(() => {
                         </div>
                         </div><!-- /.mpr-w__body -->
                     </div>
+
+                    <!-- ── Layout (variante de navegação) ── -->
+                    <div id="mpr-sec-layout" class="mpr-w">
+                        <div class="mpr-w__head">
+                            <div class="mpr-w__icon"><i class="pi pi-th-large" /></div>
+                            <div class="mpr-w__title">
+                                <div class="mpr-w__title-text">Layout</div>
+                                <div class="mpr-w__sub">Estilo de navegação principal — troca exige reload</div>
+                            </div>
+                        </div>
+                        <div class="mpr-w__body">
+                            <div class="mpr-lv-grid">
+                                <button
+                                    class="mpr-lv-card"
+                                    :class="{ 'mpr-lv-card--current': layoutConfig.variant === 'classic' }"
+                                    :disabled="layoutConfig.variant === 'classic'"
+                                    @click="switchToVariant('classic')"
+                                >
+                                    <div class="mpr-lv-preview mpr-lv-preview--classic">
+                                        <div class="mpr-lv-sidebar" />
+                                        <div class="mpr-lv-main">
+                                            <div class="mpr-lv-bar" />
+                                            <div class="mpr-lv-line" />
+                                            <div class="mpr-lv-line mpr-lv-line--sm" />
+                                        </div>
+                                    </div>
+                                    <div class="mpr-lv-foot">
+                                        <div class="mpr-lv-radio">
+                                            <div v-if="layoutConfig.variant === 'classic'" class="mpr-lv-dot" />
+                                        </div>
+                                        <div>
+                                            <div class="mpr-lv-name">Clássico</div>
+                                            <div class="mpr-lv-sub">Sidebar lateral com menu completo</div>
+                                        </div>
+                                    </div>
+                                </button>
+
+                                <button
+                                    class="mpr-lv-card"
+                                    :class="{ 'mpr-lv-card--current': layoutConfig.variant === 'rail' }"
+                                    :disabled="layoutConfig.variant === 'rail'"
+                                    @click="switchToVariant('rail')"
+                                >
+                                    <div class="mpr-lv-preview mpr-lv-preview--rail">
+                                        <div class="mpr-lv-rail" />
+                                        <div class="mpr-lv-panel" />
+                                        <div class="mpr-lv-main">
+                                            <div class="mpr-lv-bar" />
+                                            <div class="mpr-lv-line" />
+                                            <div class="mpr-lv-line mpr-lv-line--sm" />
+                                        </div>
+                                    </div>
+                                    <div class="mpr-lv-foot">
+                                        <div class="mpr-lv-radio">
+                                            <div v-if="layoutConfig.variant === 'rail'" class="mpr-lv-dot" />
+                                        </div>
+                                        <div>
+                                            <div class="mpr-lv-name">Rail</div>
+                                            <div class="mpr-lv-sub">Mini rail + painel expansível, full-width</div>
+                                        </div>
+                                    </div>
+                                </button>
+
+                                <button
+                                    class="mpr-lv-card"
+                                    :class="{ 'mpr-lv-card--current': layoutConfig.variant === 'melissa' }"
+                                    :disabled="layoutConfig.variant === 'melissa'"
+                                    @click="switchToVariant('melissa')"
+                                >
+                                    <div class="mpr-lv-preview mpr-lv-preview--melissa">
+                                        <div class="mpr-lv-melissa-bg" />
+                                        <div class="mpr-lv-melissa-dock" />
+                                    </div>
+                                    <div class="mpr-lv-foot">
+                                        <div class="mpr-lv-radio">
+                                            <div v-if="layoutConfig.variant === 'melissa'" class="mpr-lv-dot" />
+                                        </div>
+                                        <div>
+                                            <div class="mpr-lv-name">Melissa</div>
+                                            <div class="mpr-lv-sub">Lockscreen-style com dock central (atual)</div>
+                                        </div>
+                                    </div>
+                                </button>
+                            </div>
+                        </div><!-- /.mpr-w__body -->
+                    </div>
                 </template>
             </div>
         </div>
@@ -1676,4 +1812,135 @@ onBeforeUnmount(() => {
     .mpr-custom { flex-direction: column; gap: 8px; }
     .mpr-custom .mpr-btn--icon { align-self: flex-end; }
 }
+
+/* ═══════ Layout variant cards ═══════ */
+.mpr-lv-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+    gap: 14px;
+}
+.mpr-lv-card {
+    background: var(--m-surface-2, var(--surface-card));
+    border: 1px solid var(--m-border, var(--surface-border));
+    border-radius: 10px;
+    padding: 12px;
+    text-align: left;
+    cursor: pointer;
+    transition: border-color .15s, background .15s, transform .12s;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    color: var(--text-color);
+}
+.mpr-lv-card:hover:not(:disabled) {
+    border-color: var(--p-primary-500, #7c3aed);
+    background: var(--m-surface-hover, var(--surface-hover));
+}
+.mpr-lv-card:disabled {
+    cursor: default;
+    opacity: 0.9;
+}
+.mpr-lv-card--current {
+    border-color: var(--p-primary-500, #7c3aed);
+    box-shadow: 0 0 0 1px var(--p-primary-500, #7c3aed) inset;
+}
+.mpr-lv-preview {
+    height: 92px;
+    border-radius: 6px;
+    background: var(--m-surface-3, var(--surface-100));
+    border: 1px solid var(--m-border, var(--surface-border));
+    position: relative;
+    overflow: hidden;
+    display: flex;
+}
+.mpr-lv-preview--classic .mpr-lv-sidebar {
+    width: 30%;
+    background: var(--p-primary-500, #7c3aed);
+    opacity: 0.85;
+}
+.mpr-lv-preview--rail .mpr-lv-rail {
+    width: 12%;
+    background: var(--p-primary-500, #7c3aed);
+    opacity: 0.85;
+}
+.mpr-lv-preview--rail .mpr-lv-panel {
+    width: 22%;
+    background: var(--p-primary-500, #7c3aed);
+    opacity: 0.35;
+}
+.mpr-lv-main {
+    flex: 1;
+    padding: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+}
+.mpr-lv-bar {
+    height: 8px;
+    background: var(--m-border-strong, var(--surface-300));
+    border-radius: 2px;
+    opacity: 0.6;
+}
+.mpr-lv-line {
+    height: 5px;
+    background: var(--m-border-strong, var(--surface-300));
+    border-radius: 2px;
+    opacity: 0.4;
+}
+.mpr-lv-line--sm { width: 65%; }
+.mpr-lv-preview--melissa {
+    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
+}
+.mpr-lv-melissa-bg {
+    position: absolute;
+    inset: 8px;
+    border-radius: 4px;
+    background: rgba(255, 255, 255, 0.08);
+}
+.mpr-lv-melissa-dock {
+    position: absolute;
+    bottom: 8px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 60%;
+    height: 14px;
+    border-radius: 6px;
+    background: rgba(255, 255, 255, 0.25);
+}
+.mpr-lv-foot {
+    display: flex;
+    align-items: flex-start;
+    gap: 9px;
+}
+.mpr-lv-radio {
+    width: 14px;
+    height: 14px;
+    border-radius: 9999px;
+    border: 1.5px solid var(--m-border-strong, var(--surface-400));
+    display: grid;
+    place-items: center;
+    flex-shrink: 0;
+    margin-top: 3px;
+}
+.mpr-lv-card--current .mpr-lv-radio {
+    border-color: var(--p-primary-500, #7c3aed);
+}
+.mpr-lv-dot {
+    width: 7px;
+    height: 7px;
+    border-radius: 9999px;
+    background: var(--p-primary-500, #7c3aed);
+}
+.mpr-lv-name {
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--text-color);
+    line-height: 1.2;
+}
+.mpr-lv-sub {
+    font-size: 0.75rem;
+    color: var(--text-color-secondary);
+    line-height: 1.3;
+    margin-top: 2px;
+}
 </style>
diff --git a/src/layout/melissa/composables/useMelissaAgenda.js b/src/layout/melissa/composables/useMelissaAgenda.js
index 5404e87..432e8e6 100644
--- a/src/layout/melissa/composables/useMelissaAgenda.js
+++ b/src/layout/melissa/composables/useMelissaAgenda.js
@@ -36,6 +36,7 @@ import { useRecurrence } from '@/features/agenda/composables/useRecurrence';
 import { useDeterminedCommitments } from '@/features/agenda/composables/useDeterminedCommitments';
 import { useCommitmentServices } from '@/features/agenda/composables/useCommitmentServices';
 import { useFeriados } from '@/composables/useFeriados';
+import { useAgendaBloqueios } from '@/features/agenda/composables/useAgendaBloqueios';
 
 // ─── Constantes do domínio (espelhadas de AgendaTerapeutaPage) ──────────────
 const EVENTO_TIPO = Object.freeze({ SESSAO: 'sessao', BLOQUEIO: 'bloqueio' });
@@ -73,7 +74,7 @@ function deriveTituloDefaultByTipo(tipo) {
 function pickDbFields(obj) {
     const allowed = [
         'tenant_id', 'owner_id', 'terapeuta_id', 'patient_id',
-        'tipo', 'status', 'titulo', 'observacoes',
+        'tipo', 'status', 'titulo', 'observacoes', 'modalidade',
         'inicio_em', 'fim_em', 'visibility_scope',
         'mirror_of_event_id', 'mirror_source',
         'determined_commitment_id', 'titulo_custom', 'extra_fields',
@@ -116,13 +117,20 @@ function isoToDecimalHour(iso) {
     return d.getHours() + d.getMinutes() / 60;
 }
 
-function normalizeForMelissa(r) {
+function normalizeForMelissa(r, paymentStateMap = null) {
     // r pode vir de useAgendaEvents (linha real do banco) ou de loadAndExpand
     // (ocorrência virtual com is_occurrence=true e id "rec::uuid::date").
     const isOccurrence = !!r.is_occurrence;
     const pacNome = r.paciente_nome ?? r.patient_name ?? r.patients?.nome_completo ?? '';
     const tipo = normalizeEventoTipo(r.tipo, EVENTO_TIPO.SESSAO);
 
+    // Estado de pagamento — lido do _paymentStateMap (preenchido pelo
+    // _reloadRange via bulk-query em financial_records). Default 'none'
+    // pra ocorrências virtuais (sem id real ainda) e eventos sem record.
+    // 'paid' | 'pending' | 'none'.
+    const paymentState =
+        (!isOccurrence && r.id && paymentStateMap && paymentStateMap[r.id]) || 'none';
+
     return {
         id: r.id,
         tipo,
@@ -142,6 +150,8 @@ function normalizeForMelissa(r) {
         is_occurrence: isOccurrence,
         recurrence_id: r.recurrence_id ?? null,
         recurrence_date: r.recurrence_date ?? r.original_date ?? null,
+        paymentState,
+        price: r.price != null ? Number(r.price) : null,
         _raw: r // ← consumido pelo MelissaLayout pra popular dialogEventRow
     };
 }
@@ -264,11 +274,64 @@ export function useMelissaAgenda() {
     } = useFeriados({ cache: true });
     const { saveRuleItems, propagateToSerie } = useCommitmentServices();
 
+    // Bloqueios — renderizados como background events cinza no FullCalendar
+    // (entidade própria, distinta de agenda_eventos). Carregados via range
+    // visível + recorrentes; reativo a viewStart/viewEnd via _reloadRange.
+    const { bloqueios, load: loadBloqueios, buildEventsForRange: buildBloqueioEvents } = useAgendaBloqueios();
+    const bloqueioFcEvents = computed(() => {
+        const s = viewStart.value;
+        const e = viewEnd.value;
+        if (!s || !e) return [];
+        return buildBloqueioEvents(s, e);
+    });
+
+    // Detecta se um range [start, end] cai dentro de algum bloqueio carregado.
+    // Cobre bloqueios dia-inteiro (sem hora), com janela horária e recorrentes
+    // semanais (via dia_semana). Usado pra avisar o terapeuta quando ele tenta
+    // criar sessão em cima de bloqueio próprio — não impede, só sinaliza.
+    function bloqueioCobrindo(start, end) {
+        const arr = bloqueios?.value || [];
+        if (!arr.length || !start) return null;
+        const dStart = start instanceof Date ? start : new Date(start);
+        const dEnd = end instanceof Date ? end : new Date(end || start);
+        const isoDay = `${dStart.getFullYear()}-${String(dStart.getMonth() + 1).padStart(2, '0')}-${String(dStart.getDate()).padStart(2, '0')}`;
+        const dow = dStart.getDay();
+        const hhmmStart = dStart.getHours() * 60 + dStart.getMinutes();
+        const hhmmEnd = dEnd.getHours() * 60 + dEnd.getMinutes();
+        const parseHM = (s) => {
+            if (!s) return null;
+            const [h, m] = String(s).split(':').map(Number);
+            return Number.isFinite(h) ? h * 60 + (m || 0) : null;
+        };
+        for (const b of arr) {
+            if (!b) continue;
+            if (b.recorrente && b.dia_semana != null) {
+                if (Number(b.dia_semana) !== dow) continue;
+            } else {
+                const di = b.data_inicio;
+                const df = b.data_fim || b.data_inicio;
+                if (!di) continue;
+                if (isoDay < di || isoDay > df) continue;
+            }
+            const bhi = parseHM(b.hora_inicio);
+            const bhf = parseHM(b.hora_fim);
+            if (bhi == null || bhf == null) return b;
+            if (hhmmStart < bhf && hhmmEnd > bhi) return b;
+        }
+        return null;
+    }
+
     // ── Linhas combinadas (real + virtual) ──────────────────────
     const allRows = computed(() => [...(rows.value || []), ...(_occurrenceRows.value || [])]);
 
+    // Map de estado de pagamento por agenda_evento_id, preenchido pelo
+    // _reloadRange via bulk-query em financial_records. Permite renderizar
+    // badge "$ pendente" no FC e linha "A receber" no popover sem ter que
+    // queryar por evento. 'paid' | 'pending'. Eventos não listados = 'none'.
+    const _paymentStateMap = ref({});
+
     // ── Eventos Melissa-normalizados (consumidos pelo MelissaAgenda FC) ──
-    const eventos = computed(() => allRows.value.map(normalizeForMelissa));
+    const eventos = computed(() => allRows.value.map((r) => normalizeForMelissa(r, _paymentStateMap.value)));
 
     // ── Eventos do FC original (se precisar — AgendaEventDialog quer
     //    `allEvents` no shape FC pra checar conflitos) ─────────
@@ -286,6 +349,50 @@ export function useMelissaAgenda() {
     const dialogEventRow = ref(null);
     const dialogStartISO = ref('');
     const dialogEndISO = ref('');
+    // Aviso quando o slot escolhido cai em cima de um bloqueio próprio.
+    // Renderizado pelo AgendaEventDialog no topo do step 1 (Message warn).
+    // null = sem aviso; { titulo } = aviso ativo.
+    const dialogBlockOverlap = ref(null);
+
+    // Segundo dialog (empilhado por cima do principal) — usado pra editar
+    // uma OCORRÊNCIA específica de uma série. Acionado pelo botão "Editar"
+    // de cada pill na lista "Recorrências Aplicadas" do AgendaEventDialog.
+    // Adicionado 2026-05-11 — espelho pra Rail/Clínica está pendente.
+    const occDialogOpen = ref(false);
+    const occDialogEventRow = ref(null);
+    const occDialogStartISO = ref('');
+    const occDialogEndISO = ref('');
+
+    // serieRefreshTick: bump quando o 2º dialog (ocorrencia) faz save com
+    // sucesso. AgendaEventDialog do dialog PAI observa essa prop e re-roda
+    // loadSerieEvents pra atualizar a lista de pills "Recorrencias Aplicadas".
+    // Sem isso, pills ficavam com status stale ate fechar/reabrir o pai. 2026-05-12.
+    const serieRefreshTick = ref(0);
+
+    // Status change confirm dialog (Fase 5, 2026-05-14) — aparece quando
+    // user muda status pra realizado/faltou/cancelado e há decisão a tomar
+    // (regra de exceção, pacote saldo, pending record).
+    const statusDialogOpen = ref(false);
+    const statusDialogProps = ref({});
+    // Resolver guardado fora do ref pra não vazar pro template via reactivity.
+    let _statusDialogResolve = null;
+    function _openStatusDialog(propsObj) {
+        return new Promise((resolve) => {
+            statusDialogProps.value = propsObj;
+            statusDialogOpen.value = true;
+            _statusDialogResolve = resolve;
+        });
+    }
+    function onStatusDialogConfirm(decision) {
+        if (_statusDialogResolve) _statusDialogResolve(decision);
+        _statusDialogResolve = null;
+    }
+    function onStatusDialogCancel() {
+        // PrimeVue Dialog dispara update:visible(false) ao fechar via X/Esc;
+        // tratar isso aqui ainda — resolve com null pra cancelar.
+        if (_statusDialogResolve) _statusDialogResolve(null);
+        _statusDialogResolve = null;
+    }
 
     // Bloqueio dialog (modo: 'horario' | 'periodo' | 'dia' | 'feriados')
     const bloqueioDialogOpen = ref(false);
@@ -339,6 +446,41 @@ export function useMelissaAgenda() {
         // o usuário vê só eventos reais é a metade do tempo de antes.
         const merged = await loadAndExpand(ownerId.value, start, end, rows.value, tid);
         _occurrenceRows.value = merged.filter((r) => r.is_occurrence);
+
+        // Etapa 3: bloqueios (background events). Não bloqueia render do
+        // calendário — load assíncrono em paralelo. bloqueioFcEvents é computed
+        // e re-renderiza quando bloqueios.value atualizar.
+        loadBloqueios(ownerId.value, start, end);
+
+        // Etapa 4: estado de pagamento — bulk-query 1x pra todos os eventos
+        // reais visíveis. Annotação 'paid' | 'pending' fica no _paymentStateMap;
+        // o computed `eventos` re-corre normalizeForMelissa quando o map muda.
+        // Não bloqueia render — eventos aparecem sem badge até este await
+        // resolver (default 'none').
+        const realIds = (rows.value || []).map((r) => r.id).filter(Boolean);
+        if (realIds.length) {
+            const { data: recs } = await supabase
+                .from('financial_records')
+                .select('agenda_evento_id, paid_at')
+                .in('agenda_evento_id', realIds);
+            const map = {};
+            for (const id of realIds) map[id] = 'none';
+            for (const rec of recs || []) {
+                const eid = rec.agenda_evento_id;
+                if (!eid) continue;
+                if (rec.paid_at) {
+                    // Paid override: se QUALQUER record dessa sessão está paid,
+                    // consideramos cobrança honrada. Filhos (multas/taxas) que
+                    // venham pendentes não revertem esse estado pro badge.
+                    map[eid] = 'paid';
+                } else if (map[eid] !== 'paid') {
+                    map[eid] = 'pending';
+                }
+            }
+            _paymentStateMap.value = map;
+        } else {
+            _paymentStateMap.value = {};
+        }
     }
 
     async function refetch() {
@@ -426,7 +568,15 @@ export function useMelissaAgenda() {
         loadAndExpand, createRule, updateRule, cancelRule, splitRuleAt, cancelRuleFrom, upsertException,
         saveRuleItems, propagateToSerie,
         dialogOpen, dialogEventRow, dialogStartISO, dialogEndISO,
-        _reloadRange
+        occDialogOpen, occDialogEventRow, occDialogStartISO, occDialogEndISO,
+        serieRefreshTick,
+        // Fase 5: dialog de status change vive no escopo do composable
+        // (refs ficam aqui pra expor pro template); _buildHandlers precisa
+        // do opener pra abrir e aguardar decisão antes de aplicar.
+        _openStatusDialog,
+        _reloadRange,
+        bloqueioCobrindo,
+        dialogBlockOverlap
     }));
 
     return {
@@ -445,12 +595,26 @@ export function useMelissaAgenda() {
         dialogEventRow,
         dialogStartISO,
         dialogEndISO,
+        dialogBlockOverlap,
+
+        // 2º dialog (edit ocorrência da série, empilhado por cima)
+        occDialogOpen,
+        occDialogEventRow,
+        occDialogStartISO,
+        occDialogEndISO,
+        serieRefreshTick,
 
         // Bloqueio dialog
         bloqueioDialogOpen,
         bloqueioMode,
         openBloqueioDialog,
 
+        // Status change confirm dialog (Fase 5)
+        statusDialogOpen,
+        statusDialogProps,
+        onStatusDialogConfirm,
+        onStatusDialogCancel,
+
         // Settings + commitments + feriados (props pro AgendaEventDialog)
         settings,
         workRules,
@@ -463,6 +627,10 @@ export function useMelissaAgenda() {
         loadFeriadosBase,
         allEventsForDialog,
 
+        // Bloqueios (background events cinza no FC)
+        bloqueios,
+        bloqueioFcEvents,
+
         // Handlers
         ..._stageTwo
     };
@@ -480,7 +648,11 @@ function _buildHandlers(deps) {
         ownerId, clinicTenantId, settings,
         allRows, eventsError,
         create, update,
-        dialogOpen, dialogEventRow, dialogStartISO, dialogEndISO
+        dialogOpen, dialogEventRow, dialogStartISO, dialogEndISO,
+        occDialogOpen, occDialogEventRow, occDialogStartISO, occDialogEndISO,
+        _openStatusDialog,
+        bloqueioCobrindo,
+        dialogBlockOverlap
     } = deps;
 
     // Helpers de formatação pra mensagens de confirm/toast (PT-BR estilo
@@ -546,6 +718,7 @@ function _buildHandlers(deps) {
         };
         dialogStartISO.value = '';
         dialogEndISO.value = '';
+        dialogBlockOverlap.value = null;
         dialogOpen.value = true;
     }
 
@@ -587,6 +760,7 @@ function _buildHandlers(deps) {
         };
         dialogStartISO.value = base.toISOString();
         dialogEndISO.value = new Date(base.getTime() + durMin * 60000).toISOString();
+        dialogBlockOverlap.value = null;
         dialogOpen.value = true;
     }
 
@@ -629,6 +803,7 @@ function _buildHandlers(deps) {
         };
         dialogStartISO.value = base.toISOString();
         dialogEndISO.value = new Date(base.getTime() + durMin * 60000).toISOString();
+        dialogBlockOverlap.value = null;
         dialogOpen.value = true;
     }
 
@@ -660,6 +835,13 @@ function _buildHandlers(deps) {
         const startISO = rawStart.toISOString();
         const endISO = new Date(rawStart.getTime() + durMin * 60000).toISOString();
 
+        // Aviso de bloqueio — não veta criação (só agendador público veta),
+        // mas sinaliza pro terapeuta que tá agendando em cima de bloqueio.
+        // Renderizado como Message no topo do step 1 do AgendaEventDialog
+        // (toast antigo ficava atrás do overlay do dialog).
+        const bloqHit = bloqueioCobrindo(rawStart, new Date(rawStart.getTime() + durMin * 60000));
+        dialogBlockOverlap.value = bloqHit ? { titulo: bloqHit.titulo || 'Bloqueio' } : null;
+
         dialogEventRow.value = {
             owner_id: ownerId.value,
             terapeuta_id: null,
@@ -792,17 +974,30 @@ function _buildHandlers(deps) {
         }
     }
 
-    // ── onEditSeriesOccurrence — preview ao alternar editScope no dialog ──
+    // ── onEditSeriesOccurrence — abre 2º dialog empilhado pra editar
+    //    UMA ocorrência específica da série (preservando o dialog principal
+    //    aberto por baixo). Substituiu o pattern antigo de mutar
+    //    dialogEventRow in-place (que silenciosamente trocava os dados do
+    //    dialog atual e confundia o usuário). Adicionado 2026-05-11.
     function onEditSeriesOccurrence({ id, recurrence_date, inicio_em, fim_em, is_virtual }) {
         const current = dialogEventRow.value || {};
-        dialogEventRow.value = {
+        occDialogEventRow.value = {
             ...current,
             id: id || null,
             inicio_em,
             fim_em,
             recurrence_date,
-            _is_virtual: is_virtual
+            _is_virtual: is_virtual,
+            // is_occurrence=true sinaliza pro AgendaEventDialog que essa row
+            // ja é uma ocorrencia de serie — composer.isEdit retorna true e o
+            // lifecycle init pula direto pro step 2 (sem mostrar seletor de
+            // tipo de compromisso). Sem isso, ocorrencia virtual (id=null)
+            // abria step 1 "escolha o tipo" indevidamente. 2026-05-12.
+            is_occurrence: true
         };
+        occDialogStartISO.value = inicio_em || '';
+        occDialogEndISO.value = fim_em || '';
+        occDialogOpen.value = true;
     }
 
     // ── onUpdateSeriesEvent — mudança de status numa ocorrência ──
@@ -810,59 +1005,366 @@ function _buildHandlers(deps) {
     // `row` opcional: row completa quando o chamador NÃO abriu o dialog antes
     // (MelissaEventoPanel clica direto no evento → não há dialogEventRow ainda).
     // Sem isso, recurrence_id/patient_id caem pra null e criavam row órfã.
-    async function onUpdateSeriesEvent({ id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow }) {
+    // ── Status change (Fase 5, 2026-05-14) ─────────────────────────
+    // Pra realizado/faltou/cancelado: abre confirm dialog com defaults
+    // vindos de financial_exceptions + billing_contracts, deixa terapeuta
+    // override caso a caso. Pros outros status (agendado/confirmado/
+    // remarcado): aplicação direta (path legacy).
+    async function onUpdateSeriesEvent(arg) {
+        const { id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow, onReject } = arg || {};
         try {
-            if (id) {
-                await update(id, { status });
+            const needsDialog = ['realizado', 'faltou', 'cancelado'].includes(status);
+            if (!needsDialog) {
+                await _applyStatusUpdateOnly({ id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow });
                 return;
             }
-            if (!is_virtual || !inicio_em) return;
 
-            // Prioridade: row passado pelo chamador > dialogEventRow > vazio.
-            // dialogEventRow só está populado se o user abriu o dialog antes.
             const row = callerRow || dialogEventRow.value || {};
-            const rid = row.recurrence_id ?? row.serie_id ?? dialogEventRow.value?.recurrence_id ?? dialogEventRow.value?.serie_id ?? null;
-            const rDate = recurrence_date || inicio_em?.slice(0, 10);
+            const ctx = await _loadStatusChangeContext({ row, eventoId: id, status });
 
-            if (!rid) {
-                toast.add({ severity: 'warn', summary: 'Erro', detail: 'Não foi possível identificar a regra de recorrência desta ocorrência.', life: 4000 });
+            // Se nada pra perguntar (ex: status sem regra + sem contrato + sem record pendente), aplica direto
+            if (!_needsConfirmDialog(status, ctx)) {
+                await _applyStatusUpdateOnly({ id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow });
                 return;
             }
 
-            // .is() pra null seria inválido aqui — rid já validado acima.
-            const { data: existing, error: exErr } = await supabase
-                .from('agenda_eventos')
-                .select('id')
-                .eq('recurrence_id', rid)
-                .eq('recurrence_date', rDate)
-                .maybeSingle();
-            if (exErr) throw exErr;
-
-            if (existing?.id) {
-                await update(existing.id, { status });
-            } else {
-                await create({
-                    owner_id: ownerId.value,
-                    tenant_id: clinicTenantId.value,
-                    recurrence_id: rid,
-                    recurrence_date: rDate,
-                    tipo: 'sessao',
-                    status,
-                    inicio_em,
-                    fim_em,
-                    visibility_scope: 'public',
-                    titulo: row.titulo || 'Sessão',
-                    patient_id: row.patient_id || row.paciente_id || null,
-                    determined_commitment_id: row.determined_commitment_id || null,
-                    modalidade: row.modalidade || 'presencial',
-                    price: row.price ?? null
-                });
+            // Abre dialog e espera decisão
+            const decision = await _openStatusDialog({
+                evento: row,
+                novoStatus: status,
+                regraExcecao: ctx.regraExcecao,
+                billingContract: ctx.billingContract,
+                billingContractStyle: ctx.billingContract?.charging_style ?? null,
+                pendingRecord: ctx.pendingRecord,
+                sessionPrice: Number(row.price ?? 0)
+            });
+            if (!decision) {
+                // User cancelou — reverte status no form do AgendaEventDialog
+                // (se o trigger veio de lá). Callback opcional.
+                if (typeof onReject === 'function') onReject();
+                return;
             }
+
+            // 1) Materializa ocorrência virtual (ou só update status) — usa o id real
+            const realId = await _applyStatusUpdateOnly({ id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow });
+
+            // 2) Aplica decisões do dialog
+            await _applyStatusDecisions({
+                eventoId: realId,
+                row,
+                novoStatus: status,
+                ctx,
+                decision
+            });
         } catch (e) {
             toast.add({ severity: 'warn', summary: 'Erro', detail: e?.message || 'Falha ao atualizar status.', life: 3000 });
         }
     }
 
+    // Aplica apenas o UPDATE de status (materializando se virtual). Path legacy
+    // pra status que não precisam de dialog. Retorna o id real do evento
+    // (pra Fase 5 saber qual record/saldo manipular depois).
+    async function _applyStatusUpdateOnly({ id, status, recurrence_date, inicio_em, fim_em, is_virtual, row: callerRow }) {
+        if (id) {
+            await update(id, { status });
+            return id;
+        }
+        if (!is_virtual || !inicio_em) return null;
+
+        const row = callerRow || dialogEventRow.value || {};
+        const rid = row.recurrence_id ?? row.serie_id ?? dialogEventRow.value?.recurrence_id ?? dialogEventRow.value?.serie_id ?? null;
+        const rDate = recurrence_date || inicio_em?.slice(0, 10);
+
+        if (!rid) {
+            toast.add({ severity: 'warn', summary: 'Erro', detail: 'Não foi possível identificar a regra de recorrência desta ocorrência.', life: 4000 });
+            return null;
+        }
+
+        const { data: existing, error: exErr } = await supabase
+            .from('agenda_eventos')
+            .select('id')
+            .eq('recurrence_id', rid)
+            .eq('recurrence_date', rDate)
+            .maybeSingle();
+        if (exErr) throw exErr;
+
+        if (existing?.id) {
+            await update(existing.id, { status });
+            return existing.id;
+        } else {
+            const created = await create({
+                owner_id: ownerId.value,
+                tenant_id: clinicTenantId.value,
+                recurrence_id: rid,
+                recurrence_date: rDate,
+                tipo: 'sessao',
+                status,
+                inicio_em,
+                fim_em,
+                visibility_scope: 'public',
+                titulo: row.titulo || 'Sessão',
+                patient_id: row.patient_id || row.paciente_id || null,
+                determined_commitment_id: row.determined_commitment_id || null,
+                modalidade: row.modalidade || 'presencial',
+                price: row.price ?? null
+            });
+            return created?.id ?? null;
+        }
+    }
+
+    // Carrega contexto pra decidir se mostra dialog e quais blocos renderizar.
+    async function _loadStatusChangeContext({ row, eventoId, status }) {
+        const ctx = { regraExcecao: null, billingContract: null, pendingRecord: null };
+
+        // 1) Regra de exceção (faltou → patient_no_show, cancelado → patient_cancellation)
+        const exceptionTypeMap = { faltou: 'patient_no_show', cancelado: 'patient_cancellation' };
+        const excType = exceptionTypeMap[status];
+        if (excType && clinicTenantId.value) {
+            try {
+                const { data } = await supabase
+                    .from('financial_exceptions')
+                    .select('*')
+                    .eq('tenant_id', clinicTenantId.value)
+                    .eq('exception_type', excType)
+                    .or(`owner_id.eq.${ownerId.value},owner_id.is.null`)
+                    .order('owner_id', { ascending: false, nullsLast: true })
+                    .limit(1)
+                    .maybeSingle();
+                ctx.regraExcecao = data ?? null;
+            } catch (e) {
+                console.warn('[Fase5] erro carregando regra de exceção:', e?.message);
+            }
+        }
+
+        // 2) Billing contract — tenta 3 caminhos:
+        //    (a) row.billing_contract_id direto (sessão real materializada)
+        //    (b) eventoId real → query agenda_eventos.billing_contract_id
+        //    (c) ocorrência virtual (sem id real) → busca contrato ativo do paciente
+        const patientId = row.patient_id ?? row.paciente_id ?? null;
+        const contractId = row.billing_contract_id ?? null;
+        if (contractId) {
+            try {
+                const { data } = await supabase.from('billing_contracts').select('*').eq('id', contractId).maybeSingle();
+                ctx.billingContract = data ?? null;
+            } catch (e) {
+                console.warn('[Fase5] erro contract via id direto:', e?.message);
+            }
+        }
+        if (!ctx.billingContract && eventoId) {
+            // Sessão real materializada — pode ter billing_contract_id no DB mesmo
+            // que a row passada não tenha (caso de virtual recém-materializada).
+            try {
+                const { data: ev } = await supabase.from('agenda_eventos').select('billing_contract_id').eq('id', eventoId).maybeSingle();
+                if (ev?.billing_contract_id) {
+                    const { data: c } = await supabase.from('billing_contracts').select('*').eq('id', ev.billing_contract_id).maybeSingle();
+                    ctx.billingContract = c ?? null;
+                }
+            } catch (e) {
+                console.warn('[Fase5] erro contract via agenda_evento:', e?.message);
+            }
+        }
+        if (!ctx.billingContract && patientId && clinicTenantId.value) {
+            // Ocorrência virtual da Anna Freud cai aqui: busca contrato ativo
+            // do paciente. MVP assume 1 contrato active por paciente; pega o
+            // mais recente caso haja mais de um.
+            try {
+                const { data: c } = await supabase
+                    .from('billing_contracts')
+                    .select('*')
+                    .eq('tenant_id', clinicTenantId.value)
+                    .eq('patient_id', patientId)
+                    .eq('status', 'active')
+                    .eq('type', 'package')
+                    .order('created_at', { ascending: false })
+                    .limit(1)
+                    .maybeSingle();
+                ctx.billingContract = c ?? null;
+            } catch (e) {
+                console.warn('[Fase5] erro contract via patient_id:', e?.message);
+            }
+        }
+
+        // 3) Pending record (se evento já existe e tem cobrança pendente)
+        if (eventoId) {
+            try {
+                const { data } = await supabase
+                    .from('financial_records')
+                    .select('*')
+                    .eq('agenda_evento_id', eventoId)
+                    .in('status', ['pending', 'overdue'])
+                    .order('created_at', { ascending: false })
+                    .limit(1)
+                    .maybeSingle();
+                ctx.pendingRecord = data ?? null;
+            } catch (e) {
+                console.warn('[Fase5] erro pending record:', e?.message);
+            }
+        }
+
+        return ctx;
+    }
+
+    // Precisa dialog? Sim se há regra de exceção com charge_mode != 'none'
+    // OU pacote saldo OU pacote upfront OU pending record (realizado).
+    function _needsConfirmDialog(status, ctx) {
+        const isFaltouOrCancel = status === 'faltou' || status === 'cancelado';
+        const isRealizado = status === 'realizado';
+        const hasRegraComCobranca = ctx.regraExcecao && ctx.regraExcecao.charge_mode !== 'none';
+        const isPacoteSaldo = ctx.billingContract?.charging_style === 'saldo';
+        const isPacoteUpfront = ctx.billingContract?.charging_style === 'upfront';
+        const hasPending = !!ctx.pendingRecord;
+
+        if (isFaltouOrCancel) {
+            // Mostra se há regra ou se é pacote saldo (pra perguntar consume)
+            return hasRegraComCobranca || isPacoteSaldo || isPacoteUpfront;
+        }
+        if (isRealizado) {
+            // Mostra se há pending (avulsa) ou pacote saldo (cobrança nova)
+            return hasPending || isPacoteSaldo;
+        }
+        return false;
+    }
+
+    // Aplica as decisões do dialog (saldo, multa, paid, cobrança pacote).
+    async function _applyStatusDecisions({ eventoId, row, novoStatus, ctx, decision }) {
+        const tenantId = clinicTenantId.value;
+        const uid = ownerId.value;
+        const patientId = row.patient_id ?? row.paciente_id ?? null;
+        const tasks = [];
+
+        // 1) Consumir saldo (pacote saldo + faltou/cancelado + decisão sim)
+        if (decision.consumeSaldo && ctx.billingContract?.id) {
+            tasks.push(
+                supabase
+                    .from('billing_contracts')
+                    .update({
+                        sessions_used: (ctx.billingContract.sessions_used ?? 0) + 1,
+                        updated_at: new Date().toISOString()
+                    })
+                    .eq('id', ctx.billingContract.id)
+            );
+        }
+
+        // 2) Aplicar multa (cria financial_record avulsa)
+        if (decision.applyFine && decision.fineAmount > 0) {
+            const dueIso = row.inicio_em ? new Date(row.inicio_em).toISOString().slice(0, 10) : new Date().toISOString().slice(0, 10);
+            const finePayload = {
+                owner_id: uid,
+                tenant_id: tenantId,
+                patient_id: patientId,
+                agenda_evento_id: eventoId,
+                amount: decision.fineAmount,
+                final_amount: decision.fineAmount,
+                description: novoStatus === 'faltou' ? 'Multa por falta (no-show)' : 'Taxa de cancelamento',
+                status: 'pending',
+                due_date: dueIso,
+                type: 'receita'
+            };
+            tasks.push(
+                supabase
+                    .from('financial_records')
+                    .insert(finePayload)
+                    .then(({ error }) => {
+                        if (error) {
+                            console.warn('[Fase5] INSERT multa falhou:', error?.message, 'payload:', finePayload);
+                            throw error;
+                        }
+                    })
+            );
+        }
+
+        // 3) Realizado avulsa pendente: marcar pendingRecord como pago (ou só status)
+        if (decision.markPaid && ctx.pendingRecord?.id) {
+            tasks.push(
+                supabase
+                    .from('financial_records')
+                    .update({
+                        status: 'paid',
+                        paid_at: new Date().toISOString(),
+                        payment_method: decision.paymentMethod || 'pix',
+                        updated_at: new Date().toISOString()
+                    })
+                    .eq('id', ctx.pendingRecord.id)
+            );
+        }
+
+        // 4) Realizado em pacote saldo: cria cobrança individual + incrementa sessions_used
+        if (decision.generatePackageCharge && ctx.billingContract?.id) {
+            const amount = Number(row.price ?? 0);
+            const dueIso = row.inicio_em ? new Date(row.inicio_em).toISOString().slice(0, 10) : new Date().toISOString().slice(0, 10);
+            // Cria record
+            tasks.push(
+                supabase.rpc('create_financial_record_for_session', {
+                    p_tenant_id: tenantId,
+                    p_owner_id: uid,
+                    p_patient_id: patientId,
+                    p_agenda_evento_id: eventoId,
+                    p_amount: amount,
+                    p_due_date: dueIso
+                })
+            );
+            // Incrementa saldo usado
+            tasks.push(
+                supabase
+                    .from('billing_contracts')
+                    .update({
+                        sessions_used: (ctx.billingContract.sessions_used ?? 0) + 1,
+                        updated_at: new Date().toISOString()
+                    })
+                    .eq('id', ctx.billingContract.id)
+            );
+        }
+
+        // Roda tudo em paralelo (falha parcial é tolerável — toast warn)
+        const results = await Promise.allSettled(tasks);
+        const failed = results.filter((r) => r.status === 'rejected');
+        if (failed.length > 0) {
+            const firstErr = failed[0].reason?.message || 'sem detalhe';
+            toast.add({ severity: 'error', summary: 'Erro ao aplicar decisões', detail: `${failed.length} ação(ões) falharam: ${firstErr}`, life: 7000 });
+            console.error('[Fase5] falhas em _applyStatusDecisions:', failed.map((f) => f.reason));
+        } else if (tasks.length > 0) {
+            toast.add({ severity: 'success', summary: 'Status atualizado', detail: 'Decisões aplicadas.', life: 2500 });
+        }
+
+        // Pós: se gerou cobrança via link Asaas, marcar payment_method='asaas'
+        if (decision.generatePackageCharge && decision.paymentMethod === 'link' && eventoId) {
+            try {
+                const { data: newRec } = await supabase
+                    .from('financial_records')
+                    .select('id')
+                    .eq('agenda_evento_id', eventoId)
+                    .order('created_at', { ascending: false })
+                    .limit(1)
+                    .single();
+                if (newRec?.id) {
+                    await supabase.from('financial_records').update({ payment_method: 'asaas', updated_at: new Date().toISOString() }).eq('id', newRec.id);
+                }
+            } catch { /* silencioso */ }
+        } else if (decision.generatePackageCharge && decision.paymentMethod !== 'link' && eventoId) {
+            // Já recebi → marca como paid
+            try {
+                const { data: newRec } = await supabase
+                    .from('financial_records')
+                    .select('id')
+                    .eq('agenda_evento_id', eventoId)
+                    .order('created_at', { ascending: false })
+                    .limit(1)
+                    .single();
+                if (newRec?.id) {
+                    await supabase
+                        .from('financial_records')
+                        .update({
+                            status: 'paid',
+                            paid_at: new Date().toISOString(),
+                            payment_method: decision.paymentMethod,
+                            updated_at: new Date().toISOString()
+                        })
+                        .eq('id', newRec.id);
+                }
+            } catch { /* silencioso */ }
+        }
+    }
+
     // ── onDialogSave / onDialogDelete ── populados na Stage 2 ──
     const onDialogSave = _buildOnDialogSave(deps);
     const onDialogDelete = _buildOnDialogDelete(deps);
@@ -889,19 +1391,35 @@ function _buildHandlers(deps) {
 // ───────────────────────────────────────────────────────────────────────────
 function _buildOnDialogSave(deps) {
     const {
-        toast, confirm,
+        toast,
         ownerId, clinicTenantId, settings,
         eventsError,
         create, update,
         createRule, updateRule, splitRuleAt, upsertException,
         saveRuleItems, propagateToSerie,
         dialogOpen, dialogEventRow,
+        occDialogOpen, serieRefreshTick,
         _reloadRange
     } = deps;
 
     return async function onDialogSave(arg) {
         let normalized = null;
 
+        // _occurrenceMode: payload veio do 2º dialog empilhado (editar UMA
+        // ocorrencia da serie). Nesse caso, fechamos o dialog da OCORRENCIA
+        // (nao o pai) e bumpamos serieRefreshTick pra que o pai re-rode
+        // loadSerieEvents e a pill reflita o novo status. Sem isso, o pai
+        // fechava silenciosamente e a pill ficava com status stale. 2026-05-12.
+        const isOccurrence = !!arg?._occurrenceMode;
+        function closeDialog() {
+            if (isOccurrence) {
+                occDialogOpen.value = false;
+                serieRefreshTick.value++;
+            } else {
+                dialogOpen.value = false;
+            }
+        }
+
         try {
             const isWrapped = !!arg && typeof arg === 'object' && Object.prototype.hasOwnProperty.call(arg, 'payload');
             const payload = isWrapped ? arg.payload : arg;
@@ -1010,14 +1528,34 @@ function _buildOnDialogSave(deps) {
                     await saveRuleItems(createdRule.id, recorrencia.commitmentItems);
                 }
 
+                // Opção C1 (2026-05-13): cobrança decidida ANTES de salvar via
+                // chargeMode no payload. Substituiu o confirm.require pós-save.
+                //   'package'     → 1 billing_contract com valor total da série
+                //   'per_session' → materializa N agenda_eventos + N financial_records
+                //   'none'        → nada
+                const recChargeMode = arg?.chargeMode || 'none';
+                let chargeInfo = null;
+                if (createdRule?.id && recorrencia.commitmentItems?.length && recorrencia.qtdSessoes && normalized.paciente_id) {
+                    if (recChargeMode === 'package') {
+                        chargeInfo = await _createPackageContract({
+                            rule: createdRule,
+                            normalized,
+                            recorrencia,
+                            tenantId: clinicId,
+                            packageStyle: arg?.packageStyle || 'upfront',
+                            paymentMethod: arg?.paymentMethod || 'link',
+                            markPaidNow: arg?.markPaidNow === true
+                        });
+                    } else if (recChargeMode === 'per_session') {
+                        chargeInfo = await _materializeAndChargePerSession({ rule: createdRule, normalized, recorrencia, tenantId: clinicId });
+                    }
+                }
+
                 const detail = recorrencia.qtdSessoes ? `${recorrencia.qtdSessoes} sessões criadas` : 'Série recorrente criada';
                 toast.add({ severity: 'success', summary: 'Série criada', detail, life: 3000 });
-                dialogOpen.value = false;
+                if (chargeInfo?.toast) toast.add(chargeInfo.toast);
+                closeDialog();
                 await _reloadRange();
-
-                if (createdRule?.id && recorrencia.commitmentItems?.length && recorrencia.qtdSessoes && normalized.paciente_id) {
-                    await _offerBillingContract({ normalized, recorrencia, tenantId: clinicId, confirm, toast });
-                }
                 return;
             }
 
@@ -1095,7 +1633,7 @@ function _buildOnDialogSave(deps) {
                 if (eventId) await arg.onSaved?.(eventId, { markCustomized: true });
 
                 toast.add({ severity: 'success', summary: 'Salvo', detail: 'Sessão atualizada individualmente.', life: 2500 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1128,7 +1666,7 @@ function _buildOnDialogSave(deps) {
                 if (id) await arg.onSaved?.(id);
 
                 toast.add({ severity: 'success', summary: 'Salvo', detail: 'Esta sessão e as seguintes foram atualizadas.', life: 2500 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1175,7 +1713,7 @@ function _buildOnDialogSave(deps) {
                 if (id) await arg.onSaved?.(id);
 
                 toast.add({ severity: 'success', summary: 'Salvo', detail: 'Todas as sessões da série foram atualizadas.', life: 2500 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1223,7 +1761,7 @@ function _buildOnDialogSave(deps) {
                 if (id) await arg.onSaved?.(id);
 
                 toast.add({ severity: 'success', summary: 'Salvo', detail: 'Todas as sessões da série foram atualizadas (sem exceção).', life: 2500 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1231,17 +1769,97 @@ function _buildOnDialogSave(deps) {
             // ── CASO A/B: evento avulso ou sessão única ──────────────────────
             const dbPayload = pickDbFields(normalized);
 
+            let createdEventId = null;
             if (id) {
                 await update(id, dbPayload);
                 await arg.onSaved?.(id);
+                createdEventId = id;
                 toast.add({ severity: 'success', summary: 'Salvo', detail: 'Compromisso atualizado.', life: 2500 });
             } else {
                 const created = await create(dbPayload);
                 await arg.onSaved?.(created.id);
+                createdEventId = created.id;
                 toast.add({ severity: 'success', summary: 'Criado', detail: 'Compromisso criado.', life: 2500 });
             }
 
-            dialogOpen.value = false;
+            // Opção C1 (2026-05-13): cobrança avulsa via chargeMode='session'.
+            // Cria 1 financial_record vinculado ao evento. Falha aqui não
+            // reverte a sessão — toast warn pra gerar manualmente depois.
+            // Refatorado 2026-05-16: paymentSettlement substituído por
+            // paymentMethod + markPaidNow. Handler aplica payment_method sempre;
+            // status='paid' apenas quando markPaidNow && method !== 'link'.
+            if (arg?.chargeMode === 'session' && createdEventId) {
+                try {
+                    const amount = normalized.price ?? 0;
+                    const dueDate = normalized.inicio_em
+                        ? new Date(normalized.inicio_em).toISOString().slice(0, 10)
+                        : new Date().toISOString().slice(0, 10);
+                    const { error: cobErr } = await supabase.rpc('create_financial_record_for_session', {
+                        p_tenant_id: clinicId,
+                        p_owner_id: normalized.owner_id,
+                        p_patient_id: normalized.paciente_id ?? null,
+                        p_agenda_evento_id: createdEventId,
+                        p_amount: amount,
+                        p_due_date: dueDate
+                    });
+                    if (cobErr) throw cobErr;
+
+                    // Pós-RPC: ajusta payment_method (sempre) e status (só se
+                    // markPaidNow=true e método direto).
+                    //   method='link'  → payment_method='asaas', status=pending
+                    //   method=pix/etc + markPaidNow=false → payment_method=<>, status=pending
+                    //   method=pix/etc + markPaidNow=true  → payment_method=<>, status='paid', paid_at=now()
+                    const method = arg?.paymentMethod || 'link';
+                    const paidNow = arg?.markPaidNow === true && method !== 'link';
+                    try {
+                        const { data: recRow } = await supabase
+                            .from('financial_records')
+                            .select('id')
+                            .eq('agenda_evento_id', createdEventId)
+                            .order('created_at', { ascending: false })
+                            .limit(1)
+                            .single();
+                        if (recRow?.id) {
+                            const patch = {
+                                updated_at: new Date().toISOString(),
+                                payment_method: method === 'link' ? 'asaas' : method
+                            };
+                            if (paidNow) {
+                                patch.status = 'paid';
+                                patch.paid_at = new Date().toISOString();
+                            }
+                            const { error: upErr } = await supabase.from('financial_records').update(patch).eq('id', recRow.id);
+                            if (upErr) throw upErr;
+                        }
+                    } catch (e2) {
+                        console.warn('[useMelissaAgenda] pos-cobranca update falhou:', e2?.message);
+                    }
+
+                    const methodLabel = {
+                        pix: 'PIX',
+                        dinheiro: 'dinheiro',
+                        deposito: 'depósito',
+                        cartao_maquininha: 'cartão (maquininha)'
+                    }[method] || null;
+                    toast.add({
+                        severity: 'success',
+                        summary: paidNow ? 'Cobrança paga' : 'Cobrança gerada',
+                        detail: paidNow
+                            ? `R$ ${Number(amount).toFixed(2).replace('.', ',')} recebido via ${methodLabel}.`
+                            : `R$ ${Number(amount).toFixed(2).replace('.', ',')} com vencimento em ${dueDate.split('-').reverse().join('/')}.`,
+                        life: 3500
+                    });
+                } catch (e) {
+                    toast.add({
+                        severity: 'warn',
+                        summary: 'Sessão salva, mas cobrança falhou',
+                        detail: e?.message || 'Você pode gerar manualmente pelo Financeiro.',
+                        life: 5000
+                    });
+                }
+            }
+
+            closeDialog();
             await _reloadRange();
         } catch (e) {
             const msg = String(e?.message || '');
@@ -1305,6 +1923,7 @@ function _buildOnDialogDelete(deps) {
         create, update, remove,
         cancelRule, cancelRuleFrom, upsertException,
         dialogOpen, dialogEventRow,
+        occDialogOpen, serieRefreshTick,
         eventsError,
         _reloadRange
     } = deps;
@@ -1315,6 +1934,18 @@ function _buildOnDialogDelete(deps) {
         const recurrenceId = typeof arg === 'string' ? null : (arg?.recurrence_id ?? arg?.serie_id ?? null);
         const originalDate = typeof arg === 'string' ? null : (arg?.original_date ?? dialogEventRow.value?.original_date ?? null);
 
+        // Mesma logica do save: delete acionado do 2º dialog empilhado fecha
+        // a ocorrencia + bumpa pill refresh; do pai fecha o pai. 2026-05-12.
+        const isOccurrence = typeof arg === 'object' && !!arg?._occurrenceMode;
+        function closeDialog() {
+            if (isOccurrence) {
+                occDialogOpen.value = false;
+                serieRefreshTick.value++;
+            } else {
+                dialogOpen.value = false;
+            }
+        }
+
         try {
             // ── Somente este evento / ocorrência ──
             if (!recurrenceId || editMode === 'somente_este') {
@@ -1329,7 +1960,7 @@ function _buildOnDialogDelete(deps) {
                     await remove(id);
                 }
                 toast.add({ severity: 'success', summary: 'Excluído', detail: 'Sessão removida.', life: 2500 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1338,7 +1969,7 @@ function _buildOnDialogDelete(deps) {
             if (editMode === 'este_e_seguintes' && originalDate) {
                 await cancelRuleFrom(recurrenceId, originalDate);
                 toast.add({ severity: 'success', summary: 'Excluído', detail: 'Esta sessão e as seguintes foram canceladas.', life: 2500 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1382,7 +2013,7 @@ function _buildOnDialogDelete(deps) {
 
                 await cancelRule(recurrenceId);
                 toast.add({ severity: 'success', summary: 'Série encerrada', detail: 'A série foi encerrada. Esta sessão foi mantida como avulsa.', life: 3000 });
-                dialogOpen.value = false;
+                closeDialog();
                 await _reloadRange();
                 return;
             }
@@ -1390,7 +2021,7 @@ function _buildOnDialogDelete(deps) {
             // fallback
             if (id) await remove(id);
             toast.add({ severity: 'success', summary: 'Excluído', detail: 'Compromisso removido.', life: 2500 });
-            dialogOpen.value = false;
+            closeDialog();
             await _reloadRange();
         } catch (e) {
             toast.add({ severity: 'warn', summary: 'Erro', detail: eventsError.value || e?.message || 'Falha ao excluir.', life: 4500 });
@@ -1399,45 +2030,287 @@ function _buildOnDialogDelete(deps) {
 }
 
 // ───────────────────────────────────────────────────────────────────────────
-// Helper: oferece geração de billing_contract após criar série recorrente
-// com serviços. Chamado APÓS fechar o dialog principal.
+// Helpers de cobrança em série (Opção C1, 2026-05-13)
 // ───────────────────────────────────────────────────────────────────────────
-async function _offerBillingContract({ normalized, recorrencia, tenantId, confirm, toast }) {
-    const n = recorrencia.qtdSessoes;
+
+const _BRL = (v) => Number(v ?? 0).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
+
+// Calcula valor total da série a partir dos commitmentItems.
+function _computeSeriePrice(recorrencia) {
     const items = recorrencia.commitmentItems || [];
+    const n = recorrencia.qtdSessoes;
     const totalPorSessao = items.reduce((s, i) => s + (i.final_price ?? 0), 0);
     const pacoteFechado = recorrencia.serieValorMode === 'dividir';
-    const packagePrice = pacoteFechado ? totalPorSessao : totalPorSessao * n;
-    const perSessao = pacoteFechado ? totalPorSessao / n : totalPorSessao;
-    const fmtB = (v) => Number(v).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
-
-    return new Promise((resolve) => {
-        confirm.require({
-            header: 'Gerar contrato de cobrança?',
-            message: `${n} sessões — ${fmtB(perSessao)} por sessão. Total da série: ${fmtB(packagePrice)}.`,
-            icon: 'pi pi-file',
-            acceptLabel: 'Sim, gerar contrato',
-            rejectLabel: 'Agora não',
-            accept: async () => {
-                try {
-                    const { error } = await supabase.from('billing_contracts').insert({
-                        owner_id: normalized.owner_id,
-                        tenant_id: tenantId,
-                        patient_id: normalized.paciente_id,
-                        type: 'package',
-                        total_sessions: n,
-                        sessions_used: 0,
-                        package_price: packagePrice,
-                        status: 'active'
-                    });
-                    if (error) throw error;
-                    toast.add({ severity: 'success', summary: 'Contrato gerado', detail: `Pacote de ${n} sessões: ${fmtB(packagePrice)}.`, life: 3000 });
-                } catch (e) {
-                    toast.add({ severity: 'warn', summary: 'Erro ao gerar contrato', detail: e?.message, life: 4000 });
-                }
-                resolve();
-            },
-            reject: () => resolve()
-        });
-    });
+    return {
+        n,
+        perSessao: pacoteFechado ? totalPorSessao / n : totalPorSessao,
+        packagePrice: pacoteFechado ? totalPorSessao : totalPorSessao * n
+    };
+}
+
+// chargeMode='package' — 2 estilos (2026-05-14):
+//   - 'upfront' (default): cria billing_contract + materializa 1ª ocorrência
+//      em agenda_eventos + cria 1 financial_record com valor TOTAL do pacote
+//      (vencimento na data da 1ª sessão). Demais ocorrências continuam virtuais.
+//      Suporta paymentMethod + markPaidNow — marca record como pago quando true.
+//   - 'saldo': só cria billing_contract (Cliniko style). Sem financial_record
+//      imediato — cobranças individuais nascem conforme sessões.
+async function _createPackageContract({ rule, normalized, recorrencia, tenantId, packageStyle = 'upfront', paymentMethod = 'link', markPaidNow = false }) {
+    const { n, packagePrice } = _computeSeriePrice(recorrencia);
+    try {
+        // 1) billing_contract — referência do pacote em ambos os estilos.
+        // charging_style: identifica como o pacote foi cobrado na criação;
+        // handler de status change usa pra decidir entre "só status" (upfront)
+        // ou "criar cobrança + consumir saldo" (saldo).
+        const { error: contractErr } = await supabase.from('billing_contracts').insert({
+            owner_id: normalized.owner_id,
+            tenant_id: tenantId,
+            patient_id: normalized.paciente_id,
+            type: 'package',
+            total_sessions: n,
+            sessions_used: 0,
+            package_price: packagePrice,
+            status: 'active',
+            charging_style: packageStyle === 'saldo' ? 'saldo' : 'upfront'
+        });
+        if (contractErr) throw contractErr;
+
+        // Estilo 'saldo': para aqui — sem cobrança imediata.
+        if (packageStyle === 'saldo') {
+            return {
+                toast: {
+                    severity: 'success',
+                    summary: 'Pacote criado (saldo)',
+                    detail: `${n} sessões — total ${_BRL(packagePrice)}. Cobranças individuais conforme sessões.`,
+                    life: 3500
+                }
+            };
+        }
+
+        // Estilo 'upfront': materializa 1ª ocorrência + 1 financial_record total.
+        const durMin = rule.duration_min || 50;
+        const [hh, mm] = String(rule.start_time || '00:00:00').slice(0, 5).split(':').map(Number);
+        const firstISO = rule.start_date;
+        const startDt = new Date(`${firstISO}T00:00:00`);
+        startDt.setHours(hh, mm, 0, 0);
+        const endDt = new Date(startDt.getTime() + durMin * 60 * 1000);
+
+        const { data: createdEvent, error: evErr } = await supabase
+            .from('agenda_eventos')
+            .insert({
+                owner_id: rule.owner_id,
+                tenant_id: tenantId,
+                terapeuta_id: rule.therapist_id ?? null,
+                recurrence_id: rule.id,
+                recurrence_date: firstISO,
+                tipo: 'sessao',
+                status: 'agendado',
+                titulo: normalized.titulo || 'Sessão',
+                inicio_em: startDt.toISOString(),
+                fim_em: endDt.toISOString(),
+                patient_id: normalized.paciente_id,
+                determined_commitment_id: normalized.determined_commitment_id ?? null,
+                modalidade: rule.modalidade || normalized.modalidade || 'presencial',
+                price: packagePrice,
+                visibility_scope: normalized.visibility_scope || 'public'
+            })
+            .select('id')
+            .single();
+        if (evErr) throw evErr;
+
+        // 2) financial_record do pacote total via RPC.
+        const { error: cobErr } = await supabase.rpc('create_financial_record_for_session', {
+            p_tenant_id: tenantId,
+            p_owner_id: rule.owner_id,
+            p_patient_id: normalized.paciente_id ?? null,
+            p_agenda_evento_id: createdEvent.id,
+            p_amount: packagePrice,
+            p_due_date: firstISO
+        });
+        if (cobErr) throw cobErr;
+
+        // 3) Pós-RPC: ajusta payment_method (sempre) e status (só se markPaidNow=true).
+        //    method='link'  → payment_method='asaas', status pending
+        //    method=pix/etc + markPaidNow=false → payment_method=<>, status pending
+        //    method=pix/etc + markPaidNow=true  → payment_method=<>, status='paid', paid_at=now()
+        const paidNow = markPaidNow === true && paymentMethod !== 'link';
+        const { data: recRow } = await supabase
+            .from('financial_records')
+            .select('id')
+            .eq('agenda_evento_id', createdEvent.id)
+            .order('created_at', { ascending: false })
+            .limit(1)
+            .single();
+        if (recRow?.id) {
+            const patch = {
+                updated_at: new Date().toISOString(),
+                payment_method: paymentMethod === 'link' ? 'asaas' : paymentMethod
+            };
+            if (paidNow) {
+                patch.status = 'paid';
+                patch.paid_at = new Date().toISOString();
+            }
+            await supabase.from('financial_records').update(patch).eq('id', recRow.id);
+        }
+
+        const methodLabel = {
+            pix: 'PIX',
+            dinheiro: 'dinheiro',
+            deposito: 'depósito',
+            cartao_maquininha: 'cartão (maquininha)'
+        }[paymentMethod] || null;
+        return {
+            toast: {
+                severity: 'success',
+                summary: paidNow ? 'Pacote pago' : 'Pacote criado',
+                detail: paidNow
+                    ? `${n} sessões — ${_BRL(packagePrice)} recebido via ${methodLabel}.`
+                    : `${n} sessões — total ${_BRL(packagePrice)} com vencimento em ${firstISO.split('-').reverse().join('/')}.`,
+                life: 4000
+            }
+        };
+    } catch (e) {
+        return {
+            toast: {
+                severity: 'warn',
+                summary: 'Pacote não gerado',
+                detail: e?.message || 'Falha ao criar contrato. Você pode gerar manualmente pelo Financeiro.',
+                life: 5000
+            }
+        };
+    }
+}
+
+// chargeMode='per_session': materializa todas as N ocorrências como
+// agenda_eventos reais + cria 1 financial_record por ocorrência.
+// Respeita recurrence_exceptions (feriado_block / cancel_session) — não
+// materializa nessas datas. Falha parcial é tolerada (toast warn).
+async function _materializeAndChargePerSession({ rule, normalized, recorrencia, tenantId }) {
+    const { n, perSessao } = _computeSeriePrice(recorrencia);
+    try {
+        // 1) Gerar a lista de datas das N ocorrências respeitando exceptions.
+        const exceptionDates = new Set((recorrencia.conflitos || []).map((c) => c.date));
+        const dates = _generateOccurrenceDates(rule, n + exceptionDates.size, exceptionDates).slice(0, n);
+
+        // 2) Montar rows pra inserção em agenda_eventos.
+        const durMin = rule.duration_min || 50;
+        const [hh, mm] = String(rule.start_time || '00:00:00').slice(0, 5).split(':').map(Number);
+        const rows = dates.map((iso) => {
+            const startDt = new Date(`${iso}T00:00:00`);
+            startDt.setHours(hh, mm, 0, 0);
+            const endDt = new Date(startDt.getTime() + durMin * 60 * 1000);
+            return {
+                owner_id: rule.owner_id,
+                tenant_id: tenantId,
+                terapeuta_id: rule.therapist_id ?? null,
+                recurrence_id: rule.id,
+                recurrence_date: iso,
+                tipo: 'sessao',
+                status: 'agendado',
+                titulo: normalized.titulo || 'Sessão',
+                inicio_em: startDt.toISOString(),
+                fim_em: endDt.toISOString(),
+                patient_id: normalized.paciente_id,
+                determined_commitment_id: normalized.determined_commitment_id ?? null,
+                modalidade: rule.modalidade || normalized.modalidade || 'presencial',
+                price: perSessao,
+                visibility_scope: normalized.visibility_scope || 'public'
+            };
+        });
+
+        // 3) Insert batch dos eventos.
+        const { data: createdEvents, error: evErr } = await supabase.from('agenda_eventos').insert(rows).select('id, inicio_em');
+        if (evErr) throw evErr;
+
+        // 4) Pra cada evento criado, criar financial_record via RPC. Loop
+        // sequencial pra simplificar — N=4 é pouco; se virar gargalo, batchify.
+        let okCount = 0;
+        let failCount = 0;
+        for (const ev of createdEvents || []) {
+            try {
+                const dueDate = ev.inicio_em ? new Date(ev.inicio_em).toISOString().slice(0, 10) : new Date().toISOString().slice(0, 10);
+                const { error: cobErr } = await supabase.rpc('create_financial_record_for_session', {
+                    p_tenant_id: tenantId,
+                    p_owner_id: rule.owner_id,
+                    p_patient_id: normalized.paciente_id ?? null,
+                    p_agenda_evento_id: ev.id,
+                    p_amount: perSessao,
+                    p_due_date: dueDate
+                });
+                if (cobErr) throw cobErr;
+                okCount++;
+            } catch {
+                failCount++;
+            }
+        }
+
+        if (failCount === 0) {
+            return {
+                toast: {
+                    severity: 'success',
+                    summary: `${okCount} cobranças geradas`,
+                    detail: `${_BRL(perSessao)} por sessão. Total: ${_BRL(perSessao * okCount)}.`,
+                    life: 4000
+                }
+            };
+        }
+        return {
+            toast: {
+                severity: 'warn',
+                summary: 'Cobranças parcialmente geradas',
+                detail: `${okCount} ok, ${failCount} falharam. Gere as faltantes manualmente pelo Financeiro.`,
+                life: 6000
+            }
+        };
+    } catch (e) {
+        return {
+            toast: {
+                severity: 'warn',
+                summary: 'Falha ao materializar série',
+                detail: e?.message || 'Sessões podem ter sido criadas em parte. Confira no Financeiro.',
+                life: 6000
+            }
+        };
+    }
+}
+
+// Gera lista de datas ISO ('YYYY-MM-DD') a partir da regra. Pula datas
+// em exceptionDates (Set). Para até `max` datas. Suporta weekly (interval=1
+// ou 2 pra quinzenal) e custom_weekdays.
+function _generateOccurrenceDates(rule, max, exceptionDates) {
+    const dates = [];
+    const start = new Date(`${rule.start_date}T00:00:00`);
+    const interval = Math.max(1, rule.interval || 1);
+    const weekdays = Array.isArray(rule.weekdays) && rule.weekdays.length ? rule.weekdays.map(Number) : [start.getDay()];
+    const isCustom = rule.type === 'custom_weekdays';
+
+    const cursor = new Date(start);
+    let safety = 0;
+    // Para weekly (interval=1), avança 7 dias por iteração. Quinzenal: 14.
+    // Para custom_weekdays, avança 1 dia e filtra weekdays.includes.
+    while (dates.length < max && safety < 365 * 3) {
+        const iso = _dateToISO(cursor);
+        const dow = cursor.getDay();
+        const inWeekdays = weekdays.includes(dow);
+        if (inWeekdays && !exceptionDates.has(iso)) {
+            dates.push(iso);
+        }
+        if (isCustom) {
+            cursor.setDate(cursor.getDate() + 1);
+        } else if (inWeekdays) {
+            // weekly/quinzenal: ao bater o dow, pula interval semanas
+            cursor.setDate(cursor.getDate() + 7 * interval);
+        } else {
+            cursor.setDate(cursor.getDate() + 1);
+        }
+        safety++;
+    }
+    return dates;
+}
+
+function _dateToISO(d) {
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, '0');
+    const day = String(d.getDate()).padStart(2, '0');
+    return `${y}-${m}-${day}`;
 }
diff --git a/src/router/guards.js b/src/router/guards.js
index e954b2e..2352b94 100644
--- a/src/router/guards.js
+++ b/src/router/guards.js
@@ -437,9 +437,9 @@ export function applyGuards(router) {
                             if (shouldLoadEntitlements(_ent, _tid)) {
                                 await loadEntitlementsSafe(_ent, _tid, true);
                             }
-                            // Entitlements pessoais (therapist/supervisor têm assinatura própria)
-                            const _roleNorm = normalizeRole(_role);
-                            if (['therapist', 'supervisor'].includes(_roleNorm) && _ent.loadedForUser !== uid) {
+                            // Entitlements pessoais — subscription do user independe do role
+                            // no tenant ativo (tenant_admin do próprio tenant pode ter therapist_pro)
+                            if (_ent.loadedForUser !== uid) {
                                 try {
                                     await _ent.loadForUser(uid);
                                 } catch { }
@@ -738,11 +738,11 @@ export function applyGuards(router) {
                 await loadEntitlementsSafe(ent, tenantId, true);
             }
 
-            // ✅ user entitlements: terapeuta pode ter assinatura pessoal (therapist_pro)
-            // que gera features em v_user_entitlements, não em v_tenant_entitlements.
-            // user entitlements: therapist e supervisor têm assinatura pessoal (v_user_entitlements)
-            const activeRoleNormForEnt = normalizeRole(tenant.activeRole);
-            if (['therapist', 'supervisor'].includes(activeRoleNormForEnt) && uid && ent.loadedForUser !== uid) {
+            // ✅ user entitlements: subscription pessoal (therapist_pro/free,
+            // supervisor_*, etc) independe do role no tenant ativo — um terapeuta
+            // pode ser tenant_admin do próprio tenant E ter assinatura pessoal.
+            // Sempre carrega pra qualquer user autenticado.
+            if (uid && ent.loadedForUser !== uid) {
                 logGuard('ent.loadForUser');
                 try {
                     await ent.loadForUser(uid);
diff --git a/src/router/routes.misc.js b/src/router/routes.misc.js
index 2b11812..b3e8f92 100644
--- a/src/router/routes.misc.js
+++ b/src/router/routes.misc.js
@@ -34,7 +34,8 @@ export default {
         {
             path: 'melissa/:secao?',
             name: 'Melissa',
-            component: () => import('@/layout/melissa/MelissaLayout.vue')
+            component: () => import('@/layout/melissa/MelissaLayout.vue'),
+            meta: { requiresAuth: true }
         },
 
         // Preview do AgendaEventDialog V2 (A66 sub-sessão 2). Iteração