diff --git a/backend/templates/employees/_department_controls.html b/backend/templates/employees/_department_controls.html
index 4fc88ed7..db75c04e 100644
--- a/backend/templates/employees/_department_controls.html
+++ b/backend/templates/employees/_department_controls.html
@@ -297,15 +297,15 @@
     }
     document.querySelectorAll('textarea[data-autogrow]').forEach(bind);
   })();
+{% load static %}
 </script>
 
-<script>
-  (function(){
-    if (window.__headPickerWithEmailBound) return;
-    window.__headPickerWithEmailBound = true;
+<script type="module">
+import { esc, norm } from '{% static "js/utils/stringUtils.js" %}';
 
-    function esc(s){ return String(s).replace(/[&<>"']/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m])); }
-    function norm(s){ return String(s || '').toLowerCase(); }
+(function(){
+  if (window.__headPickerWithEmailBound) return;
+  window.__headPickerWithEmailBound = true;
 
     function initPicker(root){
       const input  = root.querySelector('input[type="text"]');
diff --git a/backend/templates/employees/invite_to_department.html b/backend/templates/employees/invite_to_department.html
index 2de9944b..6c1a76f4 100644
--- a/backend/templates/employees/invite_to_department.html
+++ b/backend/templates/employees/invite_to_department.html
@@ -82,31 +82,32 @@
   {% endwith %}
 </div>
 
+{% load static %}
 <!-- Мини-скрипт: фильтрация select и блокировка кнопки без выбора -->
-<script>
-  (function () {
-    const search = document.getElementById('employeeSearch');
-    const select = document.querySelector('select[name="{{ form.employee.html_name }}"]');
-    const btn = document.getElementById('inviteBtn');
+<script type="module">
+import { norm } from '{% static "js/utils/stringUtils.js" %}';
 
-    if (!select) return;
+(function () {
+  const search = document.getElementById('employeeSearch');
+  const select = document.querySelector('select[name="{{ form.employee.html_name }}"]');
+  const btn = document.getElementById('inviteBtn');
 
-    // Кнопка активна только при выбранном значении
-    function toggleBtn() { btn && (btn.disabled = !select.value); }
-    select.addEventListener('change', toggleBtn);
-    toggleBtn();
+  if (!select) return;
 
-    // Кешируем исходные опции
-    const options = Array.from(select.options);
+  // Кнопка активна только при выбранном значении
+  function toggleBtn() { btn && (btn.disabled = !select.value); }
+  select.addEventListener('change', toggleBtn);
+  toggleBtn();
 
-    function norm(s) { return s.toLowerCase().replace(/\s+/g, ''); }
+  // Кешируем исходные опции
+  const options = Array.from(select.options);
 
-    if (search) {
-      search.addEventListener('input', function () {
-        const q = norm(this.value);
-        const filtered = q
-          ? options.filter(o => norm(o.text).includes(q))
-          : options;
+  if (search) {
+    search.addEventListener('input', function () {
+      const q = norm(this.value);
+      const filtered = q
+        ? options.filter(o => norm(o.text).includes(q))
+        : options;
 
         // Перерисовываем список
         select.innerHTML = '';