/* Tela 6 (Andamento). Só tokens da identidade; o âmbar (#FFC44A) é o destaque de "precisa de você". */
main:has(.andamento) { padding-top: 24px; padding-bottom: 24px; }
.andamento h1 { font-size: clamp(1.75rem, 5vw, 2.5rem); }
.corpo-andamento { display: grid; gap: 20px; max-width: 720px; margin-top: 24px; }
.estado-fabricacao { display: grid; gap: 8px; }
.selo-fabricando, .selo-estado {
  display: inline-flex; align-items: center; gap: 8px; justify-self: start; margin: 0; padding: 6px 14px; border-radius: 999px;
  font-weight: 700; color: var(--fabia-selo-texto); background: var(--fabia-selo-fundo);
}
.selo-fabricando .faisca { animation: pulsar-faisca 1800ms ease-in-out infinite; }
.explicacao { margin: 0; font-size: 1.0625rem; color: var(--fabia-tinta); }
.atualizado, .aviso-fechar { margin: 0; font-size: 0.9375rem; color: rgb(26 21 18 / 0.72); }
.pergunta-fabrica {
  padding: 16px 20px; background: #fff; border: 1px solid var(--fabia-ambar); border-left: 6px solid var(--fabia-ambar); border-radius: 12px;
  box-shadow: 0 0 0 3px rgb(255 196 74 / 0.25);
}
.pergunta-fabrica h2, .falha-fabricacao h2 { margin: 0 0 8px; font-size: 1.125rem; }
.pergunta-fabrica .texto-pergunta { margin: 0 0 8px; font-size: 1.0625rem; font-weight: 600; overflow-wrap: anywhere; }
.sugestoes-fabrica { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sugestoes-fabrica { margin: 8px 0; }
.sugestao-fabrica { padding: 6px 14px; border-radius: 999px; background: var(--fabia-papel); border: 1px solid #E6E1DA; cursor: pointer; }
.sugestao-fabrica:hover, .sugestao-fabrica:focus-visible { border-color: var(--fabia-ambar); }
.pergunta-fabrica .campo-resposta { display: block; box-sizing: border-box; width: 100%; margin: 8px 0; padding: 10px 12px; font: inherit; border: 1px solid #E6E1DA; border-radius: 8px; resize: vertical; }
.pergunta-fabrica .botao { margin-top: 4px; }
.cancelar-fabricacao { display: grid; gap: 8px; justify-items: start; }
.cancelar-fabricacao p { margin: 0; }
.botao-discreto { background: transparent; border-color: transparent; color: rgb(26 21 18 / 0.72); text-decoration: underline; }
.falha-fabricacao { display: grid; gap: 8px; justify-items: start; padding: 16px 20px; background: #fff; border: 1px solid #E6E1DA; border-left: 6px solid var(--fabia-tinta); border-radius: 12px; }
.falha-fabricacao p { margin: 0; overflow-wrap: anywhere; }

.linha-do-tempo { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.etapa {
  position: relative; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px;
  padding: 10px 0 10px 36px; color: rgb(26 21 18 / 0.64);
}
.etapa::before {
  content: ''; position: absolute; left: 4px; top: 14px; width: 14px; height: 14px; box-sizing: border-box;
  border: 2px dashed #CFC8BD; border-radius: 50%; background: #fff;
}
.etapa::after { content: ''; position: absolute; left: 10px; top: 32px; bottom: -12px; width: 2px; background: #E6E1DA; }
.etapa:last-child::after { display: none; }
.etapa-feita, .etapa-atual { color: var(--fabia-tinta); }
.etapa-feita::before { border: 0; background: var(--fabia-tinta); }
.etapa-feita::after { background: var(--fabia-tinta); }
.etapa-atual { font-weight: 700; }
.etapa-atual::before { border: 3px solid var(--fabia-coral); background: var(--fabia-selo-fundo); }
.etapa-hora { font-size: 0.875rem; font-weight: 400; font-variant-numeric: tabular-nums; color: rgb(26 21 18 / 0.72); }

@keyframes pulsar-faisca { 50% { transform: scale(1.25); opacity: 0.7; } }
@media (prefers-reduced-motion: reduce) { .selo-fabricando .faisca { animation: none; } }
/* motor fora do ar com o pedido guardado: aviso calmo, sem cor de erro (nada se perdeu) */
.aviso-motor { margin: 0; color: var(--fabia-tinta); background: #fff; border: 1px solid #E6E1DA; border-left: 6px solid var(--fabia-ambar); }
.corpo-andamento .falha { display: grid; gap: 12px; justify-items: start; }
.esqueleto-andamento { display: grid; gap: 12px; }
.esqueleto-andamento .esqueleto { height: 56px; }