/* Compact filters styling */
.compact-filters .fi-fo-field-wrp-label {
    font-size: 0.75rem !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: rgb(107 114 128);
    margin-bottom: 0.25rem !important;
}

.compact-filters input,
.compact-filters select,
.compact-filters .fi-input {
    font-size: 0.875rem !important;
    padding: 0.5rem 0.75rem !important;
    min-height: 2.5rem !important;
    height: 2.5rem !important;
}

.compact-filters .fi-fo-field-wrp {
    margin-bottom: 0.5rem !important;
}

/* Make filter section header smaller */
.fi-ta-filters-heading {
    font-size: 0.75rem !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem !important;
}

/* Compact the overall filter container */
.fi-ta-filters {
    padding: 0.75rem !important;
    background: rgb(249 250 251);
    border-radius: 0.5rem;
    margin-bottom: 0.75rem !important;
}

/* Dark mode support */
.dark .fi-ta-filters {
    background: rgb(31 41 55);
}

/* Make filter buttons smaller */
.fi-ta-filters button {
    font-size: 0.875rem !important;
    padding: 0.375rem 1rem !important;
}

/* Reduce spacing between filter fields */
.fi-ta-filters .grid {
    gap: 0.5rem !important;
}

/* Match table header styling */
.fi-ta-header-cell {
    font-size: 0.75rem !important;
}

/* Make filter inputs match table font size */
.fi-ta-filters label {
    font-size: 0.75rem !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(107 114 128);
}

.dark .fi-ta-filters label {
    color: rgb(156 163 175);
}