trajanoo93/orderflow-tracker-pro

1/* Animation Classes */2@keyframes fadeIn {3    from { opacity: 0; transform: translateY(20px); }4    to { opacity: 1; transform: translateY(0); }5}6 7.animate-fade-in {8    animation: fadeIn 0.3s ease-out forwards;9}10 11/* Custom Scrollbar */12::-webkit-scrollbar {13    width: 8px;14    height: 8px;15}16 17::-webkit-scrollbar-track {18    background: #f1f1f1;19    border-radius: 4px;20}21 22::-webkit-scrollbar-thumb {23    background: #c1c1c1;24    border-radius: 4px;25}26 27::-webkit-scrollbar-thumb:hover {28    background: #a1a1a1;29}30 31/* Order Card Styles (for mobile) */32.order-card {33    transition: all 0.3s ease;34    border-left: 4px solid;35}36 37.order-card:hover {38    transform: translateY(-2px);39    box-shadow: 0 10px 20px rgba(0,0,0,0.1);40}41 42.order-card.pendente {43    border-left-color: #F59E0B;44}45 46.order-card.em-separacao {47    border-left-color: #3B82F6;48}49 50.order-card.pedido-separado {51    border-left-color: #8B5CF6;52}53 54.order-card.aguardando-cliente {55    border-left-color: #F59E0B;56}57 58.order-card.aguardando-retirada {59    border-left-color: #06B6D4;60}61 62.order-card.pagamento-na-retirada {63    border-left-color: #EAB308;64}65 66.order-card.concluido {67    border-left-color: #10B981;68}