.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}

.filter-group {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .filter-group {
        width: 85vw;
    }
    
    .filter-group:last-child {
        padding-right: 1rem;
    }
}

/* Custom select styles for better mobile appearance */
.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}

/* Active filter indicators */
.filter-group select:not([value=""]) {
    border-color: var(--color-primary);
    background-color: rgba(var(--color-primary-rgb), 0.05);
}