/* /Components/Layout/MainLayout.razor.rz.scp.css */
.emsa-layout[b-emoxg5wq8x] {
display: flex;
min-height: 100vh;
background: #f3f6f9;
}
.emsa-sidebar[b-emoxg5wq8x] {
width: 265px;
min-width: 265px;
min-height: 100vh;
background: #162231;
box-shadow: 4px 0 18px rgba(0, 0, 0, 0.08);
position: sticky;
top: 0;
align-self: flex-start;
z-index: 100;
}
.emsa-main[b-emoxg5wq8x] {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
}
.emsa-topbar[b-emoxg5wq8x] {
min-height: 76px;
padding: 12px 28px;
background: #ffffff;
border-bottom: 1px solid #e3e8ee;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
position: sticky;
top: 0;
z-index: 90;
}
.topbar-title[b-emoxg5wq8x] {
color: #172333;
font-size: 1.25rem;
font-weight: 800;
line-height: 1.2;
}
.topbar-subtitle[b-emoxg5wq8x] {
color: #7a8797;
font-size: 0.82rem;
margin-top: 3px;
}
.topbar-actions[b-emoxg5wq8x] {
display: flex;
align-items: center;
gap: 14px;
}
.topbar-icon[b-emoxg5wq8x] {
width: 42px;
height: 42px;
border: 1px solid #dde4eb;
border-radius: 12px;
background: #ffffff;
font-size: 1.05rem;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease;
}
.topbar-icon:hover[b-emoxg5wq8x] {
background: #f4f7fa;
border-color: #cbd5df;
}
.topbar-user[b-emoxg5wq8x] {
display: flex;
align-items: center;
gap: 10px;
}
.user-avatar[b-emoxg5wq8x] {
width: 42px;
height: 42px;
border-radius: 50%;
background: #f0a500;
color: #172333;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
}
.user-info[b-emoxg5wq8x] {
display: flex;
flex-direction: column;
line-height: 1.2;
}
.user-info strong[b-emoxg5wq8x] {
color: #263445;
font-size: 0.9rem;
}
.user-info span[b-emoxg5wq8x] {
color: #8491a0;
font-size: 0.75rem;
margin-top: 3px;
}
.emsa-content[b-emoxg5wq8x] {
width: 100%;
padding: 28px;
}
#blazor-error-ui[b-emoxg5wq8x] {
background: #fff3cd;
bottom: 0;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.8rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss[b-emoxg5wq8x] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.45rem;
border: 0;
background: transparent;
font-size: 1.4rem;
}
@media (max-width: 900px) {
.emsa-layout[b-emoxg5wq8x] {
display: block;
}
.emsa-sidebar[b-emoxg5wq8x] {
width: 100%;
min-width: 100%;
min-height: auto;
position: relative;
}
.emsa-topbar[b-emoxg5wq8x] {
position: relative;
padding: 12px 16px;
}
.emsa-content[b-emoxg5wq8x] {
padding: 18px 14px;
}
.topbar-subtitle[b-emoxg5wq8x],
.user-info[b-emoxg5wq8x] {
display: none;
}
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */