/* Additional custom styles for waste collection app */

.collection-card {
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

.collection-card.mixed {
    border-left-color: #ef4444; /* red-500 */
    background: linear-gradient(135deg, #fee2e2 0%, #ffffff 100%);
}

.collection-card.sorted {
    border-left-color: #22c55e; /* green-500 */
    background: linear-gradient(135deg, #dcfce7 0%, #ffffff 100%);
}

.collection-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.collection-icon.mixed {
    color: #ef4444; /* red-500 */
}

.collection-icon.sorted {
    color: #22c55e; /* green-500 */
}

.pulse-animation {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

/* Mobile optimizations */
@media (max-width: 640px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #1f2937;
    }
    
    .bg-white {
        background-color: #374151;
    }
    
    .text-gray-800 {
        color: #f9fafb;
    }
    
    .text-gray-600 {
        color: #d1d5db;
    }
    
    .text-gray-500 {
        color: #9ca3af;
    }
}