body {
    font-family: sans-serif;
}

.recommendation-card {
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-title-symbol {
    font-weight: bold;
    font-size: 1.25rem;
}

.overall-recommended {
    background-color: #d1e7dd; /* Light green */
    border-left: 5px solid #198754; /* Green */
}
.overall-recommended .card-header {
    background-color: #a3cfbb;
    color: #0c3e22;
}


.overall-consider {
    background-color: #fff3cd; /* Light yellow */
    border-left: 5px solid #ffc107; /* Yellow */
}
.overall-consider .card-header {
    background-color: #ffe081;
    color: #664d03;
}

.overall-avoid {
    background-color: #f8d7da; /* Light red */
    border-left: 5px solid #dc3545; /* Red */
}
.overall-avoid .card-header {
    background-color: #f1aeB5;
    color: #58151c;
}

.overall-none .card-header,
.overall-error .card-header {
     background-color: #e9ecef; /* Light gray */
}
 .overall-error {
    border-left: 5px solid #6c757d; /* Gray */
}


.metric-pass {
    color: green;
    font-weight: bold;
}

.metric-fail {
    color: red;
    font-weight: bold;
}

.metric-value {
    font-size: 0.9em;
    color: #495057;
}

.list-group-item {
    border-left: none;
    border-right: none;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}