/* Reception Status Color Coding */
/* CSS classes for different reception return types */

/* Green - Car returned from work zone successfully */
.receptie-ok {
    background-color: #3bc45b !important; /* green background */
    border-left: 4px solid #28a745 !important; /* Dark green left border */
    color: #155724 !important; /* Dark green text */
}

.receptie-ok .status-badge {
    background-color: #28a745 !important;
    color: white !important;
}

/* Red - Car returned from work zone with problems */
.receptie-problema {
    background-color: #dd2121 !important; /* red background */
    border-left: 4px solid #dc3545 !important; /* Dark red left border */
    color: #721c24 !important; /* Dark red text */
}

.receptie-problema .status-badge {
    background-color: #dc3545 !important;
    color: white !important;
}

/* Gray - Normal reception (just arrived) */
.receptie-nou {
    background-color: #f8f9fa !important; /* Light gray background */
    border-left: 4px solid #6c757d !important; /* Gray left border */
    color: #495057 !important; /* Dark gray text */
}

.receptie-nou .status-badge {
    background-color: #6c757d !important;
    color: white !important;
}

/* Status badge styling */
.status-badge {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 5px;
}

/* Row highlighting in tables */
.table tr.receptie-ok:hover {
    background-color: #c3e6cb !important;
}

.table tr.receptie-problema:hover {
    background-color: #f5c6cb !important;
}

.table tr.receptie-nou:hover {
    background-color: #e2e6ea !important;
}

/* Card styling for fise listings */
.fisa-card.receptie-ok {
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.2);
}

.fisa-card.receptie-problema {
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);
}

.fisa-card.receptie-nou {
    box-shadow: 0 2px 4px rgba(108, 117, 125, 0.2);
}

/* Status icon styling */
.status-icon.receptie-ok:before {
    content: "✓";
    color: #28a745;
    font-weight: bold;
}

.status-icon.receptie-problema:before {
    content: "⚠";
    color: #dc3545;
    font-weight: bold;
}

.status-icon.receptie-nou:before {
    content: "•";
    color: #6c757d;
    font-weight: bold;
}