@import '_content/Emh.IntelligencePlatform.Modules.AdminPanel/Emh.IntelligencePlatform.Modules.AdminPanel.o1ehanxysd.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.Dashboard/Emh.IntelligencePlatform.Modules.Dashboard.se46o353o5.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.DocumentViewer/Emh.IntelligencePlatform.Modules.DocumentViewer.g8ikfl07tc.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.Ownership/Emh.IntelligencePlatform.Modules.Ownership.4bom3l44ru.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.Playground/Emh.IntelligencePlatform.Modules.Playground.vyt6575088.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.PromptBuilder/Emh.IntelligencePlatform.Modules.PromptBuilder.esu72iqt2t.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.PromptBuilderAdmin/Emh.IntelligencePlatform.Modules.PromptBuilderAdmin.kinj9psehr.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.PromptTemplates/Emh.IntelligencePlatform.Modules.PromptTemplates.9ibe5m86m0.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.SaaSProxy/Emh.IntelligencePlatform.Modules.SaaSProxy.7r7r8rcc06.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.SPExplorer/Emh.IntelligencePlatform.Modules.SPExplorer.qfhq1ftyg1.bundle.scp.css';
@import '_content/Emh.IntelligencePlatform.Modules.Template/Emh.IntelligencePlatform.Modules.Template.2p6udgzyrd.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-gqqrkn2260] {
    color-scheme: light;
}

.shell[b-gqqrkn2260] {
    --shell-ink: #20211f;
    --shell-muted: #65615a;
    --shell-line: #dedbd2;
    --shell-line-soft: rgba(32, 33, 31, 0.08);
    --shell-surface: #ffffff;
    --shell-surface-soft: #f3f2ed;
    --shell-surface-tint: #fff0ec;
    --shell-accent: #ff665f;
    --shell-accent-strong: #a63b36;
    --shell-folder-accent: #8a5a06;
    --shell-bg: #faf9f5;
    --shell-rail-width: 250px;
    --shell-rail-collapsed-width: 56px;
    --bg-2: var(--shell-surface-soft);
    --surface-2: color-mix(in srgb, var(--shell-surface) 82%, var(--shell-line) 18%);
    --surface-3: var(--shell-surface);
    --text: var(--shell-ink);
    --muted: var(--shell-muted);
    --text-subtle: color-mix(in srgb, var(--shell-muted) 72%, var(--shell-line) 28%);
    --border: var(--shell-line);
    --accent: var(--shell-accent);
    --radius: var(--ui-radius-soft, 6px);
    --rail-w-collapsed: var(--shell-rail-collapsed-width);
    --shell-shadow: 0 16px 36px rgba(27, 33, 45, 0.08);
    --shell-soft-shadow: 0 10px 24px rgba(27, 33, 45, 0.06);
    --shell-motion-fast: var(--ui-motion-fast, 90ms);
    --shell-motion-base: var(--ui-motion-base, 150ms);
    --shell-motion-slow: var(--ui-motion-slow, 220ms);
    --shell-motion-ease: var(--ui-motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
    --shell-motion-ease-out: var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1));
    height: 100dvh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: var(--shell-rail-width) minmax(0, 1fr) auto;
    overflow: hidden;
    background: var(--shell-bg);
    color: var(--shell-ink);
    transition:
        grid-template-columns var(--shell-motion-slow) var(--shell-motion-ease),
        background-color var(--shell-motion-base) ease,
        color var(--shell-motion-base) ease;
}

.shell--theme-dark[b-gqqrkn2260] {
    color-scheme: dark;
    --shell-ink: #f0eee8;
    --shell-muted: #aaa59b;
    --shell-line: rgba(255, 255, 255, 0.1);
    --shell-line-soft: rgba(255, 255, 255, 0.07);
    --shell-surface: #202225;
    --shell-surface-soft: #25272b;
    --shell-surface-tint: rgba(255, 102, 95, 0.14);
    --shell-accent: #ff665f;
    --shell-accent-strong: #ff8178;
    --shell-folder-accent: #e7bf52;
    --shell-bg: #181a1d;
    --shell-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
    --shell-soft-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
}

.shell--theme-system[b-gqqrkn2260] {
    color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
    .shell--theme-system[b-gqqrkn2260] {
        --shell-ink: #f0eee8;
        --shell-muted: #aaa59b;
        --shell-line: rgba(255, 255, 255, 0.1);
        --shell-line-soft: rgba(255, 255, 255, 0.07);
        --shell-surface: #202225;
        --shell-surface-soft: #25272b;
        --shell-surface-tint: rgba(255, 102, 95, 0.14);
        --shell-accent: #ff665f;
        --shell-accent-strong: #ff8178;
        --shell-folder-accent: #e7bf52;
        --shell-bg: #181a1d;
        --shell-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
        --shell-soft-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
    }
}

.shell--nav-collapsed[b-gqqrkn2260] {
    --shell-rail-width: var(--shell-rail-collapsed-width);
}

.shell__main[b-gqqrkn2260] {
    min-width: 0;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: var(--shell-surface);
    transition: background-color var(--shell-motion-base) ease;
}

.shell__canvas[b-gqqrkn2260] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 12px 14px;
    border: 0;
    border-radius: 0;
    background: var(--shell-surface);
    box-shadow: none;
    transition:
        background-color var(--shell-motion-base) ease,
        padding var(--shell-motion-slow) var(--shell-motion-ease);
}

.shell--theme-dark .shell__canvas[b-gqqrkn2260] {
    background: var(--shell-surface);
}

.shell[b-gqqrkn2260]  .shell-sidebar {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    height: 100dvh;
    min-height: 100dvh;
    padding: 10px;
    border-right: 1px solid var(--border);
    background: var(--bg-2);
    overflow: hidden;
    transition:
        padding var(--shell-motion-slow) var(--shell-motion-ease),
        background-color var(--shell-motion-base) ease,
        border-color var(--shell-motion-base) ease;
}

.shell[b-gqqrkn2260]  .shell-sidebar--collapsed {
    grid-template-rows: auto minmax(0, 1fr) auto;
    justify-items: center;
    gap: 0;
    padding: 8px;
    width: var(--rail-w-collapsed);
}

.shell[b-gqqrkn2260]  .shell-sidebar__top,
.shell[b-gqqrkn2260]  .shell-sidebar__module-region,
.shell[b-gqqrkn2260]  .shell-sidebar__footer,
.shell[b-gqqrkn2260]  .shell-notifications__list,
.shell[b-gqqrkn2260]  .shell-settings-modal__content {
    min-height: 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar__top {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 64px;
    margin: 0 8px;
    animation: shell-sidebar-section-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-lockup {
    display: flex;
    align-items: center;
    width: min(172px, 100%);
    min-width: 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-mark {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    min-height: 64px;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-button {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-soft, 6px);
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition:
        border-color var(--shell-motion-base) ease,
        background-color var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease),
        box-shadow var(--shell-motion-base) ease;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-button:hover {
    border-color: var(--shell-line);
    background: color-mix(in srgb, var(--shell-surface) 76%, transparent);
    transform: translateY(-1px);
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-button:active {
    transform: translateY(0);
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-button--collapsed {
    animation: shell-brand-pop-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-button .shell-sidebar__brand-mark {
    justify-content: center;
    min-height: 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-image {
    display: block;
    width: 100%;
    max-width: 172px;
    max-height: 64px;
    height: auto;
    object-fit: contain;
    transition:
        max-width var(--shell-motion-slow) var(--shell-motion-ease),
        max-height var(--shell-motion-slow) var(--shell-motion-ease),
        opacity var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease),
        filter var(--shell-motion-base) ease;
}

.shell[b-gqqrkn2260]  .shell-sidebar--collapsed .shell-sidebar__brand-image {
    max-width: 38px;
    max-height: 34px;
}

.shell[b-gqqrkn2260]  .shell-sidebar__brand-image--dark {
    display: none;
}

.shell--theme-dark[b-gqqrkn2260]  .shell-sidebar__brand-image--light {
    display: none;
}

.shell--theme-dark[b-gqqrkn2260]  .shell-sidebar__brand-image--dark {
    display: block;
}

@media (prefers-color-scheme: dark) {
    .shell--theme-system[b-gqqrkn2260]  .shell-sidebar__brand-image--light {
        display: none;
    }

    .shell--theme-system[b-gqqrkn2260]  .shell-sidebar__brand-image--dark {
        display: block;
    }
}

.shell[b-gqqrkn2260]  .shell-sidebar__collapse-action {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-soft, 6px);
    color: var(--shell-muted);
    transition:
        border-color var(--shell-motion-base) ease,
        background-color var(--shell-motion-base) ease,
        color var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-sidebar__collapse-action:hover:not(:disabled) {
    border-color: var(--shell-line);
    background: color-mix(in srgb, var(--shell-surface) 78%, transparent);
    color: var(--shell-ink);
    transform: translateY(-1px);
}

.shell[b-gqqrkn2260]  .shell-sidebar__collapse-action:active {
    transform: translateY(0);
}

.shell[b-gqqrkn2260]  .shell-sidebar__collapse-action .ui-action__icon {
    transition: transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-sidebar__collapse-action:hover .ui-action__icon {
    transform: translateX(-1px);
}

.shell[b-gqqrkn2260]  .shell-sidebar__collapse-action .ui-action__label {
    display: none;
}

.shell[b-gqqrkn2260]  .shell-sidebar__module-region {
    overflow: hidden;
    animation: shell-sidebar-section-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
}

.shell[b-gqqrkn2260]  .shell-sidebar__module-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar__empty {
    margin: 8px 6px;
    color: var(--shell-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item {
    position: relative;
    width: calc(100% - 16px);
    min-height: 32px;
    margin: 0 8px;
    padding: 7px 12px;
    border-radius: var(--radius);
    color: var(--text);
    gap: 10px;
    transition:
        background-color var(--shell-motion-base) ease,
        border-color var(--shell-motion-base) ease,
        color var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item:hover {
    background: var(--surface-2);
    transform: translateX(2px);
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item::before {
    display: none;
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item.active,
.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item--active {
    background: var(--surface-3);
    color: var(--text);
    box-shadow: inset 2px 0 0 var(--accent);
    transform: translateX(0);
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item.active::before,
.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item--active::before {
    display: none;
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item__label {
    font-size: 0.82rem;
    font-weight: 700;
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item__icon {
    width: 1.45rem;
    height: 1.45rem;
    color: inherit;
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item__badge-placeholder {
    width: 1rem;
    height: 1rem;
    opacity: 0.22;
}

.shell[b-gqqrkn2260]  .shell-sidebar .ui-badge {
    min-width: 1.25rem;
    height: 1.25rem;
    padding-inline: 0.34rem;
    font-size: 0.68rem;
}

.shell[b-gqqrkn2260]  .shell-sidebar__footer {
    position: relative;
    display: grid;
    gap: 4px;
    align-content: end;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid var(--border);
    animation: shell-sidebar-section-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) 40ms both;
}

.shell[b-gqqrkn2260]  .shell-sidebar__utility-form {
    margin: 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar__utility-button {
    position: relative;
    width: 100%;
    min-height: 32px;
    justify-content: flex-start;
    gap: 10px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: var(--radius);
    background: transparent;
    box-shadow: none;
    font-size: 0.82rem;
    font-weight: 700;
    transition:
        border-color var(--shell-motion-base) ease,
        background-color var(--shell-motion-base) ease,
        color var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-sidebar__utility-button:hover:not(:disabled) {
    border-color: transparent;
    background: var(--surface-2);
    transform: translateX(2px);
}

.shell[b-gqqrkn2260]  .shell-sidebar__utility-button:active {
    transform: translateX(0);
}

.shell[b-gqqrkn2260]  .shell-sidebar__utility-button .ui-action__icon {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 0;
    background: transparent;
    color: inherit;
}

.shell[b-gqqrkn2260]  .shell-sidebar__utility-button .ui-badge {
    min-width: 1.25rem;
    height: 1.25rem;
    font-size: 0.68rem;
}

.shell[b-gqqrkn2260]  .shell-sidebar__user-anchor {
    position: relative;
}

.shell[b-gqqrkn2260]  .shell-sidebar__user-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    width: 100%;
    min-width: 220px;
    z-index: 12;
    animation: shell-popover-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
}

.shell[b-gqqrkn2260]  .shell-sidebar__user-menu-meta {
    display: grid;
    gap: 2px;
    margin-bottom: 6px;
}

.shell[b-gqqrkn2260]  .shell-sidebar__user-menu-meta strong,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-copy strong {
    margin: 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar__user-menu-meta span,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-copy span {
    color: var(--shell-muted);
    line-height: 1.55;
}

.shell[b-gqqrkn2260]  .shell-sidebar__user-menu-action {
    width: 100%;
    justify-content: flex-start;
}

.shell[b-gqqrkn2260]  .shell-notifications {
    position: relative;
    width: 0;
    min-height: 0;
    overflow: visible;
    z-index: 15;
}

.shell[b-gqqrkn2260]  .shell-notifications__panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(360px, 92vw);
    height: 100dvh;
    min-height: 100dvh;
    padding: 10px;
    overflow: auto;
    border-left: 1px solid var(--shell-line);
    background: var(--shell-surface);
    box-shadow: var(--shell-shadow);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(calc(100% + 10px));
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s ease, visibility 0s linear 0.22s;
}

.shell[b-gqqrkn2260]  .shell-notifications--open .shell-notifications__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s ease;
}

.shell--theme-dark[b-gqqrkn2260]  .shell-notifications__panel {
    background: var(--shell-surface);
}

.shell[b-gqqrkn2260]  .shell-notifications__toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.shell[b-gqqrkn2260]  .shell-notifications__filter-form,
.shell[b-gqqrkn2260]  .shell-notifications__bulk-action-form,
.shell[b-gqqrkn2260]  .shell-notifications__card-form {
    margin: 0;
}

.shell[b-gqqrkn2260]  .shell-notifications__filter-group {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.shell[b-gqqrkn2260]  .shell-notifications__filter-label {
    color: var(--shell-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shell[b-gqqrkn2260]  .shell-notifications__filter {
    width: 100%;
}

.shell[b-gqqrkn2260]  .shell-notifications__actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.shell[b-gqqrkn2260]  .shell-notifications__actions--start {
    justify-content: flex-start;
}

.shell[b-gqqrkn2260]  .shell-notifications__list,
.shell[b-gqqrkn2260]  .shell-settings-modal__stack,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-list {
    display: grid;
    gap: 8px;
}

.shell[b-gqqrkn2260]  .shell-notifications__empty,
.shell[b-gqqrkn2260]  .shell-settings-modal__surface,
.shell[b-gqqrkn2260]  .shell-settings-modal__empty {
    width: 100%;
}

.shell[b-gqqrkn2260]  .shell-notifications__card-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.shell[b-gqqrkn2260]  .shell-notifications__card-action {
    border: 1px solid var(--shell-line);
    background: var(--shell-surface);
    box-shadow: none;
}

.shell[b-gqqrkn2260]  .shell-notifications__card-action:hover:not(:disabled) {
    background: color-mix(in srgb, var(--shell-surface-soft) 88%, var(--shell-accent) 6%);
}

.shell--theme-dark[b-gqqrkn2260]  .shell-notifications__card-action {
    background: color-mix(in srgb, var(--shell-surface-soft) 94%, transparent);
}

.shell[b-gqqrkn2260]  .shell-settings-modal {
    --ui-modal-width: 1000px;
    --ui-modal-height: 76dvh;
    width: min(var(--ui-modal-width), calc(100vw - 48px));
    min-width: min(900px, calc(100vw - 48px));
    height: min(var(--ui-modal-height), calc(100dvh - 48px));
    max-width: calc(100vw - 48px);
    max-height: calc(100dvh - 48px);
    border-color: var(--shell-line);
    background: var(--shell-surface);
    box-shadow: var(--shell-shadow);
    animation: shell-settings-fade-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__overlay {
    background: rgba(24, 24, 22, 0.46);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__form {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__layout {
    display: grid;
    grid-template-columns: 196px minmax(0, 1fr);
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    animation: shell-settings-fade-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapters {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--shell-line);
    border-radius: var(--ui-radius, 8px);
    background: var(--shell-surface-soft);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    transition:
        background-color var(--shell-motion-base) ease,
        border-color var(--shell-motion-base) ease;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapter {
    position: relative;
    width: 100%;
    min-height: 34px;
    padding: 7px 9px 7px 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 750;
    transition:
        background-color var(--shell-motion-base) ease,
        border-color var(--shell-motion-base) ease,
        color var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapter:hover {
    background: color-mix(in srgb, var(--shell-surface) 88%, var(--shell-accent) 6%);
    transform: none;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapter.ui-module-nav-item--active {
    border-color: color-mix(in srgb, var(--shell-accent) 22%, var(--shell-line));
    background: color-mix(in srgb, var(--shell-surface) 82%, var(--shell-accent) 10%);
    color: var(--shell-ink);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapter::before {
    opacity: 0;
    transform: scaleY(0.3);
    transform-origin: center;
    transition:
        opacity var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapter.ui-module-nav-item--active::before {
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 5px;
    width: 2px;
    border-radius: 999px;
    background: var(--shell-accent);
    content: "";
    opacity: 1;
    transform: scaleY(1);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__chapter .ui-module-nav-item__label {
    font-size: inherit;
    font-weight: inherit;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__content {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-gutter: stable both-edges;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__stack {
    gap: 10px;
    align-content: start;
    min-height: min-content;
    padding-bottom: 2px;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__surface {
    position: relative;
    z-index: 0;
    padding: 10px;
    border: 1px solid var(--shell-line);
    border-radius: var(--ui-radius, 8px);
    background: var(--shell-surface);
    box-shadow: none;
    overflow: visible;
    animation: shell-settings-fade-in-b-gqqrkn2260 var(--shell-motion-slow) var(--shell-motion-ease-out) both;
    transition:
        background-color var(--shell-motion-base) ease,
        border-color var(--shell-motion-base) ease,
        box-shadow var(--shell-motion-base) ease;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__top,
.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__module-region,
.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__footer {
    width: 100%;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__module-list {
    align-items: center;
    padding: 2px 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .ui-module-nav-item,
.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__utility-button {
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    width: 40px;
    min-width: 40px;
    margin: 0 auto;
    padding: 7px;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .ui-module-nav-item__label,
.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .ui-module-nav-item__badge-placeholder,
.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__utility-button .ui-action__label {
    display: none;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .ui-module-nav-item__badge-slot {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 0;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__utility-button .ui-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 1rem;
    height: 1rem;
    padding-inline: 0.2rem;
    margin-left: 0;
    font-size: 0.6rem;
}

.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .ui-module-nav-item__icon,
.shell[b-gqqrkn2260]  .shell-sidebar[data-rail="collapsed"] .shell-sidebar__utility-button .ui-action__icon {
    width: 1.45rem;
    height: 1.45rem;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__surface:has(.ui-select--open),
.shell[b-gqqrkn2260]  .shell-settings-modal__surface:has(.ui-combobox--open) {
    z-index: 2;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__surface .ui-surface-card__title {
    color: var(--shell-ink);
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.2;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__surface .ui-surface-card__description {
    margin-top: 2px;
    color: var(--shell-muted);
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.4;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__surface .ui-surface-card__body {
    gap: 8px;
    margin-top: 10px;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 250px);
    gap: 12px;
    align-items: center;
    min-height: 3.2rem;
    padding: 9px 10px;
    border: 1px solid var(--shell-line);
    border-radius: var(--ui-radius, 8px);
    background: color-mix(in srgb, var(--shell-surface-soft) 62%, var(--shell-surface) 38%);
    overflow: visible;
    transition:
        background-color var(--shell-motion-base) ease,
        border-color var(--shell-motion-base) ease,
        transform var(--shell-motion-base) var(--shell-motion-ease);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item:has(.ui-select--open),
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item:has(.ui-combobox--open) {
    z-index: 3;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item:hover {
    border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-line));
    background: color-mix(in srgb, var(--shell-surface-soft) 48%, var(--shell-surface) 52%);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item + .shell-settings-modal__setting-item {
    border-top: 1px solid var(--shell-line);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item--toggle {
    align-items: center;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item--radio {
    align-items: start;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__toggle-input {
    justify-self: end;
    min-height: 1.5rem;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__field-control,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-select,
.shell[b-gqqrkn2260]  .shell-settings-modal__select,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-input,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-textarea,
.shell[b-gqqrkn2260]  .shell-settings-modal__radio-control {
    width: 100%;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-input,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-textarea,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-select__trigger {
    min-height: 2rem;
    border-color: var(--shell-line);
    background: var(--shell-surface);
    color: var(--shell-ink);
    font-size: 0.78rem;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-textarea {
    min-height: 6rem;
    resize: vertical;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-input:focus,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-textarea:focus,
.shell[b-gqqrkn2260]  .shell-settings-modal__setting-item .ui-select__trigger:focus-visible {
    border-color: color-mix(in srgb, var(--shell-accent) 32%, var(--shell-line));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--shell-accent) 20%, transparent);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__radio-control {
    min-width: 0;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__radio-control .ui-radio-group__options {
    gap: 6px;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__radio-control .ui-radio-group__option {
    padding: 7px 9px;
    border-radius: 6px;
    border-color: var(--shell-line);
    background: var(--shell-surface);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__radio-control .ui-radio-group__option:has(.ui-radio-group__native:checked) {
    border-color: color-mix(in srgb, var(--shell-accent) 32%, var(--shell-line));
    background: color-mix(in srgb, var(--shell-surface-tint) 64%, var(--shell-surface));
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-copy strong {
    color: var(--shell-ink);
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.2;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-copy span {
    color: var(--shell-muted);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__setting-help {
    color: var(--shell-muted);
    font-size: 0.7rem;
    line-height: 1.35;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__unsupported {
    display: grid;
    gap: 4px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid var(--shell-line);
    border-radius: var(--ui-radius, 8px);
    background: var(--shell-surface);
}

.shell[b-gqqrkn2260]  .shell-settings-modal__actions {
    width: 100%;
    gap: 6px;
}

@keyframes shell-sidebar-section-in-b-gqqrkn2260 {
    from {
        opacity: 0;
        transform: translateX(-6px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes shell-brand-pop-b-gqqrkn2260 {
    from {
        opacity: 0;
        transform: scale(0.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes shell-popover-in-b-gqqrkn2260 {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes shell-settings-fade-in-b-gqqrkn2260 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.shell[b-gqqrkn2260]  .shell-settings-modal__version {
    margin-right: auto;
    color: var(--shell-muted);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__signin {
    display: grid;
    gap: 8px;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__signin p {
    margin: 0;
    color: var(--shell-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.shell[b-gqqrkn2260]  .shell-settings-modal__signin-action {
    justify-self: start;
}

@media (max-width: 1120px) {
    .shell[b-gqqrkn2260] {
        --shell-rail-width: 212px;
    }

    .shell.shell--nav-collapsed[b-gqqrkn2260] {
        --shell-rail-width: var(--shell-rail-collapsed-width);
    }
}

@media (max-width: 960px) {
    .shell[b-gqqrkn2260] {
        --shell-rail-width: 200px;
        grid-template-columns: var(--shell-rail-width) minmax(0, 1fr);
    }

    .shell.shell--nav-collapsed[b-gqqrkn2260] {
        --shell-rail-width: var(--shell-rail-collapsed-width);
    }

    .shell[b-gqqrkn2260]  .shell-notifications {
        z-index: 20;
    }

    .shell[b-gqqrkn2260]  .shell-notifications__panel {
        position: fixed;
        top: 0;
        right: 0;
        width: min(360px, 94vw);
    }

    .shell[b-gqqrkn2260]  .shell-notifications__toolbar {
        grid-template-columns: 1fr;
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal__layout {
        grid-template-columns: 1fr;
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal__chapters {
        flex-direction: row;
        overflow: auto;
        padding-bottom: 4px;
        padding-right: 0;
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal__chapter {
        width: auto;
        min-width: 148px;
    }
}

@media (max-width: 760px) {
    .shell[b-gqqrkn2260] {
        --shell-rail-width: 184px;
    }

    .shell.shell--nav-collapsed[b-gqqrkn2260] {
        --shell-rail-width: var(--shell-rail-collapsed-width);
    }

    .shell__canvas[b-gqqrkn2260] {
        padding: 8px;
    }

    .shell[b-gqqrkn2260]  .shell-sidebar,
    .shell[b-gqqrkn2260]  .shell-notifications__panel {
        padding: 8px;
    }

    .shell[b-gqqrkn2260]  .shell-sidebar:not(.shell-sidebar--collapsed) .shell-sidebar__brand-image {
        max-height: 52px;
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal {
        --ui-modal-width: calc(100vw - 16px);
        --ui-modal-height: calc(100dvh - 16px);
        width: calc(100vw - 16px);
        min-width: 0;
        height: calc(100dvh - 16px);
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal__setting-item {
        grid-template-columns: 1fr;
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal__toggle-input {
        justify-self: start;
    }

    .shell[b-gqqrkn2260]  .shell-settings-modal__version {
        flex: 1 0 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shell[b-gqqrkn2260],
    .shell__main[b-gqqrkn2260],
    .shell__canvas[b-gqqrkn2260],
    .shell[b-gqqrkn2260]  .shell-sidebar,
    .shell[b-gqqrkn2260]  .shell-sidebar__brand-row,
    .shell[b-gqqrkn2260]  .shell-sidebar__brand-button,
    .shell[b-gqqrkn2260]  .shell-sidebar__brand-image,
    .shell[b-gqqrkn2260]  .shell-sidebar__collapse-action,
    .shell[b-gqqrkn2260]  .shell-sidebar__module-region,
    .shell[b-gqqrkn2260]  .shell-sidebar__footer,
    .shell[b-gqqrkn2260]  .shell-sidebar .ui-module-nav-item,
    .shell[b-gqqrkn2260]  .shell-sidebar__utility-button,
    .shell[b-gqqrkn2260]  .shell-sidebar__user-menu,
    .shell[b-gqqrkn2260]  .shell-settings-modal,
    .shell[b-gqqrkn2260]  .shell-settings-modal__layout,
    .shell[b-gqqrkn2260]  .shell-settings-modal__chapter,
    .shell[b-gqqrkn2260]  .shell-settings-modal__surface,
    .shell[b-gqqrkn2260]  .shell-settings-modal__setting-item {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-a181qbtzsd],
.components-reconnect-repeated-attempt-visible[b-a181qbtzsd],
.components-reconnect-failed-visible[b-a181qbtzsd],
.components-pause-visible[b-a181qbtzsd],
.components-resume-failed-visible[b-a181qbtzsd],
.components-rejoining-animation[b-a181qbtzsd] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-retrying[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-failed[b-a181qbtzsd],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-a181qbtzsd] {
    display: block;
}


#components-reconnect-modal[b-a181qbtzsd] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-a181qbtzsd 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-a181qbtzsd 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-a181qbtzsd 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-a181qbtzsd]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-a181qbtzsd 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-a181qbtzsd {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-a181qbtzsd {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-a181qbtzsd {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-a181qbtzsd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-a181qbtzsd] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-a181qbtzsd] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-a181qbtzsd] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-a181qbtzsd] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-a181qbtzsd] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-a181qbtzsd] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-a181qbtzsd 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-a181qbtzsd] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-a181qbtzsd {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home[b-e7jnkqvujb] {
    min-height: 100%;
}

.home__hero[b-e7jnkqvujb] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
    gap: 1.5rem;
    align-items: stretch;
}

.home__copy[b-e7jnkqvujb],
.home__panel[b-e7jnkqvujb] {
    padding: 2rem;
    border: 1px solid var(--shell-line);
    border-radius: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfaf7 100%);
    box-shadow: var(--shell-soft-shadow);
}

.home__panel[b-e7jnkqvujb] {
    display: grid;
    gap: 1rem;
    align-content: start;
    background: linear-gradient(180deg, #fffdfa 0%, #f8f3ec 100%);
}

.home__eyebrow[b-e7jnkqvujb],
.home__hint[b-e7jnkqvujb] {
    color: var(--shell-muted);
}

.home__eyebrow[b-e7jnkqvujb] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.home__copy h1[b-e7jnkqvujb] {
    margin: 0;
    max-width: 12ch;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.home__copy p[b-e7jnkqvujb] {
    margin: 1rem 0 0;
    color: var(--shell-muted);
    line-height: 1.65;
}

.home__actions[b-e7jnkqvujb] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.6rem;
}

.home__button[b-e7jnkqvujb] {
    justify-self: start;
}

.home__hint[b-e7jnkqvujb] {
    font-size: 0.95rem;
}

.home__alert[b-e7jnkqvujb] {
    margin-top: 1.25rem;
}

.home__panel-card[b-e7jnkqvujb] {
    min-height: 100%;
}

@media (max-width: 980px) {
    .home__hero[b-e7jnkqvujb] {
        grid-template-columns: 1fr;
    }

    .home__copy[b-e7jnkqvujb],
    .home__panel[b-e7jnkqvujb] {
        padding: 1.5rem;
        border-radius: 24px;
    }
}