Prestações Financeiro · Prestações · Fundação

Fundação da Prestação de Contas

Os componentes que a lista e o detalhe usam, em cada estado. Quatro tamanhos de texto, um sistema de botão, um nome por etapa.

Tipografia por papel

Quatro tamanhos da escala Tahoe, em rem. Destaque sobe o peso, não o tamanho.

Prestação · Mai/2026
Título de página25px · 1,5625rem · 400 · entrelinha 1,2 · −0,02em · Saira--type-page-*
Conciliação bancária
Título de seção, card e diálogo16px · 1rem · 600 · 1,375 · −0,01em · Inter--type-title-*
Banco do Brasil · Fundo de Reserva 23456-7
Corpo, célula, campo, nome de documento14px · 0,875rem · 400 (ênfase 500/600) · 1,43 · 0 · Inter--type-body-*
Extrato enviado por Paula Cordeiro em 02/05
Auxiliar, data, contagem, status12px · 0,75rem · 400 · 1,34 · +0,01em · Inter--type-meta-*
Finalizar conciliação
Rótulo de botão e de pílula12px · 0,75rem · 600 · 1,34 · +0,01em · Inter--type-label-*
R$ 18.405.498,64
Número (no tamanho do papel onde aparece)Saira · 500 · tabular-nums--type-num-*

Cabeçalho da tela

Quem é o condomínio, a competência, o responsável financeiro, o estado e uma ação primária.

Detalhe, com uma primária

Edifício Atlântico

Prestação de Mai/2026Financeiro: Paula CordeiroPrazo 10/06Conciliação
Condomínio
Abrir condomínio

Abaixo de 768px o título ocupa a largura toda e as ações descem para uma faixa própria: a primária visível, o resto no menu. As secundárias do desktop (.prest-so-desktop) reaparecem dentro do menu (.prest-so-celular). Nenhum botão divide a linha com o título.

Botões

Primário, secundário, terciário, destrutivo e só ícone. Um rótulo, um estilo.

Variantes
Indisponível, com motivo
Libera ao finalizar a conciliação

Duas alturas e quem escolhe é a largura: 36px no ponteiro, 44px abaixo de 768px. O destrutivo cheio só aparece no botão que confirma o irreversível, dentro do diálogo; na linha, excluir é terciário com texto vermelho.

Indicador de progresso

Conciliação · Montagem · Aprovação → Publicada. Concluída, atual, bloqueada com motivo e futura. A Assinatura do conselho não entra: é complemento opcional da versão publicada.

Conciliação em andamento, Montagem bloqueada
  1. 1 Etapa 1 de 3 · Conciliação1 de 2 contas com extrato · Retorno 0/1
  2. Etapa 2 de 3 · MontagemLibera ao finalizar a conciliação
  3. 3 Etapa 3 de 3 · Aprovação
  4. Publicada
Rejeitada — 2ª tentativa na Montagem
  1. Etapa 1 de 3 · ConciliaçãoFinalizada 04/06
  2. 2 Etapa 2 de 3 · Montagem2ª tentativa, após rejeição
  3. 3 Etapa 3 de 3 · AprovaçãoRejeitada 08/06
  4. Publicada
Publicada — a prestação está completa
  1. Etapa 1 de 3 · ConciliaçãoFinalizada 04/06
  2. Etapa 2 de 3 · MontagemPDFs gerados 05/06
  3. Etapa 3 de 3 · AprovaçãoAprovada 10/06
  4. Publicada10/06/2026
Vertical (coluna lateral)
  1. Etapa 1 de 3 · ConciliaçãoFinalizada 04/06
  2. Etapa 2 de 3 · MontagemPDFs gerados 05/06
  3. 3 Etapa 3 de 3 · AprovaçãoDois PDFs para conferir
  4. PublicadaDesfecho da aprovação

Abaixo de 768px o horizontal vira a forma compacta: quatro segmentos e só o texto do nó atual, com “Etapa N de 3”. Publicada é o desfecho da Aprovação e não tem número; é o fim da sequência. A Assinatura do conselho não é etapa: nem todo condomínio assina, então ela aparece à parte, como complemento opcional da versão publicada.

Lista agrupada

Regra B (28/09/2026): cada grupo é um contêiner de superfície secundária, rótulo fora e acima, linhas de 56px com divisor inset no eixo do texto e fundo no hover. Um nível de superfície dentro do card.

Linhas com ação (.prest-linhas)

Contas bancárias

2/3
Lista de estado (.prest-caixa)

Para finalizar

  • Extratos das contas · 3 de 3
  • Retorno bancário · não enviado

Decisão do Leandro (28/09/2026): Grupos. A variante “Cartão por item”, que existiu só para comparação, foi retirada.

Feedback

Status, conclusão, aviso e erro — cada um com lugar e peso. No máximo um banner por etapa.

Status
Comunicado enfileirado 18/06 14:02 Montando: 4 de 9 relatórios
Conclusão
Conciliação finalizada em 04/06 por Paula Cordeiro
Aviso junto da causa
Despesas em aberto no ERP2 lançamentos · R$ 208,83
2 despesas não liquidadas no ERP. A conciliação pode ser finalizada assim mesmo, com justificativa.
Erro junto do que falhou
O PDF parece ser de outro condomínio. O CNPJ do extrato não bate com o cadastro.
Banner da etapa (no máximo um)
Somente leituraA prestação está em Aprovação. Para mudar documentos, alguém precisa rejeitá-la.
A montagem falhou no relatório 020GO ERP não devolveu o balancete. Os outros oito relatórios foram lidos.
Rejeitada em 08/06 por Marina Duarte“O extrato do fundo de reserva é de abril, não de maio.”
Pílulas de estado
A iniciar Conciliação Montagem Rejeitada Aprovação Publicada
Assinatura
Não enviada Aguardando 1/3 Assinada Encerrada · 2/3 Envio incompleto Falha no envio

Bloco Publicada

O desfecho da sequência: uma linha, uma ação primária, o resto no menu e no disclosure. O link público aparece uma vez.

Recolhido
PublicadaVersão 2 · 18/06/2026
Superlógica não recebeu o aviso Comunicado enfileirado 18/06 14:02
Abrir versão dos condôminos
Versão da administração

Versões

  1. Versão 218/06/2026 · atual · Correção do extrato do fundo de reserva
  2. Versão 110/06/2026 · substituída

Validação pública

7K2Q9XMA
https://prestacao.semog.com.br/7K2Q9XMA
Expandido
PublicadaVersão 2 · 18/06/2026
Superlógica não recebeu o aviso Comunicado enfileirado 18/06 14:02
Abrir versão dos condôminos
Versão da administração

Versões

  1. Versão 218/06/2026 · atual · Correção do extrato do fundo de reserva
  2. Versão 110/06/2026 · substituída

Validação pública

7K2Q9XMA
https://prestacao.semog.com.br/7K2Q9XMA

Competência

Popover com dois selects.

Seletor
Mostrando Mai/2026

Um formato só na interface: mês abreviado com inicial maiúscula e ano (Mai/2026). Dois selects nativos — nunca input type=month, que o Firefox não implementa.

Filtros no celular

Um botão, um sheet, chips removíveis.

Botão + sheet + chips

No desktop a lista mantém a linha de filtros do Tahoe (lente principal + chips). Abaixo de 768px ela vira este botão; os chips ativos ficam fora do sheet, sempre visíveis e removíveis.

Estados de tela

Carregando, erro de carregamento e vazio.

Use a barra “Protótipo” no rodapé para trocar o estado deste bloco. Vale para a lista e para o detalhe: carregando, erro e vazio são três telas; erro nunca se apresenta como vazio, e “Sem prestação no mês” nunca aparece durante o carregamento.

Nomes do kit

Os componentes genéricos desta fundação são padrão do kit admin: nome novo .tk-*, em componentes.css e componentes.js (window.TahoeKit). O nome .prest-* continua valendo como apelido — mesma regra, mesmas declarações, mesma especificidade. Tela nova usa .tk-*; as telas de prestação seguem com .prest-*.

Mesmo componente, dois nomes
.tk-pill .prest-pill
Menu e diálogo com data-tk-*
Nome novo → apelido
Kit (componentes.css)Apelido da Prestação
.tk-t-page .tk-t-title .tk-t-body .tk-t-meta .tk-t-label .tk-num .tk-forte.prest-t-* .prest-num .prest-forte
.tk-pilha .tk-cab* .tk-acoes.prest-pilha .prest-cab* .prest-acoes
.tk-btn .tk-motivo .tk-pill.prest-btn .prest-motivo .prest-pill
.tk-status .tk-aviso .tk-banner.prest-status .prest-aviso .prest-banner
.tk-etapas .tk-etapa.prest-etapas .prest-etapa
.tk-secoes .tk-grupo* .tk-linhas .tk-linha* .tk-caixa .tk-link .tk-disc* .tk-primaria.prest-secoes .prest-grupo* .prest-linhas .prest-linha* .prest-caixa .prest-link .prest-disc* .prest-primaria
.tk-menu* .tk-dialog* .tk-veu.prest-menu* .prest-dialog* .prest-veu
.tk-campo .tk-select .tk-input .tk-area .tk-campo-erro.prest-campo .prest-select .prest-input .prest-area .prest-campo-erro
.tk-sk* .tk-estado.prest-sk* .prest-estado
.tk-detalhe* .tk-trilha* .tk-seletor-etapa* .tk-painel-etapa* .tk-onde*.prest-detalhe* .prest-trilha* .prest-seletor-etapa* .prest-painel-etapa* .prest-onde*
.tk-so-celular .tk-so-desktop .tk-sr .tk-i .tk-contents.prest-so-celular .prest-so-desktop .prest-sr .prest-i .prest-contents
--tk-alvo --tk-lavado --tk-mola --tk-v-* --tk-eixo…--prest-* (o valor mora aqui; --tk-* aponta para ele)
data-tk-abre data-tk-fecha data-tk-menu-gatilho data-tk-foco-padrao data-tk-ir data-tk-alertadata-prest-*
window.TahoeKit, evento tk:etapawindow.TahoePrestacao (mesmos nomes), prest:etapa

Fica na Prestação (prestacao.css, só .prest-*): bloco Publicada, competência, filtros e lente da lista, tabela que vira cartões, cabeçalho e blocos do detalhe e a barra do protótipo. Não misture prefixos dentro de um componente: .tk-menu espera data-tk-menu-gatilho e .tk-menu-pop.

Diálogo do kit

Aberto por data-tk-abre, fechado por data-tk-fecha, com o comportamento de componentes.js: nasce do gatilho no desktop e sobe como sheet no celular.

Rejeitar prestação

A prestação volta para Montagem. O motivo fica visível para quem for refazer.

Encerrar assinatura?

Quem ainda não assinou não poderá mais assinar. Não dá para desfazer.

2 de 3 assinaram

Reabrir a conciliação de uma prestação publicada?

A prestação volta para a Conciliação para ser corrigida. O link público e o código de validação continuam os mesmos.

Use só para corrigir uma prestação já publicada.

Excluir prestação de Mai/2026?

Os documentos enviados e o histórico desta competência serão apagados. Não dá para desfazer.

Criar revisão

Como deseja revisar a prestação?

Anexos · opcional

Cole um print com Ctrl+V, arraste arquivos, ou

Imagens ou PDF, até 10 MiB. Com “Incluir no documento” marcado, o anexo entra na errata; desmarcado, fica só como pedido do síndico.

Filtros

Etapa
Responsável
Assinatura