@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Topbar */
.topbar[b-zqy7fa6o3w] {
    height: var(--topbar-height);
}

/* Fixed sidebar on lg+ (the <aside> uses d-lg-block) */
.sidebar[b-zqy7fa6o3w] {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    width: var(--sidebar-width);
    height: calc(100vh - var(--topbar-height));
    overflow-y: auto; /* sidebar scrolls independently if long */
}

/* Inner wrapper fills full width of sidebar */
.sidebar-inner[b-zqy7fa6o3w] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: .5rem .5rem;
    display: flex;
    flex-direction: column;
}

/* Ensure nav takes full width inside sidebar */
.sidebar .nav[b-zqy7fa6o3w],
.sidebar .nav-item[b-zqy7fa6o3w],
.sidebar .nav-link[b-zqy7fa6o3w] {
    width: 100%;
}

.sidebar-links .nav-link[b-zqy7fa6o3w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: rgba(255,255,255,0.9);
    padding: .5rem .75rem;
    border-radius: .5rem;
}
.sidebar-links .nav-link.active[b-zqy7fa6o3w],
.sidebar-links .nav-link:hover[b-zqy7fa6o3w] {
    background-color: rgba(255,255,255,0.12);
    color: #fff;
}

/* Main content area */
.content[b-zqy7fa6o3w] {
    min-height: 100vh;
    padding: calc(1.25rem + var(--topbar-height)) 1.25rem 1.25rem;
}

/* On lg+, push content to the right of the fixed sidebar */
@media (min-width: 992px) {
    .content[b-zqy7fa6o3w] {
        margin-left: var(--sidebar-width);
    }
}

/* Offcanvas overrides on small screens */
.sidebar-offcanvas .nav-link[b-zqy7fa6o3w] { color: #fff; }
.sidebar-offcanvas .nav-link.active[b-zqy7fa6o3w],
.sidebar-offcanvas .nav-link:hover[b-zqy7fa6o3w] {
    background-color: rgba(255,255,255,0.12);
    color: #fff;
}

/* Optional: cream background */
.bg-cream[b-zqy7fa6o3w] { background-color: #faf7f5; }