/*
 * 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.
 */

.drag-item--dragging {
  box-shadow: none;
  filter: grayscale(1) brightness(0.97);
  opacity: 0.5;
  outline: 2px dashed #94a3b8;
}

.drag-column--hover [data-list] {
  background-color: #e0f2fe;
  outline: 2px dashed #38bdf8;
  outline-offset: -2px;
  transition: background-color 200ms;
}

.drag-empty-state {
  background-color: rgb(248 250 252);
  border-radius: 0.5rem;
  padding: 1rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(148 163 184);
  border: 2px dashed rgb(226 232 240);
}