.workbench-tabs-shell {
  width: min(var(--container), calc(100% - 32px));
  margin: 12px auto 0;
}

.workbench-tabs {
  border-bottom: 1px solid #e5e7eb;
}

.workbench-tabs__inner {
  display: flex;
  gap: 24px;
  padding-left: 4px;
}

.workbench-tab {
  display: inline-flex;
  align-items: center;
  padding: 10px 2px;
  text-decoration: none;
  color: #6b7280;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  transition: color 0.18s ease, border-color 0.18s ease;
}

.workbench-tab:hover {
  color: #111827;
}

.workbench-tab.active {
  color: #111827;
  border-bottom: 2px solid #2563eb;
}

@media (max-width: 640px) {
  .workbench-tabs__inner {
    gap: 18px;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .workbench-tab {
    white-space: nowrap;
  }
}