/* canvas.css — Стили зоны холста и сетка */

/* Фон холста задаётся в JS (canvasSetup.js → initializeCanvas) */
/* Здесь — только CSS для обёртки и overlay-элементов */

.app-canvas {
  background-color: var(--color-canvas);
}

/* Подписи объёмов воздуха на холсте */
.air-volume-label {
  position: absolute;
  background: rgba(18, 19, 26, 0.85);
  border: 1px solid rgba(79, 154, 255, 0.4);
  color: var(--color-airflow);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: var(--font-size-base);
  font-weight: 500;
  pointer-events: none;
  z-index: 10;
}

/* Метки концов линий */
.line-end-marker {
  fill: var(--color-accent);
  stroke: var(--color-accent);
}

.line-end-marker-bg {
  fill: var(--color-accent-bg);
}

/* Маркеры пересечений */
.intersection-point {
  cursor: pointer;
}