.main-content {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.top-tabs {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.top-tabs::-webkit-scrollbar {
  display: none;
}

.top-tabs .tab-item {
  flex: 0 0 auto;
}

.dhtmlx-gantt-wrapper,
.dhtmlx-gantt,
.dhtmlx-gantt-host {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}

.dhtmlx-gantt .gantt_container,
.dhtmlx-gantt .gantt_layout_content,
.dhtmlx-gantt .gantt_layout_x,
.dhtmlx-gantt .timeline_cell,
.dhtmlx-gantt .gantt_grid {
  max-width: 100% !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.dhtmlx-gantt .gantt_task {
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

.plan-gantt-nav {
  position: sticky;
  top: 0;
  z-index: 120;
  background: #fff;
  box-shadow: 0 1px 0 #ddd;
}

.gantt_grid_scale,
.gantt_task_scale {
  position: sticky !important;
  top: 51px;
  z-index: 110 !important;
  background: #fff;
  box-shadow: 0 1px 0 #d8d8d8;
}

.gantt_grid_scale {
  z-index: 115 !important;
}

.gantt_task_scale {
  top: 0 !important;
  overflow: hidden;
}

.gantt_data_area {
  position: relative;
}

.custom-act-bar--anchorage {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

.custom-act-bar:not(:hover) {
  box-shadow: none !important;
}

html[data-card-mode="compact"] .custom-act-bar {
  height: 58px !important;
}

html[data-card-mode="compact"] .custom-act-bar .bar-card-content {
  padding: 7px 8px !important;
  justify-content: center !important;
}

html[data-card-mode="compact"] .custom-act-bar .bar-ship-title {
  margin-bottom: 0 !important;
  font-size: 1.05em !important;
  line-height: 1.12 !important;
}

html[data-card-mode="compact"] .custom-act-bar .bar-time {
  display: none !important;
}

html[data-card-mode="compact"] .custom-act-bar .bar-fuels {
  margin-top: 5px !important;
  gap: 4px !important;
}

html[data-card-mode="compact"] .custom-act-bar .bar-fuel-badge {
  min-height: 18px !important;
  padding: 2px 5px !important;
  font-size: 11px !important;
}