@import '_content/Dascus.Blazor/Dascus.Blazor.d4279hynk6.bundle.scp.css';

/* /Pages/Index.razor.rz.scp.css */
.help-page[b-iufyb70t1o] {
}

.left-panel-header[b-iufyb70t1o] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 31px;
    margin-bottom: 4px;
    flex: 0 0 auto;
}

.left-panel-toggle[b-iufyb70t1o] {
    flex: 0 0 auto;
    border: none;
    line-height: 1;
    padding: 2px 8px;
    font-size: 1.25rem;
    font-weight: bold;
}

.left-panel-search[b-iufyb70t1o] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Root div of DascusInputTextControl has py-2 padding which makes the row
   taller than the collapsed state; neutralize it so the toggle button stays
   on the same vertical level in both states. */
.left-panel-search[b-iufyb70t1o]  > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.left-panel-tree[b-iufyb70t1o] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-yykatndhbi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yykatndhbi] {
    flex: 1;
    margin-top: 3.5rem;
}

@media (min-width: 1200px) {
    .page[b-yykatndhbi] {
        flex-direction: row;
    }
}