/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-djpcjjk4h2] {
    min-height: 100vh;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-m2sbdt11vy] {
    background: var(--pp-app-bg);
    display: flex;
    min-height: 100vh;
}

.sidebar[b-m2sbdt11vy] {
    background: var(--pp-sidebar-bg);
    color: #fff;
    flex: 0 0 280px;
    min-height: 100vh;
}

.app-main[b-m2sbdt11vy] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.top-row[b-m2sbdt11vy] {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid var(--pp-border);
    display: flex;
    gap: .75rem;
    min-height: 4.25rem;
    padding: .75rem clamp(1rem, 3vw, 2.5rem);
    position: sticky;
    top: 0;
    z-index: 10;
}

.top-row-spacer[b-m2sbdt11vy] {
    flex: 1;
}

.content[b-m2sbdt11vy] {
    flex: 1;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.top-icon-button[b-m2sbdt11vy] {
    align-items: center;
    color: #24324b;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 2.25rem;
}

.user-avatar[b-m2sbdt11vy] {
    align-items: center;
    background: #dfe7f5;
    border-radius: 999px;
    color: #10213f;
    display: inline-flex;
    font-weight: 700;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.signed-in-user[b-m2sbdt11vy] {
    color: #111827;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .page[b-m2sbdt11vy] {
        display: block;
    }

    .sidebar[b-m2sbdt11vy] {
        min-height: auto;
        position: sticky;
        top: 0;
        z-index: 20;
    }

    .top-row[b-m2sbdt11vy] {
        display: none;
    }

    .content[b-m2sbdt11vy] {
        padding: 1rem;
    }
}

@media (min-width: 768px) {
    .sidebar[b-m2sbdt11vy] {
        height: 100vh;
        position: sticky;
        top: 0;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-brand-row[b-gg0upp1jwp] {
    padding: 1.25rem 1rem;
}

.navbar-brand[b-gg0upp1jwp] {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 1.45rem;
    font-weight: 800;
    gap: .75rem;
}

.brand-mark[b-gg0upp1jwp] {
    align-items: center;
    display: inline-flex;
}

.navbar-toggler[b-gg0upp1jwp] {
    border-color: rgba(255, 255, 255, .28);
}

.nav-shell[b-gg0upp1jwp] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 5.3rem);
    padding: .5rem 1rem 1.25rem;
}

.nav-main[b-gg0upp1jwp] {
    gap: .35rem;
}

.nav-item[b-gg0upp1jwp]  .nav-link,
.nav-footer[b-gg0upp1jwp]  .nav-link,
.nav-logout[b-gg0upp1jwp] {
    align-items: center;
    border-radius: .55rem;
    color: rgba(255, 255, 255, .9);
    display: flex;
    font-weight: 700;
    gap: .75rem;
    min-height: 3.25rem;
    padding: .75rem 1rem;
    text-decoration: none;
}

.nav-item[b-gg0upp1jwp]  .nav-link.active {
    background: rgba(32, 114, 230, .85);
    color: #fff;
}

.nav-item[b-gg0upp1jwp]  .nav-link:hover,
.nav-footer[b-gg0upp1jwp]  .nav-link:hover,
.nav-logout:hover[b-gg0upp1jwp] {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.nav-footer[b-gg0upp1jwp] {
    border-top: 1px solid rgba(255, 255, 255, .14);
    display: grid;
    gap: .75rem;
    margin-top: auto;
    padding-top: 1.25rem;
}

.nav-user-card[b-gg0upp1jwp] {
    align-items: center;
    color: #fff;
    display: flex;
    gap: .8rem;
    padding: 0 .5rem;
}

.nav-user-card strong[b-gg0upp1jwp],
.nav-user-card small[b-gg0upp1jwp] {
    display: block;
}

.nav-user-card small[b-gg0upp1jwp] {
    color: rgba(255, 255, 255, .72);
}

.user-avatar[b-gg0upp1jwp] {
    align-items: center;
    background: rgba(255, 255, 255, .22);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 2.75rem;
    font-weight: 800;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.nav-logout[b-gg0upp1jwp] {
    background: transparent;
    border: 0;
    text-align: left;
}

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

    .nav-shell.collapse[b-gg0upp1jwp] {
        display: flex;
    }
}

@media (max-width: 767.98px) {
    .nav-brand-row[b-gg0upp1jwp] {
        padding: .75rem 1rem;
    }

    .navbar-brand[b-gg0upp1jwp] {
        font-size: 1.2rem;
    }

    .nav-shell[b-gg0upp1jwp] {
        border-top: 1px solid rgba(255, 255, 255, .14);
        max-height: calc(100vh - 4.2rem);
        min-height: auto;
        padding-bottom: 1rem;
        overflow-y: auto;
    }

    .nav-shell.collapse[b-gg0upp1jwp] {
        display: none;
    }

    .nav-shell:not(.collapse)[b-gg0upp1jwp] {
        display: flex;
    }
}