/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.CodeMirror.dragover {
  background-color: #f0f9ff; /* Light blue background */
  border: 2px dashed #3b82f6; /* Blue dashed border */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
  border-radius: 8px; /* Optional: rounded corners */
  padding: 10px; /* Optional: padding inside the editor */
}

/* Sortable loading states */
.sortable-loading {
  filter: blur(2px);
  opacity: 0.6;
  transition: filter 0.2s ease, opacity 0.2s ease;
}

.sortable-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.sortable-spinner-icon {
  animation: spin 1s linear infinite;
  width: 2rem;
  height: 2rem;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}