C148 · Modais da agenda usáveis no desktop

Assessor/coordenador no desktop, criando atividade e sincronizando a agenda. Zinc neutro + um acento (indigo) só no CTA primário. Estático — só medidas e encaixe.

Cena 1 · Desktop ~1280px — modal de criação de atividade

Largura generosa, paddings contidos, Início/Término lado a lado (cada um com data+hora na mesma linha), corpo com rolagem interna e rodapé fixo.

Nova atividade

×
Título
Título da atividade
Tipo
Selecione o tipo▾
Status
Selecione o status▾
Município
Selecione o município▾
Localidade
Bairro, praça ou referência
Início
dd/mm/aaaa
--▾
--▾
Término
dd/mm/aaaa
--▾
--▾
Assessores responsáveis
Adicionar
Organizações apoiadoras
Cancelar
Salvar atividade

Cena 2 · Desktop — modal de sincronização Google (feed ICS segue o mesmo padrão)

Corpo com altura máxima e rolagem interna: a lista longa de opções não vaza para fora da tela; os botões ficam fixos no rodapé.

Sincronizar com Google Agenda

×

Escolha o que importar e o que publicar no feed da agenda. As opções continuam acessíveis rolando dentro do modal.

Importar eventos do Google

Publicar atividades no Google Agenda

Selecionar quais calendários sincronizar

Avisos de conflito de horário

Fuso horário dos eventos

Reprocessar sincronização anterior

Fechar
Sincronizar agora

Cena 3 · Mobile ~390px — o mesmo modal de criação (não muda)

Hoje o mobile já abre como folha (Drawer) com corpo rolável e campos empilhados; a correção desktop não pode alterar isso.

Nova atividade

×
Título
Título da atividade
Tipo
Selecione o tipo▾
Município
Selecione o município▾
Início
dd/mm/aaaa
Hora▾
Min▾
Término
dd/mm/aaaa
Hora▾
Min▾
Assessores responsáveis
Cancelar
Salvar