/*
 * Main application stylesheet
 * 
 * Note: With Propshaft, we link stylesheets directly in the layout
 * This file is kept for additional custom styles only
 */

 @import "print";


/* Show class for JavaScript interactions */
.show {
  display: block !important;
}

/* Ensure base styles */
button {
  border: none;
  font-family: inherit;
  cursor: pointer;
}

/* Drag and drop styles */
.drag-over {
  background-color: rgba(99, 102, 241, 0.1);
  border: 2px dashed rgba(99, 102, 241, 0.5);
}

.operation-item {
  transition: all 0.3s ease;
}

.operation-item.drag-over-top {
  border-top: 3px solid #4F46E5;
  margin-top: 8px;
}

.operation-item.drag-over-bottom {
  border-bottom: 3px solid #4F46E5;
  margin-bottom: 8px;
}

.draggable-generator {
  cursor: move;
}

.draggable-generator.dragging {
  opacity: 0.5;
}