@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Module/Admin/DepartmentEditDetailComponent.razor.rz.scp.css */
.department-tree[b-8fjqyrpkay] {
    text-align: center;
}

/* ::deep allows styles to penetrate into the recursive child component */
.department-tree[b-8fjqyrpkay]  ul {
    padding-top: 24px;
    position: relative;
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
    padding-left: 0;
}

.department-tree[b-8fjqyrpkay]  .tree-root {
    padding-top: 0;
}

.department-tree[b-8fjqyrpkay]  li {
    position: relative;
    padding: 24px 12px 0 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Vertical line dropping down from parent to horizontal connector */
.department-tree[b-8fjqyrpkay]  ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid var(--wind-border-strong, #6c757d);
    height: 24px;
}

.department-tree[b-8fjqyrpkay]  .tree-root::before {
    display: none;
}

/* Vertical line going up from node to horizontal connector */
.department-tree[b-8fjqyrpkay]  li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid var(--wind-border-strong, #6c757d);
    height: 24px;
}

/* Horizontal line connecting siblings */
.department-tree[b-8fjqyrpkay]  li::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    border-top: 2px solid var(--wind-border-strong, #6c757d);
}

/* First child: horizontal line only on the right half */
.department-tree[b-8fjqyrpkay]  li:first-child::after {
    left: 50%;
    width: 50%;
}

/* Last child: horizontal line only on the left half */
.department-tree[b-8fjqyrpkay]  li:last-child::after {
    right: 50%;
    width: 50%;
}

/* Only child: no horizontal line */
.department-tree[b-8fjqyrpkay]  li:only-child::after {
    display: none;
}

/* Root-level items: no vertical connector above */
.department-tree[b-8fjqyrpkay]  .tree-root > li::before,
.department-tree[b-8fjqyrpkay]  .tree-root > li::after {
    display: none;
}

/* Tree node cards */
.department-tree[b-8fjqyrpkay]  .tree-node-card {
    min-width: 140px;
    max-width: 220px;
    white-space: nowrap;
}

/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-tkrql86yxv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tkrql86yxv] {
    flex: 1;
}

.sidebar[b-tkrql86yxv] {
    
}

.top-row[b-tkrql86yxv] {
    background-color: var(--wind-bg-surface);
    border-bottom: 1px solid var(--wind-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tkrql86yxv]  a, .top-row .btn-link[b-tkrql86yxv] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-tkrql86yxv] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-tkrql86yxv] {
        display: none;
    }

    .top-row.auth[b-tkrql86yxv] {
        justify-content: space-between;
    }

    .top-row a[b-tkrql86yxv], .top-row .btn-link[b-tkrql86yxv] {
        margin-left: 0;
    }
}

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

    .sidebar[b-tkrql86yxv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tkrql86yxv] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-tkrql86yxv], article[b-tkrql86yxv] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-qcy7iz0v89] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-qcy7iz0v89] {
    height: 3.5rem;
}

.navbar-brand[b-qcy7iz0v89] {
    font-size: 1.1rem;
}

.oi[b-qcy7iz0v89] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}





.nav-item[b-qcy7iz0v89]  a.active {
    color: var(--wind-text-on-accent) !important;
    background-color: var(--wind-accent-subtle);
    border-left: 3px solid var(--wind-accent);
}


@media (min-width: 641px) {
    .navbar-toggler[b-qcy7iz0v89] {
        display: none;
    }

    .collapse[b-qcy7iz0v89] {
        /* Never collapse the sidebar for wide screens */
    display: block;
}

    .nav-scrollable[b-qcy7iz0v89] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        border-right: 1px solid var(--wind-border);
    }
}

.top-row[b-qcy7iz0v89] {
    background-color: var(--wind-bg-surface);
    border-bottom: 1px solid var(--wind-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-qcy7iz0v89]  a, .top-row .btn-link[b-qcy7iz0v89] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-qcy7iz0v89] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-qcy7iz0v89] {
        display: none;
    }

    .top-row.auth[b-qcy7iz0v89] {
        justify-content: space-between;
    }

    .top-row a[b-qcy7iz0v89], .top-row .btn-link[b-qcy7iz0v89] {
        margin-left: 0;
    }
}

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

    .sidebar[b-qcy7iz0v89] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-qcy7iz0v89] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-qcy7iz0v89], article[b-qcy7iz0v89] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}