diff --git a/assets/components/minishop3/css/mgr/main.css b/assets/components/minishop3/css/mgr/main.css
index 1aa2a2c09..501821e6e 100644
--- a/assets/components/minishop3/css/mgr/main.css
+++ b/assets/components/minishop3/css/mgr/main.css
@@ -494,6 +494,8 @@ a.x-menu-item .x-menu-item-text .icon {
     box-sizing: border-box !important;
 }
 
-.p-select-filter {
-    width: 90% !important;
+/* Select filter must fill IconField (was 90% — left a dead strip and misaligned search icon). */
+.p-select-overlay .p-select-filter,
+.p-multiselect-overlay .p-multiselect-filter {
+    width: 100% !important;
 }
diff --git a/core/components/minishop3/controllers/manager.class.php b/core/components/minishop3/controllers/manager.class.php
index b1bf86746..b3c53b70b 100644
--- a/core/components/minishop3/controllers/manager.class.php
+++ b/core/components/minishop3/controllers/manager.class.php
@@ -105,57 +105,11 @@ public function addVueModule($src)
      */
     protected function registerVueCoreCheck()
     {
+        require_once __DIR__ . '/vue_core_check.inc.php';
         $alertTitle = $this->modx->lexicon('ms3_error') ?: 'Error';
         $alertMessage = $this->modx->lexicon('ms3_vuetools_required')
-            ?: 'VueTools package is required. Please install it from Package Manager.';
-
-        $script = <<<JS
-<script>
-(function() {
-    var importMap = document.querySelector('script[type="importmap"]');
-    var hasVueCore = false;
-
-    if (importMap) {
-        try {
-            var mapContent = JSON.parse(importMap.textContent);
-            hasVueCore = mapContent.imports && mapContent.imports.vue;
-        } catch (e) {
-            hasVueCore = false;
-        }
-    }
-
-    if (!hasVueCore) {
-        document.querySelectorAll('script[type="module"][data-vue-module]').forEach(function(el) {
-            el.remove();
-        });
-
-        if (typeof Ext !== 'undefined') {
-            Ext.onReady(function() {
-                if (typeof MODx !== 'undefined' && MODx.msg) {
-                    MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
-                } else {
-                    alert('{$alertMessage}');
-                }
-            });
-        } else {
-            document.addEventListener('DOMContentLoaded', function() {
-                setTimeout(function() {
-                    if (typeof MODx !== 'undefined' && MODx.msg) {
-                        MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
-                    } else {
-                        alert('{$alertMessage}');
-                    }
-                }, 500);
-            });
-        }
-
-        window.MS3_VUE_CORE_MISSING = true;
-    }
-})();
-</script>
-JS;
-
-        $this->modx->regClientStartupHTMLBlock($script);
+            ?: 'VueTools package (>= 1.2.0) is required. Please install or update it via Package Manager.';
+        ms3_register_vue_core_check($this->modx, $alertTitle, $alertMessage);
     }
 
     /**
diff --git a/core/components/minishop3/controllers/resource_create.class.php b/core/components/minishop3/controllers/resource_create.class.php
index 58e2f90fa..13dfbe063 100644
--- a/core/components/minishop3/controllers/resource_create.class.php
+++ b/core/components/minishop3/controllers/resource_create.class.php
@@ -81,57 +81,11 @@ public function addVueModule($src)
      */
     protected function registerVueCoreCheck()
     {
+        require_once __DIR__ . '/vue_core_check.inc.php';
         $alertTitle = $this->modx->lexicon('ms3_error') ?: 'Error';
         $alertMessage = $this->modx->lexicon('ms3_vuetools_required')
-            ?: 'VueTools package is required. Please install it from Package Manager.';
-
-        $script = <<<JS
-<script>
-(function() {
-    var importMap = document.querySelector('script[type="importmap"]');
-    var hasVueCore = false;
-
-    if (importMap) {
-        try {
-            var mapContent = JSON.parse(importMap.textContent);
-            hasVueCore = mapContent.imports && mapContent.imports.vue;
-        } catch (e) {
-            hasVueCore = false;
-        }
-    }
-
-    if (!hasVueCore) {
-        document.querySelectorAll('script[type="module"][data-vue-module]').forEach(function(el) {
-            el.remove();
-        });
-
-        if (typeof Ext !== 'undefined') {
-            Ext.onReady(function() {
-                if (typeof MODx !== 'undefined' && MODx.msg) {
-                    MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
-                } else {
-                    alert('{$alertMessage}');
-                }
-            });
-        } else {
-            document.addEventListener('DOMContentLoaded', function() {
-                setTimeout(function() {
-                    if (typeof MODx !== 'undefined' && MODx.msg) {
-                        MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
-                    } else {
-                        alert('{$alertMessage}');
-                    }
-                }, 500);
-            });
-        }
-
-        window.MS3_VUE_CORE_MISSING = true;
-    }
-})();
-</script>
-JS;
-
-        $this->modx->regClientStartupHTMLBlock($script);
+            ?: 'VueTools package (>= 1.2.0) is required. Please install or update it via Package Manager.';
+        ms3_register_vue_core_check($this->modx, $alertTitle, $alertMessage);
     }
 
     /**
diff --git a/core/components/minishop3/controllers/resource_update.class.php b/core/components/minishop3/controllers/resource_update.class.php
index d7db2e535..f66ea89de 100644
--- a/core/components/minishop3/controllers/resource_update.class.php
+++ b/core/components/minishop3/controllers/resource_update.class.php
@@ -85,57 +85,11 @@ public function addVueModule($src)
      */
     protected function registerVueCoreCheck()
     {
+        require_once __DIR__ . '/vue_core_check.inc.php';
         $alertTitle = $this->modx->lexicon('ms3_error') ?: 'Error';
         $alertMessage = $this->modx->lexicon('ms3_vuetools_required')
-            ?: 'VueTools package is required. Please install it from Package Manager.';
-
-        $script = <<<JS
-<script>
-(function() {
-    var importMap = document.querySelector('script[type="importmap"]');
-    var hasVueCore = false;
-
-    if (importMap) {
-        try {
-            var mapContent = JSON.parse(importMap.textContent);
-            hasVueCore = mapContent.imports && mapContent.imports.vue;
-        } catch (e) {
-            hasVueCore = false;
-        }
-    }
-
-    if (!hasVueCore) {
-        document.querySelectorAll('script[type="module"][data-vue-module]').forEach(function(el) {
-            el.remove();
-        });
-
-        if (typeof Ext !== 'undefined') {
-            Ext.onReady(function() {
-                if (typeof MODx !== 'undefined' && MODx.msg) {
-                    MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
-                } else {
-                    alert('{$alertMessage}');
-                }
-            });
-        } else {
-            document.addEventListener('DOMContentLoaded', function() {
-                setTimeout(function() {
-                    if (typeof MODx !== 'undefined' && MODx.msg) {
-                        MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
-                    } else {
-                        alert('{$alertMessage}');
-                    }
-                }, 500);
-            });
-        }
-
-        window.MS3_VUE_CORE_MISSING = true;
-    }
-})();
-</script>
-JS;
-
-        $this->modx->regClientStartupHTMLBlock($script);
+            ?: 'VueTools package (>= 1.2.0) is required. Please install or update it via Package Manager.';
+        ms3_register_vue_core_check($this->modx, $alertTitle, $alertMessage);
     }
 
     /**
diff --git a/core/components/minishop3/controllers/vue_core_check.inc.php b/core/components/minishop3/controllers/vue_core_check.inc.php
new file mode 100644
index 000000000..4f84184a2
--- /dev/null
+++ b/core/components/minishop3/controllers/vue_core_check.inc.php
@@ -0,0 +1,65 @@
+<?php
+
+/**
+ * Register startup HTML that requires VueTools Import Map with theme support (>= 1.2.0).
+ *
+ * Signal key `vuetools/theme` is present only in VueTools builds that ship
+ * `@vuetools/useTheme` / getActiveTheme(). Without it, remove data-vue-module
+ * scripts and show a MODX alert instead of a silent ES module link error.
+ *
+ * @param \MODX\Revolution\modX $modx
+ * @param string $alertTitle
+ * @param string $alertMessage
+ */
+function ms3_register_vue_core_check($modx, string $alertTitle, string $alertMessage): void
+{
+    $script = <<<JS
+<script>
+(function() {
+    var importMap = document.querySelector('script[type="importmap"]');
+    var hasVueToolsTheme = false;
+
+    if (importMap) {
+        try {
+            var mapContent = JSON.parse(importMap.textContent);
+            hasVueToolsTheme = mapContent.imports
+                && mapContent.imports.vue
+                && mapContent.imports['vuetools/theme'];
+        } catch (e) {
+            hasVueToolsTheme = false;
+        }
+    }
+
+    if (!hasVueToolsTheme) {
+        document.querySelectorAll('script[type="module"][data-vue-module]').forEach(function(el) {
+            el.remove();
+        });
+
+        if (typeof Ext !== 'undefined') {
+            Ext.onReady(function() {
+                if (typeof MODx !== 'undefined' && MODx.msg) {
+                    MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
+                } else {
+                    alert('{$alertMessage}');
+                }
+            });
+        } else {
+            document.addEventListener('DOMContentLoaded', function() {
+                setTimeout(function() {
+                    if (typeof MODx !== 'undefined' && MODx.msg) {
+                        MODx.msg.alert('{$alertTitle}', '{$alertMessage}');
+                    } else {
+                        alert('{$alertMessage}');
+                    }
+                }, 500);
+            });
+        }
+
+        window.MS3_VUE_CORE_MISSING = true;
+    }
+})();
+</script>
+JS;
+
+    $modx->regClientStartupHTMLBlock($script);
+}
diff --git a/core/components/minishop3/lexicon/en/default.inc.php b/core/components/minishop3/lexicon/en/default.inc.php
index e6c65ed78..30f266a0c 100644
--- a/core/components/minishop3/lexicon/en/default.inc.php
+++ b/core/components/minishop3/lexicon/en/default.inc.php
@@ -294,7 +294,7 @@
 $_lang['ms3_help_desc'] = 'Useful links and information';
 
 $_lang['ms3_error'] = 'Error';
-$_lang['ms3_vuetools_required'] = 'VueTools package is required for MiniShop3. Please install it via Package Manager.';
+$_lang['ms3_vuetools_required'] = 'VueTools package (>= 1.2.0) is required for MiniShop3. Please install or update it via Package Manager.';
 
 $_lang['ms3_mgr_order_recalc_invalid_mode'] = 'Invalid order cost recalculation mode.';
 $_lang['ms3_mgr_order_recalc_manual_delivery_missing'] = 'Manual delivery cost (manual_delivery_cost) is required in manual mode.';
diff --git a/core/components/minishop3/lexicon/ru/default.inc.php b/core/components/minishop3/lexicon/ru/default.inc.php
index 8791f7eaf..67747b555 100644
--- a/core/components/minishop3/lexicon/ru/default.inc.php
+++ b/core/components/minishop3/lexicon/ru/default.inc.php
@@ -294,7 +294,7 @@
 $_lang['ms3_help_desc'] = 'Полезные ссылки и информация';
 
 $_lang['ms3_error'] = 'Ошибка';
-$_lang['ms3_vuetools_required'] = 'Для работы MiniShop3 требуется пакет VueTools. Установите его через Менеджер пакетов.';
+$_lang['ms3_vuetools_required'] = 'Для работы MiniShop3 требуется пакет VueTools (>= 1.2.0). Установите или обновите его через Менеджер пакетов.';
 
 $_lang['ms3_mgr_order_recalc_invalid_mode'] = 'Недопустимый режим пересчёта стоимости заказа.';
 $_lang['ms3_mgr_order_recalc_manual_delivery_missing'] = 'В режиме manual обязательно укажите manual_delivery_cost (стоимость доставки).';
diff --git a/vueManager/src/components/ActionsEditor.vue b/vueManager/src/components/ActionsEditor.vue
index 04ad1726f..f57b62142 100644
--- a/vueManager/src/components/ActionsEditor.vue
+++ b/vueManager/src/components/ActionsEditor.vue
@@ -9,6 +9,7 @@ import { Button, Checkbox, Column, DataTable, Dialog, InputText, Select } from '
 import { computed, ref, watch } from 'vue'
 
 import actionRegistry from '../actionRegistry.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 
 const props = defineProps({
   /**
@@ -31,6 +32,7 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue'])
 
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const localActions = ref([])
 
@@ -370,6 +372,7 @@ function closeDialog() {
         <Button
           :label="_('save')"
           icon="pi pi-check"
+          :severity="primarySaveSeverity"
           :disabled="!editingAction?.name"
           @click="saveAction"
         />
diff --git a/vueManager/src/components/CategoryOptionsTab.vue b/vueManager/src/components/CategoryOptionsTab.vue
index 15cc7d8f4..c4d6f7f73 100644
--- a/vueManager/src/components/CategoryOptionsTab.vue
+++ b/vueManager/src/components/CategoryOptionsTab.vue
@@ -5,6 +5,7 @@ import { onMounted, ref, watch } from 'vue'
 
 import { useGroupedToast, useUiGroup } from '../composables/uiGroup.js'
 import request from '../request.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 
 const props = defineProps({
   categoryId: { type: Number, required: true },
@@ -12,6 +13,7 @@ const props = defineProps({
 
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 // From entry provideUiGroup('category-options'); fallback for non-entry mounts (#538/#539).
 const UI_GROUP = useUiGroup() || 'category-options'
@@ -510,6 +512,7 @@ onMounted(() => {
         />
         <Button
           :label="_('save') || 'Сохранить'"
+          :severity="primarySaveSeverity"
           :loading="addSaving"
           :disabled="!addOptionId"
           @click="addOption"
diff --git a/vueManager/src/components/CustomersGrid.vue b/vueManager/src/components/CustomersGrid.vue
index f8ed6d45b..a25afb4bd 100644
--- a/vueManager/src/components/CustomersGrid.vue
+++ b/vueManager/src/components/CustomersGrid.vue
@@ -6,11 +6,13 @@ import { computed, nextTick, onMounted, ref } from 'vue'
 import { useGridFilterParams } from '../composables/useGridFilterParams.js'
 import { useSelection } from '../composables/useSelection.js'
 import request from '../request.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsColumn from './ActionsColumn.vue'
 
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 // Bulk selection
 const {
@@ -933,6 +935,7 @@ onMounted(async () => {
           type="button"
           :label="_('save')"
           icon="pi pi-check"
+          :severity="primarySaveSeverity"
           :loading="saving"
           @click="saveCustomer"
         />
@@ -1105,6 +1108,7 @@ onMounted(async () => {
             <Button
               :label="_('save')"
               icon="pi pi-check"
+              :severity="primarySaveSeverity"
               :loading="savingAddress"
               @click="saveAddress"
             />
diff --git a/vueManager/src/components/DeliveriesGrid.vue b/vueManager/src/components/DeliveriesGrid.vue
index a40ddc129..6d020f26c 100644
--- a/vueManager/src/components/DeliveriesGrid.vue
+++ b/vueManager/src/components/DeliveriesGrid.vue
@@ -13,12 +13,14 @@ import request from '../request.js'
 import { resolveAddCostPriceBadgeKind } from '../utils/addCostPriceBadgeKind.js'
 import { formatValue, getDisplayName, normalizeImagePath } from '../utils/displayFormatters.js'
 import { applyDeleteConfirmDefaults, gridDeleteAction } from '../utils/gridDeleteAction.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsColumn from './ActionsColumn.vue'
 import FileBrowser from './FileBrowser.vue'
 import ValidationRulesEditor from './ValidationRulesEditor.vue'
 
 const toast = useToast()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-deliveries'
 
@@ -755,7 +757,7 @@ onMounted(async () => {
 
       <template #footer>
         <Button :label="_('cancel')" icon="pi pi-times" severity="secondary" @click="close" />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveDelivery" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveDelivery" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/ExtraFieldsManager.vue b/vueManager/src/components/ExtraFieldsManager.vue
index b0064b2f0..89448566f 100644
--- a/vueManager/src/components/ExtraFieldsManager.vue
+++ b/vueManager/src/components/ExtraFieldsManager.vue
@@ -10,6 +10,7 @@ import {
   KEY_VALUE_XTYPE,
   parseKeyValueConfig,
 } from '../utils/keyValueField.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import {
   defaultRepeaterConfig,
   parseRepeaterConfig,
@@ -22,6 +23,7 @@ import RepeaterSchemaEditor from './RepeaterSchemaEditor.vue'
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 // State
 const loading = ref(false)
@@ -894,6 +896,7 @@ onMounted(() => {
         <Button
           :label="isEditMode ? _('ms3_vue_dialog_save') : _('ms3_vue_dialog_create')"
           icon="pi pi-check"
+          :severity="primarySaveSeverity"
           :loading="saving"
           @click="saveField"
         />
diff --git a/vueManager/src/components/GridFieldsConfig.vue b/vueManager/src/components/GridFieldsConfig.vue
index 7c0756969..92e419dcc 100644
--- a/vueManager/src/components/GridFieldsConfig.vue
+++ b/vueManager/src/components/GridFieldsConfig.vue
@@ -7,11 +7,13 @@ import draggable from 'vuedraggable'
 import { GridColumnEditorType, normalizeGridColumnEditorType } from '../constants/gridColumnEditorTypes.js'
 import request from '../request.js'
 import { isAllowlistedComboEndpoint } from '../utils/gridEditorOptions.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsEditor from './ActionsEditor.vue'
 
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const loading = ref(false)
 const saving = ref(false)
@@ -1098,7 +1100,7 @@ onMounted(() => {
 
         <!-- Save button -->
         <div class="flex justify-content-end">
-          <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveConfig" />
+          <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveConfig" />
         </div>
       </template>
     </Card>
@@ -1718,6 +1720,7 @@ onMounted(() => {
         <Button
           :label="_('save')"
           icon="pi pi-check"
+          :severity="primarySaveSeverity"
           :disabled="!editingField || !editingField.field_name"
           @click="saveEdit"
         />
diff --git a/vueManager/src/components/LinksGrid.vue b/vueManager/src/components/LinksGrid.vue
index ca72da197..7cebd913d 100644
--- a/vueManager/src/components/LinksGrid.vue
+++ b/vueManager/src/components/LinksGrid.vue
@@ -8,10 +8,12 @@ import { useResourceList } from '../composables/useResourceList.js'
 import { useSelection } from '../composables/useSelection.js'
 import request from '../request.js'
 import { gridDeleteAction } from '../utils/gridDeleteAction.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsColumn from './ActionsColumn.vue'
 
 const toast = useToast()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-links'
 
@@ -344,7 +346,7 @@ onMounted(() => {
 
       <template #footer>
         <Button :label="_('cancel')" icon="pi pi-times" severity="secondary" @click="close" />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveLink" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveLink" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/ModelFieldsGrid.vue b/vueManager/src/components/ModelFieldsGrid.vue
index 291268656..adc047a90 100644
--- a/vueManager/src/components/ModelFieldsGrid.vue
+++ b/vueManager/src/components/ModelFieldsGrid.vue
@@ -5,10 +5,12 @@ import { computed, onMounted, ref } from 'vue'
 import draggable from 'vuedraggable'
 
 import request from '../request.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const loading = ref(false)
 const fields = ref([])
@@ -969,7 +971,7 @@ onMounted(async () => {
           class="p-button-text"
           @click="editDialogVisible = false"
         />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveField" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveField" />
       </template>
     </Dialog>
 
@@ -1049,7 +1051,7 @@ onMounted(async () => {
           class="p-button-text"
           @click="sectionDialogVisible = false"
         />
-        <Button :label="_('save')" icon="pi pi-check" :loading="savingSec" @click="saveSection" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="savingSec" @click="saveSection" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/NotificationsGrid.vue b/vueManager/src/components/NotificationsGrid.vue
index 6fc4382c4..8b5a533a8 100644
--- a/vueManager/src/components/NotificationsGrid.vue
+++ b/vueManager/src/components/NotificationsGrid.vue
@@ -6,10 +6,12 @@ import { computed, onMounted, ref } from 'vue'
 import { useCrudDialog } from '../composables/useCrudDialog.js'
 import { useResourceList } from '../composables/useResourceList.js'
 import request from '../request.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const references = ref({
   statuses: [],
@@ -505,7 +507,7 @@ onMounted(async () => {
 
       <template #footer>
         <Button :label="_('cancel')" icon="pi pi-times" class="p-button-text" @click="close" />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveNotification" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveNotification" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/OptionGroupsGrid.vue b/vueManager/src/components/OptionGroupsGrid.vue
index be61c0be1..11589e611 100644
--- a/vueManager/src/components/OptionGroupsGrid.vue
+++ b/vueManager/src/components/OptionGroupsGrid.vue
@@ -10,6 +10,7 @@ import { useSelection } from '../composables/useSelection.js'
 import { useSortableList } from '../composables/useSortableList.js'
 import request from '../request.js'
 import { notifyOptionGroupsChanged } from '../utils/optionGroupsBus.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 
 /**
  * Option groups grid — manage msOptionGroup rows (#10).
@@ -24,6 +25,7 @@ import { notifyOptionGroupsChanged } from '../utils/optionGroupsBus.js'
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-option-groups'
 
@@ -343,7 +345,7 @@ onMounted(() => {
       </div>
       <template #footer>
         <Button :label="_('cancel')" severity="secondary" @click="close" />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveGroup" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveGroup" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/OptionsGrid.vue b/vueManager/src/components/OptionsGrid.vue
index 1ad917e32..3a5c8d411 100644
--- a/vueManager/src/components/OptionsGrid.vue
+++ b/vueManager/src/components/OptionsGrid.vue
@@ -5,12 +5,14 @@ import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 
 import request from '../request.js'
 import { onOptionGroupsChanged } from '../utils/optionGroupsBus.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import OptionCategoryTree from './OptionCategoryTree.vue'
 import OptionValuesEditor from './OptionValuesEditor.vue'
 
 const toast = useToast()
 const confirm = useConfirm()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-options'
 
@@ -550,7 +552,7 @@ onBeforeUnmount(() => {
           :disabled="dialogSaving"
           @click="dialogVisible = false"
         />
-        <Button :label="_('save') || 'Сохранить'" :loading="dialogSaving" @click="saveOption" />
+        <Button :label="_('save') || 'Сохранить'" :severity="primarySaveSeverity" :loading="dialogSaving" @click="saveOption" />
       </template>
     </Dialog>
 
diff --git a/vueManager/src/components/PaymentsGrid.vue b/vueManager/src/components/PaymentsGrid.vue
index 7a494a5c2..0ae5b9d7e 100644
--- a/vueManager/src/components/PaymentsGrid.vue
+++ b/vueManager/src/components/PaymentsGrid.vue
@@ -13,11 +13,13 @@ import request from '../request.js'
 import { resolveAddCostPriceBadgeKind } from '../utils/addCostPriceBadgeKind.js'
 import { formatValue, getDisplayName, normalizeImagePath } from '../utils/displayFormatters.js'
 import { applyDeleteConfirmDefaults, gridDeleteAction } from '../utils/gridDeleteAction.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsColumn from './ActionsColumn.vue'
 import FileBrowser from './FileBrowser.vue'
 
 const toast = useToast()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-payments'
 
@@ -682,7 +684,7 @@ onMounted(async () => {
 
       <template #footer>
         <Button :label="_('cancel')" icon="pi pi-times" severity="secondary" @click="close" />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="savePayment" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="savePayment" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/StatusesGrid.vue b/vueManager/src/components/StatusesGrid.vue
index 1a65d7a90..b32f2c0cb 100644
--- a/vueManager/src/components/StatusesGrid.vue
+++ b/vueManager/src/components/StatusesGrid.vue
@@ -10,10 +10,12 @@ import { useSelection } from '../composables/useSelection.js'
 import { useSortableList } from '../composables/useSortableList.js'
 import request from '../request.js'
 import { gridDeleteAction } from '../utils/gridDeleteAction.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsColumn from './ActionsColumn.vue'
 
 const toast = useToast()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-statuses'
 
@@ -444,7 +446,7 @@ onMounted(() => {
 
       <template #footer>
         <Button :label="_('cancel')" icon="pi pi-times" severity="secondary" @click="close" />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveStatus" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveStatus" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/VendorsGrid.vue b/vueManager/src/components/VendorsGrid.vue
index ffe72b7fb..78663646f 100644
--- a/vueManager/src/components/VendorsGrid.vue
+++ b/vueManager/src/components/VendorsGrid.vue
@@ -11,12 +11,14 @@ import { useSortableList } from '../composables/useSortableList.js'
 import request from '../request.js'
 import { formatValue, normalizeImagePath } from '../utils/displayFormatters.js'
 import { applyDeleteConfirmDefaults, gridDeleteAction } from '../utils/gridDeleteAction.js'
+import { getPrimarySaveSeverity } from '../utils/primevueTheme.js'
 import ActionsColumn from './ActionsColumn.vue'
 import DynamicField from './DynamicField.vue'
 import FileBrowser from './FileBrowser.vue'
 
 const toast = useToast()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const CONFIRM_GROUP = 'settings-vendors'
 
@@ -767,7 +769,7 @@ onMounted(async () => {
           severity="secondary"
           @click="editDialogVisible = false"
         />
-        <Button :label="_('save')" icon="pi pi-check" :loading="saving" @click="saveVendor" />
+        <Button :label="_('save')" icon="pi pi-check" :severity="primarySaveSeverity" :loading="saving" @click="saveVendor" />
       </template>
     </Dialog>
   </div>
diff --git a/vueManager/src/components/order/OrderAddProductDialog.vue b/vueManager/src/components/order/OrderAddProductDialog.vue
index 1ac639bb8..fcac9fec5 100644
--- a/vueManager/src/components/order/OrderAddProductDialog.vue
+++ b/vueManager/src/components/order/OrderAddProductDialog.vue
@@ -2,7 +2,10 @@
 import { useLexicon } from '@vuetools/useLexicon'
 import { AutoComplete, Button, Dialog, InputNumber } from 'primevue'
 
+import { getPrimarySaveSeverity } from '../../utils/primevueTheme.js'
+
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const visible = defineModel('visible', { type: Boolean, default: false })
 const selectedProduct = defineModel('selectedProduct', { type: Object, default: null })
@@ -130,6 +133,7 @@ defineProps({
     <Button
       :label="_('save')"
       icon="pi pi-check"
+      :severity="primarySaveSeverity"
       :loading="savingNewProduct"
       :disabled="!selectedProduct || !selectedProduct.id"
       @click="saveNewProduct"
diff --git a/vueManager/src/components/order/OrderEditProductDialog.vue b/vueManager/src/components/order/OrderEditProductDialog.vue
index f39119877..8132de920 100644
--- a/vueManager/src/components/order/OrderEditProductDialog.vue
+++ b/vueManager/src/components/order/OrderEditProductDialog.vue
@@ -2,7 +2,10 @@
 import { useLexicon } from '@vuetools/useLexicon'
 import { Button, Dialog, InputNumber, InputText, Select, Textarea } from 'primevue'
 
+import { getPrimarySaveSeverity } from '../../utils/primevueTheme.js'
+
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 
 const visible = defineModel('visible', { type: Boolean, default: false })
 const editProductForm = defineModel('editProductForm', { type: Object, required: true })
@@ -232,6 +235,7 @@ defineProps({
     <Button
       :label="_('save')"
       icon="pi pi-check"
+      :severity="primarySaveSeverity"
       :loading="savingProduct"
       @click="saveEditedProduct"
     />
diff --git a/vueManager/src/components/order/OrderFormActionsBar.vue b/vueManager/src/components/order/OrderFormActionsBar.vue
index 921784df9..4b8dfacb4 100644
--- a/vueManager/src/components/order/OrderFormActionsBar.vue
+++ b/vueManager/src/components/order/OrderFormActionsBar.vue
@@ -2,6 +2,8 @@
 import { useLexicon } from '@vuetools/useLexicon'
 import { Button } from 'primevue'
 
+import { getPrimarySaveSeverity } from '../../utils/primevueTheme.js'
+
 defineProps({
   isCreateMode: { type: Boolean, required: true },
   saving: { type: Boolean, default: false },
@@ -11,6 +13,7 @@ defineProps({
 
 const emit = defineEmits(['create', 'save', 'cancel'])
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 </script>
 
 <template>
@@ -19,7 +22,7 @@ const { _ } = useLexicon()
       v-if="isCreateMode"
       :label="_('ms3_order_create')"
       icon="pi pi-plus"
-      severity="success"
+      :severity="primarySaveSeverity"
       :loading="saving"
       @click="emit('create')"
     />
@@ -27,6 +30,7 @@ const { _ } = useLexicon()
       v-else
       :label="_('save')"
       icon="pi pi-check"
+      :severity="primarySaveSeverity"
       :loading="saving"
       :disabled="recalculatingCost"
       @click="emit('save')"
diff --git a/vueManager/src/components/order/OrderShipmentTab.vue b/vueManager/src/components/order/OrderShipmentTab.vue
index deb0ae5ee..5d4025137 100644
--- a/vueManager/src/components/order/OrderShipmentTab.vue
+++ b/vueManager/src/components/order/OrderShipmentTab.vue
@@ -6,6 +6,7 @@ import { computed, inject, ref, watch } from 'vue'
 import { ORDER_CONTEXT_KEY } from '../../composables/orderContext.js'
 import { useOrderFormatters } from '../../composables/useOrderFormatters.js'
 import request from '../../request.js'
+import { getPrimarySaveSeverity } from '../../utils/primevueTheme.js'
 
 const STATUS_FALLBACK = [
   'preparing',
@@ -28,6 +29,7 @@ if (!orderCtx) {
 const { order, isCreateMode } = orderCtx
 const { formatDate } = useOrderFormatters()
 const { _ } = useLexicon()
+const primarySaveSeverity = getPrimarySaveSeverity()
 const toast = useToast()
 
 function formatUnix(value) {
@@ -181,6 +183,7 @@ watch(orderId, loadShipment, { immediate: true })
           <Button
             :label="_('save')"
             icon="pi pi-check"
+            :severity="primarySaveSeverity"
             :loading="saving"
             @click="saveShipment(false)"
           />
diff --git a/vueManager/src/entries/api-test.js b/vueManager/src/entries/api-test.js
index 41f572881..b33156f3d 100644
--- a/vueManager/src/entries/api-test.js
+++ b/vueManager/src/entries/api-test.js
@@ -7,13 +7,13 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import VueApiTest from '../components/ApiTest.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Creates and configures Vue application
@@ -24,15 +24,7 @@ function createVueApp() {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/entries/category-options.js b/vueManager/src/entries/category-options.js
index fa29c6d8d..68362ff5a 100644
--- a/vueManager/src/entries/category-options.js
+++ b/vueManager/src/entries/category-options.js
@@ -5,13 +5,13 @@
  * ms3-grid-category-option + ms3-window-option-add + ms3-window-copy-category.
  */
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import CategoryOptionsTab from '../components/CategoryOptionsTab.vue'
 import { provideUiGroup } from '../composables/uiGroup.js'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 const MOUNT_ID = 'ms3-vue-category-options'
 
@@ -30,16 +30,7 @@ function mountApp() {
 
   app = createApp(CategoryOptionsTab, { categoryId })
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-        cssLayer: false,
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
   app.use(ToastService)
   app.use(ConfirmationService)
   provideUiGroup(app, 'category-options')
diff --git a/vueManager/src/entries/category-products.js b/vueManager/src/entries/category-products.js
index 748d17e51..e00a9e525 100644
--- a/vueManager/src/entries/category-products.js
+++ b/vueManager/src/entries/category-products.js
@@ -8,14 +8,14 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import CategoryProductsGrid from '../components/CategoryProductsGrid.vue'
 import { provideUiGroup } from '../composables/uiGroup.js'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 let appInstance = null
 
@@ -31,15 +31,7 @@ function createVueApp(categoryId) {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/entries/customers.js b/vueManager/src/entries/customers.js
index 3428a6ca7..75acd12cb 100644
--- a/vueManager/src/entries/customers.js
+++ b/vueManager/src/entries/customers.js
@@ -7,13 +7,13 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import CustomersGrid from '../components/CustomersGrid.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Creates and configures Vue application
@@ -24,15 +24,7 @@ function createVueApp() {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/entries/help.js b/vueManager/src/entries/help.js
index 107775978..c47733354 100644
--- a/vueManager/src/entries/help.js
+++ b/vueManager/src/entries/help.js
@@ -5,11 +5,12 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { Aura, PrimeVue } from 'primevue'
+import { PrimeVue } from 'primevue'
 import { createApp } from 'vue'
 
 import HelpPage from '../components/HelpPage.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Creates and configures Vue application
@@ -17,14 +18,7 @@ import { injectFormStylesOverride } from '../utils/formStyles.js'
 function createVueApp() {
   const app = createApp(HelpPage)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   return app
 }
diff --git a/vueManager/src/entries/notifications.js b/vueManager/src/entries/notifications.js
index 03c4fd6c1..6f862f3b9 100644
--- a/vueManager/src/entries/notifications.js
+++ b/vueManager/src/entries/notifications.js
@@ -7,13 +7,13 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import NotificationsGrid from '../components/NotificationsGrid.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Creates and configures Vue application
@@ -24,15 +24,7 @@ function createVueApp() {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/entries/order.js b/vueManager/src/entries/order.js
index 1371ea7c8..d6ea6d5eb 100644
--- a/vueManager/src/entries/order.js
+++ b/vueManager/src/entries/order.js
@@ -5,9 +5,8 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import OrderView from '../components/OrderView.vue'
@@ -16,6 +15,7 @@ import {
   snapshotOrderTabConfigForQueue,
   validateOrderPluginTabConfig,
 } from '../utils/orderPluginTab.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Plugin registry for third-party order manager tabs (Vue / ExtJS). See GitHub #166.
@@ -132,15 +132,7 @@ function createVueApp() {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/entries/orders.js b/vueManager/src/entries/orders.js
index 53a2d9e85..cdcba7909 100644
--- a/vueManager/src/entries/orders.js
+++ b/vueManager/src/entries/orders.js
@@ -5,13 +5,13 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import OrdersGrid from '../components/OrdersGrid.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Creates and configures Vue application
@@ -21,15 +21,7 @@ function createVueApp() {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/entries/product-tabs.js b/vueManager/src/entries/product-tabs.js
index 988a40255..8eff0fdd7 100644
--- a/vueManager/src/entries/product-tabs.js
+++ b/vueManager/src/entries/product-tabs.js
@@ -9,13 +9,13 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import ProductTabs from '../components/product/ProductTabs.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 /**
  * Plugin Registry for third-party tabs
@@ -126,15 +126,7 @@ function createVueApp(props) {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
 
   app.use(ToastService)
   app.use(ConfirmationService)
diff --git a/vueManager/src/entries/settings.js b/vueManager/src/entries/settings.js
index d6732c313..c7af4a73c 100644
--- a/vueManager/src/entries/settings.js
+++ b/vueManager/src/entries/settings.js
@@ -5,25 +5,17 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import SettingsPage from '../components/SettingsPage.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 function createVueApp() {
   const app = createApp(SettingsPage)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
   app.use(ConfirmationService)
   app.use(ToastService)
 
diff --git a/vueManager/src/entries/utilities.js b/vueManager/src/entries/utilities.js
index a5ec7188d..7a0556df8 100644
--- a/vueManager/src/entries/utilities.js
+++ b/vueManager/src/entries/utilities.js
@@ -5,13 +5,13 @@
 import '../scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
 import UtilitiesPage from '../components/UtilitiesPage.vue'
 import { injectFormStylesOverride } from '../utils/formStyles.js'
+import { getManagerPrimeVueConfig } from '../utils/primevueTheme.js'
 
 export function init(selector = '#ms3-vue-utilities') {
   const $el = document.querySelector(selector)
@@ -21,15 +21,7 @@ export function init(selector = '#ms3-vue-utilities') {
 
   const app = createApp(UtilitiesPage)
   app.use(createPinia())
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-      },
-    },
-    locale: getPrimeVueLocale(),
-  })
+  app.use(PrimeVue, getManagerPrimeVueConfig())
   app.use(ConfirmationService)
   app.use(ToastService)
   app.mount(selector)
diff --git a/vueManager/src/main.js b/vueManager/src/main.js
index 421143c9b..749dfe277 100644
--- a/vueManager/src/main.js
+++ b/vueManager/src/main.js
@@ -1,11 +1,12 @@
 import './scss/primevue.scss'
 import 'primeicons/primeicons.css'
 
-import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
 import { createPinia } from 'pinia'
-import { Aura, ConfirmationService, PrimeVue, ToastService } from 'primevue'
+import { ConfirmationService, PrimeVue, ToastService } from 'primevue'
 import { createApp } from 'vue'
 
+import { getManagerPrimeVueConfig } from './utils/primevueTheme.js'
+
 /**
  * MiniShop3 Vue Manager
  *
@@ -36,16 +37,7 @@ export function createVueApp(rootComponent) {
   const pinia = createPinia()
   app.use(pinia)
 
-  app.use(PrimeVue, {
-    theme: {
-      preset: Aura,
-      options: {
-        darkModeSelector: 'none',
-        cssLayer: false,
-        prefix: 'p',
-      },
-    },
-    locale: getPrimeVueLocale(),
+  app.use(PrimeVue, getManagerPrimeVueConfig({
     pt: {
       directives: {
         tooltip: {
@@ -53,7 +45,7 @@ export function createVueApp(rootComponent) {
         },
       },
     },
-  })
+  }))
 
   app.use(ConfirmationService)
   app.use(ToastService)
diff --git a/vueManager/src/scss/_variables.scss b/vueManager/src/scss/_variables.scss
index ef997e9cf..65ca85e1e 100644
--- a/vueManager/src/scss/_variables.scss
+++ b/vueManager/src/scss/_variables.scss
@@ -64,7 +64,7 @@
   --ms3-text-info-result: #0c5460;
   --ms3-text-error-result: #721c24;
 
-  /* Colors — accents */
+  /* Colors — accents (fixed blue: Aura --p-primary-color is emerald and fails AA on links) */
   --ms3-accent-primary: #3b82f6;
   --ms3-accent-focus: rgb(59 130 246 / 30%);
   --ms3-accent-teal: #32ab9a;
diff --git a/vueManager/src/test/stubs/usePrimeVueLocale.js b/vueManager/src/test/stubs/usePrimeVueLocale.js
new file mode 100644
index 000000000..ae9846889
--- /dev/null
+++ b/vueManager/src/test/stubs/usePrimeVueLocale.js
@@ -0,0 +1,3 @@
+export function getPrimeVueLocale() {
+  return {}
+}
diff --git a/vueManager/src/test/stubs/useTheme.js b/vueManager/src/test/stubs/useTheme.js
new file mode 100644
index 000000000..969f2a2b3
--- /dev/null
+++ b/vueManager/src/test/stubs/useTheme.js
@@ -0,0 +1,13 @@
+let themeName = 'aura'
+
+export function __setThemeNameForTests(name) {
+  themeName = name
+}
+
+export function getThemeName() {
+  return themeName
+}
+
+export function getActiveTheme() {
+  return { theme: { preset: {}, options: {} } }
+}
diff --git a/vueManager/src/utils/formStyles.js b/vueManager/src/utils/formStyles.js
index 55a67b1ce..188132bc8 100644
--- a/vueManager/src/utils/formStyles.js
+++ b/vueManager/src/utils/formStyles.js
@@ -4,10 +4,17 @@
  * Вызывать после app.mount(). PrimeVue с @primeuix/themes встраивает тему в runtime
  * после загрузки бандла, поэтому стили из SCSS (даже с !important) загружаются раньше
  * и перезаписываются. Runtime injection обеспечивает применение наших правил последними.
+ *
+ * Под Modx preset (vuetools.theme = modx) инжект отключён: Modx сам владеет высотой
+ * контролов и плотностью, наши переопределения конфликтовали бы с его токенами.
  */
+import { shouldInjectFormStylesOverride } from './primevueTheme.js'
+
 const STYLE_ID = 'ms3-form-styles-override'
 
 export function injectFormStylesOverride() {
+  // Modx preset owns control height/density — skip our Aura-era overrides.
+  if (!shouldInjectFormStylesOverride()) return
   if (document.getElementById(STYLE_ID)) return
 
   const css = `
diff --git a/vueManager/src/utils/primevueTheme.js b/vueManager/src/utils/primevueTheme.js
new file mode 100644
index 000000000..2742d2689
--- /dev/null
+++ b/vueManager/src/utils/primevueTheme.js
@@ -0,0 +1,63 @@
+/**
+ * PrimeVue theme for MiniShop3 manager entries.
+ *
+ * Resolves `vuetools.theme` via VueTools and forces manager chrome options:
+ * - `darkModeSelector: 'none'` — stay light even when the OS prefers dark
+ * - `cssLayer: false` — keep cascade against MODX/Ext manager CSS (was on
+ *   main.js / category-options before getActiveTheme migration)
+ *
+ * Registry shapes: aura `{ theme: { preset } }`, modx `{ theme: ModxManagerTheme }`
+ * where ModxManagerTheme = `{ preset, options }`.
+ */
+import { getPrimeVueLocale } from '@vuetools/usePrimeVueLocale'
+import { getActiveTheme, getThemeName } from '@vuetools/useTheme'
+
+function getManagerPrimeVueThemeOptions() {
+  const { theme, ...rest } = getActiveTheme()
+  return {
+    ...rest,
+    theme: {
+      ...theme,
+      options: {
+        ...theme?.options,
+        darkModeSelector: 'none',
+        cssLayer: false,
+      },
+    },
+  }
+}
+
+/**
+ * Theme options plus manager locale.
+ * @param {{ pt?: object }} [options]
+ */
+export function getManagerPrimeVueConfig(options = {}) {
+  const config = {
+    ...getManagerPrimeVueThemeOptions(),
+    locale: getPrimeVueLocale(),
+  }
+  if (options.pt !== undefined) {
+    config.pt = options.pt
+  }
+  return config
+}
+
+export function isModxManagerTheme() {
+  return getThemeName() === 'modx'
+}
+
+/** Aura-era form density inject should not run under Modx preset. */
+export function shouldInjectFormStylesOverride() {
+  return !isModxManagerTheme()
+}
+
+/**
+ * Severity for primary Save (and order Create) actions.
+ * Modx uses success green; Aura keeps default primary so Part B does not
+ * restyle the default theme (#701 / #738 review).
+ *
+ * @returns {'success'|undefined}
+ */
+export function getPrimarySaveSeverity() {
+  return isModxManagerTheme() ? 'success' : undefined
+}
diff --git a/vueManager/src/utils/primevueTheme.test.js b/vueManager/src/utils/primevueTheme.test.js
new file mode 100644
index 000000000..e577312e4
--- /dev/null
+++ b/vueManager/src/utils/primevueTheme.test.js
@@ -0,0 +1,27 @@
+import { __setThemeNameForTests } from '@vuetools/useTheme'
+import { beforeEach, describe, expect, it } from 'vitest'
+
+import {
+  getPrimarySaveSeverity,
+  isModxManagerTheme,
+  shouldInjectFormStylesOverride,
+} from './primevueTheme.js'
+
+describe('primevueTheme helpers (#701 Part B / #738)', () => {
+  beforeEach(() => {
+    __setThemeNameForTests('aura')
+  })
+
+  it('uses success severity only under Modx theme', () => {
+    __setThemeNameForTests('modx')
+    expect(isModxManagerTheme()).toBe(true)
+    expect(getPrimarySaveSeverity()).toBe('success')
+    expect(shouldInjectFormStylesOverride()).toBe(false)
+  })
+
+  it('leaves Aura Save on default primary (no success restyle)', () => {
+    expect(isModxManagerTheme()).toBe(false)
+    expect(getPrimarySaveSeverity()).toBeUndefined()
+    expect(shouldInjectFormStylesOverride()).toBe(true)
+  })
+})
diff --git a/vueManager/vite.config.js b/vueManager/vite.config.js
index d41acfdf0..a6801f04e 100644
--- a/vueManager/vite.config.js
+++ b/vueManager/vite.config.js
@@ -99,6 +99,7 @@ export default defineConfig(({ command }) => {
     '@vuetools/useModx',
     '@vuetools/usePermission',
     '@vuetools/usePrimeVueLocale',
+    '@vuetools/useTheme',
   ]
 
   // Subpath imports (primevue/button) resolve to node_modules and ship a second
diff --git a/vueManager/vitest.config.js b/vueManager/vitest.config.js
index 9aa5b23f9..4b5111aa5 100644
--- a/vueManager/vitest.config.js
+++ b/vueManager/vitest.config.js
@@ -11,6 +11,10 @@ export default defineConfig({
       '@vuetools/useLexicon': fileURLToPath(
         new URL('./src/test/stubs/useLexicon.js', import.meta.url)
       ),
+      '@vuetools/useTheme': fileURLToPath(new URL('./src/test/stubs/useTheme.js', import.meta.url)),
+      '@vuetools/usePrimeVueLocale': fileURLToPath(
+        new URL('./src/test/stubs/usePrimeVueLocale.js', import.meta.url)
+      ),
     },
   },
   test: {