/* C-08 Etapas do dia: done (check, clickable), current (yellow), locked ahead (R-08). */
.etapas { display: flex; gap: var(--sp-2); }
.etapa {
  flex: 1; height: 40px; display: flex; align-items: center; justify-content: center; gap: var(--sp-1);
  border: 1px solid var(--line); border-radius: var(--r-button-app);
  background: var(--surface); color: var(--ink); font: inherit; font-size: var(--fs-small); font-weight: 600;
  cursor: pointer;
}
.etapa--atual { background: var(--accent); border-color: var(--accent); color: var(--brand); cursor: default; }
.etapa--bloqueada { opacity: 0.35; color: var(--muted); cursor: not-allowed; }