/* Correções da revisão — frente FLUXO/UX (branch correcao-fluxo). Arquivo próprio para não brigar com o app.css
   (a frente visual mexe nele). Só usa os tokens do design system (docs/design-system.md). */

/* P53: não lido = negrito + ponto marinho de 8 px antes do número (“Não lido” em etiqueta neutra, nunca âmbar) */
.ponto-nao-lido { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--marinho);
  margin-right: .4rem; vertical-align: middle; }

/* P20: faixa verde com “Desfazer” (some sozinha) */
.faixa-desfazer { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between; }
.faixa-desfazer p { margin: 0; }
.faixa-desfazer[hidden] { display: none; }

/* P53: selo único de situação no topo do processo */
.capa-selo { margin: .1rem 0 .2rem; }
.capa-selo .status { font-size: 1.05em; font-weight: 600; padding: .3rem .7rem; }

/* P52: obrigatório marcado e erro junto do campo */
.obrigatorio { color: var(--atrasado); font-weight: 700; margin-left: .15rem; }
.resumo-erros { border: 2px solid var(--atrasado); border-radius: 6px; padding: .6rem 1rem; margin: 0 0 1rem; }
.resumo-erros h2 { font-size: 1em; margin: 0 0 .3rem; color: var(--atrasado); }
.resumo-erros ul { margin: 0; padding-left: 1.2rem; }
.anexo-guardado { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin: 0 0 .4rem; }
.anexo-guardado .ok { color: var(--ok-texto, inherit); font-weight: 600; }

/* P32: ação desabilitada = borda sólida, sem tracejado; motivo em balão */
.barra-pasta .acao[aria-disabled="true"] { border-style: solid !important; color: var(--tinta-suave); cursor: not-allowed; }

/* P38: motivo do bloqueio uma vez só, no topo do menu Mais; explicação curta embaixo de cada item */
.mais-motivo { font-size: .9em; color: var(--tinta-suave); padding: .4rem .6rem; border-bottom: 1px solid var(--linha); margin: 0; }
.acao-mais-lista .mais-explica { display: block; font-size: .85em; color: var(--tinta-suave); font-weight: 400; }

/* P71: atalhos de teclado */
.atalhos-lista { display: grid; grid-template-columns: max-content 1fr; gap: .3rem 1rem; margin: 0; }
.atalhos-lista kbd { font: inherit; font-weight: 700; border: 1px solid var(--linha-forte, #888); border-radius: 4px;
  padding: 0 .4rem; }
tr.linha-foco td { background: var(--marinho-claro); }

/* P57: abas novas da Caixa de entrada; texto oculto dentro da aba rolável não alarga a página no celular */
.abas-caixa a { position: relative; }
.abas-caixa ul { overflow-x: auto; }