/* Убираем анимацию для рядков */
tbody tr {
  opacity: 1; /* Рядки відразу видно */
}

/* Ефект підсвітки при наведенні на контейнер таблиці */
.equipment-list:hover,
.selected-equipment-wrapper:hover {
  box-shadow: none;
  border: none;
  background-color: transparent;
  transform: none;
}

/* Для фокусування на другій таблиці після додавання елемента - ВИМКНЕНО ДЛЯ ШВИДКОДІЇ */
.selected-equipment-wrapper.highlight {
  /* Анімація вимкнена для миттєвого переносу обладнання */
}

/* Иконка локации */
.location-icon {
  display: block;
  position: relative;
  top: 5px; 
  margin: 0 auto;
}

/* Тонкая линия (трек) слева */
.custom-scroll-track {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #79747E;
  height: 100%;
  z-index: 5; /* Додаємо z-index, щоб трек був над іншими елементами */
}

/* Подвижный ползунок (алмаз) */
.custom-scroll-thumb {
  position: absolute;
  left: 0;
  transform: translateX(-50%);
  width: 27px;
  height: 38px;
  background: url("/static/booking/images/controller.svg") no-repeat center center;
  background-size: contain;
  cursor: pointer;
  z-index: 6; /* Більший z-index, ніж у трека */
  pointer-events: all; /* Переконуємося, що повзунок можна перетягувати */
}

.loading::after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url("/static/booking/images/controller.svg") no-repeat center center;
  background-size: contain;
  animation: spinner 2s infinite linear;
}