/**
 * UNIMERCE Marketplace
 * Developer: Morris Robinson <morrisrobinson1688@aol.com>
 * Patch 290: full-row text and separate action-row correction
 */

/*
 * UNIMERCE interaction rule:
 * explanatory text always occupies a complete row;
 * related buttons always occupy the next complete row.
 */
.um-two-factor-setup-page .um-security-choice-note,
.um-two-factor-setup-page .um-security-app-links {
  display: block;
}

.um-two-factor-setup-page .um-security-actions,
.um-auth-return-dialog .um-security-actions {
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}

.um-two-factor-setup-page .um-security-actions form,
.um-auth-return-dialog .um-security-actions form {
  margin: 0;
}

.um-two-factor-setup-page .um-security-manual-key {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
}

.um-two-factor-setup-page .um-mobile-download-panel > div > .row,
.um-two-factor-setup-page .um-mobile-auth-setup > .row,
.um-two-factor-setup-page .um-security-choice-note > .row,
.um-two-factor-setup-page .um-security-app-links > .row,
.um-auth-return-dialog-card > .row {
  width: 100%;
}

.um-two-factor-reminder-bar {
  display: block;
  width: 100%;
}

.um-two-factor-reminder-copy {
  display: grid;
  gap: .25rem;
  width: 100%;
}

.um-two-factor-reminder-actions {
  width: 100%;
  justify-content: flex-start;
}

.um-two-factor-reminder-actions form {
  margin: 0;
}

@media (max-width: 767.98px) {
  .um-two-factor-setup-page .um-security-actions,
  .um-auth-return-dialog .um-security-actions,
  .um-two-factor-reminder-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .um-two-factor-setup-page .um-security-actions .um-btn,
  .um-two-factor-setup-page .um-security-actions button,
  .um-auth-return-dialog .um-security-actions .um-btn,
  .um-auth-return-dialog .um-security-actions button,
  .um-two-factor-reminder-actions .btn,
  .um-two-factor-reminder-actions form,
  .um-two-factor-reminder-actions form .btn {
    width: 100%;
  }
}