Изменен фильтр в "группы обучения", изменена механика создания подгрупп

frontend/admin/css/components.css

@@ -2255,6 +2255,86 @@ input[type="number"] {
     box-shadow: 0 0 0 3px var(--accent-glow);
 }
 
+.filter-row .custom-multi-select {
+    width: min(240px, 100%);
+    min-width: 220px;
+}
+
+.filter-row .select-box {
+    min-height: 38px;
+    padding: 0.45rem 0.75rem;
+    font-size: 0.85rem;
+}
+
+.filter-row .select-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.subgroup-config-grid {
+    display: grid;
+    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
+    grid-template-areas:
+        "count capacities"
+        "actions actions";
+    gap: 1rem 0.75rem;
+    align-items: end;
+}
+
+.subgroup-count-field {
+    grid-area: count;
+    min-width: 0;
+    margin-bottom: 0;
+}
+
+.subgroup-capacity-fields {
+    grid-area: capacities;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 0.75rem;
+    min-width: 0;
+}
+
+.subgroup-capacity-fields:empty {
+    display: none;
+}
+
+.subgroup-capacity-fields-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.subgroup-capacity-fields-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.subgroup-capacity-field {
+    min-width: 0;
+    margin-bottom: 0;
+}
+
+.subgroup-actions {
+    grid-area: actions;
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    margin-bottom: 0;
+}
+
+@media (max-width: 720px) {
+    .subgroup-config-grid {
+        grid-template-columns: 1fr;
+        grid-template-areas:
+            "count"
+            "capacities"
+            "actions";
+    }
+
+    .subgroup-capacity-fields {
+        grid-template-columns: 1fr;
+    }
+}
+
 
 /* ===== Custom Multi-Select ===== */
 .custom-multi-select {
@@ -2380,7 +2460,8 @@ input[type="number"] {
     transition: background 0.2s ease;
 }
 
-.form-group .checkbox-group-vertical .checkbox-item {
+.form-group .checkbox-group-vertical .checkbox-item,
+.filter-row .checkbox-group-vertical .checkbox-item {
     display: flex;
     align-items: center;
     margin-bottom: 0;