@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles */
.order-status-new {
    @apply bg-blue-100 text-blue-800;
}
.order-status-approved {
    @apply bg-green-100 text-green-800;
}
.order-status-production {
    @apply bg-yellow-100 text-yellow-800;
}
.order-status-shipped {
    @apply bg-purple-100 text-purple-800;
}
.order-status-completed {
    @apply bg-gray-100 text-gray-800;
}

/* Animation for status changes */
.status-change {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}