/* Próxima ação calculada na faixa lateral do Resumo. */

.passo {
  margin: 8px 0;
  padding: 7px 10px;
  border-left: 3px solid var(--accent);
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  font-size: var(--txt-md);
}

.passo.atraso {
  border-left-color: var(--vermelho);
  background: color-mix(in srgb, var(--vermelho) 9%, transparent);
}

.detailRail .nextPanel {
  border: 0;
  background: linear-gradient(145deg, #17263a, #213751);
  color: white;
  box-shadow: var(--shadow-raised);
}

.detailRail .nextPanel h2,
.detailRail .nextPanel .passo {
  color: white;
}

.detailRail .nextPanel .passo {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.detailRail .nextPanel .muted {
  color: #9eacc0;
}