.legend-bar {
    display: flex;
    width: 100%;
    height: 1rem;
    border-radius: 0.375rem;
    overflow: hidden;
    margin-top: 0.25rem;
    border: 1px solid #e5e7eb;
}

.legend-segment-1 {
    width: 20%;
    background-color: #27ae60;
}

.legend-segment-2 {
    width: 20%;
    background-color: #2ecc71;
}

.legend-segment-3 {
    width: 20%;
    background-color: #f1c40f;
}

.legend-segment-4 {
    width: 20%;
    background-color: #e67e22;
}

.legend-segment-5 {
    width: 20%;
    background-color: #e74c3c;
}

.legend-indicator {
    width: 1rem;
    height: 0.25rem;
    background-color: #fb923c;
    opacity: 0.8;
}