resources/views/components/tomselect.blade.php

@@ -4,7 +4,7 @@
     /* Ensure visibility in both light and dark themes */
     .ts-wrapper .ts-control {
         background-color: #ffffff !important;
-        color: #1d273b !important; /* Dark text for white background */
+        color: #1d273b !important;
         border: 1px solid #ced4da !important;
         padding: 0.5rem 0.75rem !important;
         border-radius: 4px !important;
@@ -39,7 +39,13 @@
                     dropdownParent: 'body',
                     controlInput: '<input>',
                     maxOptions: null,
-                    sortField: [] // Respect server-side order
+                    sortField: [{
+                        field: 'text',
+                        direction: 'asc',
+                        func: function(a, b) {
+                            return a.text.localeCompare(b.text, undefined, {numeric: true, sensitivity: 'base'});
+                        }
+                    }]
                 });
             });
         };