/* ================================
   Sidebar Scrollbar + Filters UI
================================ */

/* Scrollbar Base */
.filters-main-container {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent; 
    transition: scrollbar-color 0.4s ease;
}

/* WebKit Scrollbar */
.filters-main-container::-webkit-scrollbar {
    width: 6px;
}

.filters-main-container::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 10px;
}

.filters-main-container::-webkit-scrollbar-track {
    background: transparent;
}

/* Scrollbar Hover State */
.filters-main-container:hover {
    scrollbar-color: #cccccc #f9f9f9; 
}

.filters-main-container:hover::-webkit-scrollbar-thumb {
    background-color: #cccccc;
}

.filters-main-container:hover::-webkit-scrollbar-track {
    background: #f9f9f9;
}

/* ================================
   Active Filter Styles
================================ */

.filter-current .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.filter-current .label {
    font-weight: 500;
}

.filter-current .action.remove {
    color: #2563eb;
    font-size: 0.875rem;
    white-space: nowrap;
}

.filter-current .action.remove:hover {
    text-decoration: underline;
}