.popover-wide {
    max-width: 400px;
    min-width: 300px;
    word-break: break-word;
}
.account-section {
    margin-bottom: 3rem;
}
.account-header {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
.highlight-outlier {
    background-color: #ffe6e6 !important;
    color: black !important;
}
.highlight-pareto {
    background-color: #e6ffe6 !important;
    color: black !important;
}
.highlight-excluded {
    background-color: #f0f0f0 !important;
    color: black !important;
}

.highlight-multiple {
    /* Override individual backgrounds with a distinct multi-highlight color */
    background-color: #ffff99 !important;  /* Bright yellow */

    /* Add visual indicators */
    border: 2px solid #ff9800 !important;  /* Orange border */
    position: relative;
    box-shadow: 0 0 5px rgba(255, 152, 0, 0.3);
}

.clickable {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}
.clickable:hover {
    text-decoration: underline;
}