/* UX-K: botão "Voltar" (secundário) padronizado no tamanho md em TODOS os steps de wizard/
   order-flow. Sem este override o grid .invest-actions-wizard estica o Voltar até ~1/3 da
   barra (ex.: 298px), deixando-o MAIOR e despadronizado frente ao onboarding (form-actions,
   ~200px) e às telas de verificação. Aqui o Voltar fica fixo em --btn-width-md (200px),
   alinhado à esquerda, e o botão de avançar/confirmar preenche o restante da barra.
   Carregado por último no _Layout para vencer a cascata de 12d/15d. QA UX-K. */
@media (min-width: 768px) {
  .invest-actions-wizard {
    grid-template-columns: var(--btn-width-md, 200px) minmax(0, 1fr);
  }

  /* Voltar fixo em md (200px) tanto no grid do wizard quanto na barra .invest-actions
     simples (ex.: tela de confirmação por código), para não encolher ao conteúdo (168px)
     nem esticar (298px): mesmo tamanho em todos os steps e telas de verificação. */
  .invest-actions-wizard > .btn-canonical-secondary:first-child,
  .invest-actions > .btn-canonical-secondary:first-child {
    width: var(--btn-width-md, 200px);
    min-width: var(--btn-width-md, 200px);
    max-width: var(--btn-width-md, 200px);
    flex: 0 0 auto;
    justify-self: start;
  }
}