.st-tab-workspace {
  background: var(--st-color-surface-background);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.st-tab-workspace-strip {
  align-items: stretch;
  background: var(--st-color-surface-white);
  border-bottom: 1px solid var(--st-color-border-default);
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  min-height: var(--st-page-tabs-height);
  overflow-x: auto;
  padding: 0 var(--st-page-gutter);
}

.st-tab-workspace-tab {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--st-color-text-secondary);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--st-font-body-size);
  font-weight: var(--st-font-weight-regular);
  gap: var(--st-space-2);
  min-height: var(--st-page-tabs-height);
  padding: 0;
  position: relative;
}

.st-tab-workspace-tab::after {
  background: transparent;
  border-radius: var(--st-radius-marker);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}

.st-tab-workspace-tab:hover {
  color: var(--st-color-brand-primary);
}

.st-tab-workspace-tab.is-active,
.st-tab-workspace-tab.active {
  color: var(--st-color-brand-primary);
  font-weight: var(--st-font-weight-semibold);
}

.st-tab-workspace-tab.is-active::after,
.st-tab-workspace-tab.active::after {
  background: var(--st-color-brand-primary);
}

.st-tab-workspace-tab.is-disabled,
.st-tab-workspace-tab:disabled {
  color: var(--st-color-text-muted);
  cursor: default;
  opacity: 0.62;
}

.st-tab-workspace-badge {
  background: var(--st-color-surface-muted);
  border: 1px solid var(--st-color-border-default);
  border-radius: var(--st-radius-pill);
  color: var(--st-color-text-secondary);
  font-size: var(--st-font-caption-size);
  font-weight: var(--st-font-weight-medium);
  padding: var(--st-space-1) var(--st-space-2);
}

.st-tab-workspace-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .st-tab-workspace-strip {
    padding-left: var(--st-space-5);
    padding-right: var(--st-space-5);
  }
}

@media (max-width: 699px) {
  .st-tab-workspace-strip {
    gap: var(--st-space-5);
    padding-left: var(--st-space-3);
    padding-right: var(--st-space-3);
  }
}