/* COLORPRO POS — Minimal custom styles */
* { box-sizing: border-box; }
body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Table hover */
tbody tr { transition: background 0.15s; }

/* Print window (80mm fallback) */
@media print {
  body { margin: 0; padding: 0; width: 80mm; font-size: 11px; }
  nav, button, .no-print { display: none !important; }
  table { width: 100%; border-collapse: collapse; }
  td, th { padding: 2px 4px; }
}

/* Modal backdrop animation */
.fixed.inset-0 { animation: fadeIn 0.15s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Level badge colors */
.badge-NORMAL { background: #e5e7eb; color: #374151; }
.badge-SILVER { background: #e0e7ff; color: #4338ca; }
.badge-GOLD { background: #fef3c7; color: #92400e; }
.badge-DIAMOND { background: #ede9fe; color: #6d28d9; }

/* Dispatch PICKING animation */
.animate-pulse-light {
  animation: pulseLight 2s ease-in-out infinite;
}
@keyframes pulseLight {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251, 146, 60, 0.3); }
  50% { box-shadow: 0 0 0 6px rgba(251, 146, 60, 0); }
}
