# O que significam as cores na agenda?

Fonte: https://docs.barbeiro.app/business-admin/calendar/status-colors
Perfil: Administrador
Verificado em: 2026-08-21

> Na **Agenda** (visão de dia), cada cartão carrega **duas informações independentes**: o **status** fica na **barra colorida à esquerda** (mais o esmaecimento), e a **cor de fundo** responde à pergunta que **você escolhe** no botão **Ver** do topo — serviço, profissional ou situação. Existem duas legendas de cores diferentes no app: a da **Agenda** (barra lateral) e a dos **filtros da lista de agendamentos** (etiquetas). Elas não são iguais — veja as duas tabelas abaixo.

## Antes de começar

-   Esta página explica a **leitura de cores**, não como mudar o status. Para concluir, cancelar ou marcar falta, veja [Como finalizar um atendimento](/business-admin/bookings/finalize-booking) e [Falta do cliente (no-show)](/professional/handle-no-show).
-   A cor de **fundo** (preenchimento) do cartão é **configurável**: por padrão ela é a cor do **serviço** cadastrado no catálogo, mas você pode trocá-la para **profissional** ou **situação** no menu **Ver** — veja [Colorir por](#colorir-por-escolha-o-que-a-cor-do-cartão-significa). A única exceção é o **concluído**, que fica **cinza** em qualquer opção: a agenda existe para mostrar o que **ainda falta fazer**, então o que já terminou recua.
-   Todo cartão tem um **contorno fino**. É ele que separa dois atendimentos **simultâneos** do mesmo profissional (que aparecem lado a lado, cada um com metade da largura) — sem o contorno, dois cartões da mesma cor pareciam um único bloco largo.

## A legenda da Agenda (barra lateral do cartão)

Na visão de dia, olhe a **barra à esquerda** do cartão e se ele está **esmaecido**:

| Status                     | Como aparece no cartão                                                                              |
| -------------------------- | --------------------------------------------------------------------------------------------------- |
| **Agendado**               | Barra **azul tracejada** (pontilhada) à esquerda                                                    |
| **Aguardando pagamento**   | Barra **âmbar tracejada** à esquerda, cartão levemente esmaecido                                    |
| **Pendente**               | Barra **verde-limão tracejada** à esquerda                                                          |
| **Em andamento**           | Barra **roxa** à esquerda + um **anel roxo** em volta do cartão                                     |
| **Concluído**              | Fundo **cinza**, barra **mais grossa** na cor do serviço/profissional e ícone **✓** ao lado do nome |
| **Cancelado**              | Barra **vermelha**, cartão **esmaecido**                                                            |
| **Não compareceu** (falta) | Barra **amarela**, cartão **esmaecido**                                                             |
| **Reagendado**             | Barra **laranja**, cartão **esmaecido** (o horário novo aparece em outro cartão)                    |

> **Aguardando pagamento (pagamento antecipado)**
>
> A barra **âmbar tracejada** aparece só em negócios com **pagamento antecipado**: o cliente
> marcou e o horário já está **reservado**, mas o PIX/cartão ainda não foi aprovado. A reserva
> **confirma sozinha** quando o pagamento é aprovado — não existe botão **Confirmar** nela — e, se
> o cliente não pagar em cerca de **20 minutos**, ela é **cancelada automaticamente** e o horário
> libera sozinho. Veja [Configurar pagamentos](/business-admin/settings/payments).

> **Atrasado: barra âmbar com aviso (só com a etapa Iniciado)**
>
> Quando sua equipe **usa a etapa Iniciado** (Configurações → Agendamento → **Etapa 'Iniciado'** =
> Obrigatório ou Opcional), um atendimento **Agendado** cujo horário de início **já passou** — e
> ainda dentro da janela — ganha um destaque **âmbar**: barra âmbar contínua, fundo levemente âmbar
> e um selo **"X min atrasado"**. Ele avisa que ninguém marcou o atendimento como iniciado. É
> calculado **na hora** — **não** é um status salvo; o atendimento continua **Agendado**.
>
> Em **Ocultar** (o padrão, sem etapa Iniciado), esse aviso **não aparece** durante a janela — o
> atendimento simplesmente está acontecendo, não está "atrasado".

> **A concluir: barra âmbar quando o horário acabou e o atendimento ficou aberto**
>
> Em **qualquer** modo, um atendimento **ainda aberto** (Agendado ou Iniciado) cujo horário **já
> terminou** ganha o destaque **âmbar** com o selo **"A concluir"** — um lembrete de que a comanda
> passou do horário e **ainda não foi concluída**. Feche-a para não bagunçar o caixa e os
> relatórios; o aviso some assim que você **Conclui** o atendimento.

> **Concluído continua cinza — mas agora a barra tem cor**
>
> Um atendimento concluído fica **cinza**, como sempre foi: a agenda serve para mostrar o que
> ainda exige ação, e o que já terminou deve recuar. O que mudou é que a **barra lateral** deixou
> de ser cinza também — ela agora fica **mais grossa e na cor** do serviço (ou do profissional,
> conforme o menu **Ver**), e um ícone **✓** aparece ao lado do nome. Assim dois atendimentos
> concluídos lado a lado continuam distinguíveis; antes era fundo cinza com barra cinza, tudo
> igual.

> **Status na barra, assunto no fundo**
>
> **O status está sempre na barra lateral e no esmaecimento.** A **cor de fundo** responde a outra
> pergunta — a que você escolheu no menu **Ver**. Se você está em **Serviço** e um cartão está azul,
> isso só quer dizer que aquele serviço foi cadastrado com a cor azul; não que ele está
> "agendado". Procure sempre a **barra à esquerda** para saber o status.

## Colorir por: escolha o que a cor do cartão significa

No topo da agenda, o botão **Ver** define, em **Colorir por**, **qual informação** a cor de fundo dos cartões representa. O botão diz na própria etiqueta qual opção está ligada (**Ver · Serviço**), então dá para saber em que lente você está sem abrir o menu. A escolha vale para a visão de **dia** e de **semana**, fica salva **no aparelho** que você está usando e não altera nada dos agendamentos.

O mesmo menu tem **Altura das linhas** (Compacto / Padrão / Amplo). Se um cartão de 30 minutos não estiver mostrando o serviço ou o horário, é falta de altura: escolha **Amplo**. Cada visão (dia e semana) guarda a sua própria escolha.

| Opção            | A cor do cartão passa a ser…                                 | Quando usar                                                                                                       |
| ---------------- | ------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------- |
| **Serviço**      | A cor do serviço cadastrado no catálogo (**padrão**)         | Você oferece vários serviços com cores diferentes e quer bater o olho em "o que" está sendo feito                 |
| **Profissional** | Uma cor fixa por profissional                                | Vários profissionais na mesma tela: enxerga na hora quem está cheio e quem está livre                             |
| **Situação**     | Uma cor por status (agendado, confirmado, concluído, falta…) | Você quer ver "o que ainda falta resolver hoje" — a opção mais útil se todos os atendimentos são do mesmo serviço |

> **Em Situação, a barra lateral fica sem cor**
>
> Quando a cor de fundo já **é** o status, a barra lateral estaria repetindo em 2 pixels o que o
> cartão inteiro está gritando. Nessa lente ela **engrossa e fica neutra**: vira só o contorno que
> separa um cartão do outro. Nas lentes **Serviço** e **Profissional** a barra continua colorida
> e continua sendo onde você lê o status.

> **O cartão aberto não muda de cor**
>
> Passar o mouse (ou tocar, no celular) **cresce** o cartão e traz as ações, mas ele continua
> exatamente da cor que estava. Antes o cartão ganhava um preenchimento sólido diferente — e um
> atendimento **concluído** voltava a ter cor ao ser tocado, desfazendo por um segundo a leitura
> de "já era" que o cinza tinha construído.

> **Se você tem um ou dois serviços, troque para Profissional ou Situação**
>
> Colorir por **serviço** só ajuda quando existem serviços de cores diferentes na tela. Num
> estabelecimento com um serviço só (ou dois), **todos** os cartões saem da mesma cor e a cor
> deixa de informar qualquer coisa. Nesses casos, troque para **Profissional** ou **Situação** — é
> exatamente para isso que a opção existe.

> **Em 'Profissional', atendimentos sem profissional ficam sem cor**
>
> Um agendamento que ainda **não tem profissional definido** (coluna **Não atribuído**) aparece em
> **branco/neutro** nessa opção. É de propósito: dar uma cor a "ninguém" faria a coluna parecer só
> mais uma pessoa da equipe.

## Pausas e bloqueios: faixas listradas

Bloqueios de horário (**almoço**, **férias**, **médico**, **pessoal**, **outro**) **não são atendimentos** — então também não parecem cartões. Eles aparecem como uma **faixa listrada na diagonal**, sem cantos arredondados e sem preenchimento sólido, com uma cor por tipo:

| Tipo        | Como aparece               |
| ----------- | -------------------------- |
| **Almoço**  | Listras **laranja**        |
| **Médico**  | Listras **vermelhas**      |
| **Pessoal** | Listras **roxas**          |
| **Férias**  | Listras **verdes**         |
| **Outro**   | Listras **cinza-azuladas** |

> **Listrado = indisponível, sólido = atendimento**
>
> A regra é simples: se está **listrado**, aquele horário está **bloqueado**; se é um cartão
> **sólido com contorno**, é um **atendimento**. Antes, uma pausa e um atendimento concluído eram
> os dois cinza e não havia como distinguir de relance. Quando um agendamento é **encaixado em
> cima** de um bloqueio, o bloqueio fica ainda mais apagado e vai para trás do cartão — e volta ao
> tom normal assim que aquele agendamento for remarcado ou cancelado.

## A legenda dos filtros/etiquetas da lista de agendamentos

Acima da **lista** de agendamentos (não da agenda visual) existem **etiquetas de filtro** por status, com **outras** cores:

| Status                   | Cor da etiqueta |
| ------------------------ | --------------- |
| **Agendado**             | Azul            |
| **Pendente**             | Amarelo         |
| **Aguardando pagamento** | Âmbar           |
| **Em andamento**         | Roxo            |
| **Concluído**            | **Verde**       |
| **Cancelado**            | Vermelho        |
| **Reagendado**           | Laranja         |
| **Falta**                | **Cinza**       |

> **As duas legendas NÃO são iguais**
>
> Atenção a estas diferenças entre a **Agenda** (barra do cartão) e os **filtros da lista**:
>
> -   **Amarelo** na Agenda = **Falta** (não compareceu). **Amarelo** nos filtros = **Pendente**.
> -   **Concluído** na Agenda = fundo **cinza** (com barra colorida e **✓**). **Concluído** nos
>     filtros = etiqueta **verde**. Essa é a divergência mais confusa das duas telas.
> -   **Falta** na Agenda = amarelo. **Falta** nos filtros = cinza.
>
> Também não existe um status **"Confirmado"** separado: um agendamento confirmado **é** um
> **Agendado**. A tabela antiga listava uma barra verde para "Confirmado" que nunca chegava a
> aparecer na tela.
>
> Por isso a mesma cor pode significar coisas diferentes dependendo de onde você olha. Use a tabela
> certa para a tela em que você está.

## O ícone de pagamento (ao lado do nome do cliente)

Além da barra de status, cada cartão mostra um pequeno **ícone de pagamento** ao lado do nome do cliente. A **cor** desse ícone responde a uma única pergunta — **"falta receber?"** — e **não** ao meio de pagamento (essa distinção fica no caixa):

| Como aparece                                      | O que significa                                                                                         |
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
| Ícone **discreto** (nota, cartão, Pix, carteira…) | **Pago** — quitado. O desenho indica o meio (dinheiro, cartão, Pix, crédito da loja…)                   |
| Selo **âmbar** com **relógio**                    | **Pagar depois** ("Cobrar depois") — a comanda foi fechada mas **ainda não foi cobrada**                |
| Selo **vermelho** com **moedas**                  | **Deve** (fiado / na conta) — o cliente saiu devendo, total ou parte. Aparece **mesmo se já concluído** |
| Âmbar suave (**ampulheta**)                       | **Pagamento pendente** — pagamento online aguardando confirmação ou aguardando fatura                   |
| Selo **vermelho** com **"x"**                     | **Pagamento falhou**                                                                                    |
| **Sem ícone**                                     | Ainda **sem pagamento** (ex.: um agendamento futuro)                                                    |

> Toque no **"?"** na faixa da **Fila do dia** (ao lado dos valores do período) para abrir a **legenda** com todos esses ícones. No celular a legenda não aparece — é o item mais dispensável da faixa e sai primeiro quando falta largura.

## Outros selos do cartão

Dois outros marcadores podem aparecer ao lado do nome do cliente:

| Como aparece                   | O que significa                                                                                                                             |
| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Selo **verde** com **"1ª"**    | **Primeira visita** — o cliente ainda não tem nenhum atendimento concluído no seu estabelecimento. Capriche na recepção e na consulta.      |
| Ícone de **repetição** (setas) | **Cliente recorrente** — o atendimento faz parte de uma **série** (ex.: corte toda semana). As ações de série ficam no menu **⋯** do cartão |

O selo de primeira visita some sozinho depois que o primeiro atendimento do cliente é concluído (o próprio atendimento inaugural continua marcado até o fim do dia). Agendamentos de **visitante** (sem cadastro) não mostram o selo — sem cadastro não há histórico para conferir.

> **Pagar depois' e 'Deve' são coisas diferentes**
>
> **Pagar depois (âmbar)** = você fechou a comanda sem cobrar agora; **nada entrou no caixa**
> ainda. **Deve / fiado (vermelho)** = o cliente ficou devendo um valor, que vira uma **conta a
> receber**. São situações distintas e agora cada uma tem o seu marcador.

## Atenção aos detalhes

-   **"Tem um vermelho e um amarelo juntos na agenda, o que é?"** — Na Agenda, **vermelho = Cancelado** e **amarelo = Falta (não compareceu)**. Os dois ficam **esmaecidos** porque já não vão acontecer; o horário deles volta a ficar livre.
-   **"Um atendimento 'Pagar depois' aparecia com ícone de cartão de crédito"** — Era um problema antigo: o "Cobrar depois" não tem meio de pagamento definido e caía no desenho de cartão. Agora ele mostra o **selo âmbar de relógio** ("Pagar depois"), e quem ficou devendo mostra o **selo vermelho de moedas** ("Deve").
-   **"Apareceu um cartão amarelo/laranja escrito 'atrasado'"** — É um **Agendado** cujo horário de início já passou e que ninguém marcou como **Iniciado** (só aparece se você usa a etapa Iniciado). Não é um status novo; some assim que você inicia ou conclui.
-   **"Barra âmbar tracejada vs. destaque âmbar de atraso"** — São coisas diferentes: a barra **âmbar tracejada** é o status **Aguardando pagamento** (reserva pré-paga esperando o PIX/cartão do cliente); o destaque âmbar **contínuo** com selo "X min atrasado" / "A concluir" é o aviso de atraso/comanda aberta. O Aguardando pagamento resolve sozinho (confirma com o pagamento ou cancela em ~20 minutos) — você não precisa fazer nada.
-   **"Apareceu 'A concluir' em âmbar num atendimento que já passou"** — O horário terminou e o atendimento continua **aberto** (não foi concluído). Vale para qualquer modo. Toque em **Concluir** para fechar a comanda — o aviso some.
-   **"Mudei a cor e o status não mudou"** — A cor de **fundo** vem do que você escolheu no menu **Ver** (por padrão, o **serviço** do catálogo). Para mudar o status, use as ações do atendimento (iniciar, concluir, cancelar, marcar falta) — não a cor do serviço nem o menu **Ver**.
-   **"Todos os cartões do dia estão com a mesma cor"** — Você está colorindo por **serviço** e todos os atendimentos do dia são do mesmo serviço. Troque para **Profissional** ou **Situação** no menu **Ver**.
-   **"O dia inteiro ficou cinza depois que atendi todos"** — É o esperado: concluído fica cinza de propósito. Para diferenciar os cartões, olhe a **barra lateral colorida**, o **horário** embaixo do nome e o **contorno** de cada um. O menu **Ver** muda a cor dessa barra (por serviço ou por profissional).
-   **"Não consigo distinguir dois atendimentos no mesmo horário"** — Atendimentos simultâneos do mesmo profissional dividem a largura da coluna e cada um tem **contorno próprio** e o **horário** logo abaixo do nome. Se ainda estiverem parecidos, colorir por **Situação** separa os que já foram concluídos dos que faltam.
-   **"O que é a faixa listrada?"** — É um **bloqueio de horário** (almoço, férias, médico, pessoal, outro), não um atendimento. A cor das listras indica o tipo — veja [Pausas e bloqueios](#pausas-e-bloqueios-faixas-listradas).
-   **"A cor que escolhi voltou ao normal em outro computador"** — A opção de **Colorir por** é salva **no aparelho**, não na sua conta. Cada celular/computador tem a sua.

## Artigos relacionados

-   [Como usar a agenda](/business-admin/calendar/navigate-calendar)
-   [Como finalizar um atendimento](/business-admin/bookings/finalize-booking)
-   [Falta do cliente (no-show)](/professional/handle-no-show)

## Leia também

- [Como usar a agenda](https://docs.barbeiro.app/business-admin/calendar/navigate-calendar)
- [Como finalizar um atendimento](https://docs.barbeiro.app/business-admin/bookings/finalize-booking)
- [Como receber pagamentos online](https://docs.barbeiro.app/business-admin/settings/payments)
- [Como marcar um cliente como faltou](https://docs.barbeiro.app/professional/handle-no-show)