# Rodada de ajuste: corrigir a própria direção com as críticas

Três críticos atacaram as quatro direções:
- a doutora no iPhone, entre uma consulta e outra;
- a Fer na recepção, oito horas por dia;
- clareza, acessibilidade e sistema.

As críticas inteiras estão em `prototipos/layouts/criticas/`: `doutora-iphone.md`, `fer-recepcao.md` e `clareza-sistema.md`. Leia as três inteiras, com os prints que elas citam, antes de mexer. O topo de cada uma diz o que ficou velho com as decisões de 07/10/2026.

| Direção | Doutora | Fer | Clareza | Média |
|---|---|---|---|---|
| Calma clínica | 5 | 6 | 7 | 6,0 |
| Uma coisa de cada vez | 7 | 6,5 | 6 | 6,5 |
| Linha do tempo do dia | 6 | 7 | 4,5 | 5,8 |
| Conversa com o copiloto | 4,5 | 4 | 5 | 4,5 |

A Conversa não entra nesta rodada: os três críticos a puseram entre as últimas, por motivos de conceito (texto demais e formato de chat). A melhor ideia dela, o recibo com "Desfazer", passa a ser obrigatória para todas.

**O objetivo:** cada direção continua sendo ela mesma, sem virar as outras, mas sem os defeitos. Não refaça do zero. Corrija os defeitos da sua lista e cumpra o piso comum. Um quinto designer está montando, ao mesmo tempo, a síntese que os críticos propuseram. Por isso, a sua direção precisa chegar ao fim desta rodada como a melhor versão possível dela mesma.

---

## 1. Piso comum (vale para todas as direções)

1. **Primeira tela.**
   - Fer: em 1440×1000, 1366×768 e 1280×800, a primeira urgente aparece com os botões, sem rolar.
   - Doutora: em 390×664 (a área que sobra no Safari do iPhone), a primeira decisão aparece com os botões, sem rolar.
2. **O depois, com a ideia da Conversa.**
   - Toda ação deixa um recibo de uma linha, que diz o que foi feito e quem ficou sabendo, com "Desfazer". Exemplo: "Registrei a chegada do Thiago. A Ana Carolina já vê na agenda dela. Desfazer".
   - A tarefa feita vira uma linha curta, com o resultado e a hora. Ela desce para "Feitas hoje (n)"; na doutora, para "Decididas hoje (n)".
   - Os números mudam na hora: o progresso, a contagem por área, as urgentes e a recepção de hoje.
   - Resolver abre a seguinte, como decidido na seção 8 do CLAUDE.md. O recibo com "Desfazer" fica pelo menos 5 segundos, e a linha feita mantém o "desfazer" até o fim do dia.
   - Uma região `aria-live` existe desde a abertura da página. O foco vai para a tarefa seguinte.
3. **Números sempre do código.**
   - Títulos e contagens são calculados ("2 urgentes", "6 de 26 tarefas").
   - O texto da IA não carrega número que envelhece. O resumo da manhã fica com uma ou duas linhas.
4. **Unidade escrita.** Os filtros contam pacientes por área, e o progresso conta tarefas. Essa conta é decisão do projeto (seção 8), não do layout. Escreva a unidade nos dois lugares: "34 pacientes" e "0 de 26 tarefas".
5. **Teclado da Fer.**
   - A aprova a mensagem, E edita e P pula.
   - 1 a 4 escolhem a opção ou o resultado: Chegou, Avisou atraso e Não veio; Confirmou, Remarcar, Cancelou e Ligar; os resultados da ligação.
   - J e K andam pela lista, / pede ao copiloto, V cola mensagem e Esc fecha.
   - A nunca registra resultado de ligação. Na ligação, primeiro vem "Liguei" e depois os resultados.
   - A legenda mostra só as teclas que funcionam no seu HTML.
6. **Confirmações** (seção 8, item 1).
   - Uma linha por paciente, com Confirmou, Remarcar, Cancelou e Ligar.
   - "Pedir uma por uma" só abre as mensagens em sequência e não fecha nada.
   - O item só sai da lista quando todos responderam.
7. **Tipografia.**
   - No máximo 7 tamanhos, em tokens. Sugestão: 12, 14, 16, 18, 22, 28 e 40 px.
   - Nenhum texto abaixo de 12 px (13 px no iPhone).
   - Caixa alta só em rótulo de 12 px ou mais, e com moderação.
8. **Cor e contraste.**
   - Texto com 4,5:1 e contorno de controle com 3:1 (token sugerido: `#7D879A`).
   - Anel de foco marinho de 2 px, com 2 px de afastamento (o dourado reprova).
   - Um vermelho só, para o urgente. Tokens de estado (urgente, atenção e ok), sempre com ícone e texto, nunca só a cor.
   - Nenhuma cor fora dos tokens.
9. **Alvos de toque.** 44 px no iPhone e no iPad. Nome em lista é tocável na linha inteira.
10. **Marca.** O mesmo monograma em SVG nas duas telas (trecho abaixo). No cabeçalho vai o nome da clínica, não "Copiloto".
11. **Larguras.**
    - A Fer não pode estourar em 820 px nem em 390 px (nada de rolagem horizontal), mesmo que o desenho caprichado seja o do notebook.
    - A doutora precisa de uma versão de iPad em pé (820×1180) que aproveite a largura, por exemplo em duas colunas, e não de uma coluna estreita no meio.
12. **Barras fixas.** Use `scroll-padding-top` e `scroll-padding-bottom` do tamanho das barras, para nada ficar escondido atrás delas.
13. **Fora do sistema desde 07/10 (não desenhe):**
    - alerta clínico e a situação dele;
    - selo de "sessões em pausa";
    - qualquer coisa da Dra. Monielle além da agenda.

    Relato clínico não fica registrado: o paciente fala direto com ela.
14. **Dados.** Use os nomes e números de `conteudo-fer.txt` e `conteudo-doutora.txt`. Se precisar de um nome a mais (quem chega em cada hora, por exemplo), use um que já apareça nos conteúdos.

### Monograma (use este, igual nas duas telas)

```html
<svg class="marca" viewBox="0 0 36 48" width="30" height="40" role="img" aria-label="Dra. Suellen Ferreira">
  <rect class="marca-moldura" x="1" y="1" width="34" height="46" rx="17" fill="none" stroke-width="1.5"/>
  <text x="18" y="30" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="15" font-weight="500" letter-spacing="0.5"><tspan class="marca-s">S</tspan><tspan class="marca-f">F</tspan></text>
</svg>
```

```css
.marca-moldura { stroke: var(--dourado); }          /* #B8975E */
.marca-s { fill: var(--marinho); }                   /* #14284B; no escuro, a tinta clara */
.marca-f { fill: var(--dourado-texto); }             /* #86672F */
```

---

## 2. Calma clínica: o que corrigir

**Fer**
1. **Abertura.**
   - O "Bom dia" vira uma faixa de uma linha, com título de 32 px no máximo e o progresso como uma linha fina ("0 de 26 tarefas").
   - A primeira urgente começa antes de 500 px de altura.
2. **Linhas da lista.**
   - Linhas de 56 px, com a etiqueta em 13 a 14 px e sem caixa alta.
   - "Em risco · 52 dias" pesa mais que "Alta há 60 dias": use marinho e negrito, ou o token de atenção com ícone.
   - O canal só aparece quando não for WhatsApp.
3. **Faixa fixa no topo**, com os filtros como contadores, "Peça ao copiloto" (/) e "Colar mensagem" (V). Com filtro ativo, os títulos de grupo somem: assim acaba a navegação dupla.
4. **O depois e o teclado ligados de verdade.** Hoje A, E e P só aparecem na legenda.
5. **Recepção de hoje** mostra quem chegou e quem falta, não só "16 a chegar".
6. **Defeito de CSS em 960 px ou menos.** O rótulo fica por cima do texto. Conserto: `.aberta dt, .aberta dd, .acoes { grid-column: 1 }` dentro do media query.

**Doutora**
1. **Abertura.** "Esperando você" logo abaixo de uma saudação de uma linha. Os quatro números numa faixa de uns 56 px, que abre a Gestão.
2. **Três grupos fixos.**
   - "Alguém espera você": as perguntas da Fer, os textos que a Fer espera para mandar e os insumos.
   - "Hoje": o post das 19h e a receita em jogo.
   - "Esta semana": o kit, os 2 anos de parceria, as apostas e as oportunidades. Este grupo fica fechado numa linha, com a contagem.
3. **Cada decisão mostra o título e a resposta.** O contexto fica atrás de "Por quê?". Depois do toque, ela recolhe numa linha ("Pode oferecer · a Fer já sabe · Desfazer") e vai para "Decididas hoje (n)". "Deixar para depois" em todas.
4. **Uma linha fixa "Agora · próxima consulta"** no topo, e a agenda logo depois das decisões rápidas.
5. **Detalhes.**
   - Cabeçalho fixo de 52 px.
   - A situação da consulta em 13 px, numa frase normal.
   - As instruções da agenda só na primeira semana.
   - As peças de marketing com miniatura da imagem.
   - Meta: 2,5 telas no iPhone.

**As duas:** contorno num token só (`#7D879A`) e a escala de 7 tamanhos. O tema escuro continua.

---

## 3. Uma coisa de cada vez: o que corrigir

**Fer**
1. **Visão geral sempre, com um modo só** (decisão do Luiz de 06/10: "uma tarefa não pode ocupar a tela").
   - A coluna da esquerda vira a lista inteira das 26 tarefas, em linhas compactas (nome, etiqueta e motivo em uma linha), agrupadas, com a aberta destacada.
   - O cartão do centro ocupa no máximo 60% da largura.
   - Sai o modo "dia inteiro" separado.
2. **Desfazer.**
   - Aviso com "Desfazer" por 5 segundos, sem cobrir a lista.
   - A linha feita fica "Feita · Chegou · 09:21 · desfazer" até o fim do dia.
   - Os contadores e a recepção de hoje são recalculados a cada ação. Hoje o Thiago continua "não chegou" depois do "Chegou".
3. **Teclado do piso comum.** A só aprova mensagem.
4. **Confirmações** como no piso comum.
5. **Notebooks menores.**
   - Nome do paciente em 24 px e "por que agora" em uma linha, com "mais".
   - Botões presos no rodapé do cartão.
   - Abaixo de 1366 px, o contexto (recepção, vagos e insumos) numa faixa compacta acima do cartão, e não no fim da página.
6. **Abaixo de 1024 px**, a lista numa coluna e a tarefa em tela cheia, com "voltar". Em 390 px, nada estoura.

**Doutora**
1. **Faixa "Agora" acima da fila.**
   - "Camila Duarte terminou: Fechou o protocolo · Vai pensar · Não fechou". "Vai pensar" abre os quatro motivos: valor, tempo, decidir em casa e outro.
   - "10:00 Jorge Almeida · antes e agora pronto ›".
2. **A fila só com o que se decide num toque.**
   - Embaixo, "Para ler com calma", com o tempo de cada item ("5 posts · uns 4 min", "2 textos · 2 min").
   - Os textos que a Fer espera para mandar sobem na ordem.
   - O post das 19h vira lembrete a partir das 18h45.
3. **Embaixo do cartão**, os títulos dos 2 seguintes, uma linha cada, e "e mais N".
4. **Desfazer por 5 segundos**, com o próximo cartão entrando, e o foco no título dele.
5. **Menos cara de app genérico.**
   - Sombra quase nenhuma e uma linha fina. Saudação em Montserrat fina.
   - Arrastar para o lado vale "depois", nunca uma decisão.
   - Nomes com alvo de 44 px.
   - No iPad, a fila e a agenda lado a lado.

**As duas:**
- Cores só em tokens. O verde `#2F6B4F` sai ou vira token de estado "ok", com par escuro se fizer o tema escuro.
- O campo "Peça ao copiloto" com borda `#7D879A` e `<label>` cobrindo a caixa inteira.
- Não use o hash da página para guardar estado: ele é o roteador dos protótipos (`#copiloto`, `#pacientes`). Se der, troque `:target` e `:has()` por estado em JavaScript; não é obrigatório nesta rodada.

---

## 4. Linha do tempo do dia: o que corrigir

**Fer**
1. **Abrir sempre no Agora.**
   - As horas passadas recolhem numa linha ("08:00–09:20 · 5 atendimentos · 3 feitas").
   - Uma pílula "Voltar para agora" aparece quando ela rola.
   - O "Bom dia" e os quatro números viram uma faixa só.
2. **Nada pendente acima do Agora.** A tarefa que passou da hora sobe para o bloco Agora, com "atrasada desde 10:00".
3. **A hora de cada tarefa vem só de três fontes, por regra fixa:**
   - a hora marcada de um atendimento (a Beatriz sai da avaliação às 10h, a Gabriela tem sessão às 16h);
   - o prazo real de uma regra do projeto (contato novo em 1 hora, falta em 2 horas, confirmações até as 16h);
   - o melhor horário registrado do paciente ("prefere ligação no fim do dia").

   Sem nenhuma dessas âncoras, a tarefa fica no bloco Agora, pela prioridade. Não invente janela de horário: seria regra nova, que ninguém decidiu.
4. **Horários vagos fixos no painel lateral**, sem rolagem própria. No bloco da hora fica só a tarefa de preencher.
5. **A tela acompanha cada ação:** a linha da hora, os números, as áreas e o título do bloco. Os títulos dos blocos são calculados ("2 urgentes: 1 falta, 1 contato novo"), e não frases da IA.
6. **Menos poluição.**
   - Sai a fila de números grandes.
   - O filtro vira uma fileira de contadores compactos, não uma grade de 9 botões.
   - Filtrar esmaece o resto.
   - Menos dourado.

**Doutora**
1. **Abrir no Agora.**
   - O passado fica numa linha ("Manhã: 2 consultas ›").
   - Os números ficam numa faixa no topo, e "Esperando você: N" fica fixo no topo.
2. **Só o intervalo atual aberto.**
   - Os outros intervalos ficam numa linha, com a contagem.
   - No máximo 3 itens por intervalo, com "e mais N".
3. **O que não foi respondido no intervalo sobe para junto do Agora**, com "esperando desde 08:52". Cada item tem "Mais tarde", com três escolhas: próximo intervalo, à tarde ou amanhã.
4. **Sem intervalo de 15 minutos**, as rápidas vão para "Antes da próxima".
5. **"Vai pensar" abre os quatro motivos.** O post das 19h vira lembrete a partir das 18h45.

**As duas:**
- Anel de foco marinho, borda `#7D879A` e barra de 3 px na aba ativa da doca.
- Corte elementos: hoje são 1.718 na Fer. Não dependa de `<details name>` para o estado.

---

## 5. Entrega

1. Sobrescreva os seus dois arquivos (`<slug>-fer.html` e `<slug>-doutora.html`). A versão anterior está no Git, no commit c4a0f61.
2. Prints em `var/prints/layouts/<slug>/rodada2/`, pelo PowerShell, como na primeira rodada:
   - **Fer:**
     - 1440×1000 (tela e página inteira);
     - 1366×768 e 1280×800 (só a tela);
     - o estado depois de resolver a primeira urgente (recibo e números);
     - o cartão das confirmações aberto;
     - 390 px, página inteira, só para conferir que nada estoura.
   - **Doutora:**
     - 390×844 (página inteira) e 390×664 (só a tela);
     - 820×1180 (tela);
     - o estado depois de uma decisão (recibo).

   Olhe cada print e corrija o que estiver cortado, sobreposto ou apertado.
3. Responda com:
   - os caminhos dos arquivos e dos prints;
   - defeito por defeito, com a numeração acima, o que mudou;
   - o que não deu e por quê;
   - três frases para o Luiz sobre a direção ajustada.

## Limites

Os mesmos da primeira rodada:
- escreva só em `prototipos/layouts/` e `var/prints/layouts/<slug>/`;
- não mexa em nenhum outro arquivo do projeto;
- não faça commit, não publique e não instale nada;
- trabalhe só dentro de `C:\Claude\DraSuellenApp\`.