.mission-control-core-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  flex: 1;
  min-width: 0;
}

.mission-control-core-view .mission-control-core-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  padding-block-end: var(--spacing-32);
  border-block-end: var(--border-width-base) solid var(--border-color-subtle);
}

.mission-control-core-view .mission-control-core-details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  min-width: 0;
}

.mission-control-core-view .mission-control-core-title-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.mission-control-core-view .mission-control-core-title {
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-xxx-large-28);
  color: var(--color-base);
  margin: 0;
}

.mission-control-core-view .mission-control-core-subtitle {
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
  margin: 0;
}

.mission-control-core-view .mission-control-core-empty {
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
  margin: 0;
}

.mission-control-core-view .mission-control-core-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-12);
  align-items: center;
  justify-content: flex-end;
}

.mission-control-core-view .mission-control-core-actions .button-group-view {
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .mission-control-core-view .mission-control-core-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

.mission-control-core-view .mission-control-core-actions .button-group-view > * {
    flex-grow: 1 !important;
    flex-basis: 100% !important;
  }
}