/* /Layout/MainLayout.razor.rz.scp.css */
/* Help Center: an in-context operating guide for the admin application. */
.help-backdrop[b-fgx5e62hui] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .62);
    backdrop-filter: blur(3px);
}

.help-center[b-fgx5e62hui] {
    --help-ink: #e2e8f0;
    --help-muted: #9aa8bd;
    --help-line: #263041;
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 9999;
    width: min(1120px, 96vw);
    background: #0a0c10;
    color: var(--help-ink);
    display: flex;
    flex-direction: column;
    box-shadow: -18px 0 55px rgba(0, 0, 0, .55);
}

.help-header[b-fgx5e62hui] {
    min-height: 68px;
    padding: .75rem 1.25rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    border-bottom: 1px solid var(--help-line);
    background: #0d1017;
    flex-shrink: 0;
}

.help-mark[b-fgx5e62hui] { width: 30px; height: 30px; line-height: 0; flex-shrink: 0; }
.help-brand[b-fgx5e62hui] { min-width: 0; }
.help-brand div[b-fgx5e62hui] { color: #f1f5f9; font-size: 1rem; line-height: 1.2; font-weight: 800; }
.help-brand span[b-fgx5e62hui] { display: block; margin-top: .15rem; color: #778398; font-size: .72rem; line-height: 1.2; }

.help-docs-link[b-fgx5e62hui] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid var(--help-line);
    color: #b9c3d3;
    border-radius: 7px;
    padding: .45rem .7rem;
    font-size: .76rem;
    text-decoration: none;
}
.help-docs-link:hover[b-fgx5e62hui] { color: #fff; border-color: #59647a; }

.help-close[b-fgx5e62hui] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border: 1px solid var(--help-line);
    border-radius: 7px;
    background: #151a23;
    color: #aab5c5;
}
.help-close:hover[b-fgx5e62hui] { color: #fff; background: #1b2230; }

.help-body[b-fgx5e62hui] { display: flex; min-height: 0; flex: 1; }
.help-index[b-fgx5e62hui] {
    width: 292px;
    padding: 1rem .75rem 2rem;
    flex-shrink: 0;
    overflow-y: auto;
    border-right: 1px solid var(--help-line);
    background: #0c0f14;
}

.help-index-close[b-fgx5e62hui] { display: none; }

.help-search[b-fgx5e62hui] { display: block; position: relative; margin-bottom: 1rem; }
.help-search i[b-fgx5e62hui] { position: absolute; top: .72rem; left: .75rem; color: #657086; font-size: .78rem; pointer-events: none; }
.help-search input[b-fgx5e62hui] {
    width: 100%;
    min-height: 40px;
    padding: .55rem .75rem .55rem 2.15rem;
    background: #151922;
    border: 1px solid var(--help-line);
    border-radius: 7px;
    color: var(--help-ink);
    font-size: .82rem;
}
.help-search input[b-fgx5e62hui]::placeholder { color: #68748a; }
.help-search input:focus[b-fgx5e62hui] { outline: none; border-color: #818cf8; box-shadow: 0 0 0 3px rgba(129, 140, 248, .12); }

.help-group-title[b-fgx5e62hui] {
    margin: 1.1rem .6rem .4rem;
    color: #778398;
    font-size: .7rem;
    font-weight: 700;
}
.help-group-title:first-of-type[b-fgx5e62hui] { margin-top: .3rem; }
.help-topic[b-fgx5e62hui] {
    width: 100%;
    min-height: 38px;
    padding: .5rem .65rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 3px 7px 7px 3px;
    background: transparent;
    color: #9eabbf;
    font-size: .83rem;
    text-align: left;
}
.help-topic i[b-fgx5e62hui] { width: 16px; color: #748198; font-size: .78rem; text-align: center; }
.help-topic:hover[b-fgx5e62hui] { color: #e2e8f0; background: #141923; }
.help-topic.active[b-fgx5e62hui] { color: #d8dcff; background: rgba(129, 140, 248, .12); border-left-color: #818cf8; }
.help-topic.active i[b-fgx5e62hui] { color: #a5b4fc; }

.help-no-results[b-fgx5e62hui] { padding: 2rem .75rem; display: flex; flex-direction: column; align-items: center; gap: .45rem; color: #7f8ba0; text-align: center; }
.help-no-results i[b-fgx5e62hui] { font-size: 1.3rem; }
.help-no-results strong[b-fgx5e62hui] { color: #cbd5e1; font-size: .86rem; }
.help-no-results span[b-fgx5e62hui] { font-size: .75rem; line-height: 1.5; }

.help-article[b-fgx5e62hui] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: 2rem clamp(1.4rem, 4vw, 4.5rem) 4rem;
}
.help-article > *[b-fgx5e62hui] { max-width: 780px; }
.help-title-row[b-fgx5e62hui] { display: flex; align-items: center; gap: .7rem; margin-bottom: .8rem; }
.help-topic-icon[b-fgx5e62hui] { width: 34px; height: 34px; display: grid; place-items: center; flex-shrink: 0; border-radius: 8px; background: rgba(129, 140, 248, .12); color: #a5b4fc; }
.help-title-row h2[b-fgx5e62hui] { margin: 0; color: #f1f5f9; font-size: 1.55rem; line-height: 1.2; font-weight: 800; }
.help-role[b-fgx5e62hui] { margin-left: auto; border: 1px solid rgba(251, 191, 36, .32); border-radius: 5px; padding: .2rem .5rem; background: rgba(251, 191, 36, .1); color: #fbbf24; font-size: .69rem; }
.help-overview[b-fgx5e62hui] { max-width: 72ch; margin: 0 0 1.35rem; color: var(--help-muted); font-size: .94rem; line-height: 1.75; }

.help-location[b-fgx5e62hui] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
    margin-bottom: 2rem;
    border-left: 3px solid #818cf8;
    background: #111620;
}
.help-location div[b-fgx5e62hui] { min-width: 0; display: flex; flex-direction: column; gap: .16rem; }
.help-location span[b-fgx5e62hui] { color: #778398; font-size: .68rem; }
.help-location strong[b-fgx5e62hui] { color: #d8deea; font-size: .82rem; font-weight: 650; }
.help-location button[b-fgx5e62hui] { margin-left: auto; flex-shrink: 0; border: 0; border-radius: 6px; padding: .5rem .75rem; background: #6366f1; color: white; font-size: .76rem; font-weight: 700; }
.help-location button:hover[b-fgx5e62hui] { background: #7477f5; }

.help-content-section[b-fgx5e62hui] { margin: 0 0 2rem; }
.help-content-section h3[b-fgx5e62hui] { margin: 0 0 .75rem; color: #f1f5f9; font-size: .96rem; font-weight: 750; }
.help-action-list[b-fgx5e62hui] { border-top: 1px solid var(--help-line); }
.help-action[b-fgx5e62hui] { display: grid; grid-template-columns: 22px 1fr; gap: .65rem; padding: .85rem 0; border-bottom: 1px solid var(--help-line); color: #c2ccda; font-size: .86rem; line-height: 1.7; }
.help-action > i[b-fgx5e62hui] { width: 20px; height: 20px; display: grid; place-items: center; margin-top: .18rem; border-radius: 50%; background: rgba(52, 211, 153, .1); color: #34d399; font-size: .6rem; }
.help-action strong[b-fgx5e62hui] { color: #edf2f8; }

.help-fields[b-fgx5e62hui] { margin: 0 0 2rem; border: 1px solid var(--help-line); border-radius: 8px; background: #0e1219; overflow: hidden; }
.help-fields summary[b-fgx5e62hui] { padding: .85rem 1rem; display: flex; align-items: center; justify-content: space-between; color: #dbe3ee; cursor: pointer; list-style: none; }
.help-fields summary[b-fgx5e62hui]::-webkit-details-marker { display: none; }
.help-fields summary span[b-fgx5e62hui] { display: flex; flex-direction: column; gap: .1rem; }
.help-fields summary strong[b-fgx5e62hui] { font-size: .87rem; }
.help-fields summary small[b-fgx5e62hui] { color: #748198; font-size: .68rem; }
.help-fields summary > i[b-fgx5e62hui] { color: #818cf8; font-size: .68rem; transition: transform .15s ease; }
.help-fields[open] summary > i[b-fgx5e62hui] { transform: rotate(180deg); }
.help-field-list[b-fgx5e62hui] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--help-line); }
.help-field[b-fgx5e62hui] { padding: .9rem 1rem; border-right: 1px solid var(--help-line); border-bottom: 1px solid var(--help-line); }
.help-field:nth-child(2n)[b-fgx5e62hui] { border-right: 0; }
.help-field strong[b-fgx5e62hui] { display: block; margin-bottom: .28rem; color: #e2e8f0; font-size: .8rem; }
.help-field div[b-fgx5e62hui] { color: #98a5b8; font-size: .76rem; line-height: 1.62; overflow-wrap: anywhere; }

.help-note-list[b-fgx5e62hui] { display: flex; flex-direction: column; gap: .55rem; }
.help-note[b-fgx5e62hui] { display: grid; grid-template-columns: 20px 1fr; gap: .65rem; padding: .78rem .9rem; border: 1px solid #29344a; border-radius: 7px; background: #101722; color: #b4c0d0; font-size: .82rem; line-height: 1.65; }
.help-note > i[b-fgx5e62hui] { margin-top: .2rem; color: #60a5fa; font-size: .8rem; }
.help-note strong[b-fgx5e62hui] { color: #e5ebf3; }
.help-empty[b-fgx5e62hui] { margin: 5rem auto; color: #7e8a9e; text-align: center; }
.help-empty i[b-fgx5e62hui] { font-size: 2rem; }
.help-empty h2[b-fgx5e62hui] { margin: 1rem 0 .5rem; color: #dce4ee; font-size: 1.1rem; }
.help-empty p[b-fgx5e62hui] { max-width: 52ch; margin: 0 auto; font-size: .84rem; line-height: 1.65; }
.help-topics-toggle[b-fgx5e62hui] { display: none; }

.help-center button:focus-visible[b-fgx5e62hui], .help-center a:focus-visible[b-fgx5e62hui], .help-center summary:focus-visible[b-fgx5e62hui] {
    outline: 2px solid #a5b4fc;
    outline-offset: 3px;
}

@media (max-width: 720px) {
    .help-center[b-fgx5e62hui] { width: 100vw; }
    .help-header[b-fgx5e62hui] { min-height: 62px; padding: .65rem .85rem; }
    .help-brand span[b-fgx5e62hui] { display: none; }
    .help-docs-link[b-fgx5e62hui] { width: 34px; height: 34px; margin-left: auto; padding: 0; justify-content: center; font-size: 0; }
    .help-docs-link i[b-fgx5e62hui] { font-size: .72rem !important; }
    .help-index[b-fgx5e62hui] { position: absolute; inset: 62px 0 0; z-index: 2; width: 100%; display: none; border-right: 0; }
    .help-index.open[b-fgx5e62hui] { display: block; }
    .help-index-close[b-fgx5e62hui] {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        margin: 0 0 .8rem .15rem;
        padding: .2rem 0;
        border: 0;
        background: transparent;
        color: #a5b4fc;
        font: inherit;
        font-size: .8rem;
        font-weight: 650;
        cursor: pointer;
    }
    .help-article[b-fgx5e62hui] { padding: 1rem 1rem 3rem; }
    .help-topics-toggle[b-fgx5e62hui] { display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 1.25rem; border: 1px solid var(--help-line); border-radius: 6px; padding: .45rem .65rem; background: #141923; color: #c5cfdd; font-size: .76rem; }
    .help-title-row[b-fgx5e62hui] { align-items: flex-start; flex-wrap: wrap; }
    .help-title-row h2[b-fgx5e62hui] { font-size: 1.3rem; }
    .help-role[b-fgx5e62hui] { margin-left: 0; }
    .help-location[b-fgx5e62hui] { align-items: flex-start; flex-direction: column; }
    .help-location button[b-fgx5e62hui] { margin-left: 0; width: 100%; }
    .help-field-list[b-fgx5e62hui] { grid-template-columns: 1fr; }
    .help-field[b-fgx5e62hui] { border-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .help-fields summary > i[b-fgx5e62hui] { transition: none; }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-snzvmu3oh9] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-snzvmu3oh9] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-snzvmu3oh9] {
    font-size: 1.1rem;
}

.bi[b-snzvmu3oh9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-snzvmu3oh9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-snzvmu3oh9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-snzvmu3oh9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-snzvmu3oh9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-snzvmu3oh9] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-snzvmu3oh9] {
        padding-bottom: 1rem;
    }

    .nav-item[b-snzvmu3oh9]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-snzvmu3oh9]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-snzvmu3oh9]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-snzvmu3oh9] {
        display: none;
    }

    .collapse[b-snzvmu3oh9] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-snzvmu3oh9] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}