/* Connection Status Animation */
.connection-status .badge {
    transition: all 0.3s ease;
}

.connection-status.pulse .badge {
    animation: pulse-badge 1s 2;
}

@keyframes pulse-badge {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Order Card Enhancements */
.order-card {
    transition: all 0.3s ease, box-shadow 0.2s ease;
    border-left: 4px solid var(--bs-primary);
}

.order-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.order-card .card-header {
    font-size: 1.1rem;
    transition: background 0.3s ease;
}

.order-card:hover .card-header {
    background: #0d6efd !important;
    /* Darker blue on hover */
}

/* Priority Styling */
.order-priority-high {
    border-left-color: #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.05);
}

.order-priority-medium {
    border-left-color: #fd7e14 !important;
}

/* Responsive Tweaks */
@media (max-width: 768px) {
    .order-card {
        margin-bottom: 1.5rem;
    }
}

.highlight {
    animation: highlight 1s ease;
}

@keyframes highlight {
    0% {
        background-color: rgba(40, 167, 69, 0.1);
    }

    100% {
        background-color: transparent;
    }
}