/* /Features/Categories/Components/Categories.razor.rz.scp.css */
.c-container[b-e7l3faf73q] {
    height: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #808080;
    border-radius: 6px;
    margin: 4px;
}

.scroll-wrapper[b-e7l3faf73q] {
    padding: 4px;
    flex: 1 1 auto;
    overflow: auto; /* scroll inside body if content is too long */
}
/* /Features/Dashboard/Components/Dashboard.razor.rz.scp.css */
.dashboard-container[b-uul3czub2a] {
    height: 100%;
    width: 100%;
    padding: 10px;
    
}

.dashboard-panel[b-uul3czub2a] {
    height: 100%;
    width: 100%;
    padding: 10px;
}

/* /Features/Dashboard/Pages/Dashboard.razor.rz.scp.css */
.workspace-dashboard[b-dvajtjd2zy] {
    height: 100%;
    width: 100%;
    padding: 10px;
}
/* /Features/Entities/Components/EntityTreeGridBrowser.razor.rz.scp.css */
.page-container[b-5cv00q56t8] {
    height: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #808080;
    border-radius: 6px;
    margin: 4px;
}

.treegrid-ribbon[b-5cv00q56t8] {
    padding: 4px;
}
/* /Features/Folders/Components/FolderBrowser.razor.rz.scp.css */
.c-container[b-0kty19zx95] {
    height: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #808080;
    border-radius: 6px;
    margin: 4px;
}

/* header takes natural height */
.c-ribbon[b-0kty19zx95] {
    flex: 0 0 auto;
}

/* body grows/shrinks to fill available space */
.c-body[b-0kty19zx95] {
    flex: 1 1 auto;
    overflow: auto; /* scroll inside body if content is too long */
    padding: 8px;
    border-top: 1px solid #808080;
    /*background: #fafafa;*/
}

/* footer fixed height */
.c-footer[b-0kty19zx95] {
    flex: 0 0 30px; /* exactly 30px high */
    background: #f4f4f4;
    text-align: left;
    display: flex; /* turn footer into flexbox */
    align-items: center; /* center children vertically */
    padding: 0 8px; /* optional: left/right breathing room */
}
/* /Features/Folders/Components/FolderTreeView.razor.rz.scp.css */
[b-7egbx4kub9] .e-treeview {
    border: none;
    border-top: 1px;
}

/* /Features/Library/Pages/Library.razor.rz.scp.css */
.layout[b-83w64ea8sp] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* full viewport height */
}

/* header takes natural height */
.header[b-83w64ea8sp] {
    flex: 0 0 auto;
    background: #f0f0f0;
    padding: 8px;
}

/* body grows/shrinks to fill available space */
.body[b-83w64ea8sp] {
    flex: 1 1 auto;
    overflow: auto; /* scroll inside body if content is too long */
    padding: 8px;
    background: #fafafa;
}

/* footer fixed height */
.footer[b-83w64ea8sp] {
    flex: 0 0 30px; /* exactly 30px high */
    background: #ddd;
    text-align: center;
    line-height: 30px; /* center text vertically */
}
/* /Features/Properties/Components/PropertiesGrid.razor.rz.scp.css */
.dashboard-container[b-j71dhnteke] {
    height: 100%;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* /Features/Properties/Components/PropertyBrowser.razor.rz.scp.css */
.page-container[b-qkqsy9dq8w] {
    height: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #808080;
    border-radius: 6px;
    margin: 4px;
}
.folder-treeview-ribbon[b-qkqsy9dq8w] {
    padding: 4px;
}
/* /Features/Shared/Components/HelpTip.razor.rz.scp.css */
.pane-header[b-l5fkrzqhrz] {
    display: flex;
    align-items: center;
    justify-content: space-between; /* pushes help icon to the right */
    font-weight: bold;
    font-size: 1.2rem;
}

    /* push the help icon slightly higher (tweak -1..-3px to taste) */
    .pane-header .help-tip__btn[b-l5fkrzqhrz] {
        transform: translateY(-3px);
    }

/* Override the HelpTip button style */
.help-tip__btn[b-l5fkrzqhrz] {
    width: 20px;
    height: 20px;
    border-radius: 50%; /* make it round */
    border: none; /* remove border */
    background-color: #0078d7; /* blue background */
    color: white; /* white ? */
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .help-tip__btn:hover[b-l5fkrzqhrz] {
        background-color: #005a9e; /* darker blue on hover */
    }


.help-tip[b-l5fkrzqhrz] {
    display: inline-flex;
    align-items: center;
}

.help-tip__btn[b-l5fkrzqhrz] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    border: 1px solid var(--e-border, #c8c8c8);
    background: #fff;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
    color: #555;
}

    .help-tip__btn:hover[b-l5fkrzqhrz],
    .help-tip__btn:focus[b-l5fkrzqhrz] {
        outline: none;
        box-shadow: 0 0 0 2px rgba(0,120,215,.2);
    }

.help-tip__footer[b-l5fkrzqhrz] {
    margin-top: 12px;
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
    font-size: 0.9rem;
}
/* /Features/WorkspaceGroups/Components/WorkspaceGroups.razor.rz.scp.css */
/* Stronger disabled look for toolbar items */
.e-toolbar .e-toolbar-item.e-overlay[b-mf469cf96b] {
    opacity: 0.4 !important; /* make it lighter */
    pointer-events: none; /* no clicks */
}

/* Also gray out the icon + text */
.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text[b-mf469cf96b],
.e-toolbar .e-toolbar-item.e-overlay .e-icons[b-mf469cf96b] {
    color: #999 !important; /* force a gray tone */
}
/* /Features/WorkspaceGroups/Dialogs/WorkspaceGroupDialog.razor.rz.scp.css */
.wg-dialog .form-grid[b-0sgnnnf688] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.wg-dialog .form-row label[b-0sgnnnf688] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.wg-dialog .checkbox-row[b-0sgnnnf688] {
    margin-top: 6px;
}

.wg-dialog .audit-row[b-0sgnnnf688] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 6px;
    font-size: 0.95rem;
}

.wg-dialog .audit-caption[b-0sgnnnf688] {
    color: var(--e-color-sf-content-text, #666);
    margin-right: 6px;
}

.wg-dialog .audit-item[b-0sgnnnf688] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wg-dialog .dlg-footer[b-0sgnnnf688] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    width: 100%;
}
/* /Features/WorkspaceUsers/Dialogs/WorkspaceUserGroupDialog.razor.rz.scp.css */
.grp-picker[b-einr2tc7mz] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: .75rem;
    align-items: stretch;
    min-height: 320px;
}

.pane[b-einr2tc7mz] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.pane-header[b-einr2tc7mz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .25rem;
}

.filter[b-einr2tc7mz] {
    flex: 0 0 50%;
    max-width: 60%;
}

.middle[b-einr2tc7mz] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
    justify-content: center;
}

.footer[b-einr2tc7mz] {
    margin-top: .75rem;
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
main[b-zhqvid05fg] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    width: 100%;
}

.main-layout[b-zhqvid05fg] {
    display: flex;
    flex-direction: row;
    height: 100vh;  full height of viewport 
    overflow: hidden;
    
}

.top-row[b-zhqvid05fg] {
    position: sticky;
    background-color: var(--ms-primary-bg);
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    z-index: 1;
}

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

    .top-row[b-zhqvid05fg]  a:hover, .top-row[b-zhqvid05fg]  .btn-link:hover {
        text-decoration: underline;
    }

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

.content-area[b-zhqvid05fg] {
    flex-grow: 1;
    overflow: hidden;
    padding: 0rem;
    min-width: 0;  prevents flex overflow bug 
}

/*@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar {*/
        /*width: 250px;*/
        /*height: 100vh;*/
        /*position: sticky;*/
        /*top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 0rem !important;
        padding-right: 1.5rem !important;
    }*/

/* /Layout/NavMenu.razor.rz.scp.css */



.nav-menu[b-7pimvhzv89] {
    width: 200px;
    min-width: 200px;
    height: 100vh;
    transition: width 0.3s ease;
    overflow: hidden;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    /*background-image: linear-gradient( 180deg, var(--e-primary-color) 0%, color-mix(in srgb, var(--e-bg-color) 85%, #000 15%) 70% );*/
    /*color: var(--e-text-color);*/
    /*border-right: 1px solid var(--e-border-color);*/
    /* Optional: feel nicer on dark themes */
    /*box-shadow: 2px 0 6px rgb(0 0 0 / 0.2);*/
}


    .nav-menu.collapsed[b-7pimvhzv89] {
        width: 48px;
        min-width: 48px;
        /*background-color: var(--e-primary-color);*/
        height: 100vh;
        transition: width 0.3s ease;
        overflow: hidden;
    }


.navbar-toggler[b-7pimvhzv89] {
    /*background-color: rgba(255, 255, 255, 0.1);*/ /* Light white background */
    
    color: white; /* Ensure the icon/text is visible */
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 1rem;
    padding: 0rem 0rem;
    cursor: pointer;
    display: block; /* Always show */
    z-index: 1001; /* Ensure it's above other elements */
}

.navbar-toggler:focus[b-7pimvhzv89] {
    outline: none;
    box-shadow: none;
}

.top-row[b-7pimvhzv89] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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



.nav-item[b-7pimvhzv89] {
    font-size: 0.9rem;
    padding-bottom: 0rem;
}

    .nav-item:first-of-type[b-7pimvhzv89] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-7pimvhzv89] {
        padding-bottom: 1rem;
    }

    .nav-item[b-7pimvhzv89]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-7pimvhzv89]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-7pimvhzv89]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}