/*
 * Responsive action rows loaded immediately after 12-action-containers.css.
 */

@media (min-width: 640px) {
  .workspace-panel-footer.btn-row-equal,
  .portal-modal-footer.btn-row-equal {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
  }

  .workspace-panel-footer.btn-row-equal > *,
  .portal-modal-footer.btn-row-equal > * {
    min-width: 0;
    width: 100%;
  }

  .workspace-panel-footer.btn-row-equal .btn-canonical,
  .portal-modal-footer.btn-row-equal .btn-canonical {
    min-width: 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .workspace-panel-header-buttons:has(> :nth-child(4)),
  .workspace-page-actions:has(> :nth-child(4)),
  .admin-deposit-actions,
  .invest-actions-row:has(> :nth-child(4)),
  .workspace-step-review-actions {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
  }

  .workspace-panel-header-buttons:has(> :nth-child(4)) > *,
  .workspace-page-actions:has(> :nth-child(4)) > *,
  .admin-deposit-actions > *,
  .invest-actions-row:has(> :nth-child(4)) > *,
  .workspace-step-review-actions > * {
    min-width: 0;
    width: 100%;
  }

  .workspace-panel-header-buttons:has(> :nth-child(4)) .btn-canonical,
  .workspace-page-actions:has(> :nth-child(4)) .btn-canonical,
  .admin-deposit-actions .btn-canonical,
  .invest-actions-row:has(> :nth-child(4)) .btn-canonical,
  .workspace-step-review-actions .btn-canonical {
    min-width: 0;
    width: 100%;
  }

  .workspace-panel-footer.btn-row-equal:has(> :nth-child(2)):not(:has(> :nth-child(3))),
  .portal-modal-footer.btn-row-equal:has(> :nth-child(2)):not(:has(> :nth-child(3))) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: unset;
  }
}

@media (min-width: 768px) {
  .workspace-panel-footer > .btn-canonical:not(.btn-canonical-full),
  .workspace-panel-footer > form > .btn-canonical:not(.btn-canonical-full),
  .workspace-panel-footer.btn-row > .btn-canonical:not(.btn-canonical-full) {
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  .workspace-action-bar,
  .workspace-panel-header-buttons,
  .workspace-panel-actions,
  .workspace-form-actions,
  .form-actions-inline-group,
  .form-actions.integration-actions,
  .portal-modal-footer.btn-row,
  .workspace-panel-footer,
  .workspace-panel-footer.btn-row {
    align-items: stretch;
  }

  .workspace-action-bar > .btn-canonical,
  .workspace-action-bar > form,
  .workspace-action-bar > form > .btn-canonical,
  .workspace-panel-header-buttons > .btn-canonical,
  .workspace-panel-header-buttons > form,
  .workspace-panel-header-buttons > form > .btn-canonical,
  .workspace-panel-actions > .btn-canonical,
  .workspace-panel-actions > form,
  .workspace-panel-actions > form > .btn-canonical,
  .workspace-form-actions > .btn-canonical,
  .workspace-form-actions > form,
  .workspace-form-actions > form > .btn-canonical,
  .form-actions-inline-group > .form-actions-inline,
  .form-actions-inline-group > .form-actions-inline > .btn-canonical,
  .form-actions-inline-group > form,
  .form-actions-inline-group > form > .btn-canonical,
  .form-actions.integration-actions > .btn-canonical,
  .form-actions.integration-actions > a.btn-canonical,
  .form-actions.integration-actions > form,
  .form-actions.integration-actions > form > .btn-canonical,
  .portal-modal-footer.btn-row > .btn-canonical,
  .workspace-panel-footer > .btn-canonical,
  .workspace-panel-footer > form,
  .workspace-panel-footer > form > .btn-canonical,
  .workspace-panel-footer.btn-row > .btn-canonical {
    width: 100%;
    min-width: 0;
  }

  .form-actions.integration-actions > .export-status {
    grid-column: 1 / -1;
    text-align: left;
  }

  .form-actions.integration-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .form-actions.integration-actions > .btn-canonical:only-child,
  .form-actions.integration-actions > a.btn-canonical:only-child {
    grid-column: 1 / -1;
  }

  .form-actions-inline-group {
    flex-direction: column;
    align-items: stretch;
  }

  .form-actions-inline-group > .form-actions-inline,
  .form-actions-inline-group > form,
  .form-actions-inline-group > .form-actions-inline-secondary,
  .form-actions-inline-group > .form-actions-inline-primary {
    flex: 1 1 100%;
    width: 100%;
  }

  .form-actions-inline-group > .form-actions-inline > .btn-canonical,
  .form-actions-inline-group > form > .btn-canonical {
    width: 100%;
    min-width: 0;
  }

  .workspace-page-actions {
    align-items: stretch;
  }

  .workspace-page-actions > .btn-canonical,
  .workspace-page-actions > form,
  .workspace-page-actions > form > .btn-canonical {
    width: 100%;
    min-width: 0;
  }
}