/* ==========================================================================
   ПЕРЕМЕННЫЕ И ИЕРАРХИЯ СЛОЕВ (Управление контекстом наложения)
   ========================================================================== */
:root {
  --gantt-z-base-grid: 1;
  /* Сетка дней и вертикальные линии слотов */
  --gantt-z-rows-container: 10;
  /* Контейнер для строк и генерации JS */
  --gantt-z-svg-links: 15;
  /* Линии связей (под вехами) */
  --gantt-z-today-line: 2;
  /* Линия "Сегодня" (над вехами) */
  --gantt-z-event: 40;
  /* Плашки вех (над стрелками) */
  --gantt-z-overlay: 40;
  /* Затемнение модальных окон */
  --gantt-z-sticky-header: 50;
  /* Двухуровневая шапка дат */
  --gantt-z-sticky-label: 55;
  /* Боковые ячейки названий направлений */
  --gantt-z-dropdown: 99;
  /* Выпадающее меню масштаба */
  --gantt-z-footer: 100;
  /* Фиксированный нижний футер */
}

/* ========================================================================== 
         ОБЩАЯ ГЕОМЕТРИЯ
========================================================================== */

.roadmap-section {
  background-color: none;
  border: none;
  border-radius: 12px;
  padding: 12px 24px 0 24px !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  /* Занимает всю доступную высоту */
  box-sizing: border-box;
  overflow: visible !important;
}


/* ========================================================================== 
         КОНТЕЙНЕР ДИАГРАММЫ ГАНТА И СКРОЛЛ 
========================================================================== */
/* КОНТЕЙНЕР ДИАГРАММЫ ГАНТА И СКРОЛЛ */
.gantt-container {
  display: flex;
  flex-direction: column;
  min-width: 850px;

  /* ИСПРАВЛЕНИЕ: Высота теперь подстраивается под контент */
  height: auto !important;

  /* Ограничитель: если строк много, таблица займет максимум видимый экран и включит скролл */
  max-height: calc(100vh - 180px) !important;

  margin-bottom: 85px !important;
  position: relative;
  background-color: var(--polyus-bg-dark);
  border: 1px solid var(--polyus-border);
  border-radius: 8px;
  overflow: hidden;
}


.gantt-event-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Центрирует и одну работу, и работу с планом вместе */
  align-items: flex-start;
  height: 100%;
  gap: 6px;
  /* Красивый отступ, который исчезнет, если плана нет */
  pointer-events: none;
  z-index: var(--gantt-z-event);
}

/* Контейнер, внутри которого физически происходит прокрутка */
#gantt-rows-wrapper {
  position: relative;
  width: 100%;

  /* ИСПРАВЛЕНИЕ: Снимаем жесткий calc, обертка сжимается до высоты строк */
  height: auto !important;
  max-height: 100% !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
}


/* Если у body активен класс, все планы мгновенно и бесследно скрываются */
body.hide-gantt-baseline .gantt-baseline-event {
  display: none !important;
}

/* Красивая подсветка кнопки "План" в шапке, когда режим отображения активен */
.btn-scale-toggle.baseline-active {
  border-color: var(--polyus-gold) !important;
  color: #000000 !important;
  background-color: var(--polyus-gold) !important;
}