@robosophy/ui-vue 0.0.4 → 1.0.1

package/AGENTS.md

@@ -20,7 +20,15 @@ Use `@robosophy/ui-vue` before creating project-local UI components from scratch
 PrimeVue apps:
 
 ```ts
+import PrimeVue from "primevue/config";
+import RobosophyPreset from "@robosophy/prime-theme";
 import "@robosophy/prime-theme/prime.css";
+
+app.use(PrimeVue, {
+  theme: {
+    preset: RobosophyPreset,
+  },
+});
 ```
 
 Non-PrimeVue apps:

package/README.md

@@ -24,12 +24,20 @@ Sin PrimeVue:
 npm install @robosophy/ui-vue @robosophy/tokens vue
 ```
 
-## CSS imports
+## PrimeVue theme
 
-Si la app usa PrimeVue, importa solo el theme de Prime:
+Si la app usa PrimeVue, registra el preset de Robosophy y carga sus tokens/overrides una vez:
 
 ```ts
+import PrimeVue from "primevue/config";
+import RobosophyPreset from "@robosophy/prime-theme";
 import "@robosophy/prime-theme/prime.css";
+
+app.use(PrimeVue, {
+  theme: {
+    preset: RobosophyPreset,
+  },
+});
 ```
 
 `prime.css` ya importa `@robosophy/tokens/tokens.css`, asi que no dupliques ese import.
@@ -120,10 +128,19 @@ Optional plugin registration:
 
 ```ts
 import { createApp } from "vue";
+import PrimeVue from "primevue/config";
+import RobosophyPreset from "@robosophy/prime-theme";
 import RobosophyUiVue from "@robosophy/ui-vue";
 import "@robosophy/prime-theme/prime.css";
 
-createApp(App).use(RobosophyUiVue).mount("#app");
+createApp(App)
+  .use(PrimeVue, {
+    theme: {
+      preset: RobosophyPreset,
+    },
+  })
+  .use(RobosophyUiVue)
+  .mount("#app");
 ```
 
 ## Material Symbols

package/ai-context.md

@@ -15,7 +15,7 @@ Use this package for shared Vue 3 UI components.
 - Use PrimeVue `Button` for actions in PrimeVue apps.
 - Use `RsAvatar` for user/account identity.
 - Use `RsCard` for content sections and state containers.
-- In PrimeVue apps, import only `@robosophy/prime-theme/prime.css`; it already includes tokens.
+- In PrimeVue apps, register `RobosophyPreset` from `@robosophy/prime-theme` in `app.use(PrimeVue, { theme: { preset: RobosophyPreset } })` and import `@robosophy/prime-theme/prime.css`; that CSS already includes tokens.
 - In non-PrimeVue apps, import `@robosophy/tokens/tokens.css`.
 
 ## Component Rules
@@ -25,7 +25,7 @@ Use this package for shared Vue 3 UI components.
 - Import component CSS from the component `index.ts`; do not add a global package stylesheet export.
 - Use `@robosophy/tokens` CSS variables for colors, typography, strokes, and component surfaces.
 - Use PrimeVue only when it provides real behavior for that component; actions should use PrimeVue `Button` in PrimeVue apps.
-- `RsSidebar` and `RsAccountSelector` use native PrimeVue controls for interactive UI; PrimeVue apps should load `@robosophy/prime-theme/prime.css` so their Button/Menu states receive Robosophy styling.
+- `RsSidebar` and `RsAccountSelector` use native PrimeVue controls for interactive UI; PrimeVue apps should register the Robosophy PrimeVue preset and load `@robosophy/prime-theme/prime.css` so Button/Menu states receive Robosophy styling.
 - `RsIcon` needs `robosophyMaterialSymbols()` from `@robosophy/ui-vue/vite` in consuming Vite apps so builds ship local subset fonts. Use `rsPrimeIcon()` for PrimeVue APIs that accept icon class strings.
 - Use `RsSidebar` for reusable module navigation. `item-click` stays in the consuming app; the optional `modules` dropdown can redirect with the provided `link` when `navigateOnModuleSelect` is `true`.
 - Keep props focused on stable component API. Use slots for flexible content.

package/components.md

@@ -27,13 +27,21 @@ import {
 } from "@robosophy/ui-vue";
 ```
 
-PrimeVue apps should import only:
+PrimeVue apps should register the Robosophy preset and import the theme CSS:
 
 ```ts
+import PrimeVue from "primevue/config";
+import RobosophyPreset from "@robosophy/prime-theme";
 import "@robosophy/prime-theme/prime.css";
+
+app.use(PrimeVue, {
+  theme: {
+    preset: RobosophyPreset,
+  },
+});
 ```
 
-`RsSidebar` and `RsAccountSelector` render their interactive controls with PrimeVue components, so PrimeVue apps should use the theme import above to apply Robosophy Button/Menu styling.
+`RsSidebar` and `RsAccountSelector` render their interactive controls with PrimeVue components, so PrimeVue apps should use the setup above to apply PrimeVue defaults plus Robosophy Button/Menu styling.
 
 Apps without PrimeVue should import:
 
@@ -176,7 +184,9 @@ Project variants set sidebar icon and active colors:
 
 ## RsAccountSelector
 
-Use for user/account switching. It does not fetch, redirect, log out, or mutate stores.
+Use for user/account switching. It renders the clickable profile image trigger,
+opens the account panel, and closes it on outside click. It does not fetch,
+redirect, log out, or mutate stores.
 
 Main props:
 
@@ -208,9 +218,11 @@ type RsAccountSelectorAction = {
 };
 ```
 
-Emits: `select-account`, `action`, `footer-action`.
+Use `v-model` when the open state needs to be controlled from the parent.
+
+Emits: `select-account`, `action`, `footer-action`, `update:modelValue`, `open`, `close`.
 
-Slots: `user-avatar`, `account-avatar`, `account-trailing`, `actions`, `footer`, `empty`.
+Slots: `trigger-avatar`, `user-avatar`, `account-avatar`, `account-trailing`, `actions`, `footer`, `empty`.
 
 Example:
 

package/dist/components/RsAccountSelector/RsAccountSelector.types.d.ts

@@ -28,11 +28,13 @@ export type RsAccountSelectorProps = {
     accounts?: RsAccountSelectorAccount[];
     actions?: RsAccountSelectorAction[];
     footerActions?: RsAccountSelectorAction[];
+    modelValue?: boolean | null;
     title?: string;
     loading?: boolean;
     emptyText?: string;
     activeText?: string;
     selectText?: string;
+    triggerAriaLabel?: string;
     width?: string;
 };
 //# sourceMappingURL=RsAccountSelector.types.d.ts.map

package/dist/components/RsAccountSelector/RsAccountSelector.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RsAccountSelector.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/RsAccountSelector.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,mBAAmB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,8BAA8B,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"RsAccountSelector.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/RsAccountSelector.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,mBAAmB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,8BAA8B,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/RsAccountSelector/RsAccountSelector.vue.d.ts

@@ -1,44 +1,56 @@
 import type { RsAccountSelectorAccount, RsAccountSelectorAction, RsAccountSelectorProps } from "./RsAccountSelector.types";
-declare var __VLS_1: {
+declare var __VLS_14: {
     user: import("./RsAccountSelector.types").RsAccountSelectorUser;
-}, __VLS_3: {
+}, __VLS_16: {
+    user: import("./RsAccountSelector.types").RsAccountSelectorUser;
+}, __VLS_18: {
     actions: RsAccountSelectorAction[];
-}, __VLS_13: {}, __VLS_23: {
+}, __VLS_28: {}, __VLS_38: {
     account: RsAccountSelectorAccount;
-}, __VLS_25: {
+}, __VLS_40: {
     account: RsAccountSelectorAccount;
-}, __VLS_32: {
+}, __VLS_47: {
     actions: RsAccountSelectorAction[];
 };
 type __VLS_Slots = {} & {
-    'user-avatar'?: (props: typeof __VLS_1) => any;
+    'trigger-avatar'?: (props: typeof __VLS_14) => any;
+} & {
+    'user-avatar'?: (props: typeof __VLS_16) => any;
 } & {
-    actions?: (props: typeof __VLS_3) => any;
+    actions?: (props: typeof __VLS_18) => any;
 } & {
-    empty?: (props: typeof __VLS_13) => any;
+    empty?: (props: typeof __VLS_28) => any;
 } & {
-    'account-avatar'?: (props: typeof __VLS_23) => any;
+    'account-avatar'?: (props: typeof __VLS_38) => any;
 } & {
-    'account-trailing'?: (props: typeof __VLS_25) => any;
+    'account-trailing'?: (props: typeof __VLS_40) => any;
 } & {
-    footer?: (props: typeof __VLS_32) => any;
+    footer?: (props: typeof __VLS_47) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RsAccountSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "select-account": (account: RsAccountSelectorAccount) => any;
     action: (action: RsAccountSelectorAction) => any;
     "footer-action": (action: RsAccountSelectorAction) => any;
+    "update:modelValue": (open: boolean) => any;
+    open: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<RsAccountSelectorProps> & Readonly<{
     "onSelect-account"?: ((account: RsAccountSelectorAccount) => any) | undefined;
     onAction?: ((action: RsAccountSelectorAction) => any) | undefined;
     "onFooter-action"?: ((action: RsAccountSelectorAction) => any) | undefined;
+    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     accounts: RsAccountSelectorAccount[];
     actions: RsAccountSelectorAction[];
     footerActions: RsAccountSelectorAction[];
+    modelValue: boolean | null;
     loading: boolean;
     emptyText: string;
     activeText: string;
     selectText: string;
+    triggerAriaLabel: string;
     width: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/RsAccountSelector/RsAccountSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RsAccountSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/RsAccountSelector.vue"],"names":[],"mappings":"AA2PA,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AAybnC,QAAA,IAAI,OAAO;;CAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAY,CAAE;AAC/H,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACxD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RsAccountSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/RsAccountSelector.vue"],"names":[],"mappings":"AAsYA,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AA8nBnC,QAAA,IAAI,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAY,CAAE;AACxJ,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACxD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-.rs-icon{--rs-icon-color: currentColor;--rs-icon-fill: 0;--rs-icon-grade: 0;--rs-icon-optical-size: 24;--rs-icon-size: 24px;--rs-icon-weight: 400;align-items:center;color:var(--rs-icon-color);display:inline-flex;flex:0 0 auto;font-family:Material Symbols Outlined Variable;font-size:var(--rs-icon-size);font-style:normal;font-variation-settings:"FILL" var(--rs-icon-fill),"wght" var(--rs-icon-weight),"GRAD" var(--rs-icon-grade),"opsz" var(--rs-icon-optical-size);font-weight:400;justify-content:center;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-wrap:normal}.rs-icon--sm{--rs-icon-optical-size: 20;--rs-icon-size: 18px}.rs-icon--md{--rs-icon-optical-size: 24;--rs-icon-size: 24px}.rs-icon--lg{--rs-icon-optical-size: 40;--rs-icon-size: 32px}.rs-icon--primary{--rs-icon-color: var(--rs-color-icon-primary, #48a0d4)}.rs-icon--secondary{--rs-icon-color: var(--rs-color-icon-secondary, #000000)}.rs-icon--danger{--rs-icon-color: var(--rs-color-icon-brand-red, #d80115)}.rs-icon--inherit{--rs-icon-color: currentColor}.rs-icon--rounded{font-family:Material Symbols Rounded Variable}.rs-icon--sharp{font-family:Material Symbols Sharp Variable}.rs-icon--interactive{cursor:pointer}.rs-account-selector{--rs-account-selector-width: 270px;--rs-account-selector-background: var(--rs-color-surface-primary, #ffffff);--rs-account-selector-border: var(--rs-color-stroke-default, #d1d1d1);--rs-account-selector-color: var(--rs-color-text-primary, #000000);--rs-account-selector-muted: var(--rs-color-text-secondary, #909090);--rs-account-selector-active: var(--rs-color-text-brand-green, #4eae01);--rs-account-selector-danger: var(--rs-color-text-brand-red, #d80115);background:var(--rs-account-selector-background);border:1px solid var(--rs-account-selector-border);border-radius:8px;box-sizing:border-box;color:var(--rs-account-selector-color);display:flex;flex-direction:column;font-family:var(--rs-font-family, "Inter", sans-serif);font-size:16px;gap:16px;padding:20px 0 16px;width:min(100%,var(--rs-account-selector-width))}.rs-account-selector__summary{align-items:center;display:flex;flex-direction:column;gap:8px;padding:0 16px;text-align:center}.rs-account-selector__avatar-stack{align-items:center;display:inline-flex}.rs-account-selector__avatar{--rs-account-selector-avatar-size: 44px;align-items:center;background:var(--rs-color-background-info, #e6f6fb);border:2px solid var(--rs-color-surface-primary, #ffffff);border-radius:999px;box-sizing:border-box;color:var(--rs-color-text-brand, #48a0d4);display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:var(--rs-account-selector-avatar-size);justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:var(--rs-account-selector-avatar-size)}.rs-account-selector__avatar--sm{--rs-account-selector-avatar-size: 35px;font-size:.75rem}.rs-account-selector__avatar--lg{--rs-account-selector-avatar-size: 64px;font-size:1.125rem}.rs-account-selector__avatar-image{display:block;height:100%;object-fit:cover;width:100%}.rs-account-selector__avatar-placeholder{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.rs-account-selector__secondary-avatar{margin-left:-20px}.rs-account-selector__user{display:grid;gap:2px;max-width:100%;min-width:0;width:100%}.rs-account-selector__title,.rs-account-selector__name,.rs-account-selector__email,.rs-account-selector__account-label,.rs-account-selector__account-state,.rs-account-selector__state{margin:0}.rs-account-selector__title{font-weight:600;line-height:1.35}.rs-account-selector__name{font-size:.875rem;font-weight:500;line-height:1.35}.rs-account-selector__email{color:var(--rs-account-selector-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-account-selector__actions,.rs-account-selector__footer{align-items:center;display:flex;flex-direction:column;gap:8px;padding:0 16px}.rs-account-selector__button{width:max-content}.rs-account-selector__button-content{align-items:center;display:inline-flex;gap:8px}.rs-account-selector__accounts{display:grid}.rs-account-selector__account.p-button{align-items:center;background:transparent;border:0;border-top:1px solid var(--rs-account-selector-border);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:8px 16px;text-align:left;width:100%}.rs-account-selector__account.p-button .p-button-label{display:contents}.rs-account-selector__account.p-button:last-child{border-bottom:1px solid var(--rs-account-selector-border)}.rs-account-selector__account.p-button:hover:not(:disabled){background:var(--rs-color-background-info, #e6f6fb)!important;color:inherit}.rs-account-selector__account.p-button:disabled{cursor:default;opacity:1}.rs-account-selector__account--active .rs-account-selector__account-label{font-weight:600}.rs-account-selector__account--active .rs-account-selector__account-avatar{outline:2px solid var(--rs-account-selector-active);outline-offset:2px}.rs-account-selector__account--active .rs-account-selector__account-trailing{opacity:.25}.rs-account-selector__account-info{display:grid;gap:2px;min-width:0}.rs-account-selector__account-label{line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-account-selector__account-state,.rs-account-selector__state{color:var(--rs-account-selector-muted);font-size:.8125rem;line-height:1.35}.rs-account-selector__account-state--active{color:var(--rs-account-selector-active)}.rs-account-selector__account-state--inactive{color:var(--rs-account-selector-muted)}.rs-account-selector__account-trailing{align-items:center;color:var(--rs-color-icon-secondary, #000000);display:inline-flex;justify-content:center}.rs-account-selector__state{padding:8px 16px;text-align:center}@media(max-width:768px){.rs-account-selector{width:100%}}.rs-sidebar{--rs-sidebar-background: var(--rs-color-surface-primary, #ffffff);--rs-sidebar-border: var(--rs-color-stroke-default, #d1d1d1);--rs-sidebar-color: var(--rs-color-text-primary, #000000);--rs-sidebar-muted: var(--rs-color-text-secondary, #909090);--rs-sidebar-active: var(--rs-color-text-button-tertiary, #48a0d4);--rs-sidebar-hover: var(--rs-color-button-blue-surface, #e6f6fb);--rs-sidebar-width-collapsed: 42px;--rs-sidebar-width-expanded: 150px;background:var(--rs-sidebar-background);border-right:1px solid var(--rs-sidebar-border);box-sizing:border-box;color:var(--rs-sidebar-color);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--rs-font-family, "Inter", sans-serif);font-size:10px;gap:32px;height:100%;overflow:hidden;transition:width .18s ease-in-out;width:var(--rs-sidebar-width-collapsed)}.rs-sidebar--pc{--rs-sidebar-active: var(--rs-color-icon-project-pc, #014a9f);--rs-sidebar-hover: var(--rs-color-darkblue-100, #e5ecf5)}.rs-sidebar--alta{--rs-sidebar-active: var(--rs-color-icon-project-alta, #65ac1e);--rs-sidebar-hover: var(--rs-color-green-100, #edf7e6)}.rs-sidebar--cc{--rs-sidebar-active: var(--rs-color-icon-project-cc, #49a0d4);--rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb)}.rs-sidebar--pog{--rs-sidebar-active: var(--rs-color-icon-project-pog, #007c2f);--rs-sidebar-hover: var(--rs-color-navygreen-100, #e5f1ea)}.rs-sidebar--cyo{--rs-sidebar-active: var(--rs-color-icon-project-cyo, #49a0d4);--rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb)}.rs-sidebar--expanded,.rs-sidebar--mobile-open{overflow:visible;width:var(--rs-sidebar-width-expanded)}.rs-sidebar__header{align-items:center;position:relative;box-sizing:border-box;display:flex;gap:6px;justify-content:space-between;min-height:48px;padding:16px 12px}.rs-sidebar__brand{align-items:center;display:flex;color:var(--rs-sidebar-active);gap:6px;min-width:0;width:max-content}.rs-sidebar__brand--trigger{flex:1}.rs-sidebar__module-trigger.p-button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;min-width:0;padding:0;text-align:left;width:100%}.rs-sidebar__module-trigger.p-button:hover:not(:disabled),.rs-sidebar__module-trigger.p-button:active:not(:disabled){background:transparent;color:inherit}.rs-sidebar__module-trigger.p-button:focus-visible{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:2px}.rs-sidebar__module-chevron{margin-left:auto}.rs-sidebar__title,.rs-sidebar__item-label,.rs-sidebar__item-chevron{max-width:0;opacity:0;overflow:hidden;transition:max-width .18s ease-in-out,opacity .18s ease-in-out;white-space:nowrap}.rs-sidebar--expanded .rs-sidebar__title,.rs-sidebar--expanded .rs-sidebar__item-label,.rs-sidebar--expanded .rs-sidebar__item-chevron,.rs-sidebar--mobile-open .rs-sidebar__title,.rs-sidebar--mobile-open .rs-sidebar__item-label,.rs-sidebar--mobile-open .rs-sidebar__item-chevron{max-width:108px;opacity:1}.rs-sidebar__title{color:var(--rs-sidebar-color);font-size:.625rem;font-weight:400;line-height:1.2;text-overflow:ellipsis}.rs-sidebar__module-menu.p-menu{background:var(--rs-sidebar-background);border:1px solid var(--rs-sidebar-border);border-radius:4px;box-shadow:0 8px 24px #0000002e;left:12px;min-width:calc(var(--rs-sidebar-width-expanded) - 24px);overflow:hidden;padding:0;position:absolute;top:52px;z-index:20}.rs-sidebar__module-menu .p-menu-list{gap:0;padding:0}.rs-sidebar__module-option .p-menu-item-content{color:var(--rs-sidebar-color);border-radius:0}.rs-sidebar__module-option .p-menu-item-link{font-family:inherit;font-size:.625rem;line-height:1.2;min-height:38px;padding:10px 14px}.rs-sidebar__module-option:not(.p-disabled) .p-menu-item-content:hover,.rs-sidebar__module-option--active .p-menu-item-content{background:var(--rs-sidebar-hover);color:var(--rs-sidebar-color)}.rs-sidebar__module-option--disabled .p-menu-item-content{color:var(--rs-sidebar-muted);cursor:not-allowed}.rs-sidebar__module-option--disabled .p-menu-item-content:hover{background:transparent}.rs-sidebar__module-option.p-focus .p-menu-item-content{background:var(--rs-sidebar-hover);color:var(--rs-sidebar-color)}.rs-sidebar__module-option.p-focus .p-menu-item-link{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:-2px}.rs-sidebar__header-button.p-button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--rs-color-icon-secondary, #000000);cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:24px;min-width:24px;padding:2px}.rs-sidebar__header-button.p-button:hover:not(:disabled),.rs-sidebar__header-button.p-button:active:not(:disabled){background:var(--rs-sidebar-hover)!important;color:var(--rs-color-icon-secondary, #000000)}.rs-sidebar__header-button.p-button:focus-visible,.rs-sidebar__item.p-button:focus-visible{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:-2px}.rs-sidebar__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0}.rs-sidebar__nav{min-height:0}.rs-sidebar__list{list-style:none;margin:0;padding:0}.rs-sidebar__item.p-button{align-items:center;background:transparent;border:0;border-right:3px solid transparent;box-sizing:border-box;color:var(--rs-sidebar-active);cursor:pointer;display:flex;font:inherit;font-weight:300;gap:8px;min-height:27px;padding:7px 8px 7px 12px;text-align:left;width:100%}.rs-sidebar__item.p-button .p-button-label{display:contents}.rs-sidebar__item.p-button:hover:not(:disabled),.rs-sidebar__item.p-button:active:not(:disabled){background:var(--rs-sidebar-hover)!important;color:var(--rs-sidebar-active)}.rs-sidebar__item.p-button:disabled{color:var(--rs-sidebar-muted);cursor:not-allowed;opacity:1}.rs-sidebar__item--active{background:var(--rs-sidebar-hover)!important;border-right-color:var(--rs-sidebar-active)}.rs-sidebar__item--footer{color:var(--rs-sidebar-color);min-height:40px;padding-bottom:16px;padding-top:16px}.rs-sidebar__item-icon{flex:0 0 auto}.rs-sidebar__item-label{color:var(--rs-sidebar-color);min-width:0;text-overflow:ellipsis}.rs-sidebar__item-chevron{margin-left:auto}.rs-sidebar__footer{margin-top:auto}.rs-sidebar--mobile-open{border-right:0;gap:clamp(8px,4vh,52px);inset:0;position:fixed;width:100%;z-index:10000}.rs-sidebar--mobile-open .rs-sidebar__header{min-height:80px}.rs-sidebar--mobile-open .rs-sidebar__module-menu{left:16px;min-width:min(320px,calc(100% - 32px));top:88px}.rs-sidebar--mobile-open .rs-sidebar__item{font-size:1rem;min-height:64px;padding-bottom:20px;padding-top:20px}
+.rs-icon{--rs-icon-color: currentColor;--rs-icon-fill: 0;--rs-icon-grade: 0;--rs-icon-optical-size: 24;--rs-icon-size: 24px;--rs-icon-weight: 400;align-items:center;color:var(--rs-icon-color);display:inline-flex;flex:0 0 auto;font-family:Material Symbols Outlined Variable;font-size:var(--rs-icon-size);font-style:normal;font-variation-settings:"FILL" var(--rs-icon-fill),"wght" var(--rs-icon-weight),"GRAD" var(--rs-icon-grade),"opsz" var(--rs-icon-optical-size);font-weight:400;justify-content:center;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-wrap:normal}.rs-icon--sm{--rs-icon-optical-size: 20;--rs-icon-size: 18px}.rs-icon--md{--rs-icon-optical-size: 24;--rs-icon-size: 24px}.rs-icon--lg{--rs-icon-optical-size: 40;--rs-icon-size: 32px}.rs-icon--primary{--rs-icon-color: var(--rs-color-icon-primary, #48a0d4)}.rs-icon--secondary{--rs-icon-color: var(--rs-color-icon-secondary, #000000)}.rs-icon--danger{--rs-icon-color: var(--rs-color-icon-brand-red, #d80115)}.rs-icon--inherit{--rs-icon-color: currentColor}.rs-icon--rounded{font-family:Material Symbols Rounded Variable}.rs-icon--sharp{font-family:Material Symbols Sharp Variable}.rs-icon--interactive{cursor:pointer}.rs-account-selector-host{--rs-account-selector-width: 270px;--rs-account-selector-background: var(--rs-color-surface-primary, #ffffff);--rs-account-selector-border: var(--rs-color-stroke-default, #d1d1d1);--rs-account-selector-color: var(--rs-color-text-primary, #000000);--rs-account-selector-muted: var(--rs-color-text-secondary, #909090);--rs-account-selector-active: var(--rs-color-text-brand-green, #4eae01);--rs-account-selector-danger: var(--rs-color-text-brand-red, #d80115);display:inline-flex;position:relative}.rs-account-selector__trigger.p-button{align-items:center;background:transparent;border:0;color:var(--rs-account-selector-color);display:inline-flex;flex:0 0 auto;gap:16px;min-width:0;padding:0}.rs-account-selector__trigger.p-button .p-button-label{align-items:center;display:inline-flex;gap:20px}.rs-account-selector__trigger.p-button:hover,.rs-account-selector__trigger.p-button:focus-visible{background:transparent!important;border:0!important;color:var(--rs-account-selector-color);gap:16px!important;padding:0!important}.rs-account-selector__trigger-chevron{transition:transform .16s ease}.rs-account-selector__trigger--open .rs-account-selector__trigger-chevron{transform:rotate(180deg)}.rs-account-selector__trigger-avatar{--rs-account-selector-avatar-size: 46px;align-items:center;background:var(--rs-color-background-info, #e6f6fb);border-radius:999px;color:var(--rs-color-text-brand, #48a0d4);display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:var(--rs-account-selector-avatar-size);justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:var(--rs-account-selector-avatar-size)}.rs-account-selector{background:var(--rs-account-selector-background);border:1px solid var(--rs-account-selector-border);border-radius:8px;box-sizing:border-box;color:var(--rs-account-selector-color);display:flex;flex-direction:column;font-family:var(--rs-font-family, "Inter", sans-serif);font-size:16px;gap:16px;position:absolute;top:calc(100% + 8px);z-index:20;padding:20px 0 16px;max-width:calc(100vw - 32px);width:var(--rs-account-selector-width)}.rs-account-selector--align-left{left:0}.rs-account-selector--align-right{right:0}.rs-account-selector__summary{align-items:center;display:flex;flex-direction:column;gap:8px;padding:0 16px;text-align:center}.rs-account-selector__avatar-stack{align-items:center;display:inline-flex}.rs-account-selector__avatar{--rs-account-selector-avatar-size: 44px;align-items:center;background:var(--rs-color-background-info, #e6f6fb);border:2px solid var(--rs-color-surface-primary, #ffffff);border-radius:999px;box-sizing:border-box;color:var(--rs-color-text-brand, #48a0d4);display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:600;height:var(--rs-account-selector-avatar-size);justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:var(--rs-account-selector-avatar-size)}.rs-account-selector__avatar--sm{--rs-account-selector-avatar-size: 35px;font-size:.75rem}.rs-account-selector__avatar--lg{--rs-account-selector-avatar-size: 64px;font-size:1.125rem}.rs-account-selector__avatar-image{display:block;height:100%;object-fit:cover;width:100%}.rs-account-selector__avatar-placeholder{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.rs-account-selector__secondary-avatar{margin-left:-20px}.rs-account-selector__user{display:grid;gap:2px;max-width:100%;min-width:0;width:100%}.rs-account-selector__title,.rs-account-selector__name,.rs-account-selector__email,.rs-account-selector__account-label,.rs-account-selector__account-state,.rs-account-selector__state{margin:0}.rs-account-selector__title{font-weight:600;line-height:1.35}.rs-account-selector__name{font-size:.875rem;font-weight:500;line-height:1.35}.rs-account-selector__email{color:var(--rs-account-selector-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-account-selector__actions,.rs-account-selector__footer{align-items:center;display:flex;flex-direction:column;gap:8px;padding:0 16px}.rs-account-selector__button{width:max-content}.rs-account-selector__button-content{align-items:center;display:inline-flex;gap:8px}.rs-account-selector__accounts{display:grid}.rs-account-selector__account.p-button{align-items:center;background:transparent;border:0;border-top:1px solid var(--rs-account-selector-border);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:8px 16px;text-align:left;width:100%}.rs-account-selector__account.p-button .p-button-label{display:contents}.rs-account-selector__account.p-button:last-child{border-bottom:1px solid var(--rs-account-selector-border)}.rs-account-selector__account.p-button:hover:not(:disabled){background:var(--rs-color-background-info, #e6f6fb)!important;color:inherit}.rs-account-selector__account.p-button:disabled{cursor:default;opacity:1}.rs-account-selector__account--active .rs-account-selector__account-label{font-weight:600}.rs-account-selector__account--active .rs-account-selector__account-avatar{outline:2px solid var(--rs-account-selector-active);outline-offset:2px}.rs-account-selector__account--active .rs-account-selector__account-trailing{opacity:.25}.rs-account-selector__account-info{display:grid;gap:2px;min-width:0}.rs-account-selector__account-label{line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-account-selector__account-state,.rs-account-selector__state{color:var(--rs-account-selector-muted);font-size:.8125rem;line-height:1.35}.rs-account-selector__account-state--active{color:var(--rs-account-selector-active)}.rs-account-selector__account-state--inactive{color:var(--rs-account-selector-muted)}.rs-account-selector__account-trailing{align-items:center;color:var(--rs-color-icon-secondary, #000000);display:inline-flex;justify-content:center}.rs-account-selector__state{padding:8px 16px;text-align:center}@media(max-width:768px){.rs-account-selector{width:min(100vw - 32px,var(--rs-account-selector-width))}}.rs-sidebar{--rs-sidebar-background: var(--rs-color-surface-primary, #ffffff);--rs-sidebar-border: var(--rs-color-stroke-default, #d1d1d1);--rs-sidebar-color: var(--rs-color-text-primary, #000000);--rs-sidebar-muted: var(--rs-color-text-secondary, #909090);--rs-sidebar-active: var(--rs-color-text-button-tertiary, #48a0d4);--rs-sidebar-hover: var(--rs-color-button-blue-surface, #e6f6fb);--rs-sidebar-width-collapsed: 42px;--rs-sidebar-width-expanded: 150px;background:var(--rs-sidebar-background);border-right:1px solid var(--rs-sidebar-border);box-sizing:border-box;color:var(--rs-sidebar-color);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--rs-font-family, "Inter", sans-serif);font-size:10px;gap:32px;height:100%;overflow:hidden;transition:width .18s ease-in-out;width:var(--rs-sidebar-width-collapsed)}.rs-sidebar--pc{--rs-sidebar-active: var(--rs-color-icon-project-pc, #014a9f);--rs-sidebar-hover: var(--rs-color-darkblue-100, #e5ecf5)}.rs-sidebar--alta{--rs-sidebar-active: var(--rs-color-icon-project-alta, #65ac1e);--rs-sidebar-hover: var(--rs-color-green-100, #edf7e6)}.rs-sidebar--cc{--rs-sidebar-active: var(--rs-color-icon-project-cc, #49a0d4);--rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb)}.rs-sidebar--pog{--rs-sidebar-active: var(--rs-color-icon-project-pog, #007c2f);--rs-sidebar-hover: var(--rs-color-navygreen-100, #e5f1ea)}.rs-sidebar--cyo{--rs-sidebar-active: var(--rs-color-icon-project-cyo, #49a0d4);--rs-sidebar-hover: var(--rs-color-blue-100, #e6f6fb)}.rs-sidebar--expanded,.rs-sidebar--mobile-open{overflow:visible;width:var(--rs-sidebar-width-expanded)}.rs-sidebar__header{align-items:center;position:relative;box-sizing:border-box;display:flex;gap:6px;justify-content:space-between;min-height:48px;padding:16px 12px}.rs-sidebar__brand{align-items:center;display:flex;color:var(--rs-sidebar-active);gap:6px;min-width:0;width:max-content}.rs-sidebar__brand--trigger{flex:1}.rs-sidebar__module-trigger.p-button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;min-width:0;padding:0;text-align:left;width:100%}.rs-sidebar__module-trigger.p-button:hover:not(:disabled),.rs-sidebar__module-trigger.p-button:active:not(:disabled){background:transparent;color:inherit}.rs-sidebar__module-trigger.p-button:focus-visible{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:2px}.rs-sidebar__module-chevron{margin-left:auto}.rs-sidebar__title,.rs-sidebar__item-label,.rs-sidebar__item-chevron{max-width:0;opacity:0;overflow:hidden;transition:max-width .18s ease-in-out,opacity .18s ease-in-out;white-space:nowrap}.rs-sidebar--expanded .rs-sidebar__title,.rs-sidebar--expanded .rs-sidebar__item-label,.rs-sidebar--expanded .rs-sidebar__item-chevron,.rs-sidebar--mobile-open .rs-sidebar__title,.rs-sidebar--mobile-open .rs-sidebar__item-label,.rs-sidebar--mobile-open .rs-sidebar__item-chevron{max-width:108px;opacity:1}.rs-sidebar__title{color:var(--rs-sidebar-color);font-size:.625rem;font-weight:400;line-height:1.2;text-overflow:ellipsis}.rs-sidebar__module-menu.p-menu{background:var(--rs-sidebar-background);border:1px solid var(--rs-sidebar-border);border-radius:4px;box-shadow:0 8px 24px #0000002e;left:12px;min-width:calc(var(--rs-sidebar-width-expanded) - 24px);overflow:hidden;padding:0;position:absolute;top:52px;z-index:20}.rs-sidebar__module-menu .p-menu-list{gap:0;padding:0}.rs-sidebar__module-option .p-menu-item-content{color:var(--rs-sidebar-color);border-radius:0}.rs-sidebar__module-option .p-menu-item-link{font-family:inherit;font-size:.625rem;line-height:1.2;min-height:38px;padding:10px 14px}.rs-sidebar__module-option:not(.p-disabled) .p-menu-item-content:hover,.rs-sidebar__module-option--active .p-menu-item-content{background:var(--rs-sidebar-hover);color:var(--rs-sidebar-color)}.rs-sidebar__module-option--disabled .p-menu-item-content{color:var(--rs-sidebar-muted);cursor:not-allowed}.rs-sidebar__module-option--disabled .p-menu-item-content:hover{background:transparent}.rs-sidebar__module-option.p-focus .p-menu-item-content{background:var(--rs-sidebar-hover);color:var(--rs-sidebar-color)}.rs-sidebar__module-option.p-focus .p-menu-item-link{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:-2px}.rs-sidebar__header-button.p-button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--rs-color-icon-secondary, #000000);cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:24px;min-width:24px;padding:2px}.rs-sidebar__header-button.p-button:hover:not(:disabled),.rs-sidebar__header-button.p-button:active:not(:disabled){background:var(--rs-sidebar-hover)!important;color:var(--rs-color-icon-secondary, #000000)}.rs-sidebar__header-button.p-button:focus-visible,.rs-sidebar__item.p-button:focus-visible{outline:2px solid var(--rs-color-stroke-focused, #48a0d4);outline-offset:-2px}.rs-sidebar__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0}.rs-sidebar__nav{min-height:0}.rs-sidebar__list{list-style:none;margin:0;padding:0}.rs-sidebar__item.p-button{align-items:center;background:transparent;border:0;border-right:3px solid transparent;box-sizing:border-box;color:var(--rs-sidebar-active);cursor:pointer;display:flex;font:inherit;font-weight:300;gap:8px;min-height:27px;padding:7px 8px 7px 12px;text-align:left;width:100%}.rs-sidebar__item.p-button .p-button-label{display:contents}.rs-sidebar__item.p-button:hover:not(:disabled),.rs-sidebar__item.p-button:active:not(:disabled){background:var(--rs-sidebar-hover)!important;color:var(--rs-sidebar-active)}.rs-sidebar__item.p-button:disabled{color:var(--rs-sidebar-muted);cursor:not-allowed;opacity:1}.rs-sidebar__item--active{background:var(--rs-sidebar-hover)!important;border-right-color:var(--rs-sidebar-active)}.rs-sidebar__item--footer{color:var(--rs-sidebar-color);min-height:40px;padding-bottom:16px;padding-top:16px}.rs-sidebar__item-icon{flex:0 0 auto}.rs-sidebar__item-label{color:var(--rs-sidebar-color);min-width:0;text-overflow:ellipsis}.rs-sidebar__item-chevron{margin-left:auto}.rs-sidebar__footer{margin-top:auto}.rs-sidebar--mobile-open{border-right:0;gap:clamp(8px,4vh,52px);inset:0;position:fixed;width:100%;z-index:10000}.rs-sidebar--mobile-open .rs-sidebar__header{min-height:80px}.rs-sidebar--mobile-open .rs-sidebar__module-menu{left:16px;min-width:min(320px,calc(100% - 32px));top:88px}.rs-sidebar--mobile-open .rs-sidebar__item{font-size:1rem;min-height:64px;padding-bottom:20px;padding-top:20px}