/*
  Prontidão: estilos só da Avaliação ABCDE.
  Carregar DEPOIS de components.css e simulador.css. Só var(--token).
  O indicador de passos usa o componente .passos/.passo do design system.
*/
.ab-contexto { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; font-size: 13px; }
.ab-contexto .link { min-height: 32px; }

/* Título da letra: "A" grande + título */
.ab-titulo { display: flex; align-items: baseline; gap: var(--esp-2); font-size: var(--fs-lg); }
.ab-l {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--raio-sm);
  background: var(--nav);
  color: var(--nav-ink-ativo);
  font-size: 20px;
  font-weight: var(--peso-extra);
}
.ab-lembrete { color: var(--parcial); font-size: 13px; font-weight: var(--peso-forte); }

/* AVDS: 4 botões no controlo segmentado */
.ab-avds button { display: grid; gap: 0; line-height: 1.15; padding: 6px 2px; }
.ab-avds button b { font-size: var(--fs-md); }
.ab-avds button small { font-size: 10.5px; font-weight: var(--peso-medio); }
.ab-avds button[aria-pressed="true"] { background: var(--mint-soft); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--mint); }

.ab-feito { color: var(--ok); font-weight: var(--peso-extra); font-size: 13px; }

/* História: sugestões */
.ab-sugestoes:empty { display: none; }
.ab-sugestoes {
  display: grid;
  overflow: hidden;
  border: 1.5px solid var(--line);
  border-radius: var(--raio-sm);
  background: var(--surface);
}
.ab-sug {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--esp-2);
  width: 100%;
  min-height: var(--toque-min);
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: none;
  color: var(--ink);
  font-weight: var(--peso-medio);
  text-align: left;
}
.ab-sug:last-child { border-bottom: 0; }
button.ab-sug:hover { background: var(--mint-soft); }
.ab-sug small { color: var(--muted); font-weight: var(--peso-normal); }
.ab-sug.indisponivel { color: var(--muted); }
.ab-ir { flex: none; font-size: 13px; }
.ab-sem { padding: 10px 12px; color: var(--muted); font-size: 13px; }
.ab-hist-chip { cursor: default; padding-right: 4px; background: var(--mint-soft); border-color: var(--mint); }
.ab-remover {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: -6px -2px -6px 2px;
  border: 0;
  border-radius: 50%;
  background: none;
  font-size: 20px;
  line-height: 1;
}
.ab-remover:hover { background: var(--surface); }

/* Resultado */
.ab-resumo h3 { font-size: 15px; }
.ab-lista { margin: 0; padding-left: 18px; font-size: 14px; }
.ab-comp th[scope="row"] { white-space: nowrap; }
.ab-comp td, .ab-comp thead th { text-align: left !important; vertical-align: top; }
.ab-esp { display: block; }
.ab-esp.ok { color: var(--ok); font-weight: var(--peso-forte); }
.ab-esp.falta { color: var(--erro); font-weight: var(--peso-forte); }
.ab-comp tr.ab-alerta > * { background: var(--erro-soft); }
.ab-alerta-txt { display: block; margin-top: 4px; color: var(--erro); font-weight: var(--peso-extra); font-size: 12.5px; }