/* _content/Monitor.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.sa-web-shell[b-13srf0oo3n] {
    min-height: 100vh;
}

.sa-web-drawer[b-13srf0oo3n] {
    width: 18.5rem !important;
    padding: 1rem 0.85rem;
    border-right: 1px solid rgba(129, 150, 204, 0.12);
    background: linear-gradient(180deg, rgba(8, 14, 28, 0.98), rgba(10, 16, 31, 0.94));
}

.sa-web-drawer-top[b-13srf0oo3n] {
    padding: 0.4rem 0.6rem 1rem;
}

.sa-web-nav[b-13srf0oo3n] {
    gap: 0.35rem;
}

.sa-web-nav :global(.mud-nav-link)[b-13srf0oo3n] {
    margin-bottom: 0.35rem;
    border-radius: 18px;
    color: #d6def3;
}

.sa-web-nav :global(.mud-nav-link.active)[b-13srf0oo3n] {
    color: #08111f;
    background: linear-gradient(90deg, #35b8ff, #7d67ff 45%, #ff8b3d);
}

.sa-web-main[b-13srf0oo3n] {
    min-height: 100vh;
}

.sa-web-appbar[b-13srf0oo3n] {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid rgba(129, 150, 204, 0.12);
    backdrop-filter: blur(18px);
}

.sa-web-appbar-spacer[b-13srf0oo3n] {
    flex: 1;
}

.sa-web-content[b-13srf0oo3n] {
    max-width: 1440px;
    padding: 1.5rem 1.5rem 2.5rem;
}

@media (max-width: 960px) {
    .sa-web-content[b-13srf0oo3n] {
        padding: 1rem 1rem 2rem;
    }
}