/* ===== CLIENT FILTER FIX ===== */
.filter-row,
.filters,
.search-filter-row,
.client-filter-row {
    display: grid !important;
    grid-template-columns: 1.4fr .8fr .8fr auto !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 12px 0 !important;
}

.filter-row input,
.filters input,
.search-filter-row input,
.client-filter-row input,
.filter-row select,
.filters select,
.search-filter-row select,
.client-filter-row select {
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.filter-row button,
.filters button,
.search-filter-row button,
.client-filter-row button {
    min-height: 42px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
}

.list-row.client-filter-hidden {
    display: none !important;
}

@media (max-width: 768px) {
    .filter-row,
    .filters,
    .search-filter-row,
    .client-filter-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin: 10px 0 !important;
    }

    .filter-row input,
    .filters input,
    .search-filter-row input,
    .client-filter-row input,
    .filter-row select,
    .filters select,
    .search-filter-row select,
    .client-filter-row select,
    .filter-row button,
    .filters button,
    .search-filter-row button,
    .client-filter-row button {
        width: 100% !important;
        height: 48px !important;
        font-size: 14px !important;
        padding: 0 14px !important;
    }
}