#drop-zone.drag-over {
  border-color: #3389ff;
  background-color: rgba(51, 137, 255, 0.06);
  transform: scale(1.01);
}

.check-item {
  transition: background-color 0.15s;
}

.check-item:hover {
  background-color: #f9fafb;
}

.check-details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out;
}

.check-details.open {
  max-height: 600px;
  transition: max-height 0.35s ease-in;
}

.check-chevron {
  transition: transform 0.2s;
}

.check-chevron.open {
  transform: rotate(90deg);
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-in {
  animation: slideUp 0.3s ease-out;
}