npm - @memberjunction/ng-explorer-settings - Versions diffs - 3.4.0 → 4.0.0 - Mend

@memberjunction/ng-explorer-settings 3.4.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/dist/lib/settings/settings.component.js CHANGED Viewed

@@ -69,7 +69,8 @@ function SettingsComponent_Conditional_3_Conditional_1_For_8_Template(rf, ctx) {
     i0.ɵɵelementStart(2, "span", 26);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, SettingsComponent_Conditional_3_Conditional_1_For_8_Conditional_4_Template, 2, 0, "span", 27)(5, SettingsComponent_Conditional_3_Conditional_1_For_8_Conditional_5_Template, 2, 3, "span", 28);
+    i0.ɵɵconditionalCreate(4, SettingsComponent_Conditional_3_Conditional_1_For_8_Conditional_4_Template, 2, 0, "span", 27);
+    i0.ɵɵconditionalCreate(5, SettingsComponent_Conditional_3_Conditional_1_For_8_Conditional_5_Template, 2, 3, "span", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const tab_r6 = ctx.$implicit;
@@ -111,13 +112,13 @@ function SettingsComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(4, "input", 15);
     i0.ɵɵlistener("input", function SettingsComponent_Conditional_3_Conditional_1_Template_input_input_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSearchChange($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, SettingsComponent_Conditional_3_Conditional_1_Conditional_5_Template, 2, 0, "button", 16);
+    i0.ɵɵconditionalCreate(5, SettingsComponent_Conditional_3_Conditional_1_Conditional_5_Template, 2, 0, "button", 16);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "ul", 17);
     i0.ɵɵrepeaterCreate(7, SettingsComponent_Conditional_3_Conditional_1_For_8_Template, 6, 12, "li", 18, _forTrack0);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(9, "div", 19)(10, "div", 20);
-    i0.ɵɵtemplate(11, SettingsComponent_Conditional_3_Conditional_1_Case_11_Template, 1, 0, "mj-general-settings")(12, SettingsComponent_Conditional_3_Conditional_1_Case_12_Template, 6, 0, "div", 21)(13, SettingsComponent_Conditional_3_Conditional_1_Case_13_Template, 1, 0, "mj-application-settings")(14, SettingsComponent_Conditional_3_Conditional_1_Case_14_Template, 1, 0, "mj-appearance-settings");
+    i0.ɵɵconditionalCreate(11, SettingsComponent_Conditional_3_Conditional_1_Case_11_Template, 1, 0, "mj-general-settings")(12, SettingsComponent_Conditional_3_Conditional_1_Case_12_Template, 6, 0, "div", 21)(13, SettingsComponent_Conditional_3_Conditional_1_Case_13_Template, 1, 0, "mj-application-settings")(14, SettingsComponent_Conditional_3_Conditional_1_Case_14_Template, 1, 0, "mj-appearance-settings");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_6_0;
@@ -178,7 +179,8 @@ function SettingsComponent_Conditional_3_Conditional_2_For_9_Template(rf, ctx) {
     i0.ɵɵelementStart(2, "span", 40);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, SettingsComponent_Conditional_3_Conditional_2_For_9_Conditional_4_Template, 2, 0, "span", 27)(5, SettingsComponent_Conditional_3_Conditional_2_For_9_Conditional_5_Template, 2, 3, "span", 48);
+    i0.ɵɵconditionalCreate(4, SettingsComponent_Conditional_3_Conditional_2_For_9_Conditional_4_Template, 2, 0, "span", 27);
+    i0.ɵɵconditionalCreate(5, SettingsComponent_Conditional_3_Conditional_2_For_9_Conditional_5_Template, 2, 3, "span", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const tab_r11 = ctx.$implicit;
@@ -217,7 +219,8 @@ function SettingsComponent_Conditional_3_Conditional_2_Case_19_Template(rf, ctx)
 function SettingsComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵtemplate(1, SettingsComponent_Conditional_3_Conditional_2_Conditional_1_Template, 6, 1, "header", 32)(2, SettingsComponent_Conditional_3_Conditional_2_Conditional_2_Template, 1, 0, "div", 33);
+    i0.ɵɵconditionalCreate(1, SettingsComponent_Conditional_3_Conditional_2_Conditional_1_Template, 6, 1, "header", 32);
+    i0.ɵɵconditionalCreate(2, SettingsComponent_Conditional_3_Conditional_2_Conditional_2_Template, 1, 0, "div", 33);
     i0.ɵɵelementStart(3, "nav", 34)(4, "div", 35)(5, "span", 36);
     i0.ɵɵtext(6, "Settings");
     i0.ɵɵelementEnd()();
@@ -230,7 +233,7 @@ function SettingsComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵtext(13, "Close");
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(14, "div", 41)(15, "div", 20);
-    i0.ɵɵtemplate(16, SettingsComponent_Conditional_3_Conditional_2_Case_16_Template, 1, 0, "mj-general-settings")(17, SettingsComponent_Conditional_3_Conditional_2_Case_17_Template, 6, 0, "div", 21)(18, SettingsComponent_Conditional_3_Conditional_2_Case_18_Template, 1, 0, "mj-application-settings")(19, SettingsComponent_Conditional_3_Conditional_2_Case_19_Template, 1, 0, "mj-appearance-settings");
+    i0.ɵɵconditionalCreate(16, SettingsComponent_Conditional_3_Conditional_2_Case_16_Template, 1, 0, "mj-general-settings")(17, SettingsComponent_Conditional_3_Conditional_2_Case_17_Template, 6, 0, "div", 21)(18, SettingsComponent_Conditional_3_Conditional_2_Case_18_Template, 1, 0, "mj-application-settings")(19, SettingsComponent_Conditional_3_Conditional_2_Case_19_Template, 1, 0, "mj-appearance-settings");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_6_0;
@@ -248,7 +251,8 @@ function SettingsComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (r
 } }
 function SettingsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵtemplate(1, SettingsComponent_Conditional_3_Conditional_1_Template, 15, 4, "div", 10)(2, SettingsComponent_Conditional_3_Conditional_2_Template, 20, 5, "div", 11);
+    i0.ɵɵconditionalCreate(1, SettingsComponent_Conditional_3_Conditional_1_Template, 15, 4, "div", 10);
+    i0.ɵɵconditionalCreate(2, SettingsComponent_Conditional_3_Conditional_2_Template, 20, 5, "div", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -533,9 +537,11 @@ let SettingsComponent = class SettingsComponent extends BaseNavigationComponent
         return tab.disabled || false;
     }
     static ɵfac = function SettingsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SettingsComponent)(i0.ɵɵdirectiveInject(i1.Location)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsComponent, selectors: [["mj-settings"]], outputs: { stateChange: "stateChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [[1, "mj-page-container"], ["role", "status", "aria-live", "polite", 1, "loading-container"], ["role", "alert", 1, "error-container"], [1, "settings-content"], ["text", "Loading settings..."], [1, "error-content"], ["aria-hidden", "true", 1, "fa-solid", "fa-exclamation-triangle", "error-icon"], [1, "error-message"], [1, "retry-button", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-refresh"], [1, "desktop-layout", 2, "display", "flex"], [1, "mobile-layout"], ["role", "navigation", "aria-label", "Settings navigation", 1, "side-navigation"], [1, "nav-search"], ["aria-hidden", "true", 1, "fa-solid", "fa-search", "nav-search-icon"], ["type", "text", "placeholder", "Search settings...", "aria-label", "Search settings", 1, "nav-search-input", 3, "input", "value"], ["aria-label", "Clear search", "tabindex", "0", 1, "nav-search-clear"], ["role", "tablist", "aria-orientation", "vertical", 1, "nav-list"], ["role", "tab", "tabindex", "0", 1, "nav-item", 3, "active", "disabled"], ["role", "tabpanel", 1, "content-area"], [1, "tab-content"], [1, "notifications-settings"], ["aria-label", "Clear search", "tabindex", "0", 1, "nav-search-clear", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], ["role", "tab", "tabindex", "0", 1, "nav-item", 3, "click", "keydown.enter"], ["aria-hidden", "true"], [1, "nav-label"], [1, "coming-soon-badge"], [1, "nav-badge", 3, "class"], [1, "nav-badge"], [1, "section-title"], [1, "section-description"], [1, "mobile-header"], ["aria-hidden", "true", 1, "mobile-nav-backdrop"], ["role", "navigation", "aria-label", "Settings navigation", 1, "mobile-nav-rail"], [1, "nav-rail-header"], [1, "nav-rail-title"], ["role", "tablist", 1, "nav-rail-items"], ["role", "tab", 1, "nav-rail-item", 3, "active", "disabled"], ["aria-label", "Close settings", 1, "nav-rail-item", "nav-rail-close-item", 3, "click"], [1, "nav-rail-label"], [1, "mobile-content"], ["aria-label", "Toggle navigation menu", 1, "mobile-header-icon", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-bars"], [1, "mobile-header-title"], [1, "mobile-header-spacer"], ["aria-hidden", "true", 1, "mobile-nav-backdrop", 3, "click"], ["role", "tab", 1, "nav-rail-item", 3, "click", "disabled"], [1, "rail-badge", 3, "class"], [1, "rail-badge"]], template: function SettingsComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsComponent, selectors: [["mj-settings"]], outputs: { stateChange: "stateChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [[1, "mj-page-container"], ["role", "status", "aria-live", "polite", 1, "loading-container"], ["role", "alert", 1, "error-container"], [1, "settings-content"], ["text", "Loading settings..."], [1, "error-content"], ["aria-hidden", "true", 1, "fa-solid", "fa-exclamation-triangle", "error-icon"], [1, "error-message"], [1, "retry-button", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-refresh"], [1, "desktop-layout", 2, "display", "flex"], [1, "mobile-layout"], ["role", "navigation", "aria-label", "Settings navigation", 1, "side-navigation"], [1, "nav-search"], ["aria-hidden", "true", 1, "fa-solid", "fa-search", "nav-search-icon"], ["type", "text", "placeholder", "Search settings...", "aria-label", "Search settings", 1, "nav-search-input", 3, "input", "value"], ["aria-label", "Clear search", "tabindex", "0", 1, "nav-search-clear"], ["role", "tablist", "aria-orientation", "vertical", 1, "nav-list"], ["role", "tab", "tabindex", "0", 1, "nav-item", 3, "active", "disabled"], ["role", "tabpanel", 1, "content-area"], [1, "tab-content"], [1, "notifications-settings"], ["aria-label", "Clear search", "tabindex", "0", 1, "nav-search-clear", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], ["role", "tab", "tabindex", "0", 1, "nav-item", 3, "click", "keydown.enter"], ["aria-hidden", "true"], [1, "nav-label"], [1, "coming-soon-badge"], [1, "nav-badge", 3, "class"], [1, "nav-badge"], [1, "section-title"], [1, "section-description"], [1, "mobile-header"], ["aria-hidden", "true", 1, "mobile-nav-backdrop"], ["role", "navigation", "aria-label", "Settings navigation", 1, "mobile-nav-rail"], [1, "nav-rail-header"], [1, "nav-rail-title"], ["role", "tablist", 1, "nav-rail-items"], ["role", "tab", 1, "nav-rail-item", 3, "active", "disabled"], ["aria-label", "Close settings", 1, "nav-rail-item", "nav-rail-close-item", 3, "click"], [1, "nav-rail-label"], [1, "mobile-content"], ["aria-label", "Toggle navigation menu", 1, "mobile-header-icon", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-bars"], [1, "mobile-header-title"], [1, "mobile-header-spacer"], ["aria-hidden", "true", 1, "mobile-nav-backdrop", 3, "click"], ["role", "tab", 1, "nav-rail-item", 3, "click", "disabled"], [1, "rail-badge", 3, "class"], [1, "rail-badge"]], template: function SettingsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, SettingsComponent_Conditional_1_Template, 2, 0, "div", 1)(2, SettingsComponent_Conditional_2_Template, 8, 1, "div", 2)(3, SettingsComponent_Conditional_3_Template, 3, 2, "div", 3);
+            i0.ɵɵconditionalCreate(1, SettingsComponent_Conditional_1_Template, 2, 0, "div", 1);
+            i0.ɵɵconditionalCreate(2, SettingsComponent_Conditional_2_Template, 8, 1, "div", 2);
+            i0.ɵɵconditionalCreate(3, SettingsComponent_Conditional_3_Template, 3, 2, "div", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -552,9 +558,9 @@ SettingsComponent = __decorate([
 export { SettingsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SettingsComponent, [{
         type: Component,
-        args: [{ selector: 'mj-settings', template: "<div class=\"mj-page-container\">\n  <!-- Loading State -->\n  @if (isLoading) {\n    <div class=\"loading-container\" role=\"status\" aria-live=\"polite\">\n      <mj-loading text=\"Loading settings...\"></mj-loading>\n    </div>\n  }\n\n  <!-- Error State -->\n  @if (error && !isLoading) {\n    <div class=\"error-container\" role=\"alert\">\n      <div class=\"error-content\">\n        <i class=\"fa-solid fa-exclamation-triangle error-icon\" aria-hidden=\"true\"></i>\n        <p class=\"error-message\">{{ error }}</p>\n        <button class=\"retry-button\" (click)=\"loadInitialData()\">\n          <i class=\"fa-solid fa-refresh\" aria-hidden=\"true\"></i>\n          Try Again\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Main Content -->\n  @if (!isLoading && !error) {\n    <div class=\"settings-content\">\n      <!-- Desktop Layout -->\n      @if (!isMobile) {\n        <div class=\"desktop-layout\" style=\"display: flex;\">\n          <!-- Side Navigation -->\n          <nav class=\"side-navigation\" role=\"navigation\" aria-label=\"Settings navigation\">\n            <!-- Search Bar -->\n            <div class=\"nav-search\">\n              <i class=\"fa-solid fa-search nav-search-icon\" aria-hidden=\"true\"></i>\n              <input\n                type=\"text\"\n                class=\"nav-search-input\"\n                placeholder=\"Search settings...\"\n                (input)=\"onSearchChange($event)\"\n                [value]=\"searchTerm$.value\"\n                aria-label=\"Search settings\"\n              />\n              @if (searchTerm$.value) {\n                <button\n                  class=\"nav-search-clear\"\n                  (click)=\"clearSearch()\"\n                  aria-label=\"Clear search\"\n                  tabindex=\"0\"\n                >\n                  <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n                </button>\n              }\n            </div>\n\n            <ul class=\"nav-list\" role=\"tablist\" aria-orientation=\"vertical\">\n              @for (tab of filteredTabs; track tab.id) {\n                <li\n                  class=\"nav-item\"\n                  [class.active]=\"activeTab === tab.id\"\n                  [class.disabled]=\"tab.disabled\"\n                  (click)=\"onTabChange(tab.id)\"\n                  (keydown.enter)=\"onTabChange(tab.id)\"\n                  role=\"tab\"\n                  [attr.aria-selected]=\"activeTab === tab.id\"\n                  [attr.aria-controls]=\"'panel-' + tab.id\"\n                  [attr.aria-disabled]=\"tab.disabled\"\n                  tabindex=\"0\"\n                >\n                  <i [class]=\"tab.icon\" aria-hidden=\"true\"></i>\n                  <span class=\"nav-label\">{{ tab.label }}</span>\n                  @if (tab.disabled) {\n                    <span class=\"coming-soon-badge\">Soon</span>\n                  }\n                  @if (tab.badgeCount && tab.badgeCount > 0) {\n                    <span class=\"nav-badge\" [class]=\"'badge-' + (tab.badgeColor || 'primary')\">\n                      {{ tab.badgeCount }}\n                    </span>\n                  }\n                </li>\n              }\n            </ul>\n          </nav>\n\n          <!-- Content Area -->\n          <div class=\"content-area\" role=\"tabpanel\" [attr.id]=\"'panel-' + activeTab\">\n            <div class=\"tab-content\">\n              @switch (activeTab) {\n                @case ('general') {\n                  <mj-general-settings></mj-general-settings>\n                }\n\n                @case ('notifications') {\n                  <div class=\"notifications-settings\">\n                    <h2 class=\"section-title\">Notifications</h2>\n                    <p class=\"section-description\">Configure how and when you receive notifications</p>\n                    <mj-notification-preferences></mj-notification-preferences>\n                  </div>\n                }\n\n                @case ('applications') {\n                  <mj-application-settings></mj-application-settings>\n                }\n\n                @case ('appearance') {\n                  <mj-appearance-settings></mj-appearance-settings>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      }\n\n      <!-- Mobile Layout -->\n      @if (isMobile) {\n        <div class=\"mobile-layout\">\n          <!-- Mobile Header -->\n          @if (!isMobileNavOpen) {\n            <header class=\"mobile-header\">\n              <button\n                class=\"mobile-header-icon\"\n                (click)=\"toggleMobileNav()\"\n                aria-label=\"Toggle navigation menu\"\n                [attr.aria-expanded]=\"isMobileNavOpen\"\n              >\n                <i class=\"fa-solid fa-bars\" aria-hidden=\"true\"></i>\n              </button>\n              <h1 class=\"mobile-header-title\">Settings</h1>\n              <div class=\"mobile-header-spacer\"></div>\n            </header>\n          }\n\n          <!-- Backdrop Overlay -->\n          @if (isMobileNavOpen) {\n            <div\n              class=\"mobile-nav-backdrop\"\n              (click)=\"closeMobileNav()\"\n              aria-hidden=\"true\"\n            ></div>\n          }\n\n          <!-- Mobile Navigation Rail -->\n          <nav\n            class=\"mobile-nav-rail\"\n            [class.open]=\"isMobileNavOpen\"\n            role=\"navigation\"\n            aria-label=\"Settings navigation\"\n          >\n            <div class=\"nav-rail-header\">\n              <span class=\"nav-rail-title\">Settings</span>\n            </div>\n\n            <div class=\"nav-rail-items\" role=\"tablist\">\n              @for (tab of filteredTabs; track tab.id) {\n                <button\n                  class=\"nav-rail-item\"\n                  [class.active]=\"activeTab === tab.id\"\n                  [class.disabled]=\"tab.disabled\"\n                  [disabled]=\"tab.disabled\"\n                  (click)=\"onMobileTabChange(tab.id)\"\n                  role=\"tab\"\n                  [attr.aria-selected]=\"activeTab === tab.id\"\n                  [attr.aria-label]=\"tab.label\"\n                >\n                  <i [class]=\"tab.icon\" aria-hidden=\"true\"></i>\n                  <span class=\"nav-rail-label\">{{ tab.label }}</span>\n                  @if (tab.disabled) {\n                    <span class=\"coming-soon-badge\">Soon</span>\n                  }\n                  @if (tab.badgeCount && tab.badgeCount > 0) {\n                    <span class=\"rail-badge\" [class]=\"'badge-' + (tab.badgeColor || 'primary')\">\n                      {{ tab.badgeCount }}\n                    </span>\n                  }\n                </button>\n              }\n\n              <button\n                class=\"nav-rail-item nav-rail-close-item\"\n                (click)=\"closeSettings()\"\n                aria-label=\"Close settings\"\n              >\n                <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n                <span class=\"nav-rail-label\">Close</span>\n              </button>\n            </div>\n          </nav>\n\n          <!-- Mobile Content Area -->\n          <div class=\"mobile-content\">\n            <div class=\"tab-content\">\n              @switch (activeTab) {\n                @case ('general') {\n                  <mj-general-settings></mj-general-settings>\n                }\n\n                @case ('notifications') {\n                  <div class=\"notifications-settings\">\n                    <h2 class=\"section-title\">Notifications</h2>\n                    <p class=\"section-description\">Configure how and when you receive notifications</p>\n                    <mj-notification-preferences></mj-notification-preferences>\n                  </div>\n                }\n\n                @case ('applications') {\n                  <mj-application-settings></mj-application-settings>\n                }\n\n                @case ('appearance') {\n                  <mj-appearance-settings></mj-appearance-settings>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["/* ============================================\n   Settings Component - MD3 Design System\n   Material Design 3 compliant styles with proper token usage\n   ============================================ */\n\n/* ============================================\n   Custom Color Palette\n   ============================================ */\n:host {\n  --settings-primary: #0076B6;\n  --settings-primary-container: #AAE7FD;\n  --settings-secondary: #F5A623;\n  --settings-secondary-container: #FFECD6;\n  --settings-tertiary: #4CAF50;\n  --settings-tertiary-container: #C8E6C9;\n  --settings-error: #D32F2F;\n  --settings-error-container: #FFCDD2;\n}\n\n/* ============================================\n   Host & Page Container\n   ============================================ */\n\n/* Host element must fill its container */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n\n@media (max-width: 768px) {\n  :host {\n    height: auto;\n    min-height: 100vh;\n    overflow: visible;\n  }\n}\n\n/* Page container needs proper height and scrolling */\n.mj-page-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n@media (max-width: 768px) {\n  .mj-page-container {\n    overflow-y: visible;\n    overflow-x: hidden;\n    height: auto;\n    min-height: 100vh;\n  }\n}\n\n/* ============================================\n   Keyframe Animations\n   ============================================ */\n\n@keyframes shimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n/* ============================================\n   Settings Container & Main Layout\n   ============================================ */\n\n.settings-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: var(--mat-sys-surface);\n  overflow-y: auto;\n  position: relative;\n}\n\n/* ============================================\n   Loading State\n   ============================================ */\n.loading-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.loading-content {\n  text-align: center;\n}\n\n.loading-text {\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-large);\n}\n\n/* ============================================\n   Error State\n   ============================================ */\n.error-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.error-content {\n  text-align: center;\n  max-width: 400px;\n}\n\n.error-content .error-icon {\n  font-size: 3rem;\n  color: var(--mat-sys-error);\n  margin-bottom: 1rem;\n}\n\n.error-content .error-message {\n  color: var(--mat-sys-on-surface);\n  margin-bottom: 1.5rem;\n  font: var(--mat-sys-body-large);\n}\n\n.error-content .retry-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.5rem;\n  font: var(--mat-sys-label-large);\n  font-weight: 500;\n  border: none;\n  border-radius: 20px;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  white-space: nowrap;\n  min-height: 44px;\n  background-color: var(--mat-sys-primary);\n  color: var(--mat-sys-on-primary);\n}\n\n.error-content .retry-button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.error-content .retry-button:hover:not(:disabled) {\n  background-color: var(--mat-sys-primary-hover, var(--mat-sys-primary));\n  transform: translateY(-1px);\n  box-shadow: var(--mat-sys-elevation-2);\n}\n\n.error-content .retry-button i {\n  font-size: 0.875rem;\n}\n\n/* ============================================\n   Main Content Area & Tab Layout\n   ============================================ */\n\n.settings-content {\n  display: flex;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  flex-direction: column;\n  width: 100%;\n  min-height: 0;\n}\n\n@media (max-width: 768px) {\n  .settings-content {\n    overflow-y: visible;\n    overflow-x: hidden;\n    height: auto;\n    min-height: 0;\n    flex: none;\n  }\n}\n\n.desktop-layout {\n  display: flex !important;\n  height: 100%;\n  width: 100%;\n}\n\n.settings-content .desktop-layout {\n  display: flex !important;\n  height: 100%;\n  width: 100%;\n}\n\n/* ============================================\n   Side Navigation (Desktop Only)\n   ============================================ */\n\n.side-navigation {\n  width: 280px;\n  background: linear-gradient(180deg, var(--mat-sys-surface) 0%, var(--mat-sys-surface-container-lowest) 100%);\n  border-right: 1px solid var(--mat-sys-outline-variant);\n  overflow-y: auto;\n  flex-shrink: 0;\n  box-shadow: var(--mat-sys-elevation-1);\n}\n\n/* Navigation Search Bar */\n.nav-search {\n  position: relative;\n  padding: 1rem;\n  border-bottom: 1px solid var(--mat-sys-outline-variant);\n  background-color: var(--mat-sys-surface);\n}\n\n.nav-search-icon {\n  position: absolute;\n  left: 1.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mat-sys-on-surface-variant);\n  font-size: 1rem;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.nav-search-input {\n  width: 100%;\n  padding: 0.75rem 2.75rem 0.75rem 2.5rem;\n  border: 1px solid var(--mat-sys-outline-variant);\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-body-medium);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  background-color: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n}\n\n.nav-search-input:focus {\n  outline: none;\n  border-color: var(--settings-primary);\n  background-color: var(--mat-sys-surface);\n  box-shadow: 0 0 0 2px rgba(0, 118, 182, 0.1);\n}\n\n.nav-search-input::placeholder {\n  color: var(--mat-sys-on-surface-variant);\n}\n\n.nav-search-clear {\n  position: absolute;\n  right: 1.25rem;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 0.25rem;\n  background: transparent;\n  border: none;\n  color: var(--mat-sys-on-surface-variant);\n  cursor: pointer;\n  border-radius: var(--mat-sys-corner-full);\n  min-width: 32px;\n  min-height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: 1;\n}\n\n.nav-search-clear:hover {\n  background: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n}\n\n.nav-search-clear:focus-visible {\n  outline: 2px solid var(--settings-primary);\n  outline-offset: 2px;\n}\n\n.nav-list {\n  list-style: none;\n  margin: 0;\n  padding: 1rem 0;\n}\n\n.nav-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  margin: 0.25rem 0.75rem;\n  border-radius: var(--mat-sys-corner-medium);\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-large);\n  border: 2px solid transparent;\n}\n\n.nav-item:hover {\n  background-color: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n  transform: translateX(4px);\n}\n\n.nav-item:focus-visible {\n  outline: 2px solid var(--mat-sys-primary);\n  outline-offset: 2px;\n}\n\n/* Color-coded navigation items */\n.nav-item[aria-controls=\"panel-general\"] {\n  --item-color: var(--settings-primary);\n  --item-container: var(--settings-primary-container);\n}\n\n.nav-item[aria-controls=\"panel-users\"] {\n  --item-color: var(--settings-secondary);\n  --item-container: var(--settings-secondary-container);\n}\n\n.nav-item[aria-controls=\"panel-roles\"] {\n  --item-color: var(--settings-tertiary);\n  --item-container: var(--settings-tertiary-container);\n}\n\n.nav-item[aria-controls=\"panel-applications\"] {\n  --item-color: #9C27B0;\n  --item-container: #E1BEE7;\n}\n\n.nav-item[aria-controls=\"panel-permissions\"] {\n  --item-color: var(--settings-error);\n  --item-container: var(--settings-error-container);\n}\n\n.nav-item[aria-controls=\"panel-advanced\"] {\n  --item-color: #FF6F00;\n  --item-container: #FFE0B2;\n}\n\n.nav-item.active {\n  background-color: var(--item-container);\n  color: var(--item-color);\n  font-weight: 600;\n  border-color: var(--item-color);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.nav-item:hover:not(.active) {\n  border-color: var(--item-color);\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.nav-item i {\n  width: 20px;\n  margin-right: 0.75rem;\n  font-size: 1.1rem;\n}\n\n.nav-item .nav-label {\n  flex: 1;\n}\n\n.nav-item .nav-badge {\n  padding: 0.125rem 0.5rem;\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-label-small);\n  font-weight: 600;\n}\n\n.nav-item .nav-badge.badge-primary {\n  background-color: var(--mat-sys-primary-container);\n  color: var(--mat-sys-on-primary-container);\n}\n\n.nav-item .nav-badge.badge-danger {\n  background-color: var(--mat-sys-error-container);\n  color: var(--mat-sys-on-error-container);\n}\n\n.nav-item .nav-badge.badge-warning {\n  background-color: var(--mat-sys-tertiary-container);\n  color: var(--mat-sys-on-tertiary-container);\n}\n\n.nav-item .nav-badge.badge-success {\n  background-color: var(--mat-sys-secondary-container);\n  color: var(--mat-sys-on-secondary-container);\n}\n\n/* Disabled Navigation Items */\n.nav-item.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.nav-item.disabled:hover {\n  background-color: transparent;\n  transform: none;\n}\n\n/* Coming Soon Badge */\n.coming-soon-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-label-small);\n  font-size: 0.625rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  background: linear-gradient(135deg, var(--mat-sys-tertiary-container) 0%, var(--mat-sys-secondary-container) 100%);\n  color: var(--mat-sys-on-tertiary-container);\n  border: 1px solid var(--mat-sys-outline-variant);\n}\n\n/* Mobile Navigation Disabled Items */\n.nav-rail-item.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.nav-rail-item.disabled:hover {\n  background-color: transparent;\n}\n\n/* ============================================\n   Content Area & Tab Panels\n   ============================================ */\n\n.content-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  background: linear-gradient(180deg, var(--mat-sys-surface-container-lowest) 0%, var(--mat-sys-surface) 100%);\n}\n\n@media (max-width: 768px) {\n  .content-area {\n    padding: 1rem;\n  }\n}\n\n.tab-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  padding: 1.5rem 2rem;\n}\n\n@media (max-width: 768px) {\n  .tab-content {\n    height: auto;\n    min-height: 0;\n    overflow-y: visible;\n    overflow-x: hidden;\n    padding: 0.5rem;\n  }\n}\n\n/* ============================================\n   Section Titles\n   ============================================ */\n.section-title {\n  font: var(--mat-sys-headline-small);\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n  margin: 0 0 1rem 0;\n  padding-bottom: 0.75rem;\n  border-bottom: 3px solid var(--mat-sys-outline-variant);\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.section-title::before {\n  content: \"\";\n  width: 4px;\n  height: 2rem;\n  background: linear-gradient(180deg, var(--settings-primary) 0%, var(--settings-tertiary) 100%);\n  border-radius: 2px;\n}\n\n.section-description {\n  color: var(--mat-sys-on-surface-variant);\n  margin: 0 0 1.5rem 0;\n  font: var(--mat-sys-body-large);\n  padding: 1rem 1.25rem;\n  background-color: var(--mat-sys-surface-container);\n  border-radius: var(--mat-sys-corner-medium);\n}\n\n/* ============================================\n   Settings Grid\n   ============================================ */\n.settings-grid,\n.mj-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.mj-grid-responsive {\n  /* Single column stacked layout */\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n@media (max-width: 768px) {\n  .settings-grid,\n  .mj-grid,\n  .mj-grid-responsive {\n    gap: 1rem;\n    margin-top: 0.5rem;\n  }\n}\n\n/* ============================================\n   Section Title & Description Spacing\n   ============================================ */\n.general-settings .section-title,\n.users-settings .section-title,\n.roles-settings .section-title {\n  margin-bottom: 0.25rem;\n}\n\n.users-settings .section-description,\n.roles-settings .section-description {\n  margin-bottom: 0.5rem;\n}\n\n/* ============================================\n   Card Content\n   ============================================ */\n.card-content {\n  padding: 1rem;\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-medium);\n}\n\n.card-content p {\n  margin: 0 0 1rem 0;\n  line-height: 1.6;\n}\n\n/* ============================================\n   Beta Warning\n   ============================================ */\n.beta-warning {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.75rem 1.25rem;\n  background: linear-gradient(135deg, #FFE0B2 0%, var(--settings-secondary-container) 100%);\n  color: #FF6F00;\n  border-radius: var(--mat-sys-corner-medium);\n  font: var(--mat-sys-label-large);\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  max-width: 100%;\n  box-sizing: border-box;\n  border: 2px solid #FF6F00;\n  box-shadow: 0 2px 8px rgba(255, 111, 0, 0.2);\n}\n\n.beta-warning i {\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n\n@media (max-width: 768px) {\n  .beta-warning {\n    font-size: 0.8125rem;\n    padding: 0.5rem 0.75rem;\n    margin-bottom: 0.75rem;\n  }\n}\n\n/* ============================================\n   Mobile Layout with Collapsible Navigation Rail\n   ============================================ */\n\n.mobile-layout {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  width: 100%;\n  max-width: 100vw;\n  overflow: visible;\n  box-sizing: border-box;\n}\n\n/* Mobile Header */\n.mobile-header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 0.5rem;\n  background-color: var(--mat-sys-surface-container);\n  border-bottom: 1px solid var(--mat-sys-outline-variant);\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.mobile-header-icon {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  border-radius: var(--mat-sys-corner-full);\n  background: transparent;\n  color: var(--mat-sys-on-surface);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mobile-header-icon:hover {\n  background-color: var(--mat-sys-surface-container-high);\n}\n\n.mobile-header-icon:active {\n  transform: scale(0.95);\n}\n\n.mobile-header-icon i {\n  font-size: 1.25rem;\n}\n\n.mobile-header-title {\n  flex: 1;\n  text-align: center;\n  font: var(--mat-sys-title-large);\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n  margin: 0;\n  padding: 0 0.5rem;\n}\n\n.mobile-header-spacer {\n  width: 48px;\n  min-width: 48px;\n}\n\n/* Backdrop Overlay */\n.mobile-nav-backdrop {\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Collapsible Navigation Rail */\n.mobile-nav-rail {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 280px;\n  max-width: 80vw;\n  background-color: var(--mat-sys-surface);\n  border-right: 1px solid var(--mat-sys-outline-variant);\n  display: flex;\n  flex-direction: column;\n  z-index: 1001;\n  transform: translateX(-100%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: var(--mat-sys-elevation-4);\n  overflow: hidden;\n}\n\n.mobile-nav-rail.open {\n  transform: translateX(0);\n}\n\n/* Navigation Rail Header */\n.nav-rail-header {\n  display: flex;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  min-height: 64px;\n  border-bottom: 1px solid var(--mat-sys-outline-variant);\n  background-color: var(--mat-sys-surface-container);\n  flex-shrink: 0;\n}\n\n.nav-rail-title {\n  font: var(--mat-sys-title-large);\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n}\n\n/* Navigation Items Container */\n.nav-rail-items {\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem;\n  gap: 0.25rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  flex: 1;\n}\n\n/* Close Navigation Item */\n.nav-rail-close-item {\n  margin-top: auto;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n  padding-top: 0.75rem !important;\n  margin-top: 0.5rem;\n  background-color: var(--mat-sys-error-container) !important;\n  color: var(--mat-sys-on-error-container) !important;\n}\n\n.nav-rail-close-item:hover {\n  background-color: var(--mat-sys-error) !important;\n  color: var(--mat-sys-on-error) !important;\n}\n\n.nav-rail-close-item i {\n  font-size: 1.5rem;\n}\n\n/* Navigation Item */\n.nav-rail-item {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n  padding: 0.875rem 1rem;\n  background: transparent;\n  border: none;\n  border-radius: var(--mat-sys-corner-medium);\n  color: var(--mat-sys-on-surface-variant);\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  text-align: left;\n  min-height: 56px;\n}\n\n.nav-rail-item i {\n  font-size: 1.5rem;\n  width: 24px;\n  text-align: center;\n  flex-shrink: 0;\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.nav-rail-label {\n  font: var(--mat-sys-body-large);\n  font-weight: 500;\n  flex: 1;\n}\n\n.nav-rail-item:hover:not(.active) {\n  background-color: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n}\n\n.nav-rail-item.active {\n  background-color: var(--mat-sys-primary-container);\n  color: var(--mat-sys-primary);\n}\n\n.nav-rail-item.active .nav-rail-label {\n  font-weight: 600;\n}\n\n.nav-rail-item:active {\n  transform: scale(0.98);\n}\n\n.nav-rail-item:focus-visible {\n  outline: 2px solid var(--mat-sys-primary);\n  outline-offset: 2px;\n}\n\n/* Badge indicator */\n.rail-badge {\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-label-small);\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.rail-badge.badge-primary {\n  background-color: var(--mat-sys-primary);\n  color: var(--mat-sys-on-primary);\n}\n\n.rail-badge.badge-danger {\n  background-color: var(--mat-sys-error);\n  color: var(--mat-sys-on-error);\n}\n\n.rail-badge.badge-warning {\n  background-color: var(--mat-sys-tertiary);\n  color: var(--mat-sys-on-tertiary);\n}\n\n.rail-badge.badge-success {\n  background-color: var(--mat-sys-secondary);\n  color: var(--mat-sys-on-secondary);\n}\n\n/* Mobile Content Area */\n.mobile-content {\n  width: 100%;\n  max-width: 100vw;\n  overflow-y: visible;\n  overflow-x: hidden;\n  padding: 72px 0.75rem 2rem 0.75rem;\n  min-width: 0;\n  box-sizing: border-box;\n  -webkit-overflow-scrolling: touch;\n  flex: 1;\n}\n\n/* Responsive adjustments */\n@media (max-width: 374px) {\n  .mobile-nav-rail {\n    width: 260px;\n  }\n\n  .mobile-content {\n    padding: 64px 0.5rem 1.5rem 0.5rem;\n  }\n\n  .mobile-header {\n    height: 52px;\n    padding: 0 0.25rem;\n  }\n\n  .mobile-header-icon {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n  }\n\n  .mobile-header-spacer {\n    width: 44px;\n    min-width: 44px;\n  }\n\n  .mobile-header-title {\n    font-size: 1.125rem;\n  }\n}\n\n/* ============================================\n   Advanced Settings Sub-Tabs\n   ============================================ */\n\n.advanced-tabs {\n  display: flex;\n  gap: 0.5rem;\n  border-bottom: 2px solid var(--mat-sys-outline-variant);\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n\n.advanced-tabs .tab-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem;\n  background: transparent;\n  border: none;\n  border-bottom: 3px solid transparent;\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-label-large);\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  min-height: 44px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* Mobile-specific tab adjustments - Segmented Button Style */\n@media (max-width: 768px) {\n  .advanced-tabs {\n    gap: 0;\n    margin-bottom: 1rem;\n    margin-top: 1rem;\n    border-bottom: none;\n    border: 1px solid var(--mat-sys-outline);\n    border-radius: var(--mat-sys-corner-full);\n    padding: 0;\n    background-color: var(--mat-sys-surface-container-low);\n    overflow-x: hidden;\n    width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n  }\n\n  .advanced-tabs .tab-btn {\n    flex: 1;\n    padding: 0.625rem 0.5rem;\n    font-size: 0.75rem;\n    border-bottom: none;\n    border-radius: 0;\n    border-right: 1px solid var(--mat-sys-outline);\n    min-width: 0;\n    justify-content: center;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .advanced-tabs .tab-btn:last-child {\n    border-right: none;\n  }\n\n  .advanced-tabs .tab-btn:first-child {\n    border-radius: var(--mat-sys-corner-full) 0 0 var(--mat-sys-corner-full);\n  }\n\n  .advanced-tabs .tab-btn:last-child {\n    border-radius: 0 var(--mat-sys-corner-full) var(--mat-sys-corner-full) 0;\n  }\n\n  .advanced-tabs .tab-btn.active {\n    background-color: var(--mat-sys-secondary-container);\n    color: var(--mat-sys-on-secondary-container);\n    border-bottom: none;\n  }\n\n  .advanced-tabs .tab-btn i {\n    font-size: 0.875rem;\n  }\n}\n\n.advanced-tabs .tab-btn:hover {\n  color: var(--mat-sys-on-surface);\n  background: var(--mat-sys-surface-container);\n}\n\n.advanced-tabs .tab-btn:focus-visible {\n  outline: 2px solid var(--mat-sys-primary);\n  outline-offset: -2px;\n}\n\n.advanced-tabs .tab-btn.active {\n  color: var(--mat-sys-primary);\n  border-bottom-color: var(--mat-sys-primary);\n  background: var(--mat-sys-primary-container);\n}\n\n.advanced-tabs .tab-btn.active i {\n  color: var(--mat-sys-primary);\n}\n\n.advanced-tabs .tab-btn i {\n  font-size: 1.125rem;\n}\n\n/* ============================================\n   Advanced Tab Content Panels\n   ============================================ */\n\n.advanced-tab-content {\n  flex: 1;\n  overflow-y: visible;\n  overflow-x: hidden;\n  min-height: 0;\n  position: relative;\n  background: var(--mat-sys-surface);\n  border-radius: var(--mat-sys-corner-large);\n  padding: 0;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n/* Ensure scrolling works on mobile */\n@media (max-width: 768px) {\n  .advanced-tab-content {\n    height: auto;\n    min-height: 200px;\n    overflow-y: visible;\n  }\n}\n\n.performance-settings,\n.developer-settings {\n  padding: 2rem;\n}\n\n.performance-settings h3,\n.developer-settings h3 {\n  margin: 0 0 1rem 0;\n  font: var(--mat-sys-title-large);\n  color: var(--mat-sys-on-surface);\n}\n\n.performance-settings p,\n.developer-settings p {\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-large);\n}\n\n/* ============================================\n   Settings Panel Containers with Fade-In Animation\n   ============================================ */\n\n.general-settings,\n.users-settings,\n.roles-settings,\n.applications-settings,\n.permissions-settings,\n.advanced-settings {\n  animation: fadeIn 0.3s ease-out;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  overflow-y: visible;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\n/* Mobile-specific adjustments */\n@media (max-width: 768px) {\n  .general-settings,\n  .users-settings,\n  .roles-settings,\n  .applications-settings,\n  .permissions-settings,\n  .advanced-settings {\n    gap: 0.75rem;\n    height: auto;\n    min-height: auto;\n  }\n\n  .section-title {\n    margin-bottom: 0.5rem;\n    font-size: 1.375rem;\n  }\n\n  .section-description {\n    margin-bottom: 0.75rem;\n  }\n}\n\n/* Only apply flex: 1 to actual content components, not titles/descriptions */\n.general-settings > mj-settings-card,\n.general-settings > .mj-grid,\n.users-settings > mj-user-management,\n.roles-settings > mj-role-management,\n.applications-settings > mj-application-management,\n.permissions-settings > mj-entity-permissions,\n.advanced-settings > .advanced-tabs,\n.advanced-settings > .advanced-tab-content {\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n/* Allow content to flow naturally on mobile */\n@media (max-width: 768px) {\n  .users-settings > mj-user-management,\n  .roles-settings > mj-role-management,\n  .applications-settings > mj-application-management,\n  .permissions-settings > mj-entity-permissions,\n  .advanced-settings > .advanced-tab-content {\n    flex: none;\n    height: auto !important;\n    min-height: 0;\n    max-height: none !important;\n    overflow-y: visible !important;\n    overflow-x: hidden;\n  }\n}\n\n/* Titles and descriptions should not flex or grow */\n.general-settings > .section-title,\n.users-settings > .section-title,\n.roles-settings > .section-title,\n.users-settings > .section-description,\n.roles-settings > .section-description {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n/* ============================================\n   Accessibility: Reduced Motion Support\n   ============================================ */\n\n@media (prefers-reduced-motion: reduce) {\n  .general-settings,\n  .users-settings,\n  .roles-settings,\n  .applications-settings,\n  .permissions-settings,\n  .advanced-settings {\n    animation: none;\n  }\n\n  .nav-tab i,\n  .nav-item,\n  .tab-btn,\n  .search-input,\n  .retry-button,\n  .search-result-item {\n    transition: none;\n  }\n}\n\n/* ============================================\n   Responsive Breakpoints\n   ============================================ */\n@media (max-width: 640px) {\n  .side-navigation {\n    width: 200px;\n  }\n\n  .nav-item {\n    padding: 0.75rem 1rem;\n  }\n}\n\n@media (max-width: 1024px) {\n  .content-area {\n    padding: 1.5rem;\n  }\n}\n\n/* Mobile scroll fix - ensure all child components flow naturally */\n@media (max-width: 768px) {\n  .mobile-layout mj-user-management,\n  .mobile-layout mj-role-management,\n  .mobile-layout mj-application-management,\n  .mobile-layout mj-entity-permissions,\n  .mobile-layout mj-sql-logging,\n  .mobile-layout mj-settings-card,\n  .mobile-layout mj-user-profile-settings {\n    display: block;\n    height: auto !important;\n    max-height: none !important;\n    overflow: visible !important;\n  }\n\n  /* Ensure all nested content areas flow naturally */\n  .mobile-layout .general-settings,\n  .mobile-layout .users-settings,\n  .mobile-layout .roles-settings,\n  .mobile-layout .applications-settings,\n  .mobile-layout .permissions-settings,\n  .mobile-layout .advanced-settings {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n  }\n\n  /* Ensure mj-grid and card content can expand */\n  .mobile-layout .mj-grid,\n  .mobile-layout .mj-grid-responsive,\n  .mobile-layout .card-content {\n    height: auto !important;\n    min-height: 0 !important;\n  }\n}\n\n@media (min-width: 1440px) {\n  .content-area {\n    padding: 2.5rem 3rem;\n  }\n\n  .side-navigation {\n    width: 280px;\n  }\n}\n\n/* ============================================\n   iOS Safari Mobile Scrolling Fix\n   ============================================ */\n@media (max-width: 768px) {\n  /* Prevent iOS from restricting body scrolling */\n  body {\n    position: relative;\n    overflow-y: visible;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  /* Allow mobile layout and all parents to expand naturally */\n  .mobile-layout,\n  .mobile-layout > *,\n  .mobile-content > *,\n  .tab-content > * {\n    -webkit-overflow-scrolling: touch;\n  }\n\n  /* Prevent fixed heights from blocking scroll */\n  .mobile-layout * {\n    box-sizing: border-box;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-settings', template: "<div class=\"mj-page-container\">\n  <!-- Loading State -->\n  @if (isLoading) {\n    <div class=\"loading-container\" role=\"status\" aria-live=\"polite\">\n      <mj-loading text=\"Loading settings...\"></mj-loading>\n    </div>\n  }\n\n  <!-- Error State -->\n  @if (error && !isLoading) {\n    <div class=\"error-container\" role=\"alert\">\n      <div class=\"error-content\">\n        <i class=\"fa-solid fa-exclamation-triangle error-icon\" aria-hidden=\"true\"></i>\n        <p class=\"error-message\">{{ error }}</p>\n        <button class=\"retry-button\" (click)=\"loadInitialData()\">\n          <i class=\"fa-solid fa-refresh\" aria-hidden=\"true\"></i>\n          Try Again\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Main Content -->\n  @if (!isLoading && !error) {\n    <div class=\"settings-content\">\n      <!-- Desktop Layout -->\n      @if (!isMobile) {\n        <div class=\"desktop-layout\" style=\"display: flex;\">\n          <!-- Side Navigation -->\n          <nav class=\"side-navigation\" role=\"navigation\" aria-label=\"Settings navigation\">\n            <!-- Search Bar -->\n            <div class=\"nav-search\">\n              <i class=\"fa-solid fa-search nav-search-icon\" aria-hidden=\"true\"></i>\n              <input\n                type=\"text\"\n                class=\"nav-search-input\"\n                placeholder=\"Search settings...\"\n                (input)=\"onSearchChange($event)\"\n                [value]=\"searchTerm$.value\"\n                aria-label=\"Search settings\"\n              />\n              @if (searchTerm$.value) {\n                <button\n                  class=\"nav-search-clear\"\n                  (click)=\"clearSearch()\"\n                  aria-label=\"Clear search\"\n                  tabindex=\"0\"\n                >\n                  <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n                </button>\n              }\n            </div>\n\n            <ul class=\"nav-list\" role=\"tablist\" aria-orientation=\"vertical\">\n              @for (tab of filteredTabs; track tab.id) {\n                <li\n                  class=\"nav-item\"\n                  [class.active]=\"activeTab === tab.id\"\n                  [class.disabled]=\"tab.disabled\"\n                  (click)=\"onTabChange(tab.id)\"\n                  (keydown.enter)=\"onTabChange(tab.id)\"\n                  role=\"tab\"\n                  [attr.aria-selected]=\"activeTab === tab.id\"\n                  [attr.aria-controls]=\"'panel-' + tab.id\"\n                  [attr.aria-disabled]=\"tab.disabled\"\n                  tabindex=\"0\"\n                >\n                  <i [class]=\"tab.icon\" aria-hidden=\"true\"></i>\n                  <span class=\"nav-label\">{{ tab.label }}</span>\n                  @if (tab.disabled) {\n                    <span class=\"coming-soon-badge\">Soon</span>\n                  }\n                  @if (tab.badgeCount && tab.badgeCount > 0) {\n                    <span class=\"nav-badge\" [class]=\"'badge-' + (tab.badgeColor || 'primary')\">\n                      {{ tab.badgeCount }}\n                    </span>\n                  }\n                </li>\n              }\n            </ul>\n          </nav>\n\n          <!-- Content Area -->\n          <div class=\"content-area\" role=\"tabpanel\" [attr.id]=\"'panel-' + activeTab\">\n            <div class=\"tab-content\">\n              @switch (activeTab) {\n                @case ('general') {\n                  <mj-general-settings></mj-general-settings>\n                }\n\n                @case ('notifications') {\n                  <div class=\"notifications-settings\">\n                    <h2 class=\"section-title\">Notifications</h2>\n                    <p class=\"section-description\">Configure how and when you receive notifications</p>\n                    <mj-notification-preferences></mj-notification-preferences>\n                  </div>\n                }\n\n                @case ('applications') {\n                  <mj-application-settings></mj-application-settings>\n                }\n\n                @case ('appearance') {\n                  <mj-appearance-settings></mj-appearance-settings>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      }\n\n      <!-- Mobile Layout -->\n      @if (isMobile) {\n        <div class=\"mobile-layout\">\n          <!-- Mobile Header -->\n          @if (!isMobileNavOpen) {\n            <header class=\"mobile-header\">\n              <button\n                class=\"mobile-header-icon\"\n                (click)=\"toggleMobileNav()\"\n                aria-label=\"Toggle navigation menu\"\n                [attr.aria-expanded]=\"isMobileNavOpen\"\n              >\n                <i class=\"fa-solid fa-bars\" aria-hidden=\"true\"></i>\n              </button>\n              <h1 class=\"mobile-header-title\">Settings</h1>\n              <div class=\"mobile-header-spacer\"></div>\n            </header>\n          }\n\n          <!-- Backdrop Overlay -->\n          @if (isMobileNavOpen) {\n            <div\n              class=\"mobile-nav-backdrop\"\n              (click)=\"closeMobileNav()\"\n              aria-hidden=\"true\"\n            ></div>\n          }\n\n          <!-- Mobile Navigation Rail -->\n          <nav\n            class=\"mobile-nav-rail\"\n            [class.open]=\"isMobileNavOpen\"\n            role=\"navigation\"\n            aria-label=\"Settings navigation\"\n          >\n            <div class=\"nav-rail-header\">\n              <span class=\"nav-rail-title\">Settings</span>\n            </div>\n\n            <div class=\"nav-rail-items\" role=\"tablist\">\n              @for (tab of filteredTabs; track tab.id) {\n                <button\n                  class=\"nav-rail-item\"\n                  [class.active]=\"activeTab === tab.id\"\n                  [class.disabled]=\"tab.disabled\"\n                  [disabled]=\"tab.disabled\"\n                  (click)=\"onMobileTabChange(tab.id)\"\n                  role=\"tab\"\n                  [attr.aria-selected]=\"activeTab === tab.id\"\n                  [attr.aria-label]=\"tab.label\"\n                >\n                  <i [class]=\"tab.icon\" aria-hidden=\"true\"></i>\n                  <span class=\"nav-rail-label\">{{ tab.label }}</span>\n                  @if (tab.disabled) {\n                    <span class=\"coming-soon-badge\">Soon</span>\n                  }\n                  @if (tab.badgeCount && tab.badgeCount > 0) {\n                    <span class=\"rail-badge\" [class]=\"'badge-' + (tab.badgeColor || 'primary')\">\n                      {{ tab.badgeCount }}\n                    </span>\n                  }\n                </button>\n              }\n\n              <button\n                class=\"nav-rail-item nav-rail-close-item\"\n                (click)=\"closeSettings()\"\n                aria-label=\"Close settings\"\n              >\n                <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n                <span class=\"nav-rail-label\">Close</span>\n              </button>\n            </div>\n          </nav>\n\n          <!-- Mobile Content Area -->\n          <div class=\"mobile-content\">\n            <div class=\"tab-content\">\n              @switch (activeTab) {\n                @case ('general') {\n                  <mj-general-settings></mj-general-settings>\n                }\n\n                @case ('notifications') {\n                  <div class=\"notifications-settings\">\n                    <h2 class=\"section-title\">Notifications</h2>\n                    <p class=\"section-description\">Configure how and when you receive notifications</p>\n                    <mj-notification-preferences></mj-notification-preferences>\n                  </div>\n                }\n\n                @case ('applications') {\n                  <mj-application-settings></mj-application-settings>\n                }\n\n                @case ('appearance') {\n                  <mj-appearance-settings></mj-appearance-settings>\n                }\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["/* ============================================\n   Settings Component - MD3 Design System\n   Material Design 3 compliant styles with proper token usage\n   ============================================ */\n\n/* ============================================\n   Custom Color Palette\n   ============================================ */\n:host {\n  --settings-primary: #0076B6;\n  --settings-primary-container: #AAE7FD;\n  --settings-secondary: #F5A623;\n  --settings-secondary-container: #FFECD6;\n  --settings-tertiary: #4CAF50;\n  --settings-tertiary-container: #C8E6C9;\n  --settings-error: #D32F2F;\n  --settings-error-container: #FFCDD2;\n}\n\n/* ============================================\n   Host & Page Container\n   ============================================ */\n\n/* Host element must fill its container */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n\n@media (max-width: 768px) {\n  :host {\n    height: auto;\n    min-height: 100vh;\n    overflow: visible;\n  }\n}\n\n/* Page container needs proper height and scrolling */\n.mj-page-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n@media (max-width: 768px) {\n  .mj-page-container {\n    overflow-y: visible;\n    overflow-x: hidden;\n    height: auto;\n    min-height: 100vh;\n  }\n}\n\n/* ============================================\n   Keyframe Animations\n   ============================================ */\n\n@keyframes shimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n/* ============================================\n   Settings Container & Main Layout\n   ============================================ */\n\n.settings-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: var(--mat-sys-surface);\n  overflow-y: auto;\n  position: relative;\n}\n\n/* ============================================\n   Loading State\n   ============================================ */\n.loading-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.loading-content {\n  text-align: center;\n}\n\n.loading-text {\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-large);\n}\n\n/* ============================================\n   Error State\n   ============================================ */\n.error-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.error-content {\n  text-align: center;\n  max-width: 400px;\n}\n\n.error-content .error-icon {\n  font-size: 3rem;\n  color: var(--mat-sys-error);\n  margin-bottom: 1rem;\n}\n\n.error-content .error-message {\n  color: var(--mat-sys-on-surface);\n  margin-bottom: 1.5rem;\n  font: var(--mat-sys-body-large);\n}\n\n.error-content .retry-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.5rem;\n  font: var(--mat-sys-label-large);\n  font-weight: 500;\n  border: none;\n  border-radius: 20px;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  white-space: nowrap;\n  min-height: 44px;\n  background-color: var(--mat-sys-primary);\n  color: var(--mat-sys-on-primary);\n}\n\n.error-content .retry-button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.error-content .retry-button:hover:not(:disabled) {\n  background-color: var(--mat-sys-primary-hover, var(--mat-sys-primary));\n  transform: translateY(-1px);\n  box-shadow: var(--mat-sys-elevation-2);\n}\n\n.error-content .retry-button i {\n  font-size: 0.875rem;\n}\n\n/* ============================================\n   Main Content Area & Tab Layout\n   ============================================ */\n\n.settings-content {\n  display: flex;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  flex-direction: column;\n  width: 100%;\n  min-height: 0;\n}\n\n@media (max-width: 768px) {\n  .settings-content {\n    overflow-y: visible;\n    overflow-x: hidden;\n    height: auto;\n    min-height: 0;\n    flex: none;\n  }\n}\n\n.desktop-layout {\n  display: flex !important;\n  height: 100%;\n  width: 100%;\n}\n\n.settings-content .desktop-layout {\n  display: flex !important;\n  height: 100%;\n  width: 100%;\n}\n\n/* ============================================\n   Side Navigation (Desktop Only)\n   ============================================ */\n\n.side-navigation {\n  width: 280px;\n  background: linear-gradient(180deg, var(--mat-sys-surface) 0%, var(--mat-sys-surface-container-lowest) 100%);\n  border-right: 1px solid var(--mat-sys-outline-variant);\n  overflow-y: auto;\n  flex-shrink: 0;\n  box-shadow: var(--mat-sys-elevation-1);\n}\n\n/* Navigation Search Bar */\n.nav-search {\n  position: relative;\n  padding: 1rem;\n  border-bottom: 1px solid var(--mat-sys-outline-variant);\n  background-color: var(--mat-sys-surface);\n}\n\n.nav-search-icon {\n  position: absolute;\n  left: 1.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mat-sys-on-surface-variant);\n  font-size: 1rem;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.nav-search-input {\n  width: 100%;\n  padding: 0.75rem 2.75rem 0.75rem 2.5rem;\n  border: 1px solid var(--mat-sys-outline-variant);\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-body-medium);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  background-color: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n}\n\n.nav-search-input:focus {\n  outline: none;\n  border-color: var(--settings-primary);\n  background-color: var(--mat-sys-surface);\n  box-shadow: 0 0 0 2px rgba(0, 118, 182, 0.1);\n}\n\n.nav-search-input::placeholder {\n  color: var(--mat-sys-on-surface-variant);\n}\n\n.nav-search-clear {\n  position: absolute;\n  right: 1.25rem;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 0.25rem;\n  background: transparent;\n  border: none;\n  color: var(--mat-sys-on-surface-variant);\n  cursor: pointer;\n  border-radius: var(--mat-sys-corner-full);\n  min-width: 32px;\n  min-height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: 1;\n}\n\n.nav-search-clear:hover {\n  background: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n}\n\n.nav-search-clear:focus-visible {\n  outline: 2px solid var(--settings-primary);\n  outline-offset: 2px;\n}\n\n.nav-list {\n  list-style: none;\n  margin: 0;\n  padding: 1rem 0;\n}\n\n.nav-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  margin: 0.25rem 0.75rem;\n  border-radius: var(--mat-sys-corner-medium);\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-large);\n  border: 2px solid transparent;\n}\n\n.nav-item:hover {\n  background-color: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n  transform: translateX(4px);\n}\n\n.nav-item:focus-visible {\n  outline: 2px solid var(--mat-sys-primary);\n  outline-offset: 2px;\n}\n\n/* Color-coded navigation items */\n.nav-item[aria-controls=\"panel-general\"] {\n  --item-color: var(--settings-primary);\n  --item-container: var(--settings-primary-container);\n}\n\n.nav-item[aria-controls=\"panel-users\"] {\n  --item-color: var(--settings-secondary);\n  --item-container: var(--settings-secondary-container);\n}\n\n.nav-item[aria-controls=\"panel-roles\"] {\n  --item-color: var(--settings-tertiary);\n  --item-container: var(--settings-tertiary-container);\n}\n\n.nav-item[aria-controls=\"panel-applications\"] {\n  --item-color: #9C27B0;\n  --item-container: #E1BEE7;\n}\n\n.nav-item[aria-controls=\"panel-permissions\"] {\n  --item-color: var(--settings-error);\n  --item-container: var(--settings-error-container);\n}\n\n.nav-item[aria-controls=\"panel-advanced\"] {\n  --item-color: #FF6F00;\n  --item-container: #FFE0B2;\n}\n\n.nav-item.active {\n  background-color: var(--item-container);\n  color: var(--item-color);\n  font-weight: 600;\n  border-color: var(--item-color);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.nav-item:hover:not(.active) {\n  border-color: var(--item-color);\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.nav-item i {\n  width: 20px;\n  margin-right: 0.75rem;\n  font-size: 1.1rem;\n}\n\n.nav-item .nav-label {\n  flex: 1;\n}\n\n.nav-item .nav-badge {\n  padding: 0.125rem 0.5rem;\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-label-small);\n  font-weight: 600;\n}\n\n.nav-item .nav-badge.badge-primary {\n  background-color: var(--mat-sys-primary-container);\n  color: var(--mat-sys-on-primary-container);\n}\n\n.nav-item .nav-badge.badge-danger {\n  background-color: var(--mat-sys-error-container);\n  color: var(--mat-sys-on-error-container);\n}\n\n.nav-item .nav-badge.badge-warning {\n  background-color: var(--mat-sys-tertiary-container);\n  color: var(--mat-sys-on-tertiary-container);\n}\n\n.nav-item .nav-badge.badge-success {\n  background-color: var(--mat-sys-secondary-container);\n  color: var(--mat-sys-on-secondary-container);\n}\n\n/* Disabled Navigation Items */\n.nav-item.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.nav-item.disabled:hover {\n  background-color: transparent;\n  transform: none;\n}\n\n/* Coming Soon Badge */\n.coming-soon-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-label-small);\n  font-size: 0.625rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  background: linear-gradient(135deg, var(--mat-sys-tertiary-container) 0%, var(--mat-sys-secondary-container) 100%);\n  color: var(--mat-sys-on-tertiary-container);\n  border: 1px solid var(--mat-sys-outline-variant);\n}\n\n/* Mobile Navigation Disabled Items */\n.nav-rail-item.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.nav-rail-item.disabled:hover {\n  background-color: transparent;\n}\n\n/* ============================================\n   Content Area & Tab Panels\n   ============================================ */\n\n.content-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  background: linear-gradient(180deg, var(--mat-sys-surface-container-lowest) 0%, var(--mat-sys-surface) 100%);\n}\n\n@media (max-width: 768px) {\n  .content-area {\n    padding: 1rem;\n  }\n}\n\n.tab-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  padding: 1.5rem 2rem;\n}\n\n@media (max-width: 768px) {\n  .tab-content {\n    height: auto;\n    min-height: 0;\n    overflow-y: visible;\n    overflow-x: hidden;\n    padding: 0.5rem;\n  }\n}\n\n/* ============================================\n   Section Titles\n   ============================================ */\n.section-title {\n  font: var(--mat-sys-headline-small);\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n  margin: 0 0 1rem 0;\n  padding-bottom: 0.75rem;\n  border-bottom: 3px solid var(--mat-sys-outline-variant);\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.section-title::before {\n  content: \"\";\n  width: 4px;\n  height: 2rem;\n  background: linear-gradient(180deg, var(--settings-primary) 0%, var(--settings-tertiary) 100%);\n  border-radius: 2px;\n}\n\n.section-description {\n  color: var(--mat-sys-on-surface-variant);\n  margin: 0 0 1.5rem 0;\n  font: var(--mat-sys-body-large);\n  padding: 1rem 1.25rem;\n  background-color: var(--mat-sys-surface-container);\n  border-radius: var(--mat-sys-corner-medium);\n}\n\n/* ============================================\n   Settings Grid\n   ============================================ */\n.settings-grid,\n.mj-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.mj-grid-responsive {\n  /* Single column stacked layout */\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n@media (max-width: 768px) {\n  .settings-grid,\n  .mj-grid,\n  .mj-grid-responsive {\n    gap: 1rem;\n    margin-top: 0.5rem;\n  }\n}\n\n/* ============================================\n   Section Title & Description Spacing\n   ============================================ */\n.general-settings .section-title,\n.users-settings .section-title,\n.roles-settings .section-title {\n  margin-bottom: 0.25rem;\n}\n\n.users-settings .section-description,\n.roles-settings .section-description {\n  margin-bottom: 0.5rem;\n}\n\n/* ============================================\n   Card Content\n   ============================================ */\n.card-content {\n  padding: 1rem;\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-medium);\n}\n\n.card-content p {\n  margin: 0 0 1rem 0;\n  line-height: 1.6;\n}\n\n/* ============================================\n   Beta Warning\n   ============================================ */\n.beta-warning {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.75rem 1.25rem;\n  background: linear-gradient(135deg, #FFE0B2 0%, var(--settings-secondary-container) 100%);\n  color: #FF6F00;\n  border-radius: var(--mat-sys-corner-medium);\n  font: var(--mat-sys-label-large);\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  max-width: 100%;\n  box-sizing: border-box;\n  border: 2px solid #FF6F00;\n  box-shadow: 0 2px 8px rgba(255, 111, 0, 0.2);\n}\n\n.beta-warning i {\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n\n@media (max-width: 768px) {\n  .beta-warning {\n    font-size: 0.8125rem;\n    padding: 0.5rem 0.75rem;\n    margin-bottom: 0.75rem;\n  }\n}\n\n/* ============================================\n   Mobile Layout with Collapsible Navigation Rail\n   ============================================ */\n\n.mobile-layout {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  width: 100%;\n  max-width: 100vw;\n  overflow: visible;\n  box-sizing: border-box;\n}\n\n/* Mobile Header */\n.mobile-header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 0.5rem;\n  background-color: var(--mat-sys-surface-container);\n  border-bottom: 1px solid var(--mat-sys-outline-variant);\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.mobile-header-icon {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  border-radius: var(--mat-sys-corner-full);\n  background: transparent;\n  color: var(--mat-sys-on-surface);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mobile-header-icon:hover {\n  background-color: var(--mat-sys-surface-container-high);\n}\n\n.mobile-header-icon:active {\n  transform: scale(0.95);\n}\n\n.mobile-header-icon i {\n  font-size: 1.25rem;\n}\n\n.mobile-header-title {\n  flex: 1;\n  text-align: center;\n  font: var(--mat-sys-title-large);\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n  margin: 0;\n  padding: 0 0.5rem;\n}\n\n.mobile-header-spacer {\n  width: 48px;\n  min-width: 48px;\n}\n\n/* Backdrop Overlay */\n.mobile-nav-backdrop {\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Collapsible Navigation Rail */\n.mobile-nav-rail {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 280px;\n  max-width: 80vw;\n  background-color: var(--mat-sys-surface);\n  border-right: 1px solid var(--mat-sys-outline-variant);\n  display: flex;\n  flex-direction: column;\n  z-index: 1001;\n  transform: translateX(-100%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: var(--mat-sys-elevation-4);\n  overflow: hidden;\n}\n\n.mobile-nav-rail.open {\n  transform: translateX(0);\n}\n\n/* Navigation Rail Header */\n.nav-rail-header {\n  display: flex;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  min-height: 64px;\n  border-bottom: 1px solid var(--mat-sys-outline-variant);\n  background-color: var(--mat-sys-surface-container);\n  flex-shrink: 0;\n}\n\n.nav-rail-title {\n  font: var(--mat-sys-title-large);\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n}\n\n/* Navigation Items Container */\n.nav-rail-items {\n  display: flex;\n  flex-direction: column;\n  padding: 0.5rem;\n  gap: 0.25rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  flex: 1;\n}\n\n/* Close Navigation Item */\n.nav-rail-close-item {\n  margin-top: auto;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n  padding-top: 0.75rem !important;\n  margin-top: 0.5rem;\n  background-color: var(--mat-sys-error-container) !important;\n  color: var(--mat-sys-on-error-container) !important;\n}\n\n.nav-rail-close-item:hover {\n  background-color: var(--mat-sys-error) !important;\n  color: var(--mat-sys-on-error) !important;\n}\n\n.nav-rail-close-item i {\n  font-size: 1.5rem;\n}\n\n/* Navigation Item */\n.nav-rail-item {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n  padding: 0.875rem 1rem;\n  background: transparent;\n  border: none;\n  border-radius: var(--mat-sys-corner-medium);\n  color: var(--mat-sys-on-surface-variant);\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  text-align: left;\n  min-height: 56px;\n}\n\n.nav-rail-item i {\n  font-size: 1.5rem;\n  width: 24px;\n  text-align: center;\n  flex-shrink: 0;\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.nav-rail-label {\n  font: var(--mat-sys-body-large);\n  font-weight: 500;\n  flex: 1;\n}\n\n.nav-rail-item:hover:not(.active) {\n  background-color: var(--mat-sys-surface-container);\n  color: var(--mat-sys-on-surface);\n}\n\n.nav-rail-item.active {\n  background-color: var(--mat-sys-primary-container);\n  color: var(--mat-sys-primary);\n}\n\n.nav-rail-item.active .nav-rail-label {\n  font-weight: 600;\n}\n\n.nav-rail-item:active {\n  transform: scale(0.98);\n}\n\n.nav-rail-item:focus-visible {\n  outline: 2px solid var(--mat-sys-primary);\n  outline-offset: 2px;\n}\n\n/* Badge indicator */\n.rail-badge {\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--mat-sys-corner-full);\n  font: var(--mat-sys-label-small);\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.rail-badge.badge-primary {\n  background-color: var(--mat-sys-primary);\n  color: var(--mat-sys-on-primary);\n}\n\n.rail-badge.badge-danger {\n  background-color: var(--mat-sys-error);\n  color: var(--mat-sys-on-error);\n}\n\n.rail-badge.badge-warning {\n  background-color: var(--mat-sys-tertiary);\n  color: var(--mat-sys-on-tertiary);\n}\n\n.rail-badge.badge-success {\n  background-color: var(--mat-sys-secondary);\n  color: var(--mat-sys-on-secondary);\n}\n\n/* Mobile Content Area */\n.mobile-content {\n  width: 100%;\n  max-width: 100vw;\n  overflow-y: visible;\n  overflow-x: hidden;\n  padding: 72px 0.75rem 2rem 0.75rem;\n  min-width: 0;\n  box-sizing: border-box;\n  -webkit-overflow-scrolling: touch;\n  flex: 1;\n}\n\n/* Responsive adjustments */\n@media (max-width: 374px) {\n  .mobile-nav-rail {\n    width: 260px;\n  }\n\n  .mobile-content {\n    padding: 64px 0.5rem 1.5rem 0.5rem;\n  }\n\n  .mobile-header {\n    height: 52px;\n    padding: 0 0.25rem;\n  }\n\n  .mobile-header-icon {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n  }\n\n  .mobile-header-spacer {\n    width: 44px;\n    min-width: 44px;\n  }\n\n  .mobile-header-title {\n    font-size: 1.125rem;\n  }\n}\n\n/* ============================================\n   Advanced Settings Sub-Tabs\n   ============================================ */\n\n.advanced-tabs {\n  display: flex;\n  gap: 0.5rem;\n  border-bottom: 2px solid var(--mat-sys-outline-variant);\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n\n.advanced-tabs .tab-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem;\n  background: transparent;\n  border: none;\n  border-bottom: 3px solid transparent;\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-label-large);\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  min-height: 44px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* Mobile-specific tab adjustments - Segmented Button Style */\n@media (max-width: 768px) {\n  .advanced-tabs {\n    gap: 0;\n    margin-bottom: 1rem;\n    margin-top: 1rem;\n    border-bottom: none;\n    border: 1px solid var(--mat-sys-outline);\n    border-radius: var(--mat-sys-corner-full);\n    padding: 0;\n    background-color: var(--mat-sys-surface-container-low);\n    overflow-x: hidden;\n    width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n  }\n\n  .advanced-tabs .tab-btn {\n    flex: 1;\n    padding: 0.625rem 0.5rem;\n    font-size: 0.75rem;\n    border-bottom: none;\n    border-radius: 0;\n    border-right: 1px solid var(--mat-sys-outline);\n    min-width: 0;\n    justify-content: center;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .advanced-tabs .tab-btn:last-child {\n    border-right: none;\n  }\n\n  .advanced-tabs .tab-btn:first-child {\n    border-radius: var(--mat-sys-corner-full) 0 0 var(--mat-sys-corner-full);\n  }\n\n  .advanced-tabs .tab-btn:last-child {\n    border-radius: 0 var(--mat-sys-corner-full) var(--mat-sys-corner-full) 0;\n  }\n\n  .advanced-tabs .tab-btn.active {\n    background-color: var(--mat-sys-secondary-container);\n    color: var(--mat-sys-on-secondary-container);\n    border-bottom: none;\n  }\n\n  .advanced-tabs .tab-btn i {\n    font-size: 0.875rem;\n  }\n}\n\n.advanced-tabs .tab-btn:hover {\n  color: var(--mat-sys-on-surface);\n  background: var(--mat-sys-surface-container);\n}\n\n.advanced-tabs .tab-btn:focus-visible {\n  outline: 2px solid var(--mat-sys-primary);\n  outline-offset: -2px;\n}\n\n.advanced-tabs .tab-btn.active {\n  color: var(--mat-sys-primary);\n  border-bottom-color: var(--mat-sys-primary);\n  background: var(--mat-sys-primary-container);\n}\n\n.advanced-tabs .tab-btn.active i {\n  color: var(--mat-sys-primary);\n}\n\n.advanced-tabs .tab-btn i {\n  font-size: 1.125rem;\n}\n\n/* ============================================\n   Advanced Tab Content Panels\n   ============================================ */\n\n.advanced-tab-content {\n  flex: 1;\n  overflow-y: visible;\n  overflow-x: hidden;\n  min-height: 0;\n  position: relative;\n  background: var(--mat-sys-surface);\n  border-radius: var(--mat-sys-corner-large);\n  padding: 0;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n/* Ensure scrolling works on mobile */\n@media (max-width: 768px) {\n  .advanced-tab-content {\n    height: auto;\n    min-height: 200px;\n    overflow-y: visible;\n  }\n}\n\n.performance-settings,\n.developer-settings {\n  padding: 2rem;\n}\n\n.performance-settings h3,\n.developer-settings h3 {\n  margin: 0 0 1rem 0;\n  font: var(--mat-sys-title-large);\n  color: var(--mat-sys-on-surface);\n}\n\n.performance-settings p,\n.developer-settings p {\n  color: var(--mat-sys-on-surface-variant);\n  font: var(--mat-sys-body-large);\n}\n\n/* ============================================\n   Settings Panel Containers with Fade-In Animation\n   ============================================ */\n\n.general-settings,\n.users-settings,\n.roles-settings,\n.applications-settings,\n.permissions-settings,\n.advanced-settings {\n  animation: fadeIn 0.3s ease-out;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  overflow-y: visible;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\n/* Mobile-specific adjustments */\n@media (max-width: 768px) {\n  .general-settings,\n  .users-settings,\n  .roles-settings,\n  .applications-settings,\n  .permissions-settings,\n  .advanced-settings {\n    gap: 0.75rem;\n    height: auto;\n    min-height: auto;\n  }\n\n  .section-title {\n    margin-bottom: 0.5rem;\n    font-size: 1.375rem;\n  }\n\n  .section-description {\n    margin-bottom: 0.75rem;\n  }\n}\n\n/* Only apply flex: 1 to actual content components, not titles/descriptions */\n.general-settings > mj-settings-card,\n.general-settings > .mj-grid,\n.users-settings > mj-user-management,\n.roles-settings > mj-role-management,\n.applications-settings > mj-application-management,\n.permissions-settings > mj-entity-permissions,\n.advanced-settings > .advanced-tabs,\n.advanced-settings > .advanced-tab-content {\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n/* Allow content to flow naturally on mobile */\n@media (max-width: 768px) {\n  .users-settings > mj-user-management,\n  .roles-settings > mj-role-management,\n  .applications-settings > mj-application-management,\n  .permissions-settings > mj-entity-permissions,\n  .advanced-settings > .advanced-tab-content {\n    flex: none;\n    height: auto !important;\n    min-height: 0;\n    max-height: none !important;\n    overflow-y: visible !important;\n    overflow-x: hidden;\n  }\n}\n\n/* Titles and descriptions should not flex or grow */\n.general-settings > .section-title,\n.users-settings > .section-title,\n.roles-settings > .section-title,\n.users-settings > .section-description,\n.roles-settings > .section-description {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n/* ============================================\n   Accessibility: Reduced Motion Support\n   ============================================ */\n\n@media (prefers-reduced-motion: reduce) {\n  .general-settings,\n  .users-settings,\n  .roles-settings,\n  .applications-settings,\n  .permissions-settings,\n  .advanced-settings {\n    animation: none;\n  }\n\n  .nav-tab i,\n  .nav-item,\n  .tab-btn,\n  .search-input,\n  .retry-button,\n  .search-result-item {\n    transition: none;\n  }\n}\n\n/* ============================================\n   Responsive Breakpoints\n   ============================================ */\n@media (max-width: 640px) {\n  .side-navigation {\n    width: 200px;\n  }\n\n  .nav-item {\n    padding: 0.75rem 1rem;\n  }\n}\n\n@media (max-width: 1024px) {\n  .content-area {\n    padding: 1.5rem;\n  }\n}\n\n/* Mobile scroll fix - ensure all child components flow naturally */\n@media (max-width: 768px) {\n  .mobile-layout mj-user-management,\n  .mobile-layout mj-role-management,\n  .mobile-layout mj-application-management,\n  .mobile-layout mj-entity-permissions,\n  .mobile-layout mj-sql-logging,\n  .mobile-layout mj-settings-card,\n  .mobile-layout mj-user-profile-settings {\n    display: block;\n    height: auto !important;\n    max-height: none !important;\n    overflow: visible !important;\n  }\n\n  /* Ensure all nested content areas flow naturally */\n  .mobile-layout .general-settings,\n  .mobile-layout .users-settings,\n  .mobile-layout .roles-settings,\n  .mobile-layout .applications-settings,\n  .mobile-layout .permissions-settings,\n  .mobile-layout .advanced-settings {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n  }\n\n  /* Ensure mj-grid and card content can expand */\n  .mobile-layout .mj-grid,\n  .mobile-layout .mj-grid-responsive,\n  .mobile-layout .card-content {\n    height: auto !important;\n    min-height: 0 !important;\n  }\n}\n\n@media (min-width: 1440px) {\n  .content-area {\n    padding: 2.5rem 3rem;\n  }\n\n  .side-navigation {\n    width: 280px;\n  }\n}\n\n/* ============================================\n   iOS Safari Mobile Scrolling Fix\n   ============================================ */\n@media (max-width: 768px) {\n  /* Prevent iOS from restricting body scrolling */\n  body {\n    position: relative;\n    overflow-y: visible;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  /* Allow mobile layout and all parents to expand naturally */\n  .mobile-layout,\n  .mobile-layout > *,\n  .mobile-content > *,\n  .tab-content > * {\n    -webkit-overflow-scrolling: touch;\n  }\n\n  /* Prevent fixed heights from blocking scroll */\n  .mobile-layout * {\n    box-sizing: border-box;\n  }\n}\n"] }]
     }], () => [{ type: i1.Location }], { stateChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SettingsComponent, { className: "SettingsComponent", filePath: "src/lib/settings/settings.component.ts", lineNumber: 40 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SettingsComponent, { className: "SettingsComponent", filePath: "src/lib/settings/settings.component.ts", lineNumber: 41 }); })();
 //# sourceMappingURL=settings.component.js.map

package/dist/lib/settings/settings.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings.component.js","sourceRoot":"","sources":["../../../src/lib/settings/settings.component.ts","../../../src/lib/settings/settings.component.html"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"settings.component.js","sourceRoot":"","sources":["../../../src/lib/settings/settings.component.ts","../../../src/lib/settings/settings.component.html"],"names":[],"mappings":"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"}

package/dist/lib/shared/components/settings-card/settings-card.component.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A reusable settings card component providing consistent styling and layout
+ * across all settings sections. Follows the modern AI dashboard design patterns.
+ */
+export declare class SettingsCardComponent {
+    /** Card title displayed in the header */
+    title?: string;
+    /** Card subtitle displayed below the title */
+    subtitle?: string;
+    /** Whether to use floating card style (higher elevation) */
+    floating: boolean;
+    /** Card size variant */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether to remove padding from content area */
+    noPadding: boolean;
+    /** Template for custom header content */
+    headerTemplate?: TemplateRef<any>;
+    /** Template for header action buttons */
+    actionTemplate?: TemplateRef<any>;
+    /** Template for footer content */
+    footerTemplate?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsCardComponent, "mj-settings-card", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "floating": { "alias": "floating"; "required": false; }; "size": { "alias": "size"; "required": false; }; "noPadding": { "alias": "noPadding"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "actionTemplate": { "alias": "actionTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=settings-card.component.d.ts.map

package/dist/lib/shared/components/settings-card/settings-card.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"settings-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/shared/components/settings-card/settings-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,WAAW,EAAE,MAAM,eAAe,CAAC;;AAG9D;;;GAGG;AACH,qBA0Ca,qBAAqB;IAChC,yCAAyC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB,8CAA8C;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,4DAA4D;IACnD,QAAQ,UAAS;IAE1B,wBAAwB;IACf,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEzC,kDAAkD;IACzC,SAAS,UAAS;IAE3B,yCAAyC;IAChC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAE3C,yCAAyC;IAChC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAE3C,kCAAkC;IACzB,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;yCAvBhC,qBAAqB;2CAArB,qBAAqB;CAwBjC"}