/* _content/ZabWebErp/Components/Controls/DashBoardDtls.razor.rz.scp.css */
.sab-group[b-8i5wysv007] {
    background: #e5e7eb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

    .sab-group .dxbl-panel[b-8i5wysv007] {
        background: #e5e7eb;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    }
/* _content/ZabWebErp/Components/Controls/SabEntryGrid.razor.rz.scp.css */
.sab-entry-grid[b-29uj139bls] {
    width: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    padding: 8px;
    background: white;
}

.sab-entry-toolbar[b-29uj139bls] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    align-items: center;
}

.sab-grid-search[b-29uj139bls] {
    width: 250px;
}

.sab-grid-btn[b-29uj139bls] {
    min-width: 90px;
}

.sab-grid-footer[b-29uj139bls] {
    margin-top: 8px;
    font-weight: 600;
}

.sab-grid-header[b-29uj139bls] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.sab-grid-title[b-29uj139bls] {
    font-size: 18px;
    font-weight: 600;
}

.sab-grid-search[b-29uj139bls] {
    width: 250px;
}

[b-29uj139bls] .sab-grid .dxbl-grid-header {
    background-color: #eef3f8 !important;
    color: #333333;
    font-weight: 600;
}



/* _content/ZabWebErp/Components/Controls/SabGrid.razor.rz.scp.css */

.sab-toolbar[b-lgqlpmb4jw] {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    padding: 6px 10px;
    margin-bottom: 6px;
}

.sab-export-item[b-lgqlpmb4jw] {
    font-size: 16px !important;
    font-weight: 600;
    font-family: "Segoe UI";
}

    .sab-export-item *[b-lgqlpmb4jw] {
        font-size: 16px !important;
        font-weight: 600 !important;
        font-family: "Segoe UI" !important;
    }

.sab-grid .dxbl-grid-row.dxbl-selection td[b-lgqlpmb4jw] {
    background-color: #e6e6e6 !important;
}


.sab-grid .dxbl-grid-header-content:hover[b-lgqlpmb4jw] {
    background-color: #e8f2ff; /* Same colour as row hover */
    cursor: pointer;
}

.sab-grid .dxbl-grid-header:hover[b-lgqlpmb4jw] {
    background-color: #ff6a00;
}

.sab-grid th:hover[b-lgqlpmb4jw] {
    background-color: #ff0000;
}


.sab-grid .dxbl-grid-header-row:has(.dxbl-grid-header:hover)[b-lgqlpmb4jw] {
    background-color: #e0e0e7  !important;
}
.sab-toolbar .sab-export-grid[b-lgqlpmb4jw] {
    background-color: #e0e0e7 !important;
}



.sab-grid-header[b-lgqlpmb4jw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.sab-grid-title[b-lgqlpmb4jw] {
    font-size: 18px;
    font-weight: 600;
}

.sab-grid-search[b-lgqlpmb4jw] {
    width: 250px;
}

[b-lgqlpmb4jw] .sab-grid .dxbl-grid-header {
    background-color: #eef3f8 !important;
    color: #333333;
    font-weight: 600;
}



/* _content/ZabWebErp/Components/Controls/SabGridPopup.razor.rz.scp.css */
[b-m455iup4iy] .sab-button {
    border: 1px solid #c5c5c5;
    border-radius: 6px;
    padding: 5px 14px;
    background-color: #ffffff;
    color: #333333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    min-height: 32px;
    transition: all 0.15s ease;
}

    [b-m455iup4iy] .sab-button:hover {
        background-color: #f5f5f5;
        border-color: #999999;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.20);
    }

    [b-m455iup4iy] .sab-button:active {
        transform: translateY(1px);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    }
/* _content/ZabWebErp/Components/Controls/SabHtmlGrid.razor.rz.scp.css */
.sab-html-grid[b-2jdgmaymuy] {
    border-collapse: collapse;
    white-space: nowrap;
    width: max-content;
    min-width: 100%;
    font-family: Segoe UI;
    font-size: 13px;
}

    .sab-html-grid th[b-2jdgmaymuy] {
        background: #f4f4f4;
        border: 1px solid #bbb;
        padding: 5px;
        position: sticky;
        top: 0;
    }

    .sab-html-grid td[b-2jdgmaymuy] {
        border: 1px solid #ddd;
        padding: 4px 6px;
    }

    .sab-html-grid .num[b-2jdgmaymuy] {
        text-align: right;
    }
/* _content/ZabWebErp/Components/Controls/SabLookup.razor.rz.scp.css */
.sablookup-box[b-bmv7jkbof5] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 24px;
    background: white;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    overflow: hidden;
}

.sablookup-text[b-bmv7jkbof5] {
    flex: 1;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    background: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sablookup-button[b-bmv7jkbof5] {
    width: 32px;
    min-width: 32px;
    height: 100%;
    background: white;
    border: 0;
    border-left: 1px solid #d6d6d6;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

    .sablookup-button:hover[b-bmv7jkbof5] {
        background: #f5f5f5;
    }

.sab-grid .dxbl-grid-header-row > th[b-bmv7jkbof5] {
    background: #e6f0ff;
    font-weight: bold;
}


.sablookup-grid .dxbl-grid-header[b-bmv7jkbof5],
.sablookup-grid .dxbl-grid-header-content[b-bmv7jkbof5],
.sablookup-grid th[b-bmv7jkbof5] {
    background: #4f9ef8 !important;
    color: red !important;
    font-weight: 1700 !important;
}

/* _content/ZabWebErp/Components/Controls/SabText.razor.rz.scp.css */
.sabtext-box[b-de8oosmfqj] {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.sabtext-dropdown[b-de8oosmfqj] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    pointer-events: none;
}
/* _content/ZabWebErp/Components/Controls/SabToolTip.razor.rz.scp.css */
.sab-control-tooltip[b-mnmn7a1wiv] {
    position: relative;
    width: 100%;
}

    .sab-control-tooltip[b-mnmn7a1wiv]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 0;
        bottom: calc(100% + 6px);
        background: #333;
        color: white;
        padding: 5px 9px;
        border-radius: 4px;
        font-size: 12px;
        white-space: nowrap;
        z-index: 999999;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .sab-control-tooltip:hover[b-mnmn7a1wiv]::after {
        opacity: 1;
        visibility: visible;
    }

.sab-has-tooltip[b-mnmn7a1wiv] {
    width: 100%;
}
/* _content/ZabWebErp/Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-6wwi4puplt] {
    height: 100%;
}

.navigation-drawer-shading[b-6wwi4puplt] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-6wwi4puplt] {
    opacity: 0;
    visibility: hidden;
}

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

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

.navigation-drawer-shading[b-6wwi4puplt] {
    display: none;
}

[b-6wwi4puplt] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

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

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

    .navigation-drawer-shading[b-6wwi4puplt] {
        display: block;
    }

    [b-6wwi4puplt] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* _content/ZabWebErp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-h3r6aeax8e] {
    height: 100%;
    min-height: 0;
}

[b-h3r6aeax8e] .navigation-drawer {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
    overflow: visible !important;
}

    [b-h3r6aeax8e] .navigation-drawer > .dxbl-drawer-panel {
        background: #ffffff;
        border-radius: 0 12px 12px 0;
        box-shadow: 4px 0 16px rgba(0,0,0,.12);
        overflow: visible;
    }

.navigation-drawer-header[b-h3r6aeax8e] {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 48px; /* 60 se kam */
    display: flex;
    justify-content: flex-start; /* Left side */
    align-items: center;
    padding-left: 4px; /* Left margin kam */
    padding-right: 4px;
    padding-left: 2px;
}

    .navigation-drawer-header .logo[b-h3r6aeax8e] {
        height: 1.5rem;
        width: 5rem;
    }


.drawer-content[b-h3r6aeax8e] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    
}

@media (max-width: 768px) {
    .drawer-content[b-h3r6aeax8e] {
        padding: 0.5rem 0.5rem 0.5rem 5px
    }
}
    .nav-buttons-container[b-h3r6aeax8e] {
        align-items: center;
        display: flex;
        gap: 0.625rem;
        min-height: 2rem;
    }

    [b-h3r6aeax8e] .nav-buttons-container > a {
        color: inherit;
    }

    [b-h3r6aeax8e] .nav-buttons-container .back-button {
        padding-left: 0;
        padding-right: 0.25rem;
    }


    .page-content-container[b-h3r6aeax8e] {
        height: 90%;
        overflow-y: auto;
        padding-bottom: 130px; /* or 30px */
        box-sizing: border-box;
    }

    .company-name[b-h3r6aeax8e] {
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
    }

    [b-h3r6aeax8e] .drawer-toggle-btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        padding: 2px !important;
        margin-left: 0 !important;
    }

        [b-h3r6aeax8e] .drawer-toggle-btn .dxbl-image,
        [b-h3r6aeax8e] .drawer-toggle-btn i {
            font-size: 16px !important;
        }



.top-header[b-h3r6aeax8e] {
    display: flex;
    align-items: center;
    gap: 1px;
    height: 40px;
    padding: 0 12px;
    background: linear-gradient(90deg, #42a5f5, #3991ef82);
    font-family: sans-serif;
    white-space: nowrap;
}

        .top-header .logo[b-h3r6aeax8e] {
            height: 34px;
        }

        .top-header .btn-icon-only[b-h3r6aeax8e] {
            margin-right: 4px;
        }



    .drawer-footer-btn[b-h3r6aeax8e] {
        flex: 1;
    }


    .right-panel[b-h3r6aeax8e] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .nav-search[b-h3r6aeax8e] {
        flex-shrink: 0;
    }

    .sab-tree[b-h3r6aeax8e] {
        flex: 1;
        min-height: 0;
        overflow: auto;
    }



    /*.navigation-drawer-footer {
    justify-content: space-evenly;
    padding-bottom: 0.875rem;
    width: 100%;
}

.navigation-drawer-footer {
    gap: 8px;
    padding: 8px;
    border-top: 1px solid #ddd;
    background: white;
}
*/
    .navigation-drawer-footer[b-h3r6aeax8e] {
        display: flex;
        gap: 8px;
        padding: 8px;
        border-top: 1px solid #ddd;
        background: white;
        flex-shrink: 0;
        height: 52px;
        box-sizing: border-box;
    }


    .drawer-body[b-h3r6aeax8e] {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        min-height: 0;
    }




    [b-h3r6aeax8e] .navigation-drawer-footer .dxbl-toolbar {
        min-height: 34px;
    }

    [b-h3r6aeax8e] .navigation-drawer-footer .dxbl-toolbar-item {
        padding: 2px 8px;
        font-size: 12px;
    }


    .reminder-row[b-h3r6aeax8e] {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
        width: 100%;
        padding: 6px 4px;
        cursor: pointer;
        background: #d8dbe2;
        border-radius: 6px;
        box-sizing: border-box;
    }

        .reminder-row:hover[b-h3r6aeax8e] {
            background: #eef5ff;
        }



    .reminder-badge[b-h3r6aeax8e] {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 8px;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 50px;
        background: #d32f2f;
        color: white;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
    }

    .header-spacer[b-h3r6aeax8e] {
        flex: 1;
    }




    .top-header[b-h3r6aeax8e] {
        display: flex;
        align-items: center;
    }

    .header-left[b-h3r6aeax8e] {
        display: flex;
        align-items: center;
        min-width: 0;
        overflow: hidden;
    }

    .header-spacer[b-h3r6aeax8e] {
        flex: 1;
    }

    .header-right[b-h3r6aeax8e] {
        display: flex;
        align-items: center;
        gap: 2px;
        margin-left: auto;
        flex-shrink: 0;
    }

    .top-icon[b-h3r6aeax8e] {
        margin-left: 1px;
        margin-right: 1px;
    }


        .top-icon[b-h3r6aeax8e],
        .top-icon i[b-h3r6aeax8e] {
            color: white !important;
            background: transparent !important;
        }

            .top-icon .fa-circle-user[b-h3r6aeax8e] {
                color: white !important;
            }

            .top-icon .dxbl-btn[b-h3r6aeax8e] {
                background: transparent !important;
                border: none !important;
            }

    .trial-version[b-h3r6aeax8e] {
        color: white;
        white-space: nowrap;
    }

    .header-reminder-badge[b-h3r6aeax8e] {
        position: absolute;
        top: 2px;
        right: 0px;
        min-width: 18px;
        height: 18px;
        border-radius: 50%;
        background: red;
        color: white;
        font-size: 11px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        line-height: 18px;
    }

    .sab-small-textbox .dxbl-text-editor-input[b-h3r6aeax8e] {
        padding: 2px 6px !important;
        min-height: 15px !important;
        height: 15px !important;
        font-size: 8px;
    }

    .sab-small-textbox .dxbl-text-editor[b-h3r6aeax8e] {
        min-height: 15px !important;
    }




/* ================================
   NotePad Popup
   ================================ */

.sab-notepad-popup[b-h3r6aeax8e] {
    border-radius: 12px !important;
    overflow: hidden !important;
}

    /* Header */
    .sab-notepad-popup .sab-popup-header[b-h3r6aeax8e] {
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        display: flex;
        align-items: center;
        padding: 0 16px;
        gap: 10px;
        background: #e8f2ff;
        color: #2563a8;
        font-size: 18px;
        font-weight: 600;
        border-bottom: 1px solid #c9ddf5;
        box-shadow: 0 2px 8px rgba(0, 80, 160, 0.18);
    }

.sab-popup-header i[b-h3r6aeax8e] {
    font-size: 17px;
}


/* ================================
   Popup Body
   ================================ */

.sab-notepad-popup .sab-notepad-body[b-h3r6aeax8e] {
    width: 100% !important;
    height: 100% !important;
    min-height: 450px;
    margin: 0 !important;
    padding: 10px !important;
    box-sizing: border-box;
    display: flex;
}


    /* ================================
   DxMemo
   ================================ */

    .sab-notepad-popup .sab-notepad-body .dxbl-memo[b-h3r6aeax8e] {
        width: 100% !important;
        height: 100% !important;
        min-height: 450px !important;
        box-sizing: border-box;
    }


    /* Memo internal editor */
    .sab-notepad-popup .sab-notepad-body textarea[b-h3r6aeax8e] {
        width: 100% !important;
        height: 100% !important;
        min-height: 430px !important;
        box-sizing: border-box;
        resize: none;
    }


/* ================================
   Footer
   ================================ */

.sab-notepad-popup .sab-popup-footer[b-h3r6aeax8e] {
    width: 100%;
    min-height: 48px;
    padding: 7px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background: #e8f2ff;
    color: #4a6580;
    border-top: 1px solid #c9ddf5;
    box-shadow: 0 -2px 8px rgba(0, 80, 160, 0.15);
    font-size: 13px;
}


    /* Footer button */
    .sab-notepad-popup .sab-popup-footer .dxbl-btn[b-h3r6aeax8e] {
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    }

.powered-by[b-h3r6aeax8e] {
    flex: 0 0 28px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    width: fit-content;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 0 40px;
    color: deepskyblue;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20);
}
/* _content/ZabWebErp/Components/Layout/NavMenu.razor.rz.scp.css */

[b-7a3nmk7lnw] .menu {
    --dxbl-menu-item-color: #2f3b52;
    --dxbl-menu-item-image-color: #2f3b52;
    --dxbl-menu-item-hover-bg: #edf5fd;
    --dxbl-menu-item-hover-color: #1565c0;
    --dxbl-menu-item-hover-image-color: #1565c0;
    background: #ffffff;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.10);
}
    [b-7a3nmk7lnw] .menu.display-mobile {
        margin-bottom: 2rem;
    }

    [b-7a3nmk7lnw] .menu .dxbl-menu-item {
        border-radius: 8px;
        margin: 2px 4px;
        transition: all .2s ease;
    }

/* Active menu */
[b-7a3nmk7lnw] .menu-item-active {
    background: linear-gradient(180deg,#93c7f4 0%,#64aae8 100%);
    color: white !important;
    border-radius: 8px;
}
[b-7a3nmk7lnw] .menu .dxbl-menu-item:hover {
    background: #eaf4ff;
}
.navigation-drawer[b-7a3nmk7lnw] {
    background: linear-gradient(180deg, #93c7f4 0%, #64aae8 100%);
}

[b-7a3nmk7lnw] .menu-item-active .dxbl-menu-item-text,
[b-7a3nmk7lnw] .menu-item-active .dxbl-menu-item-image {
    color: white !important;
}

[b-7a3nmk7lnw] .menu .dxbl-menu-item.dxbl-menu-item-level-0 {
    font-weight: 600;
}

[b-7a3nmk7lnw] .menu .dxbl-menu-item.dxbl-menu-item-level-1 {
    padding-left: 20px;
}

[b-7a3nmk7lnw] .menu .dxbl-menu-item.dxbl-menu-item-level-2 {
    padding-left: 40px;
}


.sab-tree[b-7a3nmk7lnw] {
    background: #ffffff;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
    height: 50%;
}

[b-7a3nmk7lnw] .sab-tree .dxbl-tv-node {
    border-radius: 6px;
}

    [b-7a3nmk7lnw] .sab-tree .dxbl-tv-node:hover {
        background: #eef6ff;
    }

[b-7a3nmk7lnw] .sab-tree .dxbl-tv-node-selected {
    background: linear-gradient(180deg,#93c7f4 0%,#64aae8 100%);
    color: white;
}


.drawer-content[b-7a3nmk7lnw] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.reminder-row[b-7a3nmk7lnw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 6px 4px;
    cursor: pointer;
    background: white;
    border-radius: 6px;
    box-sizing: border-box;
}

    .reminder-row:hover[b-7a3nmk7lnw] {
        background: #eef5ff;
    }
/* _content/ZabWebErp/Components/Pages/Counter.razor.rz.scp.css */
.counter-block[b-nfhxvftvp7] {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 17rem;
    justify-content: center;
    padding: 2.5rem 1.5rem 1.5rem;
    width: 16.875rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.counter-block .counter-content[b-nfhxvftvp7] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.counter-block .counter-count[b-nfhxvftvp7] {
    font-size: 7.5rem;
    font-weight: 400;
    line-height: 7.75rem;
}
/* _content/ZabWebErp/Components/Pages/Dashboard.razor.rz.scp.css */
.sab-dashboard[b-07rtxdi0jk] {
    padding: 20px;
}


.dashboard-cards[b-07rtxdi0jk] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}


.dash-card[b-07rtxdi0jk] {
    display: flex;
    align-items: center;
    min-width: 355px;
    height: 90px;
    box-sizing: border-box;
    background: #fff;
    padding: 12px 16px 12px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
}

/* Left circular icon */
.dash-icon[b-07rtxdi0jk] {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    background: #e8f3e8;
    border-radius: 50%;
}

    .dash-icon img[b-07rtxdi0jk] {
        width: 23px;
        height: 23px;
    }

/* Center content */
.dash-content[b-07rtxdi0jk] {
    flex: 1;
    min-width: 0;
}

    .dash-content h3[b-07rtxdi0jk] {
        margin: 0 0 5px 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        color: #111;
    }

    .dash-content p[b-07rtxdi0jk] {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2;
        color: #111;
    }

/* Right percentage */
.dash-growth[b-07rtxdi0jk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 77px;
    height: 36px;
    padding: 0 10px;
    background: #e8f3e8;
    border-radius: 20px;
    color: #218838;
    font-size: 13px;
}

    .dash-growth span[b-07rtxdi0jk] {
        font-size: 13px;
        line-height: 1;
    }

    .dash-growth b[b-07rtxdi0jk] {
        font-weight: 600;
    }

.dashboard-work[b-07rtxdi0jk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    gap: 20px;
}

.chart-box[b-07rtxdi0jk] {
    background: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

.chart-container[b-07rtxdi0jk] {
    width: 100%;
    min-width: 0;
}

.dashboard-charts[b-07rtxdi0jk] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.dashboard-panel[b-07rtxdi0jk] {
    width: 100%;
    min-width: 0;
}

@media (max-width: 768px) {

    .dashboard-charts[b-07rtxdi0jk] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.chart-card .dxbl-chart[b-07rtxdi0jk] {
    height: 380px !important;
}

.dash-chart-panel[b-07rtxdi0jk] {
    width: 100%;
}



.dashboard-panel[b-07rtxdi0jk] {
    margin-top: 10px;
    border-radius: 20px;
    overflow: visible;
}

.chart-card[b-07rtxdi0jk] {
    background: yellow !important;
    box-shadow: 0 0 30px red !important;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #e5e7eb;
}

@media (max-width: 768px) {

    .dashboard-charts[b-07rtxdi0jk] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .dashboard-chart-item[b-07rtxdi0jk] {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 380px) {

    .dash-card[b-07rtxdi0jk] {
        height: 70px;
        padding: 7px 8px;
        width:380px
    }
    .dashboard-charts[b-07rtxdi0jk] {
        width: 380px;
    }

}
/* _content/ZabWebErp/Components/Pages/Index/Index.razor.rz.scp.css */
[b-8ibefxaqc7] .index-gridlayout {
    container-type: inline-size;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 9rem;
}

[b-8ibefxaqc7] .title {
    padding-bottom: 3rem;
    text-align: center;
}

[b-8ibefxaqc7] .tiles {
    --tile-column-count: 4;

    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(var(--tile-column-count), max-content);
    justify-content: center;

    @container (max-width: 60.5rem) {
        --tile-column-count: 3;
    }
    @container (max-width: 45.125rem) {
        --tile-column-count: 2;
    }
    @container (max-width: 29.75rem) {
        --tile-column-count: 1;
    }
}
/* _content/ZabWebErp/Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-wk447v523c] {
    border-radius: 0.75rem;
    height: 7.5rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.tile:hover[b-wk447v523c] {
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.tile[b-wk447v523c]  > a {
    text-decoration: none;
}

[b-wk447v523c] .tile-content {
    padding: 1rem;
}

[b-wk447v523c] .tile-icon {
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

[b-wk447v523c] .tile-title {
    align-self: center;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: var(--dxds-font-size-base-md);
    font-weight: var(--dxds-font-weight-base-strong);
    letter-spacing: var(--dxds-letter-spacing-base-md);
    line-height: var(--dxds-line-height-base-md);
}

[b-wk447v523c] .tile-description {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-sm);
    line-height: var(--dxds-line-height-base-sm);
}
/* _content/ZabWebErp/Components/Pages/SabErpLogin.razor.rz.scp.css */

/* ================================
   LOGIN PAGE - GLASS EFFECT
   ================================ */

.login-top[b-9cgbb44bbz] {
    position: relative;
    width: 420px;
    margin: 5px auto 5px auto;
    padding: 5px 35px 0px 35px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 22px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.20), inset 0 1px 1px rgba(255, 255, 255, 0.25);
    color: white;
}


/* Company / Logo */

.logo-area[b-9cgbb44bbz] {
    text-align: center;
    margin-bottom: 15px;
}

    .logo-area h2[b-9cgbb44bbz] {
        margin: 0 0 12px 0;
        font-size: 15px;
        color:black;
        font-weight: 600;
    }

    .logo-area h3[b-9cgbb44bbz] {
        margin: 5px 0;
        color: black;
        font-size: 24px;
        font-weight: 400;
        opacity: 0.85;
    }

.login-logo[b-9cgbb44bbz] {
    width: 350px;
    height: 100px;
    object-fit: contain;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid rgba(200, 255, 255, 0.25);
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.18);
}

/* Fields */

.sab-field[b-9cgbb44bbz] {
    margin-bottom: 20px;
}


/* DevExpress TextBox */

.sab-login-textbox[b-9cgbb44bbz] {
    width: 100%;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 10px !important;
    color: white !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.08);
}


    /* Placeholder */

    .sab-login-textbox input[b-9cgbb44bbz]::placeholder {
        color: rgba(255,255,255,0.70) !important;
    }


/* Login Button */

.login-buttons[b-9cgbb44bbz] {
    margin-top: 20px;
}

.sab-login-button[b-9cgbb44bbz] {
    width: 100%;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    color: white !important;
    font-weight: 600;
    backdrop-filter: blur(10px);
    transition: all 0.25s ease;
}

    .sab-login-button:hover[b-9cgbb44bbz] {
        background: rgba(255,255,255,0.35) !important;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(0,0,0,0.20);
    }


/* Remember Me */

.sab-field .dxbl-checkbox[b-9cgbb44bbz] {
    color: white !important;
}


/* Message */

.Login_message[b-9cgbb44bbz] {
    width: 384px;
    text-align: center;
    margin-top: 15px;
    min-height: 22px;
    color: #ffcc80;
}


/* ================================
   SUPPORT GLASS CARD
   ================================ */

.login-support[b-9cgbb44bbz] {
    width: 750px;
    max-width: calc(100% - 30px);
    margin: 10px 0px;
    padding: 5px;
    text-align: center;
    color: black;
    border-radius: 20px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(50px);
    box-shadow: 0 8px 10px rgba(0.18, 0.18, 0.18, 0.18);
}


.support-logo[b-9cgbb44bbz] {
    width: 165px;
    height: 55px;
    object-fit: contain;
    border-radius: 12px;
}

.login-support h1[b-9cgbb44bbz] {
    margin: 1px 0;
    font-size: 12px;
}

.login-support h2[b-9cgbb44bbz] {
    margin: 1px 0;
    font-size: 10px;
}

.login-support h3[b-9cgbb44bbz] {
    margin: 5px 0;
    font-size: 8px;
}

.login-support p[b-9cgbb44bbz] {
    margin: 1px 0 1px 0;
    font-size: 8px;
}

.login-support ul[b-9cgbb44bbz] {
    list-style: none;
    padding: 0;
    margin: 5px 0;
}

.login-support li[b-9cgbb44bbz] {
    margin: 3px 0;
}


/* ================================
   FOOTER
   ================================ */

.login-footer[b-9cgbb44bbz] {
    text-align: center;
    color: rgba(255,255,255,0.70);
    background: radial-gradient(circle at 20% 20%, rgba(80,140,255,0.35), transparent 35%), radial-gradient(circle at 80% 30%, rgba(180,80,255,0.30), transparent 35%), radial-gradient(circle at 50% 90%, rgba(0,200,180,0.25), transparent 40%), linear-gradient(135deg, #101827, #17243a);
    font-size: 12px;
    margin: 15px 0 20px 0;
}



.login-page[b-9cgbb44bbz] {
    min-height: 80vh;
    overflow-y: auto;
}



.login-buttons[b-9cgbb44bbz] {
    width: 100%;
    display: flex;
    margin: 3px 0 0 0;
    padding: 0;
}

[b-9cgbb44bbz] .sab-login-button {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: flex !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-image: linear-gradient( 180deg, var(--dxds-primary-40) 0%, var(--dxds-primary-90) 100% ) !important;
    border: none !important;
}

@media (max-width: 768px) {
    .login-logo[b-9cgbb44bbz][b-9cgbb44bbz] {
        width: 330px;
        height: 55px;
    }

    .login-top[b-9cgbb44bbz] {
        padding: 10px;
        width: 350px;
    }

    .login-support[b-9cgbb44bbz] {
        width: 330px;
    }
    .drawer-content[b-9cgbb44bbz]{
        padding:5px;


    }
    .login-footer[b-9cgbb44bbz]{
        width:400px
    }
    .login-page[b-9cgbb44bbz]{
        min-height:70vh;
    }
}
/* _content/ZabWebErp/Components/Reports/MstEntryV2.Razor.rz.scp.css */

.mst-v2-card[b-a3at1ed3bo] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    margin: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,.18);
}


.mst-v2-tab-content[b-a3at1ed3bo] 
{
    padding: 15px;
}


.mst-v2-field-row[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
}


    .mst-v2-field-row b[b-a3at1ed3bo] {
        width: 120px;
    }


    .mst-v2-field-row small[b-a3at1ed3bo] {
        color: #777;
    }

.mst-v2-header[b-a3at1ed3bo] {
    background: white;
    border-radius: 12px;
    padding: 3px;
    margin: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,.18);
    position: sticky;
    top: 0;
    z-index: 10;
}


.mst-v2-title[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    gap: 20px;
}


    .mst-v2-title h3[b-a3at1ed3bo] {
        margin: 0;
    }


.mst-v2-info[b-a3at1ed3bo] {
    display: flex;
    gap: 25px;
    margin-top: 8px;
    color: #666;
}

.sab-compact[b-a3at1ed3bo] {
    --dxbl-editor-height: 20px;
}


.menu-title[b-a3at1ed3bo] {
    position: relative;
    display: inline-block;
    cursor: default;
    
}

.menu-tooltip[b-a3at1ed3bo] {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    min-width: 220px;
    padding: 8px 10px;
    background: white;
    color: black;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.5;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

.menu-title:hover .menu-tooltip[b-a3at1ed3bo] {
    display: block;
}



[b-a3at1ed3bo] .dxbl-tabs-tablist {
    background: linear-gradient(rgb(232, 242, 255) 0%, rgb(214, 232, 255) 100%);
    border-radius: 10px;
    padding: 1px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}


.sab-image-thumb[b-a3at1ed3bo] {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    background: white;
}

    .sab-image-thumb:hover[b-a3at1ed3bo] {
        border-color: #4d90fe;
        box-shadow: 0 0 6px rgba(0,0,0,.25);
    }

.sab-image-preview[b-a3at1ed3bo] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sab-image-large[b-a3at1ed3bo] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.sab-divider[b-a3at1ed3bo] {
    width: 100%;
    height: 1px;
    background: #cfd8e3;
    margin: 8px 0;
}
.sab-checkbox[b-a3at1ed3bo] {
    display: block;
    width: 100%;
    margin-right: 18px;
}

.sab-button[b-a3at1ed3bo] {
    width: 100%;
    width: 40px;
    margin-right: 18px;
}

.sab-check-container[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 8px;
}

.sab-button-container[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    padding-top: 8px;
}

    .sab-button-container .dxbl-btn[b-a3at1ed3bo] {
        min-width: 120px;
    }
.sab-panel-header[b-a3at1ed3bo] {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
}
.sab-grid .dxbl-grid-header .dxbl-grid-header-content[b-a3at1ed3bo] {
    font-weight: 700;
}



[b-a3at1ed3bo] .sab-button {
    border: 1px solid #c5c5c5;
    border-radius: 6px;
    padding: 5px 14px;
    background-color: #ffffff;
    color: #333333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    min-height: 32px;
    transition: all 0.15s ease;
}

    [b-a3at1ed3bo] .sab-button:hover {
        background-color: #f5f5f5;
        border-color: #999999;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.20);
    }

    [b-a3at1ed3bo] .sab-button:active {
        transform: translateY(1px);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    }
/*******************************************/

.barcode-notepad[b-a3at1ed3bo] {
    display: flex;
    width:350px;
    flex-direction: column;
    height: 100%;
    gap: 12px;
}

.barcode-camera-box[b-a3at1ed3bo] {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 8px;
    background: #111;
    border: 1px solid #d0d0d0;
}

    .barcode-camera-box video[b-a3at1ed3bo] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.barcode-scan-line[b-a3at1ed3bo] {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 50%;
    height: 2px;
    background: red;
    box-shadow: 0 0 8px red;
    animation: barcodeScan-b-a3at1ed3bo 1.5s infinite;
}

@keyframes barcodeScan-b-a3at1ed3bo {

    0% {
        top: 20%;
    }

    50% {
        top: 80%;
    }

    100% {
        top: 20%;
    }
}

.barcode-list-title[b-a3at1ed3bo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.barcode-manual-add[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    justify-content: flex-end;
}

.barcode-manual-textbox[b-a3at1ed3bo] {
    width: 100px;
}

.barcode-count[b-a3at1ed3bo] {
    min-width: 28px;
    padding: 3px 8px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
}

.barcode-listbox[b-a3at1ed3bo] {
    width: 100%;
    flex: 1;
    min-height: 260px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: white;
    padding: 4px;
    font-family: Consolas, monospace;
    font-size: 14px;
    outline: none;
}

    .barcode-listbox option[b-a3at1ed3bo] {
        padding: 7px 8px;
    }

.barcode-footer[b-a3at1ed3bo] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.menu-title[b-a3at1ed3bo] {
    position: relative;
    cursor: default;
    
    padding: 5px;
}

.tooltip[b-a3at1ed3bo] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    background: lightgray;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    transition: opacity 0.2s;
    z-index: 1000;
}

.menu-title:hover .tooltip[b-a3at1ed3bo] {
    visibility: visible;
    opacity: 1;
}


.barcode-action-row[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.barcode-entry-row[b-a3at1ed3bo] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 8px;
}

.barcode-barno[b-a3at1ed3bo] {
    white-space: nowrap;
    font-weight: 600;
}

.barcode-textbox-container[b-a3at1ed3bo] {
    flex: 1;
    min-width: 0;
}

.barcode-footer[b-a3at1ed3bo] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.pdf-viewer[b-a3at1ed3bo] {
    width: 100%;
    height: calc(90vh - 80px);
}




/****************************/

.sab-pdf-popup[b-a3at1ed3bo] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.30);
}

/* Header */
.sab-pdf-header[b-a3at1ed3bo] {
    width: 100%;
    height: 45px;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    box-sizing: border-box;
    background: linear-gradient( rgb(232, 242, 255), rgb(214, 232, 255) );
    border: 1px solid #c5dafa;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* Heading */
.sab-pdf-title-button[b-a3at1ed3bo] {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #243b64 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Close */
.sab-pdf-close[b-a3at1ed3bo] {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #444 !important;
}

    .sab-pdf-close:hover[b-a3at1ed3bo] {
        background: #dc3545 !important;
        color: white !important;
    }


/* ============================= */
/* POPUP SCROLL CONTROL           */
/* ============================= */

.sab-pdf-popup .dxbl-popup-content[b-a3at1ed3bo] {
    overflow: hidden !important;
    padding: 0 !important;
}

.sab-pdf-popup .dxbl-popup-body[b-a3at1ed3bo] {
    overflow: hidden !important;
    padding: 0 !important;
}


/* PDF container */
.sab-pdf-body[b-a3at1ed3bo] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* PDF Viewer */
.pdf-viewer[b-a3at1ed3bo] {
    width: 100%;
    height: 100%;
}
/* _content/ZabWebErp/Components/Reports/Report.razor.rz.scp.css */
[b-o6pdqdmfd8] .filter-item .dxbl-fl-cpt {
    width: 120px; /* Caption width */
}

[b-o6pdqdmfd8] .filter-item .dxbl-fl-editor {
    width: 250px; /* Editor area width */
}

[b-o6pdqdmfd8] .filter-item {
    min-width: 400px; /* Total item width */
}

.report-filter-container[b-o6pdqdmfd8] {
    width: 700px; /* fixed width */
    margin-bottom: 15px;
}

.filter-panel[b-o6pdqdmfd8] {
    padding: 15px;
}

.filter-layout[b-o6pdqdmfd8] {
    width: 100%;
}

.menu-title[b-o6pdqdmfd8] {
    position: relative;
    cursor: default;
    background-color: #e6e6eb;
    padding:5px;
}

.tooltip[b-o6pdqdmfd8] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    background: lightgray;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    transition: opacity 0.2s;
    z-index: 1000;
}

.menu-title:hover .tooltip[b-o6pdqdmfd8] {
    visibility: visible;
    opacity: 1;
}



.filter-header[b-o6pdqdmfd8] {
    background: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border-radius: 10px;
}


.report-filter-box[b-o6pdqdmfd8] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    padding: 12px;
}

    .report-filter-box input[b-o6pdqdmfd8] {
        background-color: white !important;
    }

    .report-filter-box .dxbl-text-edit[b-o6pdqdmfd8],
    .report-filter-box .dxbl-date-edit[b-o6pdqdmfd8],
    .report-filter-box .dxbl-input[b-o6pdqdmfd8] {
        background-color: white !important;
    }

[b-o6pdqdmfd8] .report-filter-box .sab-help-textbox {
    background-color: white !important;
}
/* _content/ZabWebErp/Components/Reports/Report_grid.razor.rz.scp.css */
.sab-group[b-6yfih22ysm] {
    background: #e5e7eb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

    .sab-group .dxbl-panel[b-6yfih22ysm] {
        background: #e5e7eb;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    }



.report-container[b-6yfih22ysm] {
    position: relative;
}

.report-loading-overlay[b-6yfih22ysm] {
    position: absolute;
    inset: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: wait;
}

.report-loading-box[b-6yfih22ysm] {
    background: white;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.20);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.report-spinner[b-6yfih22ysm] {
    width: 18px;
    height: 18px;
    border: 3px solid #ddd;
    border-top-color: #333;
    border-radius: 50%;
    animation: report-spin-b-6yfih22ysm 0.8s linear infinite;
}

@keyframes report-spin-b-6yfih22ysm {
    to {
        transform: rotate(360deg);
    }
}
/* _content/ZabWebErp/Components/Reports/Sabgridreport.razor.rz.scp.css */
[b-4kzbozgl6x] .filter-item .dxbl-fl-cpt {
    width: 120px; /* Caption width */
}

[b-4kzbozgl6x] .filter-item .dxbl-fl-editor {
    width: 250px; /* Editor area width */
}

[b-4kzbozgl6x] .filter-item {
    min-width: 400px; /* Total item width */
}

.report-filter-container[b-4kzbozgl6x] {
    width: 700px; /* fixed width */
    margin-bottom: 15px;
}

.filter-panel[b-4kzbozgl6x] {
    padding: 15px;
}

.filter-layout[b-4kzbozgl6x] {
    width: 100%;
}

.menu-title[b-4kzbozgl6x] {
    position: relative;
    cursor: default;
    background-color: #e6e6eb;
    padding: 5px;
}

.tooltip[b-4kzbozgl6x] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    background: lightgray;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    transition: opacity 0.2s;
    z-index: 1000;
}

.menu-title:hover .tooltip[b-4kzbozgl6x] {
    visibility: visible;
    opacity: 1;
}



.filter-header[b-4kzbozgl6x] {
    background: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border-radius: 10px;
}


.report-filter-box[b-4kzbozgl6x] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    padding: 12px;
}

    .report-filter-box input[b-4kzbozgl6x] {
        background-color: white !important;
    }

    .report-filter-box .dxbl-text-edit[b-4kzbozgl6x],
    .report-filter-box .dxbl-date-edit[b-4kzbozgl6x],
    .report-filter-box .dxbl-input[b-4kzbozgl6x] {
        background-color: white !important;
    }

[b-4kzbozgl6x] .report-filter-box .sab-help-textbox {
    background-color: white !important;
}
/* _content/ZabWebErp/Components/Shared/SabEntRibbon.razor.rz.scp.css */
.sab-toolbar[b-euqysffpzx] {
    display:none;
}
.sab-ribbon[b-euqysffpzx] {
    border-radius: 10px;
    padding: 1px;
    margin: 5px;
 
}


    .sab-ribbon button[b-euqysffpzx] {
        background: linear-gradient(rgb(232, 242, 255) 0%, rgb(214, 232, 255) 100%) !important;
        border: 1px solid #c5dafa !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.12);
    }


        .sab-ribbon button:hover[b-euqysffpzx] {
            background: linear-gradient(rgb(214, 232, 255) 0%, rgb(190, 215, 250) 100%) !important;
        }

    .sab-ribbon .dxbl-btn[b-euqysffpzx] {
        background: linear-gradient(rgb(232,242,255), rgb(214,232,255)) !important;
    }


    .sab-ribbon .sab-print-running[b-euqysffpzx] {
        background: #0d6efd !important;
        background-image: none !important;
        color: white !important;
    }

        .sab-ribbon .sab-print-running .dxbl-btn-icon[b-euqysffpzx],
        .sab-ribbon .sab-print-running svg[b-euqysffpzx] {
            color: white !important;
        }

    .sab-ribbon.sab-print-wait[b-euqysffpzx],
    .sab-ribbon.sab-print-wait *[b-euqysffpzx] {
        cursor: wait !important;
    }