/* _content/OpViewer.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-k88hl4q6qn]{
display:flex;
height:100vh;
background:#eef1f5;
}

/* TOP */

.sidebar-top[b-k88hl4q6qn]{
display:flex;
align-items:center;
gap:10px;
padding:14px;
border-bottom:1px solid rgba(255,255,255,0.1);
}

.menu-btn[b-k88hl4q6qn]{
background:none;
border:none;
color:white;
font-size:22px;
cursor:pointer;
}

.logo[b-k88hl4q6qn]{
font-weight:600;
font-size:14px;
white-space:nowrap;
}

.sidebar.collapsed .logo[b-k88hl4q6qn]{
display:none;
}

/* NAV */

.nav-menu[b-k88hl4q6qn]{
display:flex;
flex-direction:column;
padding:10px;
gap:6px;
}

.nav-menu a[b-k88hl4q6qn]{
display:flex;
align-items:center;
gap:12px;
padding:10px 12px;
border-radius:8px;
color:white;
text-decoration:none;
font-size:14px;
transition:background 0.15s;
}

.nav-menu a:hover[b-k88hl4q6qn]{
background:rgba(255,255,255,0.12);
}

.nav-menu a.active[b-k88hl4q6qn]{
background:rgba(255,255,255,0.25);
}

/* ICON */

.icon[b-k88hl4q6qn]{
display:flex;
align-items:center;
justify-content:center;
width:24px;
}

.icon svg[b-k88hl4q6qn]{
width:22px;
height:22px;
stroke:white;
stroke-width:2;
fill:none;
}

/* LABEL */

.label[b-k88hl4q6qn]{
white-space:nowrap;
}

.sidebar.collapsed .label[b-k88hl4q6qn]{
display:none;
}

/* MAIN */

.main-content[b-k88hl4q6qn]{
flex:1;
overflow:auto;
}
/* _content/OpViewer.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.bi[b-usfx01iyki] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-usfx01iyki] {
    background-image: url("data:image/svg+xml,...");
}

.bi-plus-square-fill-nav-menu[b-usfx01iyki] {
    background-image: url("data:image/svg+xml,...");
}

.bi-list-nested-nav-menu[b-usfx01iyki] {
    background-image: url("data:image/svg+xml,...");
}