/* /Components/Layout/MainLayout.razor.rz.scp.css */
.topbar[b-h8lddsh5eu] { gap: 24px; flex-wrap: wrap; padding: 20px 32px; }
.topbar nav[b-h8lddsh5eu] { flex-wrap: wrap; }
.admin-layout.with-sidebar[b-h8lddsh5eu] { display: grid; grid-template-columns: 230px minmax(0, 1fr); max-width: 1500px; margin: auto; }
.admin-sidebar[b-h8lddsh5eu] { padding: 28px 16px; border-right: 1px solid #dfe5df; }
.admin-sidebar section + section[b-h8lddsh5eu] { margin-top: 28px; }
.admin-sidebar h2[b-h8lddsh5eu] { margin: 0 12px 10px; font-size: 12px; font-weight: 600; color: #748078; letter-spacing: .5px; }
.admin-sidebar[b-h8lddsh5eu]  a { display: block; padding: 12px; margin: 3px 0; border-radius: 9px; color: #40544a; font-size: 14px; overflow-wrap: anywhere; }
.admin-sidebar[b-h8lddsh5eu]  a:hover { background: #edf1eb; text-decoration: none; }
.admin-sidebar[b-h8lddsh5eu]  a.active { background: #dfece4; color: #214a39; font-weight: 600; box-shadow: inset 3px 0 #31584e; }
.admin-sidebar[b-h8lddsh5eu]  a:focus-visible { outline: 2px solid #31584e; outline-offset: 2px; }
.with-sidebar .shell[b-h8lddsh5eu] { width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 800px) {
    .admin-layout.with-sidebar[b-h8lddsh5eu] { grid-template-columns: 1fr; }
    .admin-sidebar[b-h8lddsh5eu] { display: flex; flex-wrap: wrap; gap: 20px; border-right: 0; border-bottom: 1px solid #dfe5df; padding: 20px 16px; }
    .admin-sidebar section[b-h8lddsh5eu] { flex: 1 1 180px; }
    .admin-sidebar section + section[b-h8lddsh5eu] { margin-top: 0; }
    .topbar[b-h8lddsh5eu] { padding: 18px 20px; }
}