.win-circle {
    display: inline-block;
    padding: 3px 7px;
    border: 2px solid black;
    border-radius: 50%;
    font-weight: bold;
    line-height: 1;
}
.col-champ.hidden-by-filter, 
.col-year.hidden-by-filter, 
.col-entrant.hidden-by-filter,
.hidden-by-filter {
    display: none !important; 
}
.hidden-by-filter th,
.hidden-by-filter td {
    display: none !important; 
}
.sortable-header {
    cursor: pointer;
    position: relative;
    padding-right: 20px !important;
}


.sortable-header.sort-asc:after {
    content: ' \25B2'; 
    position: absolute;
    right: 5px;
    font-size: 0.8em;
}


.sortable-header.sort-desc:after {
    content: ' \25BC'; 
    position: absolute;
    right: 5px;
    font-size: 0.8em;
}
.legend-container {
        width: 100%;
        margin: 20px auto;
        display: flex;
        flex-wrap: wrap; 
        gap: 25px;
        justify-content: center;
        font-family: 'Segoe UI', sans-serif;
        font-weight: bold;
    }
    .legend-item { display: flex; align-items: center; cursor: pointer; padding: 5px 10px; border-radius: 5px; transition: background 0.3s; }
    .legend-item:hover { background: #f0f0f0; }
    .legend-item input { margin-right: 8px; }
    
    .color-pace { color: #0077cc; } 
    .color-cons { color: #28a745; } 
    .color-mist { color: #dc3545; } 
    .color-dpi  { color: #fd7e14; } 

@media (max-width: 768px) {
    .legend-container {
        gap: 12px;
    }

    .legend-item {
        font-size: 14px;
        padding: 8px 12px;
    }

    .legend-item input {
        transform: scale(1.1);
    }
}