.headerDesc {
  display: flex;
  align-items: center;
  :global(.teamix-avatar-image img) {
    width: 20px;
    height: 20px;
  }
}

.history {
  :global {
    .next-nav-embeddable.next-normal {
      height: unset;
    }
    .next-tabs-bar {
      margin: 16px 0;
      width: 180px;
    }
    .next-tabs-content {
      border-left: 1px solid var(--color-line1-1) !important;
    }
  }
}

.historyContent {
  overflow: auto;
  flex: 1;
  padding: 24px;
}

.tags {
  white-space: pre-wrap;
  :global(.next-tag) {
    margin-right: 4px;
  }
}

.statusTag {
  :global {
    .next-tag-body {
      cursor: pointer;
    }
  }
}

.actions {
  :global {
    .next-btn {
      margin-right: 16px;
    }
  }
}

.monitor {
  width: 100%;
  height: calc(100vh - 142px);
  :global(.next-loading-wrap) {
    height: 100%;
  }
}

.iframe {
  border: none;
}

.latestChangeOrderCell {
  display: flex;
  align-items: center;
  &Link {
    margin-left: 4px;
  }
}

.emptyText {
  font-weight: 400;
  color: var(--color-line1-5, #adadad);
  font-size: 12px;
  margin-right: 5px;
}

.deleteEnvTooltip {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

:global {
  .next-balloon-tooltip {
    max-width: unset;
  }
}

.buttonContent {
  display: flex;
  align-items: center;
}

.buttonText {
  line-height: 20px;
  display: inline-block;
  margin-left: 3px;
  vertical-align: top;
}

.deployContent {
  display: flex;
  align-items: center;

  &>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.deployValue {
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}