Компактная компоновка фильтров в одну строку

- Фильтры теперь в одну строку с flexbox
- Убраны обёртки col-auto, используется d-flex gap-2
- Селекты с width: auto для компактности
- Чекбокс 'Только в наличии' прижат к правому краю (ms-auto)
- Более компактный и чистый UI
- Убран класс product-picker-filters и удалён комментарий про счётчик

myproject/products/templates/products/components/product_search_picker.html

@@ -82,35 +82,30 @@ ProductSearchPicker.init('#writeoff-products', {
 
         {% if show_filters|default:True %}
         <!-- Фильтры -->
-        <div class="card-body border-bottom py-2 product-picker-filters">
+        <div class="card-body border-bottom py-2">
-            <div class="row g-2 align-items-center">
+            <div class="d-flex gap-2 align-items-center flex-wrap">
                 {% if categories %}
                 <!-- Фильтр по категории -->
-                <div class="col-auto">
+                <select class="form-select form-select-sm product-picker-category" style="width: auto;">
-                    <select class="form-select form-select-sm product-picker-category">
                     <option value="">Все категории</option>
                     {% for cat in categories %}
                     <option value="{{ cat.id }}">{{ cat.name }}</option>
                     {% endfor %}
                 </select>
-                </div>
                 {% endif %}
 
                 {% if tags %}
                 <!-- Фильтр по тегам -->
-                <div class="col-auto">
+                <select class="form-select form-select-sm product-picker-tag" style="width: auto;">
-                    <select class="form-select form-select-sm product-picker-tag">
                     <option value="">Все теги</option>
                     {% for tag in tags %}
                     <option value="{{ tag.id }}">{{ tag.name }}</option>
                     {% endfor %}
                 </select>
-                </div>
                 {% endif %}
 
                 <!-- Фильтр по наличию -->
-                <div class="col-auto">
+                <div class="form-check form-switch ms-auto">
-                    <div class="form-check form-switch">
                     <input class="form-check-input product-picker-in-stock"
                            type="checkbox"
                            id="{{ container_id|default:'product-search-picker' }}-in-stock"
@@ -121,9 +116,6 @@ ProductSearchPicker.init('#writeoff-products', {
                     </label>
                 </div>
             </div>
-
-                <!-- Счетчик выбранных - УБРАН в single-select режиме -->
-            </div>
         </div>
         {% endif %}