/* Onboarding Highlight Animation - New Order button when org has no orders */
@keyframes newOrderPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}

@keyframes newOrderGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
  50% { box-shadow: 0 0 12px 4px rgba(99, 102, 241, 0.4); }
}

.new-order-highlight {
  animation: newOrderPulse 2s ease-in-out infinite, newOrderGlow 2s ease-in-out infinite;
}

/* "Start here" hint with bouncing arrow */
@keyframes bounceRight {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4px); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

.start-here-hint {
  animation: fadeIn 0.5s ease-out;
}

.start-here-arrow {
  display: inline-block;
  animation: bounceRight 1s ease-in-out infinite;
}