/* _content/Inori.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app-brand[b-8ffbqoruqu] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-left: .5rem;
}

.app-brand img[b-8ffbqoruqu] {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.app-brand div[b-8ffbqoruqu] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.app-brand span[b-8ffbqoruqu] {
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.app-brand small[b-8ffbqoruqu] {
    color: #9eabbe;
    font-size: .67rem;
    margin-top: .3rem;
}

.user-pill[b-8ffbqoruqu] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .75rem;
    margin-right: .25rem;
    color: #d8deea;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    font-size: .82rem;
}

@media (max-width: 700px) {
    .app-brand small[b-8ffbqoruqu], .user-pill span[b-8ffbqoruqu] { display: none; }
}
/* _content/Inori.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-content[b-53lhh6ysoo] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.nav-header[b-53lhh6ysoo] {
    color: #69758a;
    padding: 1.35rem 1.3rem .55rem;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.nav-section[b-53lhh6ysoo] { margin-top: .8rem; }

.nav-footer[b-53lhh6ysoo] {
    margin-top: auto;
    flex-shrink: 0;
    padding: 1rem 1.3rem 3rem;
}

.nav-footer img[b-53lhh6ysoo] {
    display: block;
    width: 100%;
    height: auto;
}

.nav-content[b-53lhh6ysoo]  .inori-nav { padding-bottom: 1.5rem; }
.dashboard-nav-heading[b-53lhh6ysoo] { display: flex; align-items: center; min-width: 0; }
.dashboard-nav-heading[b-53lhh6ysoo]  .mud-nav-item { flex: 1; min-width: 0; }
.dashboard-nav-heading[b-53lhh6ysoo]  .mud-nav-link { margin-right: 0; }
.dashboard-nav-heading[b-53lhh6ysoo]  .mud-icon-button { flex-shrink: 0; margin-right: .7rem; width: 32px; height: 32px; }
.dashboard-nav-heading[b-53lhh6ysoo]  .mud-nav-link-text,
.dashboard-nav-items[b-53lhh6ysoo]  .mud-nav-link-text { white-space: normal; overflow-wrap: anywhere; }
.dashboard-nav-items[b-53lhh6ysoo]  .mud-nav-link { padding-left: 3.5rem; font-size: .8rem; }
.dashboard-nav-state[b-53lhh6ysoo] { padding: .65rem 1.3rem .65rem 4.2rem; color: #aeb8c9; font-size: .75rem; }
