/* Shipment Status Styles */

.status-pending {
    color: #facc15;
    background-color: rgba(250, 204, 21, 0.1);
    border-color: rgba(250, 204, 21, 0.3);
}

.status-picked-up,
.status-picked_up {
    color: #3b82f6;
    background-color: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
}

.status-transit,
.status-in-transit,
.status-in_transit {
    color: #06b6d4;
    background-color: rgba(6, 182, 212, 0.1);
    border-color: rgba(6, 182, 212, 0.3);
}

.status-facility,
.status-arrived-at-facility,
.status-arrived_at_facility {
    color: #8b5cf6;
    background-color: rgba(139, 92, 246, 0.1);
    border-color: rgba(139, 92, 246, 0.3);
}

.status-out-delivery,
.status-out-for-delivery,
.status-out_for_delivery {
    color: #f59e0b;
    background-color: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.3);
}

.status-delivered {
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.3);
}

.status-delayed {
    color: #f97316;
    background-color: rgba(249, 115, 22, 0.1);
    border-color: rgba(249, 115, 22, 0.3);
}

.status-cancelled {
    color: #ef4444;
    background-color: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
}

.status-on-hold,
.status-on_hold {
    color: #64748b;
    background-color: rgba(100, 116, 139, 0.1);
    border-color: rgba(100, 116, 139, 0.3);
}

.status-returned {
    color: #a855f7;
    background-color: rgba(168, 85, 247, 0.1);
    border-color: rgba(168, 85, 247, 0.3);
}

/* Status dots */
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.status-dot.pending { background: #facc15; }
.status-dot.picked-up,
.status-dot.picked_up { background: #3b82f6; }
.status-dot.in-transit,
.status-dot.in_transit { background: #06b6d4; }
.status-dot.arrived-at-facility,
.status-dot.arrived_at_facility { background: #8b5cf6; }
.status-dot.out-for-delivery,
.status-dot.out_for_delivery { background: #f59e0b; }
.status-dot.delivered { background: #10b981; }
.status-dot.delayed { background: #f97316; }
.status-dot.cancelled { background: #ef4444; }
.status-dot.on-hold,
.status-dot.on_hold { background: #64748b; }
.status-dot.returned { background: #a855f7; }