/* /Components/Pages/Account/Login.razor.rz.scp.css */
/* Scoped styles for Login */
.login-page[b-tq94r910la] {
    min-height: 100vh;
    min-height: 100dvh;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: #0f2742;
}

.login-shell[b-tq94r910la] {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    flex: 1 1 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.login-visual[b-tq94r910la] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #eef4fb;
}

.login-visual[b-tq94r910la]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(5, 20, 38, 0.34);
}

.login-visual img[b-tq94r910la] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.card.login-card[b-tq94r910la] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: min(530px, calc(100% - 2rem));
    max-width: 530px;
    margin: 0;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 55px rgba(4, 18, 35, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 1rem;
    overflow: hidden;
    backdrop-filter: blur(8px);
}

.login-card .card-header[b-tq94r910la] {
    /* The card clips the header to its outer corners. */
    border-radius: 0;
}

.login-card form[b-tq94r910la] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-card .card-header[b-tq94r910la],
.login-card .card-body[b-tq94r910la] {
    width: 100%;
    box-sizing: border-box;
}

.login-card .card-body[b-tq94r910la] {
    display: flex;
    justify-content: center;
}

.login-form-content[b-tq94r910la] {
    gap: 1rem;
    margin: 0 auto;
    width: min(80%, 375px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

[b-tq94r910la] .my-form-layout {
    width: 100%;
    margin: 0;
}

.login-footer[b-tq94r910la] {
    width: 100%;
    text-align: center;
    padding: 1rem 0 2rem;
    color: #6c757d;
    font-size: 0.95rem;
    background: transparent;
}

@media (max-width: 576px) {
    .login-page[b-tq94r910la] {
        min-height: 100vh;
        min-height: 100dvh;
    }

    .login-form-content[b-tq94r910la] {
        width: 100%;
    }

    .login-card .card-body[b-tq94r910la] {
        padding-inline: 1.25rem;
    }
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
/* Scoped styles for Register */
.register-page[b-ugqsstqiex] {
    min-height: 100vh;
    min-height: 100dvh;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: #0f2742;
}

.register-shell[b-ugqsstqiex] {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    flex: 1 1 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.register-visual[b-ugqsstqiex] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #eef4fb;
}

.register-visual[b-ugqsstqiex]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(5, 20, 38, 0.34);
}

.register-visual img[b-ugqsstqiex] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill;
}

.card.register-card[b-ugqsstqiex] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: min(530px, calc(100% - 2rem));
    max-width: 530px;
    margin: 0;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 55px rgba(4, 18, 35, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 1rem;
    backdrop-filter: blur(8px);
}

.register-card form[b-ugqsstqiex],
.register-card .card-header[b-ugqsstqiex],
.register-card .card-body[b-ugqsstqiex] {
    width: 100%;
    box-sizing: border-box;
}

.register-card form[b-ugqsstqiex] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.register-card .card-body[b-ugqsstqiex] {
    display: flex;
    justify-content: center;
}

.register-form-content[b-ugqsstqiex] {
    width: min(80%, 375px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

[b-ugqsstqiex] .my-form-layout {
    width: 100%;
    margin: 0;
}

@media (max-width: 576px) {
    .register-form-content[b-ugqsstqiex] {
        width: min(80%, 375px);
    }
}
/* /Components/Pages/PictureViewer/Pages/PictureFullscreenViewer.razor.rz.scp.css */
.viewer[b-mplyvdtgca] { position: absolute; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: #171c24; color: white; }
.viewer figure[b-mplyvdtgca] { margin: 0; max-width: calc(100% - 144px); text-align: center; }
.viewer img[b-mplyvdtgca], .viewer video[b-mplyvdtgca] { display: block; max-width: 100%; max-height: calc(100dvh - 8.0625rem - 140px); margin: auto; object-fit: contain; }
.viewer figcaption[b-mplyvdtgca] { padding-top: 16px; overflow-wrap: anywhere; }
.viewer button[b-mplyvdtgca] { position: absolute; border: none; border-radius: 6px; background: #2a3442; color: white; cursor: pointer; line-height: 1; width: 48px; height: 48px; }
.viewer button:disabled[b-mplyvdtgca] { opacity: .3; cursor: default; }
.close-button[b-mplyvdtgca] { top: 16px; right: 16px; font-size: 32px; }
.delete-picture-button[b-mplyvdtgca] { top: 16px; right: 80px; font-size: 24px; }
.viewer-delete-confirmation[b-mplyvdtgca] { width: min(480px, calc(100% - 32px)); border-radius: var(--app-dialog-radius); background: #2a3442; color: white; overflow-wrap: anywhere; }
.viewer-delete-confirmation h2[b-mplyvdtgca] { font-size: 1rem; margin: 0; padding: var(--app-popup-footer-space) var(--app-popup-padding-x); border-bottom: 1px solid #526071; }
.viewer-delete-body[b-mplyvdtgca] { padding: var(--app-popup-body-space) var(--app-popup-padding-x); }
.viewer-delete-body p:last-child[b-mplyvdtgca] { margin-bottom: 0; }
.viewer-delete-confirmation .viewer-delete-actions[b-mplyvdtgca] { padding: var(--app-popup-footer-space) var(--app-popup-padding-x); border-top: 1px solid #526071; }
.viewer .viewer-delete-actions button[b-mplyvdtgca] { position: static; width: auto; height: auto; min-height: var(--app-action-height); padding: 0.25rem 0.75rem; background: #3a485b; }
.viewer .viewer-delete-actions .viewer-confirm-delete[b-mplyvdtgca] { background: #b02a37; }
.viewer .viewer-delete-actions .viewer-confirm-delete:not(:disabled):hover[b-mplyvdtgca] { background: #92232e; }
.previous-button[b-mplyvdtgca], .next-button[b-mplyvdtgca] { top: 50%; transform: translateY(-50%); font-size: 40px; }
.previous-button[b-mplyvdtgca] { left: 12px; }
.next-button[b-mplyvdtgca] { right: 12px; }
.viewer button:not(:disabled):hover[b-mplyvdtgca] { background: #3a485b; }
button:focus-visible[b-mplyvdtgca], a:focus-visible[b-mplyvdtgca] { outline: 3px solid var(--app-accent); outline-offset: 3px; }
@media (max-width: 480px) {
    .viewer figure[b-mplyvdtgca] { max-width: calc(100% - 112px); }
    .previous-button[b-mplyvdtgca] { left: 4px; }
    .next-button[b-mplyvdtgca] { right: 4px; }
}

.viewer video[b-mplyvdtgca] { width: min(960px, 100%); background: black; }
.viewer img[b-mplyvdtgca] { touch-action: pan-y pinch-zoom; }
.viewer img[b-mplyvdtgca] { cursor: zoom-in; }
.viewer.viewer-fill-screen[b-mplyvdtgca] { position: fixed; background: black; }
.viewer-fill-screen figure[b-mplyvdtgca] { width: 100%; max-width: 100%; }
.viewer-fill-screen img[b-mplyvdtgca] { width: 100%; height: 100dvh; max-height: 100dvh; cursor: zoom-out; }
.viewer-fill-screen figcaption[b-mplyvdtgca] { display: none; }
.viewer[b-mplyvdtgca] { overflow: hidden; }
.picture-slide-next[b-mplyvdtgca] { animation: picture-slide-next-b-mplyvdtgca 240ms ease-out; }
.picture-slide-previous[b-mplyvdtgca] { animation: picture-slide-previous-b-mplyvdtgca 240ms ease-out; }
@keyframes picture-slide-next-b-mplyvdtgca {
    from { transform: translateX(20%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes picture-slide-previous-b-mplyvdtgca {
    from { transform: translateX(-20%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .picture-slide-next[b-mplyvdtgca], .picture-slide-previous[b-mplyvdtgca] { animation: none; }
}
/* /Components/Pages/PictureViewer/Pages/PictureViewer.razor.rz.scp.css */
.picture-viewer-host[b-klhoze64fr] { position: absolute; inset: 0; min-width: 0; min-height: 0; isolation: isolate; background: var(--app-detail-bg, #f8f9fb); }
.picture-mobile-pane[b-klhoze64fr] { height: 100%; min-width: 0; min-height: 0; overflow: hidden; }
.picture-mobile-pane[hidden][b-klhoze64fr] { display: none; }
.picture-page[b-klhoze64fr] { height: 100%; min-height: 0; overflow: hidden; }
.picture-tree-pane[b-klhoze64fr] { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; background: var(--app-tree-bg, #eef2f6); color: var(--app-text); border-right: 1px solid var(--app-border); box-sizing: border-box; }
.picture-tree-header[b-klhoze64fr] { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 6px; padding: 8px; overflow-x: auto; border-bottom: 1px solid var(--app-border); }
.picture-tree-title[b-klhoze64fr] { display: flex; flex-shrink: 0; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; }
.picture-tree-heading[b-klhoze64fr] { font-weight: 600; }
.picture-tree-subheading[b-klhoze64fr] { font-size: .8rem; color: #666; }
.picture-bookmarks[b-klhoze64fr] { flex-shrink: 0; padding: 12px; border-bottom: 1px solid var(--app-border); }
.picture-bookmarks h2[b-klhoze64fr] { margin: 0 0 8px; font-size: .9rem; font-weight: 600; }
.picture-bookmark-error[b-klhoze64fr] { margin: 0 0 8px; font-size: .8rem; color: var(--bs-danger, #b02a37); }
.picture-bookmark-selector[b-klhoze64fr] { display: flex; align-items: center; gap: 4px; }
.picture-bookmark-dropdown[b-klhoze64fr] { flex: 1; min-width: 0; font-size: .85rem; color: var(--app-text); background-color: var(--app-detail-bg, #f8f9fb); border-color: var(--app-border); }
.picture-bookmark-dropdown:focus-visible[b-klhoze64fr] { outline: 3px solid var(--app-accent); outline-offset: 3px; }
.picture-folder-heading[b-klhoze64fr] { display: flex; align-items: center; gap: 8px; }
.picture-bookmark-toggle[b-klhoze64fr] { flex-shrink: 0; font-size: 1.4rem; }
.picture-bookmark-toggle[aria-pressed="true"][b-klhoze64fr] { color: var(--app-accent); }
.picture-tree-title-icon[b-klhoze64fr] { display: inline-flex; flex: 0 0 24px; }
.picture-tree-title-icon .pictureviewer-icon[b-klhoze64fr] { display: block; width: 24px; height: 24px; font-size: 24px; }
.picture-folder-node[b-klhoze64fr] { width: 100%; display: flex; align-items: center; gap: 6px; min-width: 0; }
.picture-folder-icon[b-klhoze64fr] { display: inline-flex; flex: 0 0 16px; }
.picture-folder-icon .pictureviewer-icon[b-klhoze64fr] { display: block; width: 16px; height: 16px; font-size: 16px; }
.picture-folder-name[b-klhoze64fr] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.picture-folder-count[b-klhoze64fr] { flex-shrink: 0; margin-left: auto; padding: 0 6px; border-radius: 8px; background: #eee; color: #555; font-size: .75rem; }
.folder-tree-empty[b-klhoze64fr] { padding: 16px; color: #666; }
.empty-state-icon .pictureviewer-icon[b-klhoze64fr] { display: block; width: 40px; height: 40px; margin: 0 auto 12px; font-size: 40px; }
.picture-gallery-pane[b-klhoze64fr] { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; box-sizing: border-box; background: var(--app-detail-bg, #f8f9fb); color: var(--app-text); }
.picture-gallery-content[b-klhoze64fr] { flex: 1; min-height: 0; overflow: auto; padding: 0 24px 24px; }
.picture-page[b-klhoze64fr]  .picture-splitter {
    min-height: 0;
    --dxbl-splitter-pane-padding-x: 0;
    --dxbl-splitter-pane-padding-y: 0;
    --dxbl-splitter-bg: var(--app-detail-bg, #f8f9fb);
}
.picture-header[b-klhoze64fr] { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 16px; padding: 24px; }
.picture-header-text[b-klhoze64fr] { min-width: 0; overflow-wrap: anywhere; }
.picture-back-button[b-klhoze64fr] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 48px; height: 48px; padding: 0; }
.picture-back-button svg[b-klhoze64fr] { display: block; flex-shrink: 0; }
.picture-header h1[b-klhoze64fr] { font-size: 1.36rem; margin: 0 0 4px; }
.picture-mobile-pane .picture-header h1[b-klhoze64fr] { font-size: 1.088rem; }
.picture-mobile-pane .picture-header-text[b-klhoze64fr] { flex: 1; }
.picture-mobile-pane .picture-folder-heading[b-klhoze64fr] { justify-content: space-between; }
.picture-mobile-pane .picture-folder-heading h1[b-klhoze64fr] { text-align: left; }
.picture-header p[b-klhoze64fr] { margin: 0; color: #666; }
.refresh-button[b-klhoze64fr] { padding: 8px 16px; border: 1px solid #bbb; border-radius: 6px; background: white; cursor: pointer; }
.empty-state[b-klhoze64fr] { padding: 48px 20px; text-align: center; background: var(--app-tree-bg, #eef2f6); border: 1px dashed var(--app-border); border-radius: 8px; }
.empty-state h2[b-klhoze64fr] { font-size: 1.2rem; }
.picture-grid[b-klhoze64fr] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--picture-thumbnail-size, 160px)), 1fr)); gap: 16px; }
.picture-card[b-klhoze64fr] { padding: 0; min-width: 0; overflow: hidden; border: 1px solid var(--app-border); border-radius: 8px; background: #fff; color: var(--app-text); cursor: pointer; text-align: left; box-shadow: 0 2px 6px rgba(23, 28, 36, .07); }
.picture-card img[b-klhoze64fr] { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.picture-card span[b-klhoze64fr] { display: block; padding: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.picture-card:hover[b-klhoze64fr] { border-color: #a8bbd0; box-shadow: 0 4px 12px rgba(23, 28, 36, .12); }
button:focus-visible[b-klhoze64fr] { outline: 3px solid var(--app-accent); outline-offset: 3px; }
@media (max-width: 480px) {
    .picture-header[b-klhoze64fr] { padding: 12px; }
    .picture-gallery-content[b-klhoze64fr] { padding: 0 12px 12px; }
    .picture-grid[b-klhoze64fr] { grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--picture-thumbnail-size, calc((100% - 10px) / 2))), 1fr)); gap: 10px; }
}

.picture-folder-toolbar[b-klhoze64fr] { display: flex; flex: 0 0 auto; flex-wrap: nowrap; align-items: center; gap: 4px; margin: 0; padding: 0; }
.picture-folder-search[b-klhoze64fr] { flex: 0 0 auto; min-width: 0; padding: 8px 12px; }
.picture-folder-search[b-klhoze64fr]  .dxbl-text-edit { width: 100%; }
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree {
    flex: 1 1 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    --dxbl-grid-bg: var(--app-tree-bg, #eef2f6);
    --dxbl-grid-selection-bg: var(--app-selection);
}
/* Tree hierarchy, arrows, and row spacing share the SBS rules in app-skin.css. */
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-data-row { min-height: 24px; }
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-table > tbody > tr,
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-table > tbody > tr > td,
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-table > tbody > tr > td *,
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-row-drag-anchor-cell {
    cursor: default !important;
}
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-focused-row > td { font-weight: 500; }
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree .dxbl-grid-header-row { display: none; }
.picture-tree-pane[b-klhoze64fr]  .picture-folder-tree table { width: 100%; }
.picture-folder-node[b-klhoze64fr] { min-height: 22px; cursor: default; }

.picture-pagination[b-klhoze64fr] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }

.picture-folder-dialog-actions[b-klhoze64fr] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }

.expanded-state-toolbar-button[b-klhoze64fr],
.tree-expansion-buttons[b-klhoze64fr] { display: flex; flex-shrink: 0; align-items: center; margin-left: auto; }
.tree-expansion-buttons[b-klhoze64fr] { gap: 4px; }
.expanded-state-toolbar-button + .tree-expansion-buttons[b-klhoze64fr] { margin-left: 0; }
@media (max-width: 700px) {
    .picture-folder-toolbar[b-klhoze64fr] { gap: 2px; }
    .picture-folder-toolbar[b-klhoze64fr]  .dxbl-btn { padding-right: 6px; padding-left: 6px; }
}

.video-badge[b-klhoze64fr] { display: block; font-size: .8rem; color: var(--app-accent); padding-top: .25rem; }

.picture-card[draggable="true"][b-klhoze64fr] { cursor: grab; }
.picture-folder-node.file-drop-target[b-klhoze64fr] { outline: 2px solid var(--app-accent); outline-offset: -2px; background: var(--app-hover-bg, #dceafa); }

.picture-mobile-header-actions .tree-expansion-buttons[b-klhoze64fr] { flex-direction: row-reverse; }

.picture-bookmark-label[b-klhoze64fr] { display: block; margin-bottom: 8px; font-size: .9rem; font-weight: 600; }
/* /Components/Shared/SingleTableTreeList/Pages/SingleTableTreeList.razor.rz.scp.css */
.program-project-tree-root[b-lzw0xzsxjc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.tree-toolbar[b-lzw0xzsxjc] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 2px 2px 4px;
}

.tree-toolbar-search[b-lzw0xzsxjc] {
    flex: 1 1 8.55rem;
    min-width: 0;
    max-width: 17.1rem;
}

.tree-toolbar-search[b-lzw0xzsxjc]  .dxbl-text-edit {
    width: 100%;
}

.expanded-state-toolbar-button[b-lzw0xzsxjc] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.tree-toolbar-end[b-lzw0xzsxjc] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.tree-expansion-buttons[b-lzw0xzsxjc] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.expanded-state-toolbar-button + .tree-expansion-buttons[b-lzw0xzsxjc],
.tree-expansion-buttons + .tree-toolbar-end[b-lzw0xzsxjc] {
    margin-left: 0;
}

.tree-host[b-lzw0xzsxjc] {
    background-color: var(--app-tree-bg, #eef2f6);
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.program-project-tree[b-lzw0xzsxjc] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.tree-node-context-target[b-lzw0xzsxjc] {
    display: block;
    width: 100%;
    min-height: 22px;
    cursor: default;
}

.program-project-tree-root .alert[b-lzw0xzsxjc] {
    flex: 0 0 auto;
    margin: 2px;
    padding: 6px 8px;
}

/* DevExpress renders these elements inside child components. */
.tree-host[b-lzw0xzsxjc]  .dxbl-grid {
    --dxbl-grid-bg: var(--app-tree-bg, #eef2f6);
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}

/* Data-row spacing and hierarchy styling are shared in app-skin.css. */
.tree-host[b-lzw0xzsxjc]  .dxbl-grid-data-row {
    min-height: 24px;
}

.tree-host[b-lzw0xzsxjc]  .dxbl-grid-table > tbody > tr,
.tree-host[b-lzw0xzsxjc]  .dxbl-grid-table > tbody > tr > td,
.tree-host[b-lzw0xzsxjc]  .dxbl-grid-table > tbody > tr > td *,
.tree-host[b-lzw0xzsxjc]  .dxbl-grid-row-drag-anchor-cell {
    cursor: default !important;
}

.tree-host[b-lzw0xzsxjc]  .dxbl-grid-focused-row > td {
    font-weight: 500;
}

.tree-host[b-lzw0xzsxjc]  .dxbl-grid-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tree-host[b-lzw0xzsxjc]  .dxbl-grid-header-row > th {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.tree-host[b-lzw0xzsxjc]  table {
    width: 100%;
}

@media (max-width: 700px) {
    .tree-toolbar[b-lzw0xzsxjc] {
        gap: 2px;
    }

    .tree-toolbar[b-lzw0xzsxjc]  .dxbl-btn {
        padding-right: 6px;
        padding-left: 6px;
    }
}
/* /Components/Shared/TreeFormatting/TreeExpandedStateEditor.razor.rz.scp.css */
.expanded-state-editor[b-1jzdet5ccu] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.expanded-state-ribbon[b-1jzdet5ccu] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 8px;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg);
}

.expanded-state-ribbon-group[b-1jzdet5ccu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.expanded-state-content[b-1jzdet5ccu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 12px;
    overflow: hidden;
    background: var(--bs-body-bg);
}

.expanded-state-message[b-1jzdet5ccu] {
    flex: 0 0 auto;
    margin-bottom: 8px;
    padding: 6px 8px;
}

.expanded-state-tree[b-1jzdet5ccu] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.expanded-state-tree[b-1jzdet5ccu]  .program-project-tree-root {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
}


@media (max-width: 640px) {
    .expanded-state-ribbon[b-1jzdet5ccu] {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .expanded-state-ribbon-group[b-1jzdet5ccu] {
        flex-wrap: wrap;
    }

    .expanded-state-content[b-1jzdet5ccu] {
        padding: 6px;
    }
}

.expanded-state-default[b-1jzdet5ccu] {
    margin-right: auto;
    flex-shrink: 0;
}
/* /Components/Shared/TreeFormatting/TreeNodeStyleEditor.razor.rz.scp.css */
.tree-style-editor[b-m788uvv5u5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 65vh;
    overflow: auto;
    scrollbar-gutter: stable;
    padding-inline-end: 20px;
    box-sizing: border-box;
}

.tree-style-editor[b-m788uvv5u5]  > * {
    flex-shrink: 0;
}