.bg-damage {
    background-color: #f8d7da; /* light red */
    color: #721c24; /* dark red text */
}

.bg-amber {
    background-color: #fff3cd; /* light amber/yellow */
    color: #856404; /* dark amber text */
}

.bg-yellow {
    background-color: yellow; /* light amber/yellow */
    color: #856404; /* dark amber text */
}

.bg-ok {
    background-color: #d4edda; /* light green */
    color: #155724; /* dark green text */
}

.bg-service-red {
    background-color: #f8d7da; /* light red */
    color: #721c24;
}

.bg-service-orange {
    background-color: #fff3cd; /* light orange */
    color: #856404;
}

.bg-service-green {
    background-color: #d4edda; /* light green */
    color: #155724;
}

.bg-service-none {
    background-color: #e2e3e5; /* light grey */
    color: #383d41;
}

.vehicle-card {
    padding: 12px;
    border-left: 6px solid transparent;
}

.service-red {
    border-left-color: #dc3545;
}

.service-orange {
    border-left-color: #ff9800;
}

.service-yellow {
    border-left-color: yellow;
}

.service-green {
    border-left-color: #28a745;
}

.service-none {
    border-left-color: #9e9e9e;
}
.resolution-box {
    padding: 10px 10px;
    border-left: 4px solid var(--mud-palette-success);
    border-radius: 8px;
    background-color: rgba(76, 175, 80, 0.08); /* Light green tint */
    margin-top: 2px;
    margin-bottom: 12px;
    white-space: pre-wrap; /* Keeps line breaks if Resolutions contain them */
}