/*
 * 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.
 *
 *= require actiontext
 *
 */

/* 성능 최적화된 드래그앤드랍 스타일 */

/* 점선 테두리 (Tailwind에 없는 유일한 커스텀 스타일) */
.ring-dashed {
  border-style: dashed !important;
}

/* GPU 가속 최적화 클래스 */
.drag-optimized {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0); /* GPU 가속 강제 활성화 */
}

/* 고성능 전환 효과 */
.sortable-transition {
  transition: transform 0.15s cubic-bezier(0.2, 0, 0, 1);
}

/* 드래그 중 빈 상태 카드 강조 효과 - 단순화된 버전 */
.ring-2.ring-indigo-200 [data-empty-state] {
  transform: scale(1.01); /* 미세한 스케일로 성능 개선 */
  opacity: 0.9;
}

/* 모든 드래그 가능한 요소에 최적화 적용 */
[data-task-id], [data-empty-state] {
  transform: translate3d(0, 0, 0); /* GPU 가속 활성화 */
}