/* /Components/Layout/Bodys/DashboardsLayout.razor.rz.scp.css */
.page[b-6ua0gikn70] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-6ua0gikn70] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-6ua0gikn70] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-6ua0gikn70] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

[b-6ua0gikn70] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 6px;
    container-type: inline-size;
}

[b-6ua0gikn70] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-6ua0gikn70] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1rem;
}

[b-6ua0gikn70] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-6ua0gikn70] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-6ua0gikn70] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-6ua0gikn70] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-6ua0gikn70] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-6ua0gikn70] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-6ua0gikn70] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-6ua0gikn70] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-6ua0gikn70] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-6ua0gikn70] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-6ua0gikn70] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-6ua0gikn70] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-6ua0gikn70] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-6ua0gikn70] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-6ua0gikn70] {
    display: inline-flex;
}

.menu-button-nav[b-6ua0gikn70] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-6ua0gikn70] {
    display: flex;
    gap: 10px;
    padding: 1rem 1rem;
}

    .nav-buttons-container[b-6ua0gikn70]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-6ua0gikn70]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-6ua0gikn70] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-6ua0gikn70] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-6ua0gikn70] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-6ua0gikn70] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-6ua0gikn70] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-6ua0gikn70] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}
/* /Components/Layout/Bodys/LoginLayout.razor.rz.scp.css */
    .login-page-wrapper[b-opldw0e4wv] {
        width: 100%;
        height: 100vh;
        overflow: auto;
        margin: 0;
        padding: 0;
    }

    /* Reset body margins for login page */
    [b-opldw0e4wv] body {
        margin: 0;
        padding: 0;
    }
/* /Components/Layout/Bodys/ModulesLayout.razor.rz.scp.css */
.page[b-ywf8m3sraa] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-ywf8m3sraa] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-ywf8m3sraa] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-ywf8m3sraa] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

[b-ywf8m3sraa] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 6px;
    container-type: inline-size;
}

[b-ywf8m3sraa] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-ywf8m3sraa] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1rem;
}

[b-ywf8m3sraa] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-ywf8m3sraa] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ywf8m3sraa] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-ywf8m3sraa] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-ywf8m3sraa] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-ywf8m3sraa] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-ywf8m3sraa] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-ywf8m3sraa] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-ywf8m3sraa] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ywf8m3sraa] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ywf8m3sraa] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ywf8m3sraa] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ywf8m3sraa] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ywf8m3sraa] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-ywf8m3sraa] {
    display: inline-flex;
}

.menu-button-nav[b-ywf8m3sraa] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-ywf8m3sraa] {
    display: flex;
    gap: 10px;
    padding: 1rem 1rem;
}

    .nav-buttons-container[b-ywf8m3sraa]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-ywf8m3sraa]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-ywf8m3sraa] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-ywf8m3sraa] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-ywf8m3sraa] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-ywf8m3sraa] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-ywf8m3sraa] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-ywf8m3sraa] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}
/* /Components/Layout/Bodys/ReportsLayout.razor.rz.scp.css */
.page[b-qaviugyumj] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-qaviugyumj] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-qaviugyumj] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-qaviugyumj] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

[b-qaviugyumj] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 6px;
    container-type: inline-size;
}

[b-qaviugyumj] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-qaviugyumj] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1rem;
}

[b-qaviugyumj] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-qaviugyumj] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-qaviugyumj] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-qaviugyumj] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-qaviugyumj] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-qaviugyumj] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-qaviugyumj] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-qaviugyumj] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-qaviugyumj] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-qaviugyumj] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-qaviugyumj] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-qaviugyumj] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-qaviugyumj] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-qaviugyumj] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-qaviugyumj] {
    display: inline-flex;
}

.menu-button-nav[b-qaviugyumj] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-qaviugyumj] {
    display: flex;
    gap: 10px;
    padding: 1rem 1rem;
}

    .nav-buttons-container[b-qaviugyumj]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-qaviugyumj]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-qaviugyumj] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-qaviugyumj] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-qaviugyumj] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-qaviugyumj] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-qaviugyumj] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-qaviugyumj] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}
/* /Components/Layout/Bodys/RootLayout.razor.rz.scp.css */
.page[b-zunzmxvfno] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-zunzmxvfno] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-zunzmxvfno] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-zunzmxvfno] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

[b-zunzmxvfno] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 6px;
    container-type: inline-size;
}

[b-zunzmxvfno] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-zunzmxvfno] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1rem;
}

[b-zunzmxvfno] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-zunzmxvfno] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-zunzmxvfno] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-zunzmxvfno] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-zunzmxvfno] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-zunzmxvfno] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-zunzmxvfno] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-zunzmxvfno] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-zunzmxvfno] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-zunzmxvfno] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-zunzmxvfno] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-zunzmxvfno] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-zunzmxvfno] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-zunzmxvfno] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-zunzmxvfno] {
    display: inline-flex;
}

.menu-button-nav[b-zunzmxvfno] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-zunzmxvfno] {
    display: flex;
    gap: 10px;
    padding: 1rem 1rem;
}

    .nav-buttons-container[b-zunzmxvfno]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-zunzmxvfno]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-zunzmxvfno] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-zunzmxvfno] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-zunzmxvfno] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-zunzmxvfno] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-zunzmxvfno] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-zunzmxvfno] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}




/* Make the menu list scrollable in desktop mode */
[b-zunzmxvfno] .dxbl-menu .dxbl-menu-item-list {
    max-height: calc(100vh - 64px); /* adjust for header/footer */
    overflow-y: auto;
    scroll-behavior: smooth; /* smooth for anchor/programmatic scroll */
    -webkit-overflow-scrolling: touch; /* momentum on mobile */
}

/* Ensure the drawer content itself can scroll if needed */
[b-zunzmxvfno] .dxbl-drawer-content {
    overflow-y: auto;
    max-height: 100vh;
}

    /* Optional: style scrollbar */
    [b-zunzmxvfno] .dxbl-menu .dxbl-menu-item-list::-webkit-scrollbar,
    [b-zunzmxvfno] .dxbl-drawer-content::-webkit-scrollbar {
        width: 8px;
    }

    [b-zunzmxvfno] .dxbl-menu .dxbl-menu-item-list::-webkit-scrollbar-thumb,
    [b-zunzmxvfno] .dxbl-drawer-content::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 4px;
    }

        [b-zunzmxvfno] .dxbl-menu .dxbl-menu-item-list::-webkit-scrollbar-thumb:hover,
        [b-zunzmxvfno] .dxbl-drawer-content::-webkit-scrollbar-thumb:hover {
            background-color: #666;
        }
/* /Components/Layout/Bodys/ToolsLayout.razor.rz.scp.css */
.page[b-gx7i5iwoq9] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-gx7i5iwoq9] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-gx7i5iwoq9] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-gx7i5iwoq9] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

[b-gx7i5iwoq9] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 6px;
    container-type: inline-size;
}

[b-gx7i5iwoq9] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-gx7i5iwoq9] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1rem;
}

[b-gx7i5iwoq9] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-gx7i5iwoq9] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-gx7i5iwoq9] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-gx7i5iwoq9] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-gx7i5iwoq9] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-gx7i5iwoq9] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-gx7i5iwoq9] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-gx7i5iwoq9] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-gx7i5iwoq9] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-gx7i5iwoq9] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-gx7i5iwoq9] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-gx7i5iwoq9] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-gx7i5iwoq9] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-gx7i5iwoq9] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-gx7i5iwoq9] {
    display: inline-flex;
}

.menu-button-nav[b-gx7i5iwoq9] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-gx7i5iwoq9] {
    display: flex;
    gap: 10px;
    padding: 1rem 1rem;
}

    .nav-buttons-container[b-gx7i5iwoq9]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-gx7i5iwoq9]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-gx7i5iwoq9] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-gx7i5iwoq9] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-gx7i5iwoq9] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-gx7i5iwoq9] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-gx7i5iwoq9] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-gx7i5iwoq9] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}




/* Make the menu list scrollable in desktop mode */
[b-gx7i5iwoq9] .dxbl-menu .dxbl-menu-item-list {
    max-height: calc(100vh - 64px); /* adjust for header/footer */
    overflow-y: auto;
    scroll-behavior: smooth; /* smooth for anchor/programmatic scroll */
    -webkit-overflow-scrolling: touch; /* momentum on mobile */
}

/* Ensure the drawer content itself can scroll if needed */
[b-gx7i5iwoq9] .dxbl-drawer-content {
    overflow-y: auto;
    max-height: 100vh;
}

    /* Optional: style scrollbar */
    [b-gx7i5iwoq9] .dxbl-menu .dxbl-menu-item-list::-webkit-scrollbar,
    [b-gx7i5iwoq9] .dxbl-drawer-content::-webkit-scrollbar {
        width: 8px;
    }

    [b-gx7i5iwoq9] .dxbl-menu .dxbl-menu-item-list::-webkit-scrollbar-thumb,
    [b-gx7i5iwoq9] .dxbl-drawer-content::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 4px;
    }

        [b-gx7i5iwoq9] .dxbl-menu .dxbl-menu-item-list::-webkit-scrollbar-thumb:hover,
        [b-gx7i5iwoq9] .dxbl-drawer-content::-webkit-scrollbar-thumb:hover {
            background-color: #666;
        }

/* --- Extracted from inline <style> block --- */
[b-gx7i5iwoq9] html, [b-gx7i5iwoq9] body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #e9ecef;
}

.tools-page[b-gx7i5iwoq9] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
[b-yn501o3ccy] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: 100vh;
    max-height: 100%;
}

[b-yn501o3ccy] .panel-open:not(.mobile) .menu-button {
    display: none;
}

[b-yn501o3ccy] .panel-shrink-closed .dxbl-drawer-panel {
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden;
}

@media (max-width: 768px) {
    [b-yn501o3ccy] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-yn501o3ccy] {
        display: none;
        visibility: hidden;
    }

    [b-yn501o3ccy] .shading-copy {
        background-color: var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-yn501o3ccy] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}
/* /Components/Layout/DrawerFooterToolbar.razor.rz.scp.css */
.drawer-footer-ctx[b-90pvzkolzm] {
    width: 100%;
    padding: 0 1rem;
}

.footer-info[b-90pvzkolzm] {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.6rem;
}

.footer-row[b-90pvzkolzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.footer-row i[b-90pvzkolzm] {
    flex-shrink: 0;
    width: 14px;
    text-align: center;
    font-size: 11px;
}

.footer-row span[b-90pvzkolzm] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-tenant[b-90pvzkolzm] {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    font-weight: 600;
}

.footer-le[b-90pvzkolzm] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    font-weight: 400;
}

.footer-links[b-90pvzkolzm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-link[b-90pvzkolzm] {
    color: rgba(255, 255, 255, 0.55);
    font-size: 11px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.15s;
}

.footer-link:hover[b-90pvzkolzm] {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.footer-tenant-link[b-90pvzkolzm] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    transition: color 0.15s, border-color 0.15s;
}

.footer-tenant-link:hover[b-90pvzkolzm] {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

.footer-dot[b-90pvzkolzm] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}
/* /Components/Layout/Menus/NavDashboards.razor.rz.scp.css */
.nav-sidebar[b-g235ts4hg2] {
    width: 100%;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-g235ts4hg2] {
    text-align: center;
}

.menu-item[b-g235ts4hg2] {
    color: var(--bs-white);
}

.menu-modules-children .menu-modules-child[b-g235ts4hg2] {
    position: relative;
    overflow: hidden;
    transition: background-color 0.22s ease,
                color 0.22s ease,
                padding-left 0.22s ease,
                transform 0.18s ease;
}

.menu-modules-children .menu-modules-child[b-g235ts4hg2]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ffc107;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.22s ease, opacity 0.22s ease;
    opacity: 0;
}

.menu-modules-children .menu-modules-child.active[b-g235ts4hg2] {
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--bs-white) !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: none !important;
}

.menu-modules-children .menu-modules-child.active[b-g235ts4hg2]::before {
    transform: scaleY(1);
    opacity: 1;
    animation: vb-nav-accent-pulse-b-g235ts4hg2 2.4s ease-in-out infinite;
}

@keyframes vb-nav-accent-pulse-b-g235ts4hg2 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
    50%      { box-shadow: 0 0 6px 1px rgba(255, 193, 7, 0.55); }
}

.menu-modules-children .menu-modules-child.active i[b-g235ts4hg2],
.menu-modules-children .menu-modules-child.active span[b-g235ts4hg2] {
    color: var(--bs-white) !important;
}

.menu-modules-children .menu-modules-child.active i[b-g235ts4hg2] {
    font-weight: 900;
}

.menu-modules-children .menu-modules-child:hover:not(.active)[b-g235ts4hg2] {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: var(--bs-white) !important;
}

.menu-modules-children .menu-modules-child:hover:not(.active)[b-g235ts4hg2]::before {
    transform: scaleY(0.6);
    opacity: 0.55;
    background: rgba(255, 255, 255, 0.7);
}

.menu-modules-children .menu-modules-child:active:not(.active)[b-g235ts4hg2] {
    transform: scale(0.985);
}

.icon[b-g235ts4hg2] {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

.home-icon[b-g235ts4hg2] {
    background-image: url("images/home.svg");
}

.weather-icon[b-g235ts4hg2] {
    background-image: url("images/weather.svg");
}

.counter-icon[b-g235ts4hg2] {
    background-image: url("images/counter.svg");
}

.settings-icon[b-g235ts4hg2] {
    background-image: url("images/account/settings.svg");
}

.log-in-icon[b-g235ts4hg2] {
    background-image: url("images/account/log-in.svg");
}

.log-out-icon[b-g235ts4hg2] {
    background-image: url("images/account/log-out.svg");
}

.user-icon[b-g235ts4hg2] {
    background-image: url("images/account/user.svg");
}


/* ── Drag-and-drop (programmer mode) ── */

.vb-drag-handle[b-g235ts4hg2] {
    opacity: 0.3;
    font-size: 0.7rem;
    cursor: grab;
    flex-shrink: 0;
    margin-inline-end: 0.15rem;
    transition: opacity 0.15s ease;
}

.vb-draggable-item:hover .vb-drag-handle[b-g235ts4hg2] {
    opacity: 0.75;
}

.vb-draggable-item[b-g235ts4hg2] {
    display: flex;
    align-items: center;
    transition: opacity 0.18s ease,
                background-color 0.18s ease,
                box-shadow 0.18s ease;
}

.vb-dragging[b-g235ts4hg2] {
    opacity: 0.35 !important;
    background-color: rgba(255, 193, 7, 0.08) !important;
}

.vb-drop-group.vb-drag-over[b-g235ts4hg2] {
    background-color: rgba(255, 193, 7, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, 0.5);
    border-radius: 4px;
}

.vb-drag-over-above[b-g235ts4hg2] {
    box-shadow: inset 0 2px 0 0 #ffc107 !important;
}

.vb-drag-over-below[b-g235ts4hg2] {
    box-shadow: inset 0 -2px 0 0 #ffc107 !important;
}

.vb-draggable-group[b-g235ts4hg2] {
    display: flex;
    align-items: center;
    transition: opacity 0.18s ease,
                background-color 0.18s ease,
                box-shadow 0.18s ease;
}

.vb-draggable-group.vb-dragging[b-g235ts4hg2] {
    opacity: 0.35 !important;
    background-color: rgba(255, 193, 7, 0.08) !important;
}

.vb-draggable-group.vb-drag-over-above[b-g235ts4hg2] {
    box-shadow: inset 0 2px 0 0 #17a2b8 !important;
}

.vb-draggable-group.vb-drag-over-below[b-g235ts4hg2] {
    box-shadow: inset 0 -2px 0 0 #17a2b8 !important;
}

@media (max-width: 768px) {
    .nav-sidebar[b-g235ts4hg2] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-g235ts4hg2] {
        text-align: inherit;
    }
}
/* /Components/Layout/Menus/NavModules.razor.rz.scp.css */
.nav-sidebar[b-fovjarbd04] {
    width: 100%;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-fovjarbd04] {
    text-align: center;
}

.menu-item[b-fovjarbd04] {
    color: var(--bs-white);
}

.menu-modules-children .menu-modules-child[b-fovjarbd04] {
    position: relative;
    overflow: hidden;
    transition: background-color 0.22s ease,
                color 0.22s ease,
                padding-left 0.22s ease,
                transform 0.18s ease;
}

.menu-modules-children .menu-modules-child[b-fovjarbd04]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ffc107;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.22s ease, opacity 0.22s ease;
    opacity: 0;
}

.menu-modules-children .menu-modules-child.active[b-fovjarbd04] {
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--bs-white) !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: none !important;
}

.menu-modules-children .menu-modules-child.active[b-fovjarbd04]::before {
    transform: scaleY(1);
    opacity: 1;
    animation: vb-nav-accent-pulse-b-fovjarbd04 2.4s ease-in-out infinite;
}

@keyframes vb-nav-accent-pulse-b-fovjarbd04 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
    50%      { box-shadow: 0 0 6px 1px rgba(255, 193, 7, 0.55); }
}

.menu-modules-children .menu-modules-child.active i[b-fovjarbd04],
.menu-modules-children .menu-modules-child.active span[b-fovjarbd04] {
    color: var(--bs-white) !important;
}

.menu-modules-children .menu-modules-child.active i[b-fovjarbd04] {
    font-weight: 900;
}

.menu-modules-children .menu-modules-child:hover:not(.active)[b-fovjarbd04] {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: var(--bs-white) !important;
}

.menu-modules-children .menu-modules-child:hover:not(.active)[b-fovjarbd04]::before {
    transform: scaleY(0.6);
    opacity: 0.55;
    background: rgba(255, 255, 255, 0.7);
}

.menu-modules-children .menu-modules-child:active:not(.active)[b-fovjarbd04] {
    transform: scale(0.985);
}

.icon[b-fovjarbd04] {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

.home-icon[b-fovjarbd04] {
    background-image: url("images/home.svg");
}

.weather-icon[b-fovjarbd04] {
    background-image: url("images/weather.svg");
}

.counter-icon[b-fovjarbd04] {
    background-image: url("images/counter.svg");
}

.settings-icon[b-fovjarbd04] {
    background-image: url("images/account/settings.svg");
}

.log-in-icon[b-fovjarbd04] {
    background-image: url("images/account/log-in.svg");
}

.log-out-icon[b-fovjarbd04] {
    background-image: url("images/account/log-out.svg");
}

.user-icon[b-fovjarbd04] {
    background-image: url("images/account/user.svg");
}


/* ── Drag-and-drop (programmer mode) ── */

.vb-drag-handle[b-fovjarbd04] {
    opacity: 0.3;
    font-size: 0.7rem;
    cursor: grab;
    flex-shrink: 0;
    margin-inline-end: 0.15rem;
    transition: opacity 0.15s ease;
}

.vb-draggable-item:hover .vb-drag-handle[b-fovjarbd04] {
    opacity: 0.75;
}

.vb-draggable-item[b-fovjarbd04] {
    display: flex;
    align-items: center;
    transition: opacity 0.18s ease,
                background-color 0.18s ease,
                box-shadow 0.18s ease;
}

.vb-dragging[b-fovjarbd04] {
    opacity: 0.35 !important;
    background-color: rgba(255, 193, 7, 0.08) !important;
}

.vb-drop-group.vb-drag-over[b-fovjarbd04] {
    background-color: rgba(255, 193, 7, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, 0.5);
    border-radius: 4px;
}

.vb-drag-over-above[b-fovjarbd04] {
    box-shadow: inset 0 2px 0 0 #ffc107 !important;
}

.vb-drag-over-below[b-fovjarbd04] {
    box-shadow: inset 0 -2px 0 0 #ffc107 !important;
}

.vb-draggable-group[b-fovjarbd04] {
    display: flex;
    align-items: center;
    transition: opacity 0.18s ease,
                background-color 0.18s ease,
                box-shadow 0.18s ease;
}

.vb-draggable-group.vb-dragging[b-fovjarbd04] {
    opacity: 0.35 !important;
    background-color: rgba(255, 193, 7, 0.08) !important;
}

.vb-draggable-group.vb-drag-over-above[b-fovjarbd04] {
    box-shadow: inset 0 2px 0 0 #17a2b8 !important;
}

.vb-draggable-group.vb-drag-over-below[b-fovjarbd04] {
    box-shadow: inset 0 -2px 0 0 #17a2b8 !important;
}

@media (max-width: 768px) {
    .nav-sidebar[b-fovjarbd04] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-fovjarbd04] {
        text-align: inherit;
    }
}
/* /Components/Layout/Menus/NavReports.razor.rz.scp.css */
.nav-sidebar[b-fyff73nm2j] {
    width: 100%;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-fyff73nm2j] {
    text-align: center;
}

.menu-item[b-fyff73nm2j] {
    color: var(--bs-white);
}

.menu-modules-children .menu-modules-child[b-fyff73nm2j] {
    position: relative;
    overflow: hidden;
    transition: background-color 0.22s ease,
                color 0.22s ease,
                padding-left 0.22s ease,
                transform 0.18s ease;
}

.menu-modules-children .menu-modules-child[b-fyff73nm2j]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ffc107;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.22s ease, opacity 0.22s ease;
    opacity: 0;
}

.menu-modules-children .menu-modules-child.active[b-fyff73nm2j] {
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--bs-white) !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: none !important;
}

.menu-modules-children .menu-modules-child.active[b-fyff73nm2j]::before {
    transform: scaleY(1);
    opacity: 1;
    animation: vb-nav-accent-pulse-b-fyff73nm2j 2.4s ease-in-out infinite;
}

@keyframes vb-nav-accent-pulse-b-fyff73nm2j {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
    50%      { box-shadow: 0 0 6px 1px rgba(255, 193, 7, 0.55); }
}

.menu-modules-children .menu-modules-child.active i[b-fyff73nm2j],
.menu-modules-children .menu-modules-child.active span[b-fyff73nm2j] {
    color: var(--bs-white) !important;
}

.menu-modules-children .menu-modules-child.active i[b-fyff73nm2j] {
    font-weight: 900;
}

.menu-modules-children .menu-modules-child:hover:not(.active)[b-fyff73nm2j] {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: var(--bs-white) !important;
}

.menu-modules-children .menu-modules-child:hover:not(.active)[b-fyff73nm2j]::before {
    transform: scaleY(0.6);
    opacity: 0.55;
    background: rgba(255, 255, 255, 0.7);
}

.menu-modules-children .menu-modules-child:active:not(.active)[b-fyff73nm2j] {
    transform: scale(0.985);
}

.icon[b-fyff73nm2j] {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

.home-icon[b-fyff73nm2j] {
    background-image: url("images/home.svg");
}

.weather-icon[b-fyff73nm2j] {
    background-image: url("images/weather.svg");
}

.counter-icon[b-fyff73nm2j] {
    background-image: url("images/counter.svg");
}

.settings-icon[b-fyff73nm2j] {
    background-image: url("images/account/settings.svg");
}

.log-in-icon[b-fyff73nm2j] {
    background-image: url("images/account/log-in.svg");
}

.log-out-icon[b-fyff73nm2j] {
    background-image: url("images/account/log-out.svg");
}

.user-icon[b-fyff73nm2j] {
    background-image: url("images/account/user.svg");
}


/* ── Drag-and-drop (programmer mode) ── */

.vb-drag-handle[b-fyff73nm2j] {
    opacity: 0.3;
    font-size: 0.7rem;
    cursor: grab;
    flex-shrink: 0;
    margin-inline-end: 0.15rem;
    transition: opacity 0.15s ease;
}

.vb-draggable-item:hover .vb-drag-handle[b-fyff73nm2j] {
    opacity: 0.75;
}

.vb-draggable-item[b-fyff73nm2j] {
    display: flex;
    align-items: center;
    transition: opacity 0.18s ease,
                background-color 0.18s ease,
                box-shadow 0.18s ease;
}

.vb-dragging[b-fyff73nm2j] {
    opacity: 0.35 !important;
    background-color: rgba(255, 193, 7, 0.08) !important;
}

.vb-drop-group.vb-drag-over[b-fyff73nm2j] {
    background-color: rgba(255, 193, 7, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, 0.5);
    border-radius: 4px;
}

.vb-drag-over-above[b-fyff73nm2j] {
    box-shadow: inset 0 2px 0 0 #ffc107 !important;
}

.vb-drag-over-below[b-fyff73nm2j] {
    box-shadow: inset 0 -2px 0 0 #ffc107 !important;
}

.vb-draggable-group[b-fyff73nm2j] {
    display: flex;
    align-items: center;
    transition: opacity 0.18s ease,
                background-color 0.18s ease,
                box-shadow 0.18s ease;
}

.vb-draggable-group.vb-dragging[b-fyff73nm2j] {
    opacity: 0.35 !important;
    background-color: rgba(255, 193, 7, 0.08) !important;
}

.vb-draggable-group.vb-drag-over-above[b-fyff73nm2j] {
    box-shadow: inset 0 2px 0 0 #17a2b8 !important;
}

.vb-draggable-group.vb-drag-over-below[b-fyff73nm2j] {
    box-shadow: inset 0 -2px 0 0 #17a2b8 !important;
}

@media (max-width: 768px) {
    .nav-sidebar[b-fyff73nm2j] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-fyff73nm2j] {
        text-align: inherit;
    }
}
/* /Components/Layout/Menus/NavRoot.razor.rz.scp.css */
#sidebar[b-tnb6g94sbv] {
    width: 100%;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-tnb6g94sbv] {
    text-align: center;
}

[b-tnb6g94sbv] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-tnb6g94sbv] .menu.display-iam {
    margin-bottom: 2rem;
}

[b-tnb6g94sbv] .menu {
    background-color: inherit;
}

    [b-tnb6g94sbv] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-tnb6g94sbv] .menu-item {
    color: var(--bs-white);
}

[b-tnb6g94sbv] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-inline-start: 0.5rem;
}

[b-tnb6g94sbv] .home-icon {
    background-image: url("images/home.svg");
}

[b-tnb6g94sbv] .weather-icon {
    background-image: url("images/weather.svg");
}

[b-tnb6g94sbv] .counter-icon {
    background-image: url("images/counter.svg");
}

[b-tnb6g94sbv] .settings-icon {
    background-image: url("images/account/settings.svg");
}

[b-tnb6g94sbv] .log-in-icon {
    background-image: url("images/account/log-in.svg");
}

[b-tnb6g94sbv] .log-out-icon {
    background-image: url("images/account/log-out.svg");
}

[b-tnb6g94sbv] .user-icon {
    background-image: url("images/account/user.svg");
}

[b-tnb6g94sbv] .nav-root-search-bar {
    padding: 0.25rem 0.75rem 0.4rem;
}

@media (max-width: 768px) {
    #sidebar[b-tnb6g94sbv] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-tnb6g94sbv] {
        text-align: inherit;
    }
}
/* /Components/Pages/AIChatPage.razor.rz.scp.css */
.vb-aichat-host[b-zbuxl0u27e] {
    position: relative;
    width: 100%;
    height: calc(100vh - 96px);
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
}

.vb-aichat-loading[b-zbuxl0u27e] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--bs-body-bg, #fff);
}

/* /Components/Pages/ApprovalsInbox.razor.rz.scp.css */
    .vb-inbox[b-yl9mvvxzfy] { padding: 1.25rem 1.5rem; }
    .vb-inbox-head[b-yl9mvvxzfy] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; }
    .vb-inbox-title[b-yl9mvvxzfy] { margin: 0; font-weight: 700; }
    .vb-inbox-count[b-yl9mvvxzfy] {
        display: inline-block; min-width: 28px; padding: 2px 10px; margin-inline-start: 8px;
        border-radius: 999px; background: #e0f2fe; color: #0369a1; font-size: 12px; font-weight: 700; vertical-align: middle;
    }
    /* Toolbar -- same chrome rules as Rendering's DynamicGridComponent toolbar */
    .vb-inbox-toolbar[b-yl9mvvxzfy] {
        display: flex; gap: 4px; align-items: center; flex-wrap: wrap;
        padding: 8px 10px; margin-bottom: 10px;
        background: #fff; border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,.05);
    }
    .vb-toolbar-btn[b-yl9mvvxzfy] { padding: 4px 10px; }
    .vb-tb-icon[b-yl9mvvxzfy] { margin-inline-end: 4px; color: #6c757d; }
    .vb-toolbar-hint[b-yl9mvvxzfy] { color: #94a3b8; font-size: 12px; margin-inline-start: 8px; }
    .vb-inbox-search[b-yl9mvvxzfy] { max-width: 220px; flex-shrink: 0; }
    .vb-inbox-search--active[b-yl9mvvxzfy] { box-shadow: 0 0 0 2px rgba(13,110,253,.15); border-radius: 6px; }
    .vb-filter-toggle-btn[b-yl9mvvxzfy] { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; }
    .vb-search-count[b-yl9mvvxzfy] { font-size: 11px; vertical-align: middle; }
    /* DevExpress button skin overrides -- without these the button text reads as
       blank/white because the default Light render style on bs5 themes drops the
       text color. NOTE: ::deep does NOT work inside an inline style element (it
       is only honored in .razor.css scoped files), so these selectors are
       written global. Mirrors VisualBase.Core.Rendering DynamicGridComponent.razor.css. */
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn {
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #334155 !important;
        font-weight: 500 !important;
    }
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn .vb-tb-icon,
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn .dxbl-btn-icon,
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn .dxbl-image {
        color: #6c757d !important;
        font-size: 0.95rem !important;
    }
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn:hover,
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn:focus-visible {
        background: rgba(13,110,253,.08) !important;
        border-color: rgba(13,110,253,.18) !important;
        color: #0d6efd !important;
    }
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn:hover .vb-tb-icon,
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn:focus-visible .vb-tb-icon {
        color: #0d6efd !important;
    }
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn[disabled],
    [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn.dxbl-disabled {
        opacity: 0.45 !important;
        background: transparent !important;
        border-color: transparent !important;
    }
    .vb-inbox-loading[b-yl9mvvxzfy] { padding: 3rem; text-align: center; }
    .vb-inbox-empty[b-yl9mvvxzfy] { padding: 3rem; text-align: center; color: #64748b; }
    .vb-inbox-empty i[b-yl9mvvxzfy] { font-size: 64px; color: #10b981; margin-bottom: 1rem; }
    [b-yl9mvvxzfy] .vb-inbox-grid { background: #fff; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.06); }
    /* Reference column: audit note on top, record title (from frwObjects.Title)
       muted underneath — the legacy "…. Ref<title>" pairing, stacked for readability. */
    [b-yl9mvvxzfy] .vb-inbox-ref-text { display: block; white-space: normal; word-break: break-word; }
    [b-yl9mvvxzfy] .vb-inbox-ref-title { display: block; margin-top: 2px; color: #64748b; font-size: 11px; white-space: normal; word-break: break-word; }
    .vb-inbox-decision-row[b-yl9mvvxzfy] { display: flex; gap: 6px; white-space: nowrap; }
    [b-yl9mvvxzfy] .vb-inbox-decision-row .vb-decision-btn { font-weight: 600; white-space: nowrap; }
    [b-yl9mvvxzfy] .vb-inbox-decision-row .vb-decision-btn .dxbl-btn-caption { white-space: nowrap !important; }
    .vb-status[b-yl9mvvxzfy] { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; }
    .vb-status.waiting[b-yl9mvvxzfy]    { background: #fef3c7; color: #92400e; }
    .vb-status.consulting[b-yl9mvvxzfy] { background: #dbeafe; color: #1e40af; }
    .vb-status.approved[b-yl9mvvxzfy]   { background: #d1fae5; color: #065f46; }
    .vb-status.rejected[b-yl9mvvxzfy]   { background: #fee2e2; color: #991b1b; }
    .vb-status-stage[b-yl9mvvxzfy] { font-weight: 500; opacity: .7; font-size: 10px; margin-inline-start: 2px; }
    .vb-status-stage[b-yl9mvvxzfy]::before { content: "·"; margin-inline-end: 3px; font-weight: 700; opacity: .5; }
    .vb-decision[b-yl9mvvxzfy] { display: flex; flex-direction: column; gap: 8px; padding: 10px 4px; }
    .vb-decision-record[b-yl9mvvxzfy] { margin: 0 0 4px; }
    .vb-decision-actions[b-yl9mvvxzfy] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
    .vb-sig-wrap[b-yl9mvvxzfy] { position: relative; }
    .vb-sig-canvas[b-yl9mvvxzfy] {
        width: 100%; height: 160px;
        background: #fff;
        border: 1px dashed #cbd5e1; border-radius: 8px;
        cursor: crosshair; touch-action: none;
        box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
    }
    .vb-sig-clear[b-yl9mvvxzfy] {
        position: absolute; top: 6px; right: 6px;
        background: #fff; border: 1px solid #e2e8f0; border-radius: 6px;
        width: 30px; height: 30px; cursor: pointer; color: #64748b;
        display: inline-flex; align-items: center; justify-content: center;
    }
    .vb-sig-clear:hover[b-yl9mvvxzfy] { background: #fee2e2; color: #b91c1c; border-color: #fecaca; }
    [dir="rtl"] .vb-sig-clear[b-yl9mvvxzfy] { right: auto; left: 6px; }

    .vb-consult[b-yl9mvvxzfy] { display: flex; flex-direction: column; gap: 10px; padding: 4px; }
    [b-yl9mvvxzfy] .vb-consult-grid { background: #fff; border-radius: 8px; }
    .vb-consult-form[b-yl9mvvxzfy] { display: flex; flex-direction: column; gap: 8px; }
    .vb-consult-actions[b-yl9mvvxzfy] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }

    .vb-discuss[b-yl9mvvxzfy] { display: flex; flex-direction: column; gap: 8px; padding: 4px; height: 100%; }
    .vb-discuss-list[b-yl9mvvxzfy] { flex: 1; overflow-y: auto; max-height: 380px; padding-right: 4px; }
    .vb-discuss-item[b-yl9mvvxzfy] { padding: 8px 10px; border-left: 3px solid #6366f1; background: #f8fafc; border-radius: 6px; margin-bottom: 6px; }
    .vb-discuss-meta[b-yl9mvvxzfy] { display: flex; justify-content: space-between; margin-bottom: 4px; }
    .vb-discuss-text[b-yl9mvvxzfy] { white-space: pre-wrap; color: #334155; }
    .vb-discuss-actions[b-yl9mvvxzfy] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }

    .vb-history[b-yl9mvvxzfy] { display: flex; flex-direction: column; gap: 10px; padding: 4px; height: 100%; }
    .vb-history-card[b-yl9mvvxzfy] {
        padding: 12px 14px; border-radius: 8px; background: #f8fafc;
        border-left: 3px solid #6366f1;
    }
    .vb-history-head[b-yl9mvvxzfy] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
    .vb-history-user[b-yl9mvvxzfy] { font-weight: 600; color: #1e293b; }
    .vb-history-stage[b-yl9mvvxzfy] { font-size: 12px; color: #64748b; } /* legacy — kept for safety */
    .vb-history-comment[b-yl9mvvxzfy] { white-space: pre-wrap; color: #475569; margin-top: 4px; font-size: 13px; }
    .vb-history-sig[b-yl9mvvxzfy] { margin-top: 8px; }
    .vb-history-sig img[b-yl9mvvxzfy] {
        max-width: 320px; max-height: 120px;
        background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 4px;
    }
    .vb-history-actions[b-yl9mvvxzfy] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }

    /* ── Mobile Card View ── */
    .vb-inbox-cards[b-yl9mvvxzfy] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .vb-inbox-card[b-yl9mvvxzfy] {
        background: var(--bs-body-bg, #fff);
        border: 1px solid var(--bs-border-color, #e2e8f0);
        border-radius: 12px;
        padding: 14px;
        box-shadow: 0 2px 8px rgba(0,0,0,.05);
        cursor: pointer;
        transition: border-color 0.15s, box-shadow 0.15s;
    }

    .vb-inbox-card:active[b-yl9mvvxzfy],
    .vb-inbox-card--selected[b-yl9mvvxzfy] {
        border-color: rgba(13,110,253,.4);
        box-shadow: 0 0 0 2px rgba(13,110,253,.12), 0 2px 8px rgba(0,0,0,.05);
    }

    .vb-inbox-card-header[b-yl9mvvxzfy] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 8px;
    }

    .vb-inbox-card-title[b-yl9mvvxzfy] {
        flex: 1;
        min-width: 0;
    }

    .vb-inbox-card-name[b-yl9mvvxzfy] {
        font-size: 15px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vb-inbox-card-ref[b-yl9mvvxzfy] {
        font-size: 12px;
        color: var(--bs-primary, #0d6efd);
        font-weight: 600;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vb-inbox-card-header-right[b-yl9mvvxzfy] {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
    }

    .vb-inbox-card-view[b-yl9mvvxzfy] {
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 13px;
    }

    .vb-inbox-card-meta[b-yl9mvvxzfy] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 14px;
        font-size: 12px;
        color: #64748b;
        margin-bottom: 8px;
    }

    .vb-inbox-card-meta i[b-yl9mvvxzfy] {
        margin-inline-end: 4px;
        opacity: 0.6;
    }

    .vb-inbox-card-remarks[b-yl9mvvxzfy] {
        font-size: 12px;
        color: #475569;
        margin-bottom: 10px;
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 40px;
    }

    .vb-inbox-card-actions[b-yl9mvvxzfy] {
        display: flex;
        gap: 8px;
        padding-top: 10px;
        border-top: 1px solid var(--bs-border-color, #e2e8f0);
    }

    .vb-inbox-card-actions .btn[b-yl9mvvxzfy] {
        font-weight: 600;
        font-size: 13px;
        padding: 8px;
    }

    @media (max-width: 767.98px) {
        .vb-inbox[b-yl9mvvxzfy] { padding: 0.75rem 0.5rem; }
        .vb-inbox-title[b-yl9mvvxzfy] { font-size: 1.1rem; }
        .vb-inbox-search[b-yl9mvvxzfy] { max-width: 140px; }

        .vb-inbox-toolbar[b-yl9mvvxzfy] {
            gap: 2px;
            padding: 6px;
            overflow-x: auto;
            flex-wrap: nowrap;
        }
        [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn .dxbl-btn-caption { display: none !important; }
        [b-yl9mvvxzfy] .vb-inbox-toolbar .vb-toolbar-btn.dxbl-btn { padding: 6px 10px !important; min-width: 36px; }
        .vb-toolbar-hint[b-yl9mvvxzfy] { display: none; }
    }
/* /Components/Pages/RAGFileManager.razor.rz.scp.css */
/* ═══ Layout ═══ */
.rag-layout[b-tywhkhybxd] {
    display: flex;
    height: calc(100vh - 56px);
    overflow: hidden;
}

/* ═══ Sidebar ═══ */
.rag-sidebar[b-tywhkhybxd] {
    width: 240px;
    min-width: 200px;
    border-right: 1px solid color-mix(in srgb, currentColor 12%, transparent);
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 96%, var(--bs-body-color, #000));
    overflow-y: auto;
    padding: 12px 0;
    flex-shrink: 0;
}

.sidebar-section[b-tywhkhybxd] {
    padding: 0 8px;
}

.sidebar-label[b-tywhkhybxd] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: color-mix(in srgb, currentColor 50%, transparent);
    padding: 10px 12px 4px;
}

.sidebar-item[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82rem;
    transition: background 0.15s;
    user-select: none;
}

.sidebar-item:hover[b-tywhkhybxd] {
    background: rgba(255, 255, 255, 0.08);
}

.sidebar-item.active[b-tywhkhybxd] {
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 18%, transparent);
    font-weight: 600;
}

.sidebar-icon[b-tywhkhybxd] {
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.sidebar-name[b-tywhkhybxd] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-count[b-tywhkhybxd] {
    font-size: 0.7rem;
    min-width: 20px;
    text-align: center;
    padding: 1px 6px;
    border-radius: 10px;
    background: color-mix(in srgb, currentColor 10%, transparent);
    color: color-mix(in srgb, currentColor 70%, transparent);
    flex-shrink: 0;
}

.sidebar-divider[b-tywhkhybxd] {
    height: 1px;
    margin: 8px 16px;
    background: color-mix(in srgb, currentColor 8%, transparent);
}

.drop-target[b-tywhkhybxd] {
    transition: outline 0.15s, background 0.15s;
}

.drop-target:hover[b-tywhkhybxd] {
    outline: 2px dashed color-mix(in srgb, var(--bs-primary, #0d6efd) 50%, transparent);
    outline-offset: -2px;
}

/* Folder actions (rename / delete) */
.folder-actions[b-tywhkhybxd] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s;
}

.sidebar-item:hover .folder-actions[b-tywhkhybxd] {
    opacity: 1;
}

.folder-action-btn[b-tywhkhybxd] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.7rem;
    padding: 1px 3px;
    border-radius: 3px;
    line-height: 1;
    color: inherit;
    opacity: 0.6;
}

.folder-action-btn:hover[b-tywhkhybxd] {
    background: color-mix(in srgb, currentColor 12%, transparent);
    opacity: 1;
}

.folder-action-del:hover[b-tywhkhybxd] {
    color: #dc3545;
}

/* Module folder hierarchy */
.sidebar-parent[b-tywhkhybxd] {
    font-weight: 600;
}

.sidebar-child[b-tywhkhybxd] {
    padding-left: 28px;
    font-size: 0.78rem;
}

/* ═══ Main content ═══ */
.rag-main[b-tywhkhybxd] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Breadcrumb */
.rag-breadcrumb[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: color-mix(in srgb, currentColor 55%, transparent);
}

.breadcrumb-link[b-tywhkhybxd] {
    cursor: pointer;
    text-decoration: underline;
}

.breadcrumb-link:hover[b-tywhkhybxd] {
    color: var(--bs-primary, #0d6efd);
}

.breadcrumb-sep[b-tywhkhybxd] {
    font-weight: bold;
}

.breadcrumb-active[b-tywhkhybxd] {
    font-weight: 600;
    color: inherit;
}

/* Toolbar */
.rag-toolbar[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rag-search[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: 6px;
    min-width: 200px;
    flex: 0 1 280px;
}

.rag-search input[b-tywhkhybxd] {
    border: none;
    outline: none;
    background: transparent;
    color: inherit;
    font-size: 0.82rem;
    width: 100%;
}

/* Processing bar */
.rag-processing-bar[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--bs-info, #0dcaf0) 10%, transparent);
    font-size: 0.82rem;
}

.progress-bar-mini[b-tywhkhybxd] {
    height: 6px;
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 3px;
    overflow: hidden;
    flex: 1;
    min-width: 60px;
}

.progress-bar-fill[b-tywhkhybxd] {
    height: 100%;
    background: var(--bs-primary, #0d6efd);
    border-radius: 3px;
    transition: width 0.3s;
}

/* ═══ Grid cells ═══ */
.file-cell[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: grab;
}

.draggable-file[b-tywhkhybxd] {
    cursor: grab;
}

.draggable-file:active[b-tywhkhybxd] {
    cursor: grabbing;
}

.file-cell[draggable="false"][b-tywhkhybxd] {
    cursor: default;
}

.file-name-text[b-tywhkhybxd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ext-badge[b-tywhkhybxd] {
    font-size: 0.6rem;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 3px;
    letter-spacing: 0.03em;
    flex-shrink: 0;
    text-transform: uppercase;
}

.ext-pdf[b-tywhkhybxd] { background: #dc3545; color: #fff; }
.ext-doc[b-tywhkhybxd] { background: #2b579a; color: #fff; }
.ext-xls[b-tywhkhybxd] { background: #217346; color: #fff; }
.ext-ppt[b-tywhkhybxd] { background: #d24726; color: #fff; }
.ext-img[b-tywhkhybxd] { background: #6f42c1; color: #fff; }
.ext-other[b-tywhkhybxd] { background: color-mix(in srgb, currentColor 15%, transparent); }

/* Owner avatar */
.owner-cell[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.avatar[b-tywhkhybxd] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 25%, transparent);
    color: var(--bs-primary, #0d6efd);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* Source badges */
.src-badge[b-tywhkhybxd] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.src-rag[b-tywhkhybxd] { background: color-mix(in srgb, #0d6efd 15%, transparent); color: #0d6efd; }
.src-form[b-tywhkhybxd] { background: color-mix(in srgb, #198754 15%, transparent); color: #198754; }
.src-other[b-tywhkhybxd] { background: color-mix(in srgb, #6c757d 15%, transparent); color: #6c757d; }

/* Status badges */
.status-badge[b-tywhkhybxd] {
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

.status-processed[b-tywhkhybxd] { background: color-mix(in srgb, #198754 15%, transparent); color: #198754; }
.status-processing[b-tywhkhybxd] { background: color-mix(in srgb, #0dcaf0 15%, transparent); color: #0891b2; }
.status-error[b-tywhkhybxd] { background: color-mix(in srgb, #dc3545 15%, transparent); color: #dc3545; }
.status-ready[b-tywhkhybxd] { background: color-mix(in srgb, #0d6efd 12%, transparent); color: #0d6efd; }
.status-disabled[b-tywhkhybxd] { background: color-mix(in srgb, currentColor 8%, transparent); color: color-mix(in srgb, currentColor 45%, transparent); }

/* Share toggle */
.share-toggle[b-tywhkhybxd] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background 0.15s;
}

.share-toggle:hover[b-tywhkhybxd] {
    background: color-mix(in srgb, currentColor 8%, transparent);
}

/* Action buttons */
.action-buttons[b-tywhkhybxd] {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
}

/* Form attachment row styling */
[b-tywhkhybxd] .row-form-attachment {
    opacity: 0.7;
    font-style: italic;
}

/* ═══ Upload popup ═══ */
.upload-popup-body[b-tywhkhybxd] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.upload-drop-area[b-tywhkhybxd] {
    position: relative;
    border: 2px dashed color-mix(in srgb, currentColor 20%, transparent);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: border-color 0.2s;
}

.upload-drop-area:hover[b-tywhkhybxd] {
    border-color: var(--bs-primary, #0d6efd);
}

.upload-drop-area input[type="file"][b-tywhkhybxd] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-drop-area label[b-tywhkhybxd] {
    cursor: pointer;
}

.selected-files-list[b-tywhkhybxd] {
    max-height: 160px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.selected-file-row[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    border-radius: 4px;
    background: color-mix(in srgb, currentColor 4%, transparent);
    font-size: 0.82rem;
}

.btn-remove[b-tywhkhybxd] {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0 4px;
}

.upload-options[b-tywhkhybxd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.upload-option[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
}

.folder-select[b-tywhkhybxd] {
    padding: 3px 8px;
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font-size: 0.82rem;
    margin-left: 6px;
}

.upload-progress-list[b-tywhkhybxd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upload-progress-row[b-tywhkhybxd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.78rem;
    gap: 8px;
}

.status-ok[b-tywhkhybxd] { color: #198754; }
.status-fail[b-tywhkhybxd] { color: #dc3545; }

.upload-actions[b-tywhkhybxd] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

/* ═══ Responsive ═══ */
@media (max-width: 768px) {
    .rag-layout[b-tywhkhybxd] {
        flex-direction: column;
    }

    .rag-sidebar[b-tywhkhybxd] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
        max-height: 180px;
        overflow-y: auto;
    }

    .rag-main[b-tywhkhybxd] {
        padding: 10px 12px;
    }

    .rag-toolbar[b-tywhkhybxd] {
        flex-direction: column;
        align-items: stretch;
    }

    .rag-search[b-tywhkhybxd] {
        min-width: unset;
        flex: 1;
    }
}
/* /Components/Pages/RenderingObject.razor.rz.scp.css */
/* Container chrome reset — scoped CSS works here because [b-xxx] lands on
   .rendering-iframe-page (rendered by this component).
   Iframe wrapper/iframe sizing lives in global rendering.css (::deep can't
   reach child-component elements when the scope attr IS the target). */
.modules-content .dynamic-grid-container.rendering-iframe-page[b-3hopp4yhvo] {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* /Components/Pages/TenantsAdminPage.razor.rz.scp.css */
    .vb-user-host[b-4y4m4u093p] {
        position: relative;
        width: 100%;
        height: 88vh;
        overflow: hidden;
    }

    .vb-user-expand[b-4y4m4u093p] {
        position: absolute; top: 4px; right: 4px; z-index: 5;
        display: inline-flex; align-items: center; gap: 8px;
        padding: 8px 14px; border-radius: 999px;
        background: rgba(15, 23, 42, 0.78);
        color: #fff; text-decoration: none;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 12px; font-weight: 600; letter-spacing: .3px;
        backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 4px 12px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.08) inset;
        border: 1px solid rgba(255,255,255,.18);
        transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .vb-user-expand:hover[b-4y4m4u093p] {
        background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(14, 165, 233, .35);
        color: #fff;
    }
    .vb-user-expand i[b-4y4m4u093p] { font-size: 13px; }

    [dir="rtl"] .vb-user-expand[b-4y4m4u093p] { right: auto; left: 4px; }

    @media (max-width: 720px) {
        .vb-user-expand-label[b-4y4m4u093p] { display: none; }
        .vb-user-expand[b-4y4m4u093p] { padding: 10px; }
    }
/* /Components/Pages/UsersAdminPage.razor.rz.scp.css */
    .vb-user-host[b-rtvks6jy6j] {
        position: relative;
        width: 100%;
        height: calc(100vh - 96px);
        overflow: hidden;
        border-radius: 16px;
        box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
    }

    .vb-user-expand[b-rtvks6jy6j] {
        position: absolute; top: 4px; right: 4px; z-index: 5;
        display: inline-flex; align-items: center; gap: 8px;
        padding: 8px 14px; border-radius: 999px;
        background: rgba(15, 23, 42, 0.78);
        color: #fff; text-decoration: none;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 12px; font-weight: 600; letter-spacing: .3px;
        backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 4px 12px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.08) inset;
        border: 1px solid rgba(255,255,255,.18);
        transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .vb-user-expand:hover[b-rtvks6jy6j] {
        background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(14, 165, 233, .35);
        color: #fff;
    }
    .vb-user-expand i[b-rtvks6jy6j] { font-size: 13px; }

    [dir="rtl"] .vb-user-expand[b-rtvks6jy6j] { right: auto; left: 4px; }

    @media (max-width: 720px) {
        .vb-user-expand-label[b-rtvks6jy6j] { display: none; }
        .vb-user-expand[b-rtvks6jy6j] { padding: 10px; }
    }
/* /Components/Pages/WorkflowDesignerPage.razor.rz.scp.css */
    /* Stay INSIDE the layout's content area (next to the NavRoot drawer) instead
       of escaping to the viewport. position:relative anchors the floating expand
       button; the calc() leaves room for the drawer header and the page padding. */
    .vb-wf-host[b-u8lfsm5xio] {
        position: relative;
        width: 100%;
        height: calc(100vh - 96px);
        overflow: hidden;
        border-radius: 16px;
        box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
    }

    /* Floating button — top-right, glass-style. Sits ABOVE the iframe via z-index,
       so it stays clickable and visually pops out from the embedded designer. */
    .vb-wf-expand[b-u8lfsm5xio] {
        position: absolute; top: 14px; right: 14px; z-index: 5;
        display: inline-flex; align-items: center; gap: 8px;
        padding: 8px 14px; border-radius: 999px;
        background: rgba(15, 23, 42, 0.78);
        color: #fff; text-decoration: none;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 12px; font-weight: 600; letter-spacing: .3px;
        backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 4px 12px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.08) inset;
        border: 1px solid rgba(255,255,255,.18);
        transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .vb-wf-expand:hover[b-u8lfsm5xio] {
        background: linear-gradient(135deg, #00c4b4 0%, #0ea5e9 100%);
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(0, 196, 180, .35);
        color: #fff;
    }
    .vb-wf-expand i[b-u8lfsm5xio] { font-size: 13px; }

    /* RTL flip for Arabic */
    [dir="rtl"] .vb-wf-expand[b-u8lfsm5xio] { right: auto; left: 14px; }

    /* On narrow viewports, hide the label and keep just the icon */
    @media (max-width: 720px) {
        .vb-wf-expand-label[b-u8lfsm5xio] { display: none; }
        .vb-wf-expand[b-u8lfsm5xio] { padding: 10px; }
    }
/* /Components/Shared/NotificationBadges.razor.rz.scp.css */
/* ── Notification badge buttons (sidebar header) ── */
.vb-notification-badges[b-g52zgy5ps2] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-inline-start: auto;
    margin-inline-end: 8px;
}

@container (max-width: 200px) {
    .vb-notification-badges[b-g52zgy5ps2] {
        order: 1;
        flex-basis: 100%;
        justify-content: center;
        margin: 0;
        padding-top: 2px;
    }
}

.vb-badge-btn[b-g52zgy5ps2] {
    position: relative;
    background: transparent;
    border: none;
    color: rgba(255,255,255,.85);
    font-size: 16px;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s;
}

.vb-badge-btn:hover[b-g52zgy5ps2] {
    background: rgba(255,255,255,.15);
    color: #fff;
}

.vb-badge-count[b-g52zgy5ps2] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    pointer-events: none;
}

.vb-badge-approval[b-g52zgy5ps2] {
    background: #f59e0b;
}

/* ── Reminder popup ── */
[b-g52zgy5ps2] .vb-reminder-popup .dxbl-popup-body {
    padding: 0 !important;
    overflow: hidden;
}

[b-g52zgy5ps2] .vb-reminder-popup .dxbl-popup-header {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: #fff !important;
    border-bottom: none;
    padding: 14px 20px;
}

[b-g52zgy5ps2] .vb-reminder-popup .dxbl-popup-header-text {
    font-weight: 600;
    font-size: 1rem;
    color: #fff !important;
}

[b-g52zgy5ps2] .vb-reminder-popup .dxbl-popup-header .dxbl-btn {
    color: rgba(255,255,255,.8) !important;
}

[b-g52zgy5ps2] .vb-reminder-popup .dxbl-popup-header .dxbl-btn:hover {
    color: #fff !important;
    background: rgba(255,255,255,.15) !important;
}

[b-g52zgy5ps2] .vb-reminder-body {
    padding: 16px 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 97%, var(--bs-secondary, #6c757d));
}

/* ── Summary bar ── */
[b-g52zgy5ps2] .vb-reminder-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--bs-body-bg, #fff);
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
    border: 1px solid var(--bs-border-color, #e2e8f0);
}

[b-g52zgy5ps2] .vb-reminder-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #dbeafe;
    color: #2563eb;
    font-size: 14px;
    flex-shrink: 0;
}

[b-g52zgy5ps2] .vb-reminder-summary-text {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--bs-body-color, #1e293b);
}

[b-g52zgy5ps2] .vb-reminder-summary-total {
    font-weight: 400;
    color: var(--bs-secondary-color, #64748b);
    margin-inline-start: 8px;
    font-size: 0.82rem;
}

/* ── Grid container ── */
[b-g52zgy5ps2] .vb-reminder-grid {
    background: var(--bs-body-bg, #fff);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    border: 1px solid var(--bs-border-color, #e2e8f0);
    overflow: hidden;
    flex: 1;
    min-height: 0;
}

[b-g52zgy5ps2] .vb-reminder-grid .dxbl-grid-header-row th {
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 95%, var(--bs-primary, #0d6efd)) !important;
    color: var(--bs-body-color, #334155) !important;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 10px 14px !important;
    border-bottom: 2px solid color-mix(in srgb, var(--bs-primary, #0d6efd) 20%, transparent) !important;
}

[b-g52zgy5ps2] .vb-reminder-grid .dxbl-grid-table > tbody > tr > td {
    padding: 10px 14px !important;
    vertical-align: middle;
    border-bottom: 1px solid var(--bs-border-color, #f1f5f9);
    font-size: 0.88rem;
    color: var(--bs-body-color, #334155);
}

[b-g52zgy5ps2] .vb-reminder-grid .dxbl-grid-table > tbody > tr:hover > td {
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 4%, var(--bs-body-bg, #fff)) !important;
}

[b-g52zgy5ps2] .vb-reminder-grid .dxbl-grid-table > tbody > tr:last-child > td {
    border-bottom: none;
}

/* ── Object name cell ── */
[b-g52zgy5ps2] .vb-reminder-object {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--bs-info, #0dcaf0) 12%, transparent);
    color: var(--bs-info-text, #087990);
    font-size: 0.82rem;
    font-weight: 500;
}

/* ── Count badge ── */
[b-g52zgy5ps2] .vb-reminder-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    padding: 3px 10px;
    border-radius: 999px;
    background: #fef3c7;
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 700;
}

/* ── Action buttons ── */
[b-g52zgy5ps2] .vb-reminder-actions {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
}

[b-g52zgy5ps2] .vb-reminder-open-btn.dxbl-btn {
    font-size: 0.78rem !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

[b-g52zgy5ps2] .vb-reminder-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--bs-secondary-color, #64748b);
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.15s;
    flex-shrink: 0;
}

[b-g52zgy5ps2] .vb-reminder-icon-btn:hover {
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 10%, transparent);
    color: var(--bs-primary, #0d6efd);
}

[b-g52zgy5ps2] .vb-dismiss-btn:hover {
    background: color-mix(in srgb, var(--bs-danger, #dc3545) 10%, transparent);
    color: var(--bs-danger, #dc3545);
}

[b-g52zgy5ps2] .vb-snooze-btn.dxbl-btn,
[b-g52zgy5ps2] .vb-snooze-btn .dxbl-btn {
    background: transparent !important;
    border: none !important;
    color: var(--bs-secondary-color, #64748b) !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

[b-g52zgy5ps2] .vb-snooze-btn.dxbl-btn:hover,
[b-g52zgy5ps2] .vb-snooze-btn .dxbl-btn:hover {
    background: color-mix(in srgb, var(--bs-warning, #ffc107) 15%, transparent) !important;
    color: var(--bs-warning-text, #997404) !important;
}

[b-g52zgy5ps2] .vb-snooze-btn .dxbl-btn-caption {
    display: none !important;
}

/* ── Loading shimmer ── */
[b-g52zgy5ps2] .vb-reminder-loading {
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-g52zgy5ps2] .vb-reminder-shimmer {
    height: 48px;
    border-radius: 10px;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--bs-body-bg, #fff) 92%, var(--bs-secondary, #6c757d)) 25%,
        color-mix(in srgb, var(--bs-body-bg, #fff) 85%, var(--bs-secondary, #6c757d)) 50%,
        color-mix(in srgb, var(--bs-body-bg, #fff) 92%, var(--bs-secondary, #6c757d)) 75%);
    background-size: 200% 100%;
    animation: vb-shimmer-b-g52zgy5ps2 1.5s infinite;
}

[b-g52zgy5ps2] .vb-reminder-shimmer.short {
    width: 65%;
}

@keyframes vb-shimmer-b-g52zgy5ps2 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Empty state ── */
[b-g52zgy5ps2] .vb-reminder-empty {
    padding: 4rem 2rem;
    text-align: center;
    color: var(--bs-secondary-color, #64748b);
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[b-g52zgy5ps2] .vb-reminder-empty i {
    font-size: 56px;
    color: #10b981;
    margin-bottom: 1.25rem;
    display: block;
    opacity: 0.7;
}

[b-g52zgy5ps2] .vb-reminder-empty p {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

/* ── Pager ── */
[b-g52zgy5ps2] .vb-reminder-grid .dxbl-grid-pager {
    padding: 8px 14px;
    border-top: 1px solid var(--bs-border-color, #f1f5f9);
    background: var(--bs-body-bg, #fff);
}