.filter-container {
    padding: 20px;
    background: #04294E;
    border-radius: 5px;
    color: white;
    /* transition: height 0.3s ease; */
    overflow: hidden;
}

.filter-toggle {
    cursor: pointer;
    background: #0073aa;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    display: none;
}

.filter-toggle:hover { background: #005a87; }
select, input[type="date"], button { margin-top: 10px; display: block; width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
button { background: #28a745; color: #fff; border: none; }
button:hover { background: #218838; }

.pdf-filter-wrapper .form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
}

.pdf-filter-wrapper #pdf_date {
    padding: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #f1f1f1 !important;
    width: 20px !important;
    color: black !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: black !important;
}

.select2-container--default .select2-selection--multiple {
    min-height: 50px !important;
}

/* Show filter toggle only on mobile */
@media screen and (max-width: 768px) {
    .filter-toggle { display: block; }

    .select2.select2-container.select2-container--default {
        width: unset !important;
    }
}