.mfa-show-wrapper {
  max-width: 32rem;
  margin-inline: auto;
  color: var(--text-primary);

  & h1 { margin-bottom: var(--spacing-8); }
}

.mfa-show-back-row { margin-bottom: var(--spacing-24); }

.mfa-show-intro {
  color: var(--text-secondary);
  margin-bottom: var(--spacing-32);
}

.mfa-show-status-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  margin-bottom: var(--spacing-24);

  & .mfa-show-backup-count {
    font-size: var(--font-size-14);
    color: var(--text-tertiary);
  }
}

.mfa-show-description {
  color: var(--text-secondary);
  margin-bottom: var(--spacing-24);
}

.mfa-show-disable-form {
  display: flex;
  gap: var(--spacing-12);
  align-items: flex-end;

  & .mfa-show-disable-field { flex: 1 1 0%; }
}

/* Submit buttons — orange disable, pink set-up. */
.mfa-show-disable-button,
.mfa-show-setup-button {
  color: var(--color-white-solid);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--corner-radius-sm);
  transition: background-color 150ms;
  cursor: pointer;
}
.mfa-show-disable-button {
  background-color: var(--background-surface-2);
  font-weight: var(--font-weight-500);
  white-space: nowrap;
}
.mfa-show-setup-button {
  background-color: var(--background-surface-2);
  font-weight: var(--font-weight-600);
}