/* canvas.css - SVG Canvas, Crosshairs, and Overlays */

#canvas-container {
  background-color: #f8fafc;
  background-image: 
    radial-gradient(#e2e8f0 1px, transparent 0);
  background-size: 24px 24px;
}

#cad-svg-canvas {
  width: 100%;
  height: 100%;
  pointer-events: all;
  touch-action: none;
}

/* CAD Objects */
.cad-object {
  cursor: pointer;
}

.cad-object:hover polygon,
.cad-object:hover line,
.cad-object:hover rect {
  filter: drop-shadow(0 0 2px rgba(59, 130, 246, 0.6));
}

.cad-object.selected {
  outline: none;
}

/* Snap Markers */
.snap-marker {
  pointer-events: none;
}

/* House Center Marker */
.house-center-marker {
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}

/* Compass Overlay */
#cad-compass-overlay {
  pointer-events: none;
  user-select: none;
}