.buttons-group {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.buttons-group .btn {
    flex: 1;
    min-width: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: rgb(229, 231, 235)
}

.buttons-group .btn:hover {
    background-color: rgb(248, 249, 250)
}

.flatpickr-wrapper input {
    z-index: 0 !important;
}

/* Form styling */
.form-check-label small {
    font-size: 0.875rem;
}

.form-check {
    padding-left: 1.5rem;
}

/* Button group styling */
.btn-group > .btn-check:checked + .btn {
    z-index: 0 !important;
}

/* Close button for mobile filter panel */
.filter-close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: none;
}

@media (min-width: 992px) {
    .filter-panel-container {
        position: sticky;
        top: 20px;
        height: calc(100vh - 80px);
        margin-bottom: 0;
        width: 15%;
        flex-shrink: 0;
    }

    .filter-panel {
        border: 1px solid #dee2e6;
        border-radius: 12px;
        background: white;
        height: 100%;
        overflow-y: auto;
    }

    .filter-content {
        padding: 1.5rem;
    }

}