/* Letterhead Configuration Styles */

.canvas-container {
  margin: 0 auto;
  box-sizing: border-box;
}

.canvas-container * {
  box-sizing: border-box;
}

/* Element selection styles */
.element-selected {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* Draggable cursor */
.draggable-element {
  cursor: move;
}

.draggable-element:active {
  cursor: grabbing;
}

/* Grid background (optional) */
.canvas-grid {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Smooth transitions */
.element-transition {
  transition: all 0.2s ease;
}

/* Hover effects for toolbox buttons */
.toolbox-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Properties panel scrollbar */
.properties-panel::-webkit-scrollbar {
  width: 6px;
}

.properties-panel::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.properties-panel::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.properties-panel::-webkit-scrollbar-thumb:hover {
  background: #555;
}