/* ========================================================================== 
         СТРОКИ И СЕТКА ГАНТА 
   ========================================================================== */

.gantt-row {
  display: grid;
  grid-template-columns: 260px 1fr;
  border-bottom: 1px solid var(--polyus-border);
  height: 80px !important;
  /* Жесткая высота строки, когда план виден */
  position: relative;
  z-index: var(--gantt-z-base-grid);
}

body.hide-gantt-baseline .gantt-row {
  height: 65px !important;
  /* Жесткая высота строки, когда план скрыт */
}

.gantt-label-cell {
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-main);
  background-color: var(--polyus-bg-card);
  border-right: 1px solid var(--polyus-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  position: sticky;
  left: 0;
  z-index: var(--gantt-z-sticky-label);
  height: 100% !important;
  /* Автоматически принимает либо 100px, либо 60px */
}

.btn-add-task {
  background-color: var(--polyus-gold);
  color: #000;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}

.gantt-label-cell:hover .btn-add-task {
  opacity: 1;
}

/* 1. Сетка слотов строки: разрешаем ей автоматически растягиваться по высоте контента */
.gantt-slots-container {
  grid-column: 2 / span 1;
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 4), 1fr);
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: var(--gantt-z-event) !important;
  box-sizing: border-box;
  align-items: center;
  background-color: transparent !important;
  overflow: visible !important;
}

.gantt-slot-grid-line {
  border-right: 1px solid rgba(44, 49, 54, 0.4);
  height: 100%;
  z-index: var(--gantt-z-base-grid);
}

.gantt-slot-grid-line:last-child {
  border-right: none;
}