/* _content/NextERP/Components/Base/BaseForm.razor.rz.scp.css */
.page-container[b-0u5n5gsjd9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.page-header[b-0u5n5gsjd9] {
    flex: 0 0 auto;
    position: sticky;
    background-color: var(--base-background);
    top: 0;
    z-index: 999999;
}

.edit-form-body > .page-header[b-0u5n5gsjd9] {
    z-index: 10;
}

.page-body[b-0u5n5gsjd9] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
}

.section-main[b-0u5n5gsjd9] {
    width: calc(100% - 341px);
}

.section-main-only[b-0u5n5gsjd9] {
    width: 100%;
}

.horizontal-separator[b-0u5n5gsjd9] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.vertical-separator[b-0u5n5gsjd9] {
    flex: 0 0 auto;
    width: 1px;
    height: 100%;
    margin: 0 15px;
    background-color: var(--base-separator-color);
}

.section-header[b-0u5n5gsjd9] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #5a41b4;
    height: 30px;
}

    .section-header span[b-0u5n5gsjd9] {
        font-size: 12px;
        font-weight: 500;
        color: #5a41b4;
        margin: auto 0;
    }

    .section-header button[b-0u5n5gsjd9] {
        background: none;
        border: none;
        outline: none;
    }

        .section-header button span[b-0u5n5gsjd9] {
            color: #aeaeae;
            font-weight: normal;
        }

.section-header-form[b-0u5n5gsjd9] {
    margin-top: 20px;
}

.section-header-grid[b-0u5n5gsjd9] {
    margin-top: 20px;
}

.section-header-caption[b-0u5n5gsjd9] {
    display: flex;
    align-items: center;
}

.section-body[b-0u5n5gsjd9] {
    transition: all 0.2s ease-in-out;
    max-height: 100%;
    overflow: hidden;
}

    .section-body.collapsed[b-0u5n5gsjd9] {
        max-height: 0;
    }


.form[b-0u5n5gsjd9] {
    margin-top: 10px;
}

.grid[b-0u5n5gsjd9] {
    margin: 25px 0 10px 0;
}

[b-0u5n5gsjd9] .grid .dxbl-scroll-viewer-content {
    /*max-height: 258px;*/
    min-height: 141px;
}

    [b-0u5n5gsjd9] .grid .dxbl-scroll-viewer-content:has(tfoot) {
        min-height: 186.5px;
    }

[b-0u5n5gsjd9] .grid-header-buttons {
    border-bottom: 1px solid #d4d4d4;
}

.section-body-grid[b-0u5n5gsjd9] {
    position: relative;
}

.btn-grid-maximize[b-0u5n5gsjd9] {
    position: absolute;
    top: 2px;
    right: 4px;
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #d0d3d9;
    border-radius: 4px;
    color: #555;
    cursor: pointer;
}

    .btn-grid-maximize:hover[b-0u5n5gsjd9] {
        background: #eef1f6;
        color: #1565c0;
    }

.section-body-grid.maximized[b-0u5n5gsjd9] {
    position: absolute;
    inset: 0;
    z-index: 1000000;
    max-height: none;
    margin: 0;
    padding: 0px 10px 0px 10px;
    background-color: var(--base-background);
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
}

    .section-body-grid.maximized.collapsed[b-0u5n5gsjd9] {
        max-height: none;
    }

    .section-body-grid.maximized[b-0u5n5gsjd9]  .grid {
        flex: 1 1 auto;
        min-height: 0;
        margin-bottom: 0;
    }

        .section-body-grid.maximized[b-0u5n5gsjd9]  .grid .dxbl-scroll-viewer-content {
            min-height: 0;
            max-height: none;
        }

[b-0u5n5gsjd9] .btn-text {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border: none;
    height: 40px;
    padding: 0 10px;
    background-color: inherit;
}

    [b-0u5n5gsjd9] .btn-text img {
        height: 19px !important; /* Adjust this to control the size */
        width: 19px !important; /* Set width to keep the aspect ratio consistent */
        object-fit: contain; /* Ensures the image fits without distortion */
    }

    [b-0u5n5gsjd9] .btn-text p {
        color: #5d5d5d;
        margin: auto 5px;
    }

    [b-0u5n5gsjd9] .btn-text.active,
    [b-0u5n5gsjd9] .btn-text:hover {
        background-color: var(--base-background-focused);
    }

.section-attachments[b-0u5n5gsjd9] {
    flex: 0 0 auto;
    width: 300px;
    margin-left: 10px;
}

.section-attachments-header[b-0u5n5gsjd9] {
    display: flex;
    margin-bottom: 20px !important;
}

    .section-attachments-header button[b-0u5n5gsjd9] {
        display: flex;
        height: 30px;
        margin-top: 20px;
        margin-right: auto;
        padding-right: 5px;
        color: #aeaeae;
        background: none;
        outline: none;
        border: none;
        border-bottom: 1px solid #0000;
    }

        .section-attachments-header button.active[b-0u5n5gsjd9] {
            color: #5a41b4;
            border-bottom: 1px solid #5a41b4;
        }

    .section-attachments-header p[b-0u5n5gsjd9] {
        font-size: 12px;
        font-weight: 500;
        margin: auto 0;
    }

    .section-attachments-header img[b-0u5n5gsjd9] {
        height: 20px;
        margin: auto 5px auto 0;
    }

.fixed-grid[b-0u5n5gsjd9],
.fixed-grid .page-body[b-0u5n5gsjd9] {
    flex: 1;
    overflow-y: hidden !important;
}

    .fixed-grid .section-main[b-0u5n5gsjd9],
    .fixed-grid .section-body-grid[b-0u5n5gsjd9] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .fixed-grid .section-body-grid .grid[b-0u5n5gsjd9],
        .fixed-grid .section-body-grid .grid-wrapper[b-0u5n5gsjd9],
        .fixed-grid .section-body-grid .dx-grid[b-0u5n5gsjd9],
        .fixed-grid .section-body-grid .dxbl-scroll-viewer[b-0u5n5gsjd9] {
            height: 100% !important;
            overflow-y: hidden !important;
        }
/* _content/NextERP/Components/Base/BaseInfo.razor.rz.scp.css */
.page-container[b-jkz9l42hgx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.workspace[b-jkz9l42hgx] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 10px 0 10px 0;
}

.horizontal-separator[b-jkz9l42hgx] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

[b-jkz9l42hgx] .dxbl-splitter {
    --dxbl-splitter-separator-bg: var(--base-background);
    --dxbl-splitter-separator-active-bg: var(--base-background);
    --dxbl-splitter-separator-focused-bg: var(--base-background);
    --dxbl-splitter-separator-hover-bg: var(--base-background);
    --dxbl-splitter-button-active-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-button-focused-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-bg: var(--base-background);
}

[b-jkz9l42hgx] .dxbl-splitter-resize-handle {
    display: none;
}

[b-jkz9l42hgx] .dxbl-splitter-pane-content {
    padding: 0 10px 0 10px;
    border: 1px solid var(--base-separator-color);
}

[b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
    border-radius: 0;
    color: #5a5a5a;
}

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active::before {
        background-color: var(--base-background-focused);
    }

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active {
        color: #5a5a5a;
        font-weight: 400;
    }

[b-jkz9l42hgx] .dxbl-treeview {
    --dxbl-treeview-text-padding-y: 12px;
    --dxbl-treeview-item-spacing-y: 0;
    --dxbl-treeview-font-size: 12px;
    --dxbl-treeview-font-weight: 300;
}

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item-container[aria-level="1"] .dxbl-treeview-item-text {
        text-transform: uppercase;
    }

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item-container[aria-level="2"] {
        height: 40px;
        overflow: hidden;
    }

.permission-denied[b-jkz9l42hgx] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}

.dxbl-modal-body .page-container[b-jkz9l42hgx]  .user-guide {
    max-height: 45cqh;
}

.dxbl-modal-body .page-container[b-jkz9l42hgx]  .user-guide-content {
    width: 55cqh;
}
/* _content/NextERP/Components/Base/BaseInquiry.razor.rz.scp.css */
.page-container[b-wzht18mzmk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.grid-container[b-wzht18mzmk] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.filter[b-wzht18mzmk] {
    flex: 1 0 auto;
    overflow: auto;
    scrollbar-color: #636363 var(--base-background);
    width: 350px;
    border-right: 1px solid #d2d2d2;
    margin: 10px 15px 10px 0;
}

.filter-buttons[b-wzht18mzmk] {
    margin: 5px auto;
    width: fit-content;
}

.filter-header[b-wzht18mzmk] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    .filter-header p[b-wzht18mzmk] {
        font-size: 16px;
        margin: 0;
    }

    .filter-header .btn-close-header[b-wzht18mzmk] {
        margin: auto 10px;
        padding: 2px;
        background-color: var(--base-background);
        border: none;
    }

        .filter-header .btn-close-header:focus[b-wzht18mzmk] {
            outline: none;
        }

        .filter-header .btn-close-header img[b-wzht18mzmk] {
            width: 16px;
            height: 16px;
        }

.filter-group p[b-wzht18mzmk] {
    margin: 5px 0 -8px 0;
}

.filter-group ul[b-wzht18mzmk] {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.filter-group li[b-wzht18mzmk] {
    display: flex;
    margin: 5px 10px;
}

    .filter-group li *[b-wzht18mzmk] {
        cursor: pointer;
    }

.filter-group label[b-wzht18mzmk] {
    width: 100%;
    padding-left: 5px;
}

[b-wzht18mzmk] .filter-builder .dxbl-btn-dropdown > button {
    height: 30px;
    border-radius: 5px;
}

    [b-wzht18mzmk] .filter-builder .dxbl-btn-dropdown > button.dxbl-filter-builder-node-extra-btn {
        width: 30px;
    }

.grid[b-wzht18mzmk] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    margin: 25px 0 10px 0;
}

.card[b-wzht18mzmk] {
    flex: 1 1 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.horizontal-separator[b-wzht18mzmk] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.popup[b-wzht18mzmk] {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.popup-container[b-wzht18mzmk] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header[b-wzht18mzmk] {
    height: 50px;
    align-content: center;
    background-color: white;
}

    .popup-header .logo[b-wzht18mzmk] {
        margin: 10px 15px 10px 70px;
    }

        .popup-header .logo img[b-wzht18mzmk] {
            height: 30px;
        }

.popup-body[b-wzht18mzmk] {
    flex: 1 1 auto;
    background-color: var(--base-background);
}

    .popup-body .btn-exit[b-wzht18mzmk] {
        float: left;
        width: 35px;
        height: 35px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 6px 0 6px 19px;
    }

        .popup-body .btn-exit img[b-wzht18mzmk] {
            width: 100%;
            height: 100%;
        }

    .popup-body .edit-form[b-wzht18mzmk] {
        height: 100%;
        margin: 0 60px;
    }

[b-wzht18mzmk] .dx-report {
    height: 100%;
    border: none;
    box-shadow: none;
}

    [b-wzht18mzmk] .dx-report .dxbrv-surface-wrapper {
        background-color: var(--base-background);
    }

.permission-denied[b-wzht18mzmk] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseList.razor.rz.scp.css */
.page-container[b-t0vidykeq5] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.grid-container[b-t0vidykeq5] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.filter[b-t0vidykeq5] {
    flex: 1 0 auto;
    overflow: auto;
    scrollbar-color: #636363 var(--base-background);
    width: 350px;
    border-right: 1px solid #d2d2d2;
    margin: 10px 15px 10px 0;
}

.filter-buttons[b-t0vidykeq5] {
    margin: 5px auto;
    width: fit-content;
}

.filter-header[b-t0vidykeq5] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    .filter-header p[b-t0vidykeq5] {
        font-size: 16px;
        margin: 0;
    }

    .filter-header .btn-close-header[b-t0vidykeq5] {
        margin: auto 10px;
        padding: 2px;
        background-color: var(--base-background);
        border: none;
    }

        .filter-header .btn-close-header:focus[b-t0vidykeq5] {
            outline: none;
        }

        .filter-header .btn-close-header img[b-t0vidykeq5] {
            width: 16px;
            height: 16px;
        }

.filter-group p[b-t0vidykeq5] {
    margin: 5px 0 -8px 0;
}

.filter-group ul[b-t0vidykeq5] {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.filter-group li[b-t0vidykeq5] {
    display: flex;
    margin: 5px 10px;
}

    .filter-group li *[b-t0vidykeq5] {
        cursor: pointer;
    }

.filter-group label[b-t0vidykeq5] {
    width: 100%;
    padding-left: 5px;
}

[b-t0vidykeq5] .filter-builder .dxbl-btn-dropdown > button {
    height: 30px;
    border-radius: 5px;
}

    [b-t0vidykeq5] .filter-builder .dxbl-btn-dropdown > button.dxbl-filter-builder-node-extra-btn {
        width: 30px;
    }

.grid[b-t0vidykeq5] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    margin: 25px 0 10px 0;
}

.card[b-t0vidykeq5] {
    flex: 1 1 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.horizontal-separator[b-t0vidykeq5] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.popup[b-t0vidykeq5] {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.popup-container[b-t0vidykeq5] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header[b-t0vidykeq5] {
    height: 50px;
    align-content: center;
    background-color: white;
}

    .popup-header .logo[b-t0vidykeq5] {
        margin: 10px 15px 10px 70px;
    }

        .popup-header .logo img[b-t0vidykeq5] {
            height: 30px;
        }

.popup-body[b-t0vidykeq5] {
    flex: 1 1 auto;
    background-color: var(--base-background);
}

    .popup-body .btn-exit[b-t0vidykeq5] {
        float: left;
        width: 35px;
        height: 35px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 6px 0 6px 19px;
    }

        .popup-body .btn-exit img[b-t0vidykeq5] {
            width: 100%;
            height: 100%;
        }

    .popup-body .edit-form[b-t0vidykeq5] {
        height: 100%;
        margin: 0 60px;
    }

[b-t0vidykeq5] .dx-report {
    height: 100%;
    border: none;
    box-shadow: none;
}

    [b-t0vidykeq5] .dx-report .dxbrv-surface-wrapper {
        background-color: var(--base-background);
    }

.permission-denied[b-t0vidykeq5] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseListDetail.razor.rz.scp.css */
.page-container[b-jaf9qpqcgv] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.grid-container[b-jaf9qpqcgv] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.filter[b-jaf9qpqcgv] {
    flex: 1 0 auto;
    overflow: auto;
    scrollbar-color: #636363 var(--base-background);
    width: 350px;
    border-right: 1px solid #d2d2d2;
    margin: 10px 15px 10px 0;
}

.filter-buttons[b-jaf9qpqcgv] {
    margin: 5px auto;
    width: fit-content;
}

.filter-header[b-jaf9qpqcgv] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    .filter-header p[b-jaf9qpqcgv] {
        font-size: 16px;
        margin: 0;
    }

    .filter-header .btn-close-header[b-jaf9qpqcgv] {
        margin: auto 10px;
        padding: 2px;
        background-color: var(--base-background);
        border: none;
    }

        .filter-header .btn-close-header:focus[b-jaf9qpqcgv] {
            outline: none;
        }

        .filter-header .btn-close-header img[b-jaf9qpqcgv] {
            width: 16px;
            height: 16px;
        }

.filter-group p[b-jaf9qpqcgv] {
    margin: 5px 0 -8px 0;
}

.filter-group ul[b-jaf9qpqcgv] {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.filter-group li[b-jaf9qpqcgv] {
    display: flex;
    margin: 5px 10px;
}

    .filter-group li *[b-jaf9qpqcgv] {
        cursor: pointer;
    }

.filter-group label[b-jaf9qpqcgv] {
    width: 100%;
    padding-left: 5px;
}

[b-jaf9qpqcgv] .filter-builder .dxbl-btn-dropdown > button {
    height: 30px;
    border-radius: 5px;
}

    [b-jaf9qpqcgv] .filter-builder .dxbl-btn-dropdown > button.dxbl-filter-builder-node-extra-btn {
        width: 30px;
    }

/* BaseListDetail-ийн нэмэлт: toolbar-ийн доорх custom шүүлтүүрийн муж */
.header-filter[b-jaf9qpqcgv] {
    flex: 0 0 auto;
    width: 100%;
    padding: 6px 0;
}

.grid[b-jaf9qpqcgv] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Detail grid-ийн дээд талын "Мөр нэмэх / Мөр хасах" товчнууд */
.grid-header-buttons[b-jaf9qpqcgv] {
    display: flex;
    flex: 0 0 auto;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 6px;
}

[b-jaf9qpqcgv] .grid-wrapper {
    flex: 1 1 auto;
    min-height: 0;
}

[b-jaf9qpqcgv] .btn-text {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border: none;
    height: 40px;
    padding: 0 10px;
    background-color: inherit;
    cursor: pointer;
}

[b-jaf9qpqcgv] .btn-text img {
    height: 19px !important;
    width: 19px !important;
    object-fit: contain;
}

[b-jaf9qpqcgv] .btn-text p {
    color: #5d5d5d;
    margin: auto 5px;
}

[b-jaf9qpqcgv] .btn-text:hover {
    background-color: var(--base-background-focused);
}

.card[b-jaf9qpqcgv] {
    flex: 1 1 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.horizontal-separator[b-jaf9qpqcgv] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.popup[b-jaf9qpqcgv] {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.popup-container[b-jaf9qpqcgv] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header[b-jaf9qpqcgv] {
    height: 50px;
    align-content: center;
    background-color: white;
}

    .popup-header .logo[b-jaf9qpqcgv] {
        margin: 10px 15px 10px 70px;
    }

        .popup-header .logo img[b-jaf9qpqcgv] {
            height: 30px;
        }

.popup-body[b-jaf9qpqcgv] {
    flex: 1 1 auto;
    background-color: var(--base-background);
}

    .popup-body .btn-exit[b-jaf9qpqcgv] {
        float: left;
        width: 35px;
        height: 35px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 6px 0 6px 19px;
    }

        .popup-body .btn-exit img[b-jaf9qpqcgv] {
            width: 100%;
            height: 100%;
        }

    .popup-body .edit-form[b-jaf9qpqcgv] {
        height: 100%;
        margin: 0 60px;
    }

[b-jaf9qpqcgv] .dx-report {
    height: 100%;
    border: none;
    box-shadow: none;
}

    [b-jaf9qpqcgv] .dx-report .dxbrv-surface-wrapper {
        background-color: var(--base-background);
    }

.permission-denied[b-jaf9qpqcgv] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseSettings.razor.rz.scp.css */
.page-container[b-r3x85ydmia] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 10px;
    overflow: hidden;
    background-color: var(--base-background);
}

.workspace[b-r3x85ydmia] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    margin: 10px 0 10px 0;
}

.settings-content[b-r3x85ydmia] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 21px;
    box-sizing: border-box;
}

.settings-window[b-r3x85ydmia] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    background: transparent;
    border: none;
    box-sizing: border-box;
}

.horizontal-separator[b-r3x85ydmia] {
    width: 100%;
    height: 1px;
    flex: 0 0 auto;
    background-color: var(--base-separator-color);
}

[b-r3x85ydmia] .dxbl-splitter {
    --dxbl-splitter-separator-bg: var(--base-background);
    --dxbl-splitter-separator-active-bg: var(--base-background);
    --dxbl-splitter-separator-focused-bg: var(--base-background);
    --dxbl-splitter-separator-hover-bg: var(--base-background);
    --dxbl-splitter-button-active-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-button-focused-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-bg: var(--base-background);
    --dxbl-splitter-font-size: none;
    height: 100%;
}

[b-r3x85ydmia] .dxbl-splitter-resize-handle {
    display: none;
}

[b-r3x85ydmia] .dxbl-splitter-pane-content {
    height: 100%;
    min-height: 0;
    padding: 0 10px 0 10px;
    border: 1px solid var(--base-separator-color);
    box-sizing: border-box;
}

[b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
    border-radius: 0;
    color: #5a5a5a;
}

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active::before {
        background-color: var(--base-background-focused);
    }

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active {
        color: #5a5a5a;
        font-weight: 400;
    }

[b-r3x85ydmia] .dxbl-treeview {
    --dxbl-treeview-text-padding-y: 12px;
    --dxbl-treeview-item-spacing-y: 0;
    --dxbl-treeview-font-size: 12px;
    --dxbl-treeview-font-weight: 300;
    height: 100%;
}

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item-container[aria-level="1"] .dxbl-treeview-item-text {
        text-transform: uppercase;
    }

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item-container[aria-level="2"] {
        height: 40px;
        overflow: hidden;
    }

.permission-denied[b-r3x85ydmia] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}

[b-r3x85ydmia] .menu-divider {
    position: relative;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

    [b-r3x85ydmia] .menu-divider::after {
        content: "";
        position: absolute;
        left: 26px;
        right: 0px;
        bottom: 0;
        height: 1px;
        background: #CFCFCF;
    }

[b-r3x85ydmia] .menu-bottom-item,
[b-r3x85ydmia] .menu-bottom-item .dx-treeview-item-text,
[b-r3x85ydmia] .menu-bottom-item span,
[b-r3x85ydmia] .menu-bottom-item div {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #5B41B4 !important;
    background: transparent !important;
}

[b-r3x85ydmia] .menu-bottom-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

    [b-r3x85ydmia] .menu-bottom-item:hover,
    [b-r3x85ydmia] .menu-bottom-item:hover .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item:hover span,
    [b-r3x85ydmia] .menu-bottom-item:hover div,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover span,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover div {
        color: #5B41B4 !important;
        background: transparent !important;
    }

    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected span,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected div,
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"],
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"] .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"] span,
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"] div {
        color: #5B41B4 !important;
        background: transparent !important;
    }

    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused span,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused div {
        color: #5B41B4 !important;
        background: transparent !important;
    }

    [b-r3x85ydmia] .menu-bottom-item::before,
    [b-r3x85ydmia] .menu-bottom-item::after {
        background: transparent !important;
    }

[b-r3x85ydmia] .section-header-form {
    margin-top: 0 !important;
}

[b-r3x85ydmia] .section-header.section-header-form {
    margin-top: 0 !important;
}

.settings-window[b-r3x85ydmia]  .section-header-form {
    margin-top: 0 !important;
}
/* Demo компанид тохиргоо засах боломжгүй (read-only) — бүх агуулгын харилцан үйлдлийг хаана. */
.demo-readonly[b-r3x85ydmia] {
    pointer-events: none;
    opacity: 0.7;
}

.demo-readonly-note[b-r3x85ydmia] {
    margin: 6px 12px;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #fff4e5;
    color: #8a5a00;
    font-size: 12px;
    border: 1px solid #ffd8a8;
}

[b-r3x85ydmia] .edit-form-body {
    container-type: normal;
}
/* _content/NextERP/Components/Base/BaseToolbar.razor.rz.scp.css */
.page-header[b-bkvcs815ch] {
    display: flex;
    justify-content: space-between;
    width: inherit !important;
    overflow: hidden;
}

    .page-header > div[b-bkvcs815ch] {
        display: flex;
        align-items: center;
        height: 44px;
    }

    .page-header.page-header-custom[b-bkvcs815ch] {
        border-top: 1px solid var(--base-separator-color);
    }

.custom-btn-separator[b-bkvcs815ch] {
    flex: 0 0 auto;
    width: 1px;
    height: 22px;
    margin: 0 8px;
    background: var(--base-separator-color);
}

.page-title[b-bkvcs815ch] {
    font-weight: 500;
    margin: auto 15px auto 0;
    text-wrap: nowrap;
}

.searchbox[b-bkvcs815ch] {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

    .searchbox:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

    .searchbox img[b-bkvcs815ch] {
        position: absolute;
        vertical-align: middle;
        align-self: center;
        left: 14px;
        width: 16px;
        height: 16px;
        pointer-events: none;
        z-index: 1;
    }

    .searchbox input[type=search][b-bkvcs815ch] {
        font-size: 12px;
        color: #5d5d5d;
        width: 44px;
        height: 44px;
        border: 1px solid #aeaeae;
        outline: none;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        .searchbox input[type=search]:focus[b-bkvcs815ch],
        .searchbox input[type=search]:not(:placeholder-shown)[b-bkvcs815ch] {
            width: 300px;
            height: 32px;
            padding: 0 8px 0 37px;
            opacity: 1;
            cursor: auto;
        }

        .searchbox input[type=search][b-bkvcs815ch]::-webkit-search-cancel-button {
            -webkit-appearance: none;
            appearance: none;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
            background-size: 10px 10px;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            cursor: pointer;
        }

.btn-image[b-bkvcs815ch] {
    border: none;
    width: 44px;
    height: 44px;
    background-color: inherit;
}

    .btn-image img[b-bkvcs815ch] {
        width: 17px;
        height: 17px;
    }

    .btn-image.dropdown[b-bkvcs815ch] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px
    }

    .btn-image.active[b-bkvcs815ch],
    .btn-image:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

[b-bkvcs815ch] .btn-image.isdisabled {
    cursor: not-allowed;
}

    [b-bkvcs815ch] .btn-image.isdisabled img {
        opacity: 0.5;
    }

    [b-bkvcs815ch] .btn-image.isdisabled p {
        color: #888;
    }

    [b-bkvcs815ch] .btn-image.isdisabled.active,
    [b-bkvcs815ch] .btn-image.isdisabled:hover {
        background-color: inherit !important;
    }

.btn-text[b-bkvcs815ch] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border: none;
    height: 44px;
    padding: 0 10px;
    background-color: inherit;
}

    .btn-text img[b-bkvcs815ch] {
        width: 17px;
        height: 17px;
    }

    .btn-text p[b-bkvcs815ch] {
        color: #5d5d5d;
        margin: auto 5px;
    }

    .btn-text.active[b-bkvcs815ch],
    .btn-text:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

[b-bkvcs815ch] .btn-text.isdisabled {
    cursor: not-allowed;
}

    [b-bkvcs815ch] .btn-text.isdisabled img {
        opacity: 0.5;
    }

    [b-bkvcs815ch] .btn-text.isdisabled p {
        color: #888;
    }

    [b-bkvcs815ch] .btn-text.isdisabled.active,
    [b-bkvcs815ch] .btn-text.isdisabled:hover {
        background-color: inherit !important;
    }

[b-bkvcs815ch] .btn-new-dropdown {
    padding-left: 9px;
    padding-right: 9px;
}

[b-bkvcs815ch] .dxbl-btn-dropdown:has(.btn-custom-separator) {
    position: relative;
}

    [b-bkvcs815ch] .dxbl-btn-dropdown:has(.btn-custom-separator):after {
        position: absolute;
        content: "";
        background: var(--base-separator-color);
        width: 2px;
        height: 70%;
        margin: 5% 0 5% -1px;
    }

.btn-search-panel[b-bkvcs815ch] {
    position: relative;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent;
}

    .btn-search-panel.active[b-bkvcs815ch] {
        border-color: var(--base-separator-color);
        background-color: inherit;
    }

    .btn-search-panel:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

    .btn-search-panel .search-panel-border[b-bkvcs815ch] {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: var(--base-background);
    }

    .btn-search-panel .dxbl-image[b-bkvcs815ch] {
        color: #5d5d5d;
    }

    .btn-search-panel p[b-bkvcs815ch] {
        margin: auto 5px auto -5px;
    }

.search-panel[b-bkvcs815ch] {
    max-height: 0;
    border-top: 0px solid var(--base-separator-color);
    margin-top: -1px;
    overflow: clip;
    transition: all 0.3s linear;
}

    .search-panel.shown[b-bkvcs815ch] {
        max-height: fit-content;
        border-top: 1px solid var(--base-separator-color);
    }

.vertical-separator[b-bkvcs815ch] {
    display: inline-block;
    width: 2px;
    height: 30px;
    margin: 0 7px;
    background-color: var(--base-separator-color);
}

[b-bkvcs815ch] .icon-copilot {
    background-image: url('images/claude.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    outline: none;
    border: none;
}

[b-bkvcs815ch] .page-dropdown span {
    color: #321D89 !important;
}

[b-bkvcs815ch] .dxbl-btn-dropdown span {
    color: #5d5d5d;
}

[b-bkvcs815ch] .dxbl-btn-dropdown .dxbl-image {
    color: #5d5d5d;
}

[b-bkvcs815ch] .dxbl-btn-dropdown > button {
    height: 44px;
    border-radius: 0;
}

    [b-bkvcs815ch] .dxbl-btn-dropdown > button:hover {
        background-color: var(--base-background-focused) !important;
    }

[b-bkvcs815ch] .dxbl-btn-dropdown .dxbl-active:not(:hover) {
    background-color: #e2e2e2 !important;
}

.unsaved-indicator[b-bkvcs815ch] {
    font-size: 13px;
    color: #947aff;
    margin: auto -2px;
    opacity: 0;
}

    .unsaved-indicator.show[b-bkvcs815ch] {
        opacity: 1;
    }

.user-guide-wrapper[b-bkvcs815ch] {
    anchor-name: --user-guide-wrapper;
}

.user-guide[b-bkvcs815ch] {
    position: absolute;
    position-anchor: --user-guide-wrapper;
    position-area: bottom center;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 150px);
    padding: 20px;
    background: #f8f7fc;
    border-radius: 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    z-index: 999999;
}

.dxbl-modal-body .user-guide[b-bkvcs815ch] {
    max-height: calc(100cqh - 70px);
}

.user-guide-header[b-bkvcs815ch] {
    display: flex;
    border-bottom: 1px solid #5b41b4;
    padding-bottom: 8px;
}

.user-guide-caption[b-bkvcs815ch] {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    color: #5b41b4;
}

    .user-guide-caption[b-bkvcs815ch]:before {
        content: "";
        background-image: url('images/feedback_manual.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

.user-guide-title[b-bkvcs815ch] {
    font-size: 13px;
    font-weight: 500;
    color: #5b41b4;
}

    .user-guide-title[b-bkvcs815ch]:before {
        content: '\2192';
        margin: 0 10px;
    }

    .user-guide-title:empty[b-bkvcs815ch] {
        display: none;
    }

.user-guide-pdf[b-bkvcs815ch] {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    color: #5b41b4;
    margin-left: auto;
    cursor: pointer;
}

    .user-guide-pdf[b-bkvcs815ch]:before {
        content: "";
        background-image: url('images/icon-export-pdf.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 20px;
        width: 16px;
        height: 20px;
        margin-right: 5px;
    }

.user-guide-error[b-bkvcs815ch] {
    font-size: 13px;
    font-weight: 300;
    color: #888;
    text-align: center;
    margin-top: 20px;
    width: 450px;
}

.user-guide-body[b-bkvcs815ch] {
    display: flex;
    overflow: hidden;
    overflow-y: auto;
    scroll-padding-top: 20px;
}

.user-guide-toc[b-bkvcs815ch] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 10px 0 10px;
    overflow-y: auto;
    scrollbar-width: none;
}

.user-guide-toc-caption[b-bkvcs815ch] {
    font-size: 16px;
    text-wrap: nowrap;
    color: #555;
}

.user-guide-toc-item[b-bkvcs815ch] {
    position: relative;
    display: flex;
    font-size: 12px;
    text-wrap: nowrap;
    color: #555;
    margin: 3px 0;
    cursor: pointer;
}

    .user-guide-toc-item.indented[b-bkvcs815ch] {
        padding-left: 12px;
    }

    .user-guide-toc-item.active[b-bkvcs815ch] {
        font-weight: 700;
    }

        .user-guide-toc-item.active[b-bkvcs815ch]:before {
            content: "";
            position: absolute;
            left: 0;
            width: 2px;
            height: 100%;
            margin-left: -5px;
            background: #5b3fc9;
        }
/* _content/NextERP/Components/Controls/ChatWidget.razor.rz.scp.css */
/* Container */
.chat-widget[b-mj1tchz3p8] {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 400px;
    height: calc(100vh - 70px);
    border: 1px solid white;
    border-radius: 15px 15px 0 0;
    background: #f8f8f8;
    box-shadow: 0 20px 20px #eaeaea;
    z-index: 1000;
}

.widget-open[b-mj1tchz3p8] {
    display: flex;
}

.widget-closed[b-mj1tchz3p8] {
    display: none;
}

/* Header */
.chat-header[b-mj1tchz3p8] {
    display: flex;
    background: #5a41b4;
    padding: 12px;
    border-radius: 15px 15px 0 0;
}

.chat-header-title[b-mj1tchz3p8] {
    flex: 1;
    font-size: 15px;
    font-weight: bold;
    color: white;
    margin: auto 10px;
}

.chat-header-logo[b-mj1tchz3p8] {
    height: 24px;
    margin: 0 5px;
}

.chat-restart-btn[b-mj1tchz3p8],
.chat-close-btn[b-mj1tchz3p8] {
    background: none;
    border: none;
    outline: none;
    height: 30px;
}

    .chat-restart-btn:hover[b-mj1tchz3p8],
    .chat-close-btn:hover[b-mj1tchz3p8] {
        background: #eaeaea33;
        border-radius: 5px;
    }

/* Messages */
.chat-messages[b-mj1tchz3p8] {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    scrollbar-width: none;
}

.message[b-mj1tchz3p8] {
    font-size: 12px;
    word-wrap: break-word;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 10px;
}

[b-mj1tchz3p8] .message p:last-child {
    margin-bottom: 0;
}

.user-message[b-mj1tchz3p8] {
    background: #e1d8fe;
    margin-left: auto;
    max-width: 85%;
}

.assistant-message[b-mj1tchz3p8] {
    background: #f8f8f8;
}

.error-message[b-mj1tchz3p8] {
    background: #e74c3c88;
}

.welcome-message[b-mj1tchz3p8] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

/* Input */
.chat-input-area[b-mj1tchz3p8] {
    display: flex;
    margin: 15px;
    margin-top: -15px;
    background: white;
    border-radius: 10px;
    z-index: 1;
}

    .chat-input-area:focus-within[b-mj1tchz3p8] {
        outline: 1px solid #5a41b4;
    }

.chat-input[b-mj1tchz3p8] {
    flex: 1;
    field-sizing: content;
    min-height: 1lh;
    max-height: 5lh;
    resize: none;
    border: none;
    outline: none;
    margin: 10px 0 10px 10px;
    font-size: 14px;
    scrollbar-width: none;
}

.input-button[b-mj1tchz3p8] {
    background: none;
    border: none;
    outline: none;
    width: 36px;
    height: 36px;
    padding: 0;
}

    .input-button img[b-mj1tchz3p8] {
        width: 36px;
        height: 36px;
    }

.attachment-btn[b-mj1tchz3p8] {
    margin: auto 0 5px 5px;
}

.send-btn[b-mj1tchz3p8] {
    margin: auto 5px 5px 5px;
}

.voice-input-btn[b-mj1tchz3p8] {
    margin: auto -5px 5px 5px;
    transition: all 0.1s ease-in-out;
}

.chat-input-area:has(.chat-input:not(:placeholder-shown)) .voice-input-btn[b-mj1tchz3p8] {
    pointer-events: none;
    width: 0;
}

/* Typing animation */
.typing-bubble[b-mj1tchz3p8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 18px;
}

.dot[b-mj1tchz3p8] {
    width: 8px;
    height: 8px;
    background: #9e9ea1;
    border-radius: 50%;
    animation: bounce-b-mj1tchz3p8 1.4s infinite ease-in-out both;
}

    .dot:nth-child(1)[b-mj1tchz3p8] {
        animation-delay: -0.32s;
    }

    .dot:nth-child(2)[b-mj1tchz3p8] {
        animation-delay: -0.16s;
    }

    .dot:nth-child(3)[b-mj1tchz3p8] {
        animation-delay: 0s;
    }

@keyframes bounce-b-mj1tchz3p8 {
    0%, 80%, 100% {
        transform: scale(0.6) translateY(0);
        opacity: 0.6;
    }

    40% {
        transform: scale(1) translateY(-8px);
        opacity: 1;
    }
}

/* Common questions */
.common-questions[b-mj1tchz3p8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.question[b-mj1tchz3p8] {
    font-size: 14px;
    background: white;
    border-radius: 10px;
    margin: 10px;
    padding: 10px 15px;
    cursor: pointer;
}

    .question.empty[b-mj1tchz3p8] {
        background: none;
    }

/* Responsive media */
@media (max-width: 1024px) {
    .chat-widget[b-mj1tchz3p8] {
        height: calc(100vh - 60px);
    }
}

@media (max-width: 768px) {
    .chat-widget[b-mj1tchz3p8] {
        height: calc(100vh - 58px);
    }
}

@media (max-width: 480px) {
    .chat-widget[b-mj1tchz3p8] {
        height: calc(100vh - 55px);
    }
}
/* _content/NextERP/Components/Controls/CheckComboBox.razor.rz.scp.css */
.check-combo-host[b-he2ehg99mr] {
    width: 100%;
    max-width: 480px;
}

    /* Textbox white background */
    .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox,
    .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox.dxbl-text-edit,
    .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox.dxbl-readonly {
        background: #fff !important;
        background-color: #fff !important;
        --dxbl-text-edit-bg: #fff !important;
        --dxbl-text-edit-readonly-bg: #fff !important;
        --dxbl-text-edit-disabled-bg: #fff !important;
        --dxbl-text-edit-container-bg: #fff !important;
    }

        .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox input.dxbl-text-edit-input {
            background: #fff !important;
            background-color: #fff !important;
        }

    /* Dropdown button */
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn {
        background: #fff !important;
        background-color: #fff !important;
        box-shadow: none !important;
        border-left: 1px solid rgba(0, 0, 0, .12) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 6px !important;
    }

        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:hover,
        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:focus,
        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:active {
            background: transparent !important;
            background-color: transparent !important;
            box-shadow: none !important;
        }

    /* Dropdown arrow icon */
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-icon {
        width: 12px !important;
        height: 12px !important;
        min-width: 11px !important;
        min-height: 11px !important;
        display: inline-block !important;
        background-image: url('/images/dropdown-arrow.png') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 16px 16px !important;
        opacity: 1 !important;
        filter: none !important;
    }

        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-icon::before,
        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-icon::after {
            display: none !important;
            content: none !important;
        }

    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:hover .check-combo-dropdown-icon,
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:focus .check-combo-dropdown-icon,
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:active .check-combo-dropdown-icon {
        background-image: url('/images/dropdown-arrow.png') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 16px 16px !important;
        opacity: 1 !important;
    }

/* Dropdown popup */
[b-he2ehg99mr] .check-combo-dropdown > div {
    border: none !important;
    border-radius: 0 !important;
}

[b-he2ehg99mr] .check-combo-dropdown .dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #c0c0c0;
    --dxbl-checkbox-check-element-checked-hover-bg: #947aff;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-check-element-unchecked-border-color: #c0c0c0;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: #947aff;
    --dxbl-checkbox-checked-focus-shadow-spread: 0;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
}

.check-combo-dropdown-body[b-he2ehg99mr] {
    background: #fff;
    padding: 0;
    width: 100%;
    min-width: 260px;
    max-height: 360px;
    display: flex;
    flex-direction: column;
}

.check-combo-search[b-he2ehg99mr] {
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box;
}

.check-combo-list[b-he2ehg99mr] {
    max-height: 260px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.check-combo-item[b-he2ehg99mr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 4px 8px;
    border-radius: 0;
    cursor: pointer;
    font-size: 12px;
    color: #5d5d5d;
    user-select: none;
}

    .check-combo-item:hover[b-he2ehg99mr] {
        color: #5d5d5d !important;
        background-color: var(--base-background-focused) !important;
    }

    .check-combo-item span[b-he2ehg99mr] {
        line-height: 20px;
    }

.check-combo-footer[b-he2ehg99mr] {
    border-top: 1px solid var(--base-separator-color);
    padding: 6px 8px;
    display: flex;
    justify-content: space-between;
    background: #fff;
}

    .check-combo-footer button[b-he2ehg99mr] {
        border: none;
        background: transparent;
        color: #5A41B4;
        cursor: pointer;
        font-size: 12px;
    }
/* _content/NextERP/Components/Controls/CreatorCodeInput.razor.rz.scp.css */
.creator-code-check-container[b-df33lti8ro] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    outline: none;
}

.icon-lock[b-df33lti8ro] {
    width: 30px;
    height: 30px;
}

.description[b-df33lti8ro] {
    font-size: 12px;
    color: #555;
    margin: 10px;
}

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

.input-container[b-df33lti8ro] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 10px;
}

.input-box[b-df33lti8ro] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    border-bottom: 2px solid #5a41b4;
}

    .input-box:empty[b-df33lti8ro] {
        border-color: #ccc;
    }

    .input-box.valid[b-df33lti8ro] {
        border-color: #179a5a;
    }

    .input-box.invalid[b-df33lti8ro] {
        border-color: red;
    }

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

.fe-buttons[b-df33lti8ro] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 10px;
}

.fe-btn[b-df33lti8ro] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    width: 70px;
    height: 40px;
    cursor: pointer;
    transition: background 0.1s;
}

    .fe-btn:hover[b-df33lti8ro] {
        background-color: #f0eeff;
    }

.fe-btn-num[b-df33lti8ro] {
    color: #333;
}

.fe-btn-bs[b-df33lti8ro] {
    font-size: 13px;
    color: #555;
}

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

.button-container[b-df33lti8ro] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-top: 15px;
}

.btn-cancel[b-df33lti8ro] {
    color: #5a41b4;
    background: #e1d8fe;
    border: none;
    border-radius: 5px;
    outline: none;
    padding: 10px 15px;
    width: 50%;
}

.btn-confirm[b-df33lti8ro] {
    color: white;
    background: #5a41b4;
    border: none;
    border-radius: 5px;
    outline: none;
    padding: 10px 15px;
    width: 50%;
}
/* _content/NextERP/Components/Controls/CreatorCodeSend.razor.rz.scp.css */
.creator-code-type-selection[b-atgcgc2732] {
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    background: transparent;
    width: 400px;
    margin: 20px;
}

.creator-code-type-description[b-atgcgc2732] {
    font-size: 12px;
    text-align: left;
    color: #777;
    margin: 10px;
}

.creator-code-type[b-atgcgc2732] {
    display: flex;
    background: none;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    outline: none;
    margin: 5px;
    padding: 10px;
}

    .creator-code-type img[b-atgcgc2732] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .creator-code-type > div[b-atgcgc2732] {
        flex: 1;
    }

    .creator-code-type .type-title[b-atgcgc2732] {
        font-size: 15px;
        font-weight: 500;
        text-align: left;
    }

    .creator-code-type .type-note[b-atgcgc2732] {
        font-size: 12px;
        color: #555;
        text-align: left;
    }

    .creator-code-type svg[b-atgcgc2732] {
        width: 10px;
        height: 10px;
        margin: auto 0;
    }

        .creator-code-type svg path[b-atgcgc2732] {
            fill: none;
            stroke: #aeaeae;
            stroke-width: 1.5px;
        }

.btn-cancel[b-atgcgc2732] {
    all: initial;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
}

    .btn-cancel:hover[b-atgcgc2732] {
        background: #eaeaea;
        border-radius: 10px;
    }
/* _content/NextERP/Components/Controls/DynamicCard.razor.rz.scp.css */
.card-container[b-uthf675hxs] {
    margin: 10px 5px;
    position: relative;
}

[b-uthf675hxs] .card-item {
    border: 1px solid var(--base-separator-color);
    border-radius: 10px;
    cursor: pointer;
}

    [b-uthf675hxs] .card-item.selected {
        background-color: #e0daf9;
        border: 2px solid var(--base-border-color);
        margin: -1px;
    }

    [b-uthf675hxs] .card-item:hover {
        background-color: #e0daf9;
    }

.card-group[b-uthf675hxs] {
    position: relative;
    margin: 0 0 24px 0;
    overflow: visible;
}

/*    .card-group::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        bottom: 14px;
        width: 4px;
        border-radius: 0 6px 6px 0;
        background: var(--base-border-color);
        opacity: .75;
    }*/

.card-group-header[b-uthf675hxs] {
    position: sticky;
    top: 0;
    z-index: 100;
    width: auto;
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: -16px -16px 14px -16px;
    padding: 12px 16px 16px 16px;
    border-radius: 16px 16px 0 0;
    border-bottom: none;
    background: var(--base-background);
    isolation: isolate;
}

    .card-group-header[b-uthf675hxs]::after {
        content: "";
        position: absolute;
        left: 16px;
        right: 0;
        bottom: 0;
        height: 3px;
        border-radius: 999px;
        background: var(--base-border-color);
        opacity: .75;
        z-index: -1;
    }

.card-group-title[b-uthf675hxs] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1px;
    background: #eeeafc;
    color: #3c2f6f;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65);
    white-space: nowrap;
}

.card-group-count[b-uthf675hxs] {
    min-width: 28px;
    height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #ddd8ea;
    color: #4f4668;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(30, 20, 70, .06);
    white-space: nowrap;
}

.group-pager[b-uthf675hxs] {
    position: absolute;
    right: 0;
}

.card-pager[b-uthf675hxs] {
    margin-bottom: 10px;
}

[b-uthf675hxs] .group-pager .dxbl-pager-page-btn span,
[b-uthf675hxs] .card-pager .dxbl-pager-page-btn span {
    min-width: 18.55px;
}
/* _content/NextERP/Components/Controls/DynamicCardTemplate.razor.rz.scp.css */
.card-template-container[b-fucx4oqok2] {
    display: flex;
    position: relative;
    padding: 10px;
    min-height: 84px;
}
[b-fucx4oqok2] .card-image-container {
    position: relative;
    height: 64px;
    aspect-ratio: 1;
}

[b-fucx4oqok2] .card-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

[b-fucx4oqok2] .picture-none {
    width: 80%;
    aspect-ratio: 1/1;
    margin: auto;
}

    [b-fucx4oqok2] .picture-none.selected {
        display: none;
    }

.card-item.selected .picture-none[b-fucx4oqok2],
.card-item:hover .picture-none[b-fucx4oqok2] {
    display: none;
}

    .card-item.selected .picture-none.selected[b-fucx4oqok2],
    .card-item:hover .picture-none.selected[b-fucx4oqok2] {
        display: block;
    }

[b-fucx4oqok2] .card-text-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    min-width: 0;
}

[b-fucx4oqok2] .card-header-text-container {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}
[b-fucx4oqok2] .card-header-text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 16px;
    color: #5a41b4;
    margin: 1px 10px 1px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-fucx4oqok2] .card-status-text {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    max-width: 130px;
    min-height: 22px;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    [b-fucx4oqok2] .card-status-text:before {
        content: "•";
        margin-right: 5px;
    }

[b-fucx4oqok2] .card-body-text {
    font-size: 12px;
    color: #575757;
    margin: 1px 10px 1px 15px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.card-qty-badge[b-fucx4oqok2] {
    position: absolute;
    top: 7px;
    right: 8px;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    max-width: 45%;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: right;
    color: #111827;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    pointer-events: none;
}

.card-template-container.has-qty-badge[b-fucx4oqok2]  .card-header-text-container {
    padding-right: 120px;
}
/* _content/NextERP/Components/Controls/DynamicCheckList.razor.rz.scp.css */
.grid-validation-warning[b-wf2ljteub1] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: red;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    vertical-align: middle;
}

.grid-validation-warning-icon[b-wf2ljteub1] {
    -webkit-mask-image: url(/images/validation-warning.svg);
    mask-image: url(/images/validation-warning.svg);
}

[b-wf2ljteub1] .dxbl-grid-row-disabled {
    user-select: none !important;
}

    [b-wf2ljteub1] .dxbl-grid-row-disabled td {
        pointer-events: none !important;
    }

        [b-wf2ljteub1] .dxbl-grid-row-disabled:hover,
        [b-wf2ljteub1] .dxbl-grid-row-disabled td:hover {
            cursor: not-allowed !important;
        }

[b-wf2ljteub1] .input-number {
    text-align: right;
}

[b-wf2ljteub1] .input-number-up {
    color: #3C782C !important;
    background-image: url('images/arrow-up.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 14px !important;
}

    [b-wf2ljteub1] .input-number-up.focused {
        background-position-x: right 10px;
        padding-right: 24px !important;
    }

    [b-wf2ljteub1] .input-number-up.unfocused {
        text-overflow: ellipsis;
        overflow: clip !important;
        overflow-clip-margin: content-box;
    }

[b-wf2ljteub1] .input-number-down {
    color: #C33F26 !important;
    background-image: url('images/arrow-down.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 14px !important;
}

    [b-wf2ljteub1] .input-number-down.focused {
        background-position-x: right 10px;
        padding-right: 24px !important;
    }

    [b-wf2ljteub1] .input-number-down.unfocused {
        text-overflow: ellipsis;
        overflow: clip !important;
        overflow-clip-margin: content-box;
    }

[b-wf2ljteub1] .dxbl-grid {
    --dxbl-grid-selection-bg: #e0d8fe;
    --dxbl-grid-group-indent-cell-width: 3.5rem;
}

.grid-wrapper[b-wf2ljteub1] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

[b-wf2ljteub1] .dx-grid {
    width: 100%;
    height: 100%;
    border: none;
    --dxbl-grid-focus-frame-color: #5f368d;
    --dxbl-grid-focus-bg: var(--base-background-focused);
    --dxbl-grid-focus-color: #424242;
    --dxbl-grid-selection-focus-bg: var(--base-background-focused);
    --dxbl-grid-selection-focus-color: #424242;
    --dxbl-grid-line-height: 2;
}

    [b-wf2ljteub1] .dx-grid .dxbl-grid-fixed-cell {
        background-color: var(--base-background);
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
        background-color: var(--base-background);
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell)::before {
        background-color: var(--base-background);
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-wf2ljteub1] .dx-grid .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-wf2ljteub1] .dx-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-wf2ljteub1] .dx-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell).dxbl-grid-fixed-cell {
        background-color: var(--base-background-focused);
    }

    [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar {
        position: absolute !important;
        right: 0 !important;
    }

        [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb,
        [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
            --dxbl-scroll-viewer-hor-scroll-bar-height: 8px;
            --dxbl-scroll-viewer-hor-scroll-bar-hover-height: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-width: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-hover-width: 8px;
        }

    [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer {
        --dxbl-grid-bg: var(--base-background);
    }

        [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer .dxbl-scroll-viewer-hor-scroll-bar {
            background-color: var(--base-background);
            bottom: 0px !important;
        }

    [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-content {
        margin-bottom: 6px;
    }

    [b-wf2ljteub1] .dx-grid.dx-dtl-grid .dxbl-scroll-viewer-content {
        margin-bottom: 0;
    }

    [b-wf2ljteub1] .dx-grid.dx-dtl-grid tr:has(+tr[data-virtual-item-index="-1"]) td {
        border-color: transparent !important;
    }

    [b-wf2ljteub1] .dx-grid tr.dxbl-grid-header-row {
        background-color: var(--base-background);
    }

    [b-wf2ljteub1] .dx-grid th {
        font-size: 11px !important;
        color: #868686;
        border-left: none !important;
        border-bottom-width: 2px !important;
        align-content: end;
    }

    [b-wf2ljteub1] .dx-grid td {
        font-size: 12px !important;
        color: #424242;
        background-color: var(--base-background);
        border-top: none !important;
        border-left: none !important;
        border-bottom: 1px solid #d2d2d2 !important;
        white-space: nowrap;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        [b-wf2ljteub1] .dx-grid td .dxbl-checkbox {
            vertical-align: middle !important;
        }

        [b-wf2ljteub1] .dx-grid td a {
            text-decoration: none;
        }

            [b-wf2ljteub1] .dx-grid td a:hover {
                text-decoration: underline;
            }

    [b-wf2ljteub1] .dx-grid.dxbl-grid input {
        font-size: 12px;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-new-row .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-wf2ljteub1] .dx-grid td:has(.dxbl-grid-colored-cell) {
        padding: 0 10px 0 0 !important;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-colored-cell {
        width: 100%;
        height: 100%;
        padding: 0 10px;
        margin: 2.75px 0;
        border-radius: 5px;
        align-content: center;
    }

    [b-wf2ljteub1] .dx-grid tr[data-virtual-item-index="-1"] td {
        border-bottom: none !important;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-header-content span {
        font-weight: normal;
        color: #a7a7a8;
    }

    [b-wf2ljteub1] .dx-grid.dxbl-grid.dxbl-grid-nowrap {
        --dxbl-grid-white-space: break-word;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row {
        height: 30.5px !important;
    }

        [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row td:not(:empty) {
            color: #424242 !important;
            background-color: var(--base-background-focused) !important;
        }

        [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row td:focus-within {
            outline: none !important;
            color: white !important;
            background-color: #947aff !important;
        }

        [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row input {
            color: white !important;
        }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-new-row td {
        background-color: #f9d9da !important;
    }

    [b-wf2ljteub1] .dx-grid tfoot td {
        font-size: 12px !important;
        background-color: var(--base-background) !important;
        border-top: 2px solid #d2d2d2 !important;
        border-bottom: none !important;
    }

        [b-wf2ljteub1] .dx-grid tfoot td > div {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }

[b-wf2ljteub1] .dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #c0c0c0;
    --dxbl-checkbox-check-element-checked-hover-bg: #947aff;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-check-element-unchecked-border-color: #c0c0c0;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: #947aff;
    --dxbl-checkbox-checked-focus-shadow-spread: 0;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
}

.dx-grid .dxbl-grid-cell[b-wf2ljteub1] {
    position: relative;
}

.hidden[b-wf2ljteub1] {
    display: none;
}

[b-wf2ljteub1] .drill-down-text {
    cursor: pointer;
}

[b-wf2ljteub1] .icon-image-preview {
    height: 20px;
    cursor: pointer;
}

.icon-picture-none[b-wf2ljteub1] {
    height: 300px;
    padding: 50px;
    margin: auto;
}

.image-preview[b-wf2ljteub1] {
    max-width: 80vw;
    max-height: 80vh;
}

[b-wf2ljteub1] .dxbl-grid-new-row {
    height: 30.5px !important;
}

[b-wf2ljteub1] .dx-grid td:not(.dxbl-grid-detail-cell):has(input) > * {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

[b-wf2ljteub1] .dx-grid td input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5.5px !important;
    padding-bottom: 5.5px !important;
}

    [b-wf2ljteub1] .dx-grid td input ~ div {
        margin-right: 5.5px !important;
    }

[b-wf2ljteub1] .dx-grid td:has(.lookup-search-host) {
    padding-right: 0 !important;
}

    [b-wf2ljteub1] .dx-grid td:has(.lookup-search-host) > * {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

[b-wf2ljteub1] .dx-grid td .lookup-search-host input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    [b-wf2ljteub1] .dx-grid td .lookup-search-host input ~ div {
        margin-right: 0 !important;
    }

[b-wf2ljteub1] .dx-grid td .lookup-search-host:focus-within .dxbs-search-box input.dxbs-editor-input,
[b-wf2ljteub1] .dx-grid td .lookup-search-host:focus-within .dxbl-text-edit input.dxbs-editor-input,
[b-wf2ljteub1] .dx-grid td .lookup-search-host:focus-within input.dxbl-text-edit-input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-wf2ljteub1] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

    [b-wf2ljteub1] .dxbl-grid-header:hover .dxbl-btn.dxbl-grid-filter-menu-funnel-btn,
    [b-wf2ljteub1] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled,
    [b-wf2ljteub1] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-active {
        opacity: 1;
    }

[b-wf2ljteub1] .dx-grid.no-wrap th.dxbl-grid-header .dxbl-grid-header-content span {
    text-wrap: nowrap !important;
}

[b-wf2ljteub1] .plain-text {
    height: 24px !important;
}

[b-wf2ljteub1] .dxbl-checkbox.host {
    position: relative;
}

    [b-wf2ljteub1] .dxbl-checkbox.host label.dxbl-text {
        padding: 0;
    }

    [b-wf2ljteub1] .dxbl-checkbox.host .overlay {
        position: absolute;
        inset: 0;
        cursor: pointer;
        z-index: 1;
        background: transparent;
    }

[b-wf2ljteub1] .dx-grid td a.grid-formula-image-link {
    /*    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;*/
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    /*    text-decoration: none !important;*/
    /*    cursor: pointer;*/
}

    [b-wf2ljteub1] .dx-grid td a.grid-formula-image-link img.grid-formula-image {
        width: 15px !important;
        height: 15px !important;
        max-width: 15px !important;
        max-height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;
        object-fit: contain !important;
        display: block !important;
        cursor: pointer;
    }

        [b-wf2ljteub1] .dx-grid td a.grid-formula-image-link img.grid-formula-image:hover {
            opacity: 1;
            transform: scale(1.08);
        }

[b-wf2ljteub1] .dx-grid tr.bb-row-posted > td {
    background-color: #ecf9ef !important;
    color: #00af2c !important;
}

[b-wf2ljteub1] td.dxbl-grid-detail-cell {
    padding: 0 !important;
    padding-left: 37.5px !important;
}

[b-wf2ljteub1] .dx-dtl-grid .dxbl-scroll-viewer-content {
    min-height: 0;
}

[b-wf2ljteub1] .dx-dtl-grid:not(:focus-within) {
    --dxbl-grid-focus-bg: var(--base-background);
}
/* _content/NextERP/Components/Controls/DynamicForm.razor.rz.scp.css */
.form[b-5wkqt1jokj] {
    column-fill: balance;
    column-count: var(--form-column-count);
    column-gap: var(--form-column-gap);
}

@media (max-width: 1580px) {
    .form[b-5wkqt1jokj] {
        --column-count: min(2, var(--form-column-count));
        column-count: var(--column-count);
    }
}

@media (max-width: 1200px) {
    .form[b-5wkqt1jokj] {
        column-count: 1;
    }
}

.form-item[b-5wkqt1jokj] {
    display: inline-grid;
    position: relative;
    grid-template-columns: auto 1fr auto minmax(200px, 50%);
    padding: 5px 0;
    width: 100%;
}

    .form-item label[b-5wkqt1jokj] {
        color: #868686;
        margin: 0.45em 0 auto 0;
    }

[b-5wkqt1jokj] .form-item input,
[b-5wkqt1jokj] .form-item textarea {
    font-size: 12px !important;
    color: #5a5a5a;
}

[b-5wkqt1jokj] .form-item textarea {
    height: 57.5px;
}

[b-5wkqt1jokj] .form-item .combobox-colored input {
    color: inherit !important;
}

[b-5wkqt1jokj] .form-item .input-noneditor-colored {
    color: inherit !important;
    background-color: inherit !important;
}

[b-5wkqt1jokj] .input-number {
    text-align: right;
}

[b-5wkqt1jokj] .input-number-up {
    color: #3C782C !important;
    background-image: url('images/arrow-up.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right 5px;
    background-position-y: center;
    padding-right: 20px !important;
}

[b-5wkqt1jokj] .input-number-down {
    color: #C33F26 !important;
    background-image: url('images/arrow-down.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right 5px;
    background-position-y: center;
    padding-right: 20px !important;
}

[b-5wkqt1jokj] .input-number-fixed-up {
    color: #3C782C !important;
}

[b-5wkqt1jokj] .input-number-fixed-down {
    color: #C33F26 !important;
}

.fill-space[b-5wkqt1jokj] {
    margin: 1.35em 5px auto 5px;
    border-bottom: 2px dotted #ccc;
}

.required-indicator[b-5wkqt1jokj] {
    color: #FF3E03;
    margin: auto 3px auto 0;
}

[b-5wkqt1jokj] .input-password {
    padding-right: 20px !important;
}

[b-5wkqt1jokj] .btn-password-toggle {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    background: none;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 13px 13px;
    width: 21px;
    outline: none;
    border: none;
}

[b-5wkqt1jokj] .dxbl-edit-btn-dropdown {
    border: none !important;
}

[b-5wkqt1jokj] .dxbl-spin-btns .dxbl-btn {
    border: none !important;
}

[b-5wkqt1jokj] .dxbl-checkbox-check-element {
    --dxbl-checkbox-switch-width: 3rem;
    --dxbl-checkbox-switch-height: 1.5rem;
    --dxbl-checkbox-switch-element-size: 1.15rem;
    --dxbl-checkbox-switch-element-margin: 0.175rem;
    --dxbl-checkbox-switch-unchecked-bg: #ddd;
    --dxbl-checkbox-switch-unchecked-hover-bg: #ccc;
    --dxbl-checkbox-switch-checked-bg: #5a41b4;
    --dxbl-checkbox-switch-checked-hover-bg: #662d88;
    --dxbl-checkbox-checked-focus-shadow-color: #5a41b4;
    --dxbl-checkbox-unchecked-focus-shadow-color: #ccc;
}
[b-5wkqt1jokj] .form-item input.drill-down-text,
[b-5wkqt1jokj] .form-item .dxbl-text-edit-input.drill-down-text {
    cursor: pointer !important;
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration: none !important;
}

    [b-5wkqt1jokj] .form-item input.drill-down-text:hover,
    [b-5wkqt1jokj] .form-item .dxbl-text-edit-input.drill-down-text:hover {
        color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration: underline !important;
    }
/* _content/NextERP/Components/Controls/DynamicGrid.razor.rz.scp.css */
.grid-validation-warning[b-cjg3d0l7gc] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: red;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    vertical-align: middle;
}

.grid-validation-warning-icon[b-cjg3d0l7gc] {
    -webkit-mask-image: url(/images/validation-warning.svg);
    mask-image: url(/images/validation-warning.svg);
}

[b-cjg3d0l7gc] .dxbl-grid-row-disabled {
    user-select: none !important;
}

    [b-cjg3d0l7gc] .dxbl-grid-row-disabled td {
        pointer-events: none !important;
    }

        [b-cjg3d0l7gc] .dxbl-grid-row-disabled:hover,
        [b-cjg3d0l7gc] .dxbl-grid-row-disabled td:hover {
            cursor: not-allowed !important;
        }

[b-cjg3d0l7gc] .input-number {
    text-align: right;
}

[b-cjg3d0l7gc] .input-number-up {
    color: #3C782C !important;
    background-image: url('images/arrow-up.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 14px !important;
}

    [b-cjg3d0l7gc] .input-number-up.focused {
        background-position-x: right 10px;
        padding-right: 24px !important;
    }

    [b-cjg3d0l7gc] .input-number-up.unfocused {
        text-overflow: ellipsis;
        overflow: clip !important;
        overflow-clip-margin: content-box;
    }

[b-cjg3d0l7gc] .input-number-down {
    color: #C33F26 !important;
    background-image: url('images/arrow-down.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 14px !important;
}

    [b-cjg3d0l7gc] .input-number-down.focused {
        background-position-x: right 10px;
        padding-right: 24px !important;
    }

    [b-cjg3d0l7gc] .input-number-down.unfocused {
        text-overflow: ellipsis;
        overflow: clip !important;
        overflow-clip-margin: content-box;
    }

[b-cjg3d0l7gc] .dxbl-grid {
    --dxbl-grid-selection-bg: #e0d8fe;
}

.grid-wrapper[b-cjg3d0l7gc] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

[b-cjg3d0l7gc] .dx-grid {
    width: 100%;
    height: 100%;
    border: none;
    --dxbl-grid-focus-frame-color: #5f368d;
    --dxbl-grid-focus-bg: var(--base-background-focused);
    --dxbl-grid-focus-color: #424242;
    --dxbl-grid-selection-focus-bg: var(--base-background-focused);
    --dxbl-grid-selection-focus-color: #424242;
    --dxbl-grid-line-height: 2;
}

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-fixed-cell {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell)::before {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell).dxbl-grid-fixed-cell {
        background-color: var(--base-background-focused);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar {
        position: absolute !important;
        right: 0 !important;
    }

        [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb,
        [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
            --dxbl-scroll-viewer-hor-scroll-bar-height: 8px;
            --dxbl-scroll-viewer-hor-scroll-bar-hover-height: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-width: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-hover-width: 8px;
        }

    [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer {
        --dxbl-grid-bg: var(--base-background);
    }

        [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer .dxbl-scroll-viewer-hor-scroll-bar {
            background-color: var(--base-background);
            bottom: 0px !important;
        }

    [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-content {
        margin-bottom: 6px;
    }

    [b-cjg3d0l7gc] .dx-grid tr.dxbl-grid-header-row {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid th {
        font-size: 11px !important;
        color: #868686;
        border-left: none !important;
        border-bottom-width: 2px !important;
        align-content: end;
    }

    [b-cjg3d0l7gc] .dx-grid td {
        font-size: 12px !important;
        color: #424242;
        background-color: var(--base-background);
        border-top: none !important;
        border-left: none !important;
        border-bottom: 1px solid #d2d2d2 !important;
        white-space: nowrap;
    }

        [b-cjg3d0l7gc] .dx-grid td:not(.dxbl-grid-expand-button-cell) {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        [b-cjg3d0l7gc] .dx-grid td .dxbl-checkbox {
            vertical-align: middle !important;
        }

        [b-cjg3d0l7gc] .dx-grid td a {
            text-decoration: none;
        }

            [b-cjg3d0l7gc] .dx-grid td a:hover {
                text-decoration: underline;
            }

    [b-cjg3d0l7gc] .dx-grid.dxbl-grid input {
        font-size: 12px;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-new-row .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-cjg3d0l7gc] .dx-grid td:has(.dxbl-grid-colored-cell) {
        padding: 0 !important;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-colored-cell {
        width: 100%;
        height: 100%;
        padding: 0 8px;
        margin: 2.75px 0;
        border-radius: 5px;
        align-content: center;
    }

    [b-cjg3d0l7gc] .dx-grid tr[data-virtual-item-index="-1"] td {
        border-bottom: none !important;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-header-content span {
        font-weight: normal;
        color: #a7a7a8;
    }

    [b-cjg3d0l7gc] .dx-grid.dxbl-grid.dxbl-grid-nowrap {
        --dxbl-grid-white-space: break-word;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row {
        height: 30.5px !important;
    }

        [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row td:not(:empty) {
            color: #424242 !important;
            background-color: var(--base-background-focused) !important;
        }

        [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row td:focus-within {
            outline: none !important;
            color: white !important;
            background-color: #947aff !important;
        }

        [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row input {
            color: white !important;
        }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-new-row td {
        background-color: #f9d9da !important;
    }

    [b-cjg3d0l7gc] .dx-grid tfoot td {
        font-size: 12px !important;
        background-color: var(--base-background) !important;
        border-top: 2px solid #d2d2d2 !important;
        border-bottom: none !important;
    }

        [b-cjg3d0l7gc] .dx-grid tfoot td > div {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }

[b-cjg3d0l7gc] .dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #c0c0c0;
    --dxbl-checkbox-check-element-checked-hover-bg: #947aff;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-check-element-unchecked-border-color: #c0c0c0;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: #947aff;
    --dxbl-checkbox-checked-focus-shadow-spread: 0;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
}

.dx-grid .dxbl-grid-cell[b-cjg3d0l7gc] {
    position: relative;
}

.hidden[b-cjg3d0l7gc] {
    display: none;
}

[b-cjg3d0l7gc] .drill-down-text {
    cursor: pointer;
}

[b-cjg3d0l7gc] .icon-image-preview {
    height: 20px;
    cursor: pointer;
}

.icon-picture-none[b-cjg3d0l7gc] {
    height: 300px;
    padding: 50px;
    margin: auto;
}

.image-preview[b-cjg3d0l7gc] {
    max-width: 80vw;
    max-height: 80vh;
}

[b-cjg3d0l7gc] .dxbl-grid-new-row {
    height: 30.5px !important;
}

[b-cjg3d0l7gc] .dx-grid td:has(input) > * {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

[b-cjg3d0l7gc] .dx-grid td input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5.5px !important;
    padding-bottom: 5.5px !important;
}

    [b-cjg3d0l7gc] .dx-grid td input ~ div {
        margin-right: 5.5px !important;
    }

[b-cjg3d0l7gc] .dx-grid td:has(.lookup-search-host) {
    padding-right: 0 !important;
}

    [b-cjg3d0l7gc] .dx-grid td:has(.lookup-search-host) > * {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

[b-cjg3d0l7gc] .dx-grid td .lookup-search-host input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    [b-cjg3d0l7gc] .dx-grid td .lookup-search-host input ~ div {
        margin-right: 0 !important;
    }

[b-cjg3d0l7gc] .dx-grid td .lookup-search-host:focus-within .dxbs-search-box input.dxbs-editor-input,
[b-cjg3d0l7gc] .dx-grid td .lookup-search-host:focus-within .dxbl-text-edit input.dxbs-editor-input,
[b-cjg3d0l7gc] .dx-grid td .lookup-search-host:focus-within input.dxbl-text-edit-input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-cjg3d0l7gc] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

    [b-cjg3d0l7gc] .dxbl-grid-header:hover .dxbl-btn.dxbl-grid-filter-menu-funnel-btn,
    [b-cjg3d0l7gc] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled,
    [b-cjg3d0l7gc] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-active {
        opacity: 1;
    }

[b-cjg3d0l7gc] .dx-grid.no-wrap th.dxbl-grid-header .dxbl-grid-header-content span {
    text-wrap: nowrap !important;
}

[b-cjg3d0l7gc] .plain-text {
    height: 24px !important;
}

[b-cjg3d0l7gc] .dxbl-checkbox.host {
    position: relative;
}

    [b-cjg3d0l7gc] .dxbl-checkbox.host label.dxbl-text {
        padding: 0;
    }

    [b-cjg3d0l7gc] .dxbl-checkbox.host .overlay {
        position: absolute;
        inset: 0;
        cursor: pointer;
        z-index: 1;
        background: transparent;
    }

[b-cjg3d0l7gc] .dx-grid td a.grid-formula-image-link {
    /*    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;*/
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    /*    text-decoration: none !important;*/
    /*    cursor: pointer;*/
}

    [b-cjg3d0l7gc] .dx-grid td a.grid-formula-image-link img.grid-formula-image {
        width: 15px !important;
        height: 15px !important;
        max-width: 15px !important;
        max-height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;
        object-fit: contain !important;
        display: block !important;
        cursor: pointer;
    }

        [b-cjg3d0l7gc] .dx-grid td a.grid-formula-image-link img.grid-formula-image:hover {
            opacity: 1;
            transform: scale(1.08);
        }

[b-cjg3d0l7gc] .dx-grid tr.bb-row-posted > td {
    background-color: #ecf9ef !important;
    color: #00af2c !important;
}

[b-cjg3d0l7gc] .dx-grid .bb-amount-header,
[b-cjg3d0l7gc] .dx-grid .bb-amount-header::before {
    background-color: #F1EEFC !important;
}

    [b-cjg3d0l7gc] .dx-grid .bb-amount-header,
    [b-cjg3d0l7gc] .dx-grid .bb-amount-header *,
    [b-cjg3d0l7gc] .dx-grid .bb-amount-header .dxbl-grid-header-content,
    [b-cjg3d0l7gc] .dx-grid .bb-amount-header .dxbl-grid-header-content * {
        color: #5a41b4 !important;
        font-weight: 600 !important;
    }

[b-cjg3d0l7gc] .dx-grid td.bb-amount,
[b-cjg3d0l7gc] .dx-grid td.bb-amount::before {
    background-color: #F1EEFC !important;
}

    [b-cjg3d0l7gc] .dx-grid td.bb-amount,
    [b-cjg3d0l7gc] .dx-grid td.bb-amount *,
    [b-cjg3d0l7gc] .dx-grid td.bb-amount .plain-text {
        text-align: right !important;
    }

[b-cjg3d0l7gc] .dxbl-grid .grid-required-caption {
    display: inline-flex !important;
    align-items: center !important;
}

    [b-cjg3d0l7gc] .dxbl-grid .grid-required-caption > .required-indicator {
        color: #FF3E03 !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }

[b-cjg3d0l7gc] .height-restricted {
    max-height: 560px;
}
/* _content/NextERP/Components/Controls/DynamicSelector.razor.rz.scp.css */
.selector-container[b-f0tehmejux] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
}

.selector-title[b-f0tehmejux] {
    font-size: 12px;
    font-weight: 600;
    color: inherit;
    margin: 0 0 10px 5px;
}

.selector-grid[b-f0tehmejux] {
    overflow: hidden;
}

.selector-footer[b-f0tehmejux] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 15px;
}

    .selector-footer .btn[b-f0tehmejux] {
        font-size: 12px;
    }
/* _content/NextERP/Components/Controls/FeedbackDetail.razor.rz.scp.css */
.container[b-ldnoq0gqza] {
    display: flex;
    flex-direction: column;
    max-width: initial;
    max-height: 90vh;
    padding: 20px 30px 30px 30px;
}

.header[b-ldnoq0gqza] {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}

    .header span[b-ldnoq0gqza] {
        flex: 1;
        font-size: 18px;
        font-weight: 700;
        color: #5a41b4;
    }

.btn-close[b-ldnoq0gqza] {
    all: initial;
    display: flex;
    background: none;
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

    .btn-close svg[b-ldnoq0gqza] {
        margin: auto;
    }

    .btn-close path[b-ldnoq0gqza] {
        fill: #888;
    }

    .btn-close:hover[b-ldnoq0gqza] {
        background: #eaeaea;
        border-radius: 10px;
    }

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

.current-status-container[b-ldnoq0gqza] {
    display: flex;
    gap: 15px;
    margin: 10px 0 20px 0;
}

.feedback-code[b-ldnoq0gqza] {
    font-size: 14px;
    font-weight: 500;
    color: #5a41b4;
    background: #e1d8fe;
    border-radius: 8px;
    padding: 5px 8px;
}

.current-status[b-ldnoq0gqza] {
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    padding: 5px 8px;
}

    .current-status.status-0[b-ldnoq0gqza] {
        color: #5a41b4;
        background: #e1d8fe;
    }

    .current-status.status-1[b-ldnoq0gqza] {
        color: #f07323;
        background: #f5e3db;
    }

    .current-status.status-2[b-ldnoq0gqza] {
        color: #2a893c;
        background: #e7f5eb;
    }

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

.body[b-ldnoq0gqza] {
    display: flex;
    align-items: stretch;
    gap: 15px;
    overflow: auto;
}

.details-container[b-ldnoq0gqza] {
    width: 70%;
}

.status-history-container[b-ldnoq0gqza] {
    width: 30%;
}

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

.info-columns[b-ldnoq0gqza] {
    display: flex;
    justify-content: space-between;
    background: #f9f8fd;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px;
}

    .info-columns div[b-ldnoq0gqza] {
        display: flex;
        flex-direction: column;
    }

    .info-columns .label[b-ldnoq0gqza] {
        font-size: 12px;
        color: #888;
        margin-bottom: 5px;
    }

    .info-columns .info[b-ldnoq0gqza] {
        font-size: 15px;
        font-weight: 500;
    }

.title-caption[b-ldnoq0gqza],
.descr-caption[b-ldnoq0gqza],
.attachment-caption[b-ldnoq0gqza],
.page-caption[b-ldnoq0gqza],
.contact-caption[b-ldnoq0gqza] {
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0 5px 0;
}

.title-text[b-ldnoq0gqza],
.descr-text[b-ldnoq0gqza],
.page-text[b-ldnoq0gqza],
.contact-text[b-ldnoq0gqza] {
    font-size: 13px;
    color: #555;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 8px 10px;
}

.descr-text[b-ldnoq0gqza] {
    min-height: 80px;
}

.contact-text-container[b-ldnoq0gqza] {
    display: flex;
    gap: 15px;
}

    .contact-text-container div[b-ldnoq0gqza] {
        flex: 1;
    }

.attachment-container[b-ldnoq0gqza] {
    display: flex;
    gap: 30px;
    overflow: auto;
}

.attachment-thumbnail[b-ldnoq0gqza] {
    position: relative;
    display: flex;
    width: 180px;
    height: 101.25px;
    background: #fcfbfe;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow: clip;
}

.attachment-image[b-ldnoq0gqza] {
    height: 100%;
    margin: auto;
    cursor: pointer;
}

.attachment-file[b-ldnoq0gqza] {
    height: 40px;
    margin: auto;
}

.attachment-download[b-ldnoq0gqza] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: none;
    background-image: url('images/download_2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    outline: none;
    border: none;
}

.attachment-name[b-ldnoq0gqza] {
    display: block;
    font-size: 13px;
    margin: 5px 0 3px 0;
}

.attachment-size[b-ldnoq0gqza] {
    font-size: 12px;
    color: #888;
}

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

.status-history-container[b-ldnoq0gqza] {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px;
}

.status-history-caption[b-ldnoq0gqza] {
    font-size: 15px;
    font-weight: 700;
    color: #5a41b4;
    margin-bottom: 10px;
}

.status-history[b-ldnoq0gqza] {
    position: relative;
    background: #fcfbfe;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 10px;
    margin: 15px 0 15px 40px;
}

.status-history-header[b-ldnoq0gqza] {
    margin-bottom: 6px;
}

.status-history-title[b-ldnoq0gqza] {
    font-size: 14px;
    font-weight: 500;
}

.status-history-date[b-ldnoq0gqza] {
    font-size: 14px;
    color: #888;
    margin-left: 20px;
}

.status-history-descr[b-ldnoq0gqza] {
    font-size: 12px;
    color: #555;
}

.status-history-indicator[b-ldnoq0gqza] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: -40px;
}

.status-history-indicator-circle[b-ldnoq0gqza] {
    background: #ccc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.status-history-indicator-line[b-ldnoq0gqza] {
    background: #ccc;
    width: 2px;
    margin: 0 auto;
}

    .status-history-indicator-line:first-child[b-ldnoq0gqza] {
        height: 10px;
    }

    .status-history-indicator-line:last-child[b-ldnoq0gqza] {
        height: 100%;
    }

.status-history-sent .status-history-indicator-line:first-child[b-ldnoq0gqza] {
    background: transparent;
}

.status-history:last-child .status-history-indicator-line:last-child[b-ldnoq0gqza] {
    background: transparent;
}

.status-history-sent .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-received .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-checking .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-complete .status-history-indicator-circle[b-ldnoq0gqza] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='white' stroke-width='10'/%3E%3C/svg%3E");
}

.status-history-sent .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-sent .status-history-indicator-line[b-ldnoq0gqza] {
    background: #5a41b4;
}

.status-history-received.iscurrent[b-ldnoq0gqza] {
    background: #e1d8fe;
}

.status-history-received .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-received .status-history-indicator-line[b-ldnoq0gqza] {
    background: #947aff;
}

.status-history-checking.iscurrent[b-ldnoq0gqza] {
    background: #f5e3db;
}

.status-history-checking .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-checking .status-history-indicator-line[b-ldnoq0gqza] {
    background: #f07323;
}

.status-history-complete.iscurrent[b-ldnoq0gqza] {
    background: #e7f5eb;
}

.status-history-complete .status-history-indicator-circle[b-ldnoq0gqza],
.status-history-complete .status-history-indicator-line[b-ldnoq0gqza] {
    background: #2a893c;
}

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

.dxbl-modal-body img[b-ldnoq0gqza] {
    max-width: 80vw;
}
/* _content/NextERP/Components/Controls/FileUpload.razor.rz.scp.css */
.title[b-qhsp83nyfi] {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin: 10px 0;
}

    .title p[b-qhsp83nyfi] {
        font-size: 13px;
        font-weight: 500;
        color: #424242;
        margin: auto 0;
        white-space: nowrap;
    }

.btn-add-file[b-qhsp83nyfi] {
    background: none;
    border: none;
    outline: none;
}

    .btn-add-file svg[b-qhsp83nyfi] {
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

        .btn-add-file svg path[b-qhsp83nyfi] {
            fill: none;
            stroke: #424242;
            stroke-width: 1px;
        }

.btn-selection[b-qhsp83nyfi] {
    margin: auto 0;
}

    .btn-selection button[b-qhsp83nyfi] {
        font-size: 12px;
        font-weight: 500;
        color: #424242;
        padding: 3px 15px;
        margin-left: 5px;
        background: none;
        border: 1px solid var(--base-separator-color);
        border-radius: 15px;
        outline: none;
    }

    .btn-selection svg[b-qhsp83nyfi] {
        width: 10px;
        height: 10px;
        cursor: pointer;
    }

        .btn-selection svg path[b-qhsp83nyfi] {
            fill: none;
            stroke: #888;
            stroke-width: 1px;
        }

.attachment-file-row[b-qhsp83nyfi] {
    margin-left: -15px;
    margin-right: -5px;
    padding: 0 5px;
    cursor: pointer;
    border-bottom: 1px solid var(--base-separator-color);
}

    .attachment-file-row.new-file[b-qhsp83nyfi] {
        background-color: #f9d9da;
    }

    .attachment-file-row .top-row[b-qhsp83nyfi] {
        display: flex;
        justify-content: space-between;
        height: 40px;
    }

        .attachment-file-row .top-row > *[b-qhsp83nyfi] {
            margin-top: auto;
            margin-bottom: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: clip;
        }

    .attachment-file-row .bottom-row[b-qhsp83nyfi] {
        margin: -10px 0 5px 45px;
    }

.file-username[b-qhsp83nyfi] {
    font-size: 11px;
    color: #888;
}

.file-icon[b-qhsp83nyfi] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.file-name[b-qhsp83nyfi] {
    font-size: 12px;
    font-weight: 500;
    color: #424242;
    width: 120px;
}

.file-size[b-qhsp83nyfi] {
    font-size: 11px;
    color: #888;
    text-align: right;
    width: 75px;
    margin-right: 5px;
}

.file-date[b-qhsp83nyfi] {
    font-size: 11px;
    color: #888;
    text-align: right;
    width: 80px;
}

[b-qhsp83nyfi] .file-selection {
    width: 15px;
    margin-right: 5px;
    opacity: 0;
}

    [b-qhsp83nyfi] .file-selection:hover,
    [b-qhsp83nyfi] .file-selection:checked {
        opacity: 1 !important;
    }

[b-qhsp83nyfi] .attachment-file-row:hover .file-selection {
    opacity: 0.4;
}

[b-qhsp83nyfi] .dropdown {
    padding: 0;
    border: 0;
    margin-left: -8px;
}

[b-qhsp83nyfi] .icon-dropdown {
    background-image: url('images/dropdown-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    width: 22px;
    height: 13px;
    outline: none;
    border: none;
}

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

.file-upload-area[b-qhsp83nyfi] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #ddd;
    border-radius: 8px;
    width: 300px;
    height: 200px;
}

.drag-and-drop-area[b-qhsp83nyfi] {
    display: flex;
    gap: 5px;
}

    .drag-and-drop-area img[b-qhsp83nyfi] {
        width: 30px;
        height: 30px;
        margin: auto 5px auto 0;
    }

.drag-and-drop-caption[b-qhsp83nyfi] {
    font-weight: 300;
    color: #555;
}

.browse-link[b-qhsp83nyfi] {
    font-weight: 300;
    text-decoration: underline;
    color: #5b41b4;
    cursor: pointer;
}

.uploaded-files[b-qhsp83nyfi] {
}

.uploaded-files-count[b-qhsp83nyfi] {
    font-size: 14px;
    text-align: center;
    color: #555;
}

    .uploaded-files-count span[b-qhsp83nyfi] {
        font-weight: 700;
        color: #5b41b4;
        margin-right: 3px;
    }

.uploaded-files-buttons[b-qhsp83nyfi] {
    display: flex;
    margin-top: 5px;
}

.browse-button[b-qhsp83nyfi],
.clear-button[b-qhsp83nyfi] {
    display: flex;
    text-wrap: nowrap;
    color: #777;
    background: none;
    border: none;
    outline: none;
}

    .browse-button svg[b-qhsp83nyfi],
    .clear-button svg[b-qhsp83nyfi] {
        width: 10px;
        height: 10px;
        margin: auto 3px;
    }

    .clear-button svg[b-qhsp83nyfi] {
        width: 8px;
        height: 8px;
    }

        .browse-button svg path[b-qhsp83nyfi],
        .clear-button svg path[b-qhsp83nyfi] {
            fill: none;
            stroke: #aeaeae;
            stroke-width: 1px;
        }
/* _content/NextERP/Components/Controls/GroupControl.razor.rz.scp.css */
.group-control[b-a50oud6r13] {
    min-width: 0;
    border: 1px solid #d4d4d4;
    padding: 15px;
    padding-top: 15px;
    background: transparent;
    margin: 20px 0 0 0;
}

.group-control-title[b-a50oud6r13] {
    display: inline-block;
    padding: 0 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    transform: translateY(-140%);
    background: var(--base-background, #fff);
    color: #5d5d5d;
    font-size: 12px;
    font-weight: 400;
    width: auto;
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-control-body[b-a50oud6r13] {
    margin-top: -12px;
}
/* _content/NextERP/Components/Controls/ImageUpload.razor.rz.scp.css */
.image-upload-area[b-aexrr5f79h] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 400px;
    margin: 10px 0;
    border-radius: 10px;
    border: 2px dashed #d2d2d2;
    background: #f4f4f4;
    cursor: pointer;
}

.upload-icon[b-aexrr5f79h] {
    width: 64px;
}

.uploaded-image[b-aexrr5f79h] {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
}

.profile-upload-area[b-aexrr5f79h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 250px;
    margin: 25px;
    overflow: clip;
    cursor: pointer;
}

.profile-icon[b-aexrr5f79h] {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.uploaded-profile[b-aexrr5f79h] {
    max-width: 100%;
    height: 250px;
    object-fit: contain;
}

.title[b-aexrr5f79h] {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin: 10px 0;
}

    .title p[b-aexrr5f79h] {
        font-size: 13px;
        font-weight: 500;
        color: #424242;
        margin: auto 0;
    }

    .title button[b-aexrr5f79h] {
        background: none;
        border: none;
        outline: none;
        padding: 5px;
    }

        .title button img[b-aexrr5f79h] {
            width: 16px;
        }

    .title .caret[b-aexrr5f79h] {
        width: 10px;
        height: 10px;
        margin-left: 5px;
        cursor: pointer;
    }

        .title .caret path[b-aexrr5f79h] {
            fill: none;
            stroke: #424242;
            stroke-width: 1.5px;
        }
/* _content/NextERP/Components/Controls/ImageUploadCustom.razor.rz.scp.css */
.image-upload-custom-root[b-qb6emqbmqr] {
    position: relative;
    width: 100%;
}

.title[b-qb6emqbmqr] {
    display: none;
}

.image-upload-area[b-qb6emqbmqr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 87px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #d4d4d4;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

    .image-upload-area:hover[b-qb6emqbmqr] {
        background: #f1f1f1 !important;
    }

.image-upload-custom-root.has-image:hover .image-upload-area[b-qb6emqbmqr] {
    background: #f1f1f1 !important;
}

.image-upload-custom-root.has-image .delete-btn:hover ~ .image-upload-area[b-qb6emqbmqr],
.image-upload-custom-root.has-image:hover .image-upload-area[b-qb6emqbmqr] {
    background: #f1f1f1 !important;
}

.uploaded-image[b-qb6emqbmqr] {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
    box-sizing: border-box;
    background: transparent !important;
}

.profile-upload-area[b-qb6emqbmqr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 87px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    background: #f1f1f1;
}

.profile-icon[b-qb6emqbmqr],
.uploaded-profile[b-qb6emqbmqr] {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0;
    padding: 6px;
    box-sizing: border-box;
}

.uploaded-profile[b-qb6emqbmqr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.upload-placeholder[b-qb6emqbmqr] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hidden[b-qb6emqbmqr] {
    display: none !important;
}

.delete-btn[b-qb6emqbmqr] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #ececec;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.97) !important;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
}

    .delete-btn img[b-qb6emqbmqr] {
        width: 14px;
        height: 14px;
        object-fit: contain;
        background: transparent !important;
    }

.image-upload-custom-root.has-image:hover .delete-btn[b-qb6emqbmqr] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.delete-btn:hover[b-qb6emqbmqr] {
    background: #fff !important;
}

.cell-upload-area[b-qb6emqbmqr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
}

.image-upload-custom-root.has-image:has(.cell-upload-area) .delete-btn[b-qb6emqbmqr] {
    top: 0;
    width: 24px;
    height: 24px;
}

.image-upload-custom-root.has-image:has(.cell-upload-area) .uploaded-image[b-qb6emqbmqr] {
    padding: 0;
}
/* _content/NextERP/Components/Controls/LanguageSelector.razor.rz.scp.css */
.lang-select-wrapper[b-k2doddni5g] {
    width: 100%;
    padding: 8px 16px 12px 16px;
}

.lang-select[b-k2doddni5g] {
    width: 100%;
    height: 32px;
    background: #E5E5E5;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    padding: 0 5px;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    outline: none;
/*    transition: 0.15s;*/
}

    .lang-select:hover[b-k2doddni5g] {
        border-color: #b8b8b8;
    }

    .lang-select:focus[b-k2doddni5g] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 2px rgba(59,130,246,0.15);
    }
/* _content/NextERP/Components/Controls/OtpInput.razor.rz.scp.css */
.otp-container[b-s4t3ewe7hk] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.otp-box[b-s4t3ewe7hk] {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    width: 50px;
    height: 50px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s;
}

    .otp-box:focus[b-s4t3ewe7hk] {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

    .otp-box[b-s4t3ewe7hk]::-webkit-outer-spin-button,
    .otp-box[b-s4t3ewe7hk]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .otp-box.isvalid[b-s4t3ewe7hk] {
        border-color: #179a5a;
        box-shadow: none;
    }
/* _content/NextERP/Components/Controls/SearchPanel.razor.rz.scp.css */
.search-container[b-m9q1lo8qs6] {
    display: flex;
}

.search-button[b-m9q1lo8qs6] {
    width: 40px;
    border: solid var(--base-separator-color);
    border-width: 0 0 0 1px;
    background: none;
}

    .search-button:hover[b-m9q1lo8qs6] {
        background: var(--base-background-focused);
    }

    .search-button img[b-m9q1lo8qs6] {
        height: 16px;
    }

.form[b-m9q1lo8qs6] {
    flex: 1;
    margin: 10px;
    column-fill: balance;
    column-count: 3;
    column-gap: 40px;
}

@media (max-width: 1580px) {
    .form[b-m9q1lo8qs6] {
        column-count: 2;
    }
}

@media (max-width: 1200px) {
    .form[b-m9q1lo8qs6] {
        column-count: 1;
    }
}

.form-item[b-m9q1lo8qs6] {
    display: inline-grid;
    position: relative;
    grid-template-columns: auto 1fr minmax(300px, 50%);
    padding: 5px 0;
    width: 100%;
}

    .form-item label[b-m9q1lo8qs6] {
        color: #868686;
        margin: 0.45em 0 auto 0;
        white-space: nowrap;
        font-size: 11px;
        font-weight: 400;
    }

[b-m9q1lo8qs6] .form-item input,
[b-m9q1lo8qs6] .form-item textarea {
    font-size: 12px !important;
    color: #5a5a5a;
}

[b-m9q1lo8qs6] .form-item .combobox-colored input {
    color: inherit !important;
}

[b-m9q1lo8qs6] .form-item .input-noneditor-colored {
    color: inherit !important;
    background-color: inherit !important;
}

[b-m9q1lo8qs6] .input-number {
    text-align: right;
}

.fill-space[b-m9q1lo8qs6] {
    margin: 1.35em 5px auto 5px;
    border-bottom: 2px dotted #ccc;
}

[b-m9q1lo8qs6] .dxbl-edit-btn-dropdown {
    border: none !important;
}

/* LookupComponent-той combo-ийн сонгосон текст — холбоос */
[b-m9q1lo8qs6] .search-combo-link {
    display: contents;
}

    [b-m9q1lo8qs6] .search-combo-link input {
        cursor: pointer !important;
        color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    }

        [b-m9q1lo8qs6] .search-combo-link input:hover {
            color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration: underline !important;
        }

/*.search-groupbox {
    position: relative;
    border: none;
    background-color: transparent;
    padding: 2px 0;
    margin: 4px 0;
    break-inside: avoid;
}

.search-groupbox-title {
    position: absolute;
    top: -8px;
    left: 12px;
    padding: 0 6px;
    background-color: #fff;
    color: #868686;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}

.search-groupbox-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
}
*/

/* HTML-агуулгатай группын form-item-ийг CSS multi-column-ийн баганын зааг дээр ТАСРАХААС
   сэргийлнэ — эс тэгвээс доторх огноо/цаг карт хоёр баганад хуваагдаж, икон/мөр салж доош буудаг. */
.search-group-item[b-m9q1lo8qs6] {
    break-inside: avoid;
}
/* _content/NextERP/Components/Controls/SubscriptionReminder.razor.rz.scp.css */
.sub-reminder[b-tzl5n4d40w] {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 6px);
    margin: 3px;
    border-radius: 3px;
    transition: transform 0.5s ease-in-out;
    z-index: 999;
}

.trial-version[b-tzl5n4d40w] {
    border: 1px solid #947aff;
    background: #e1d8fe;
}

    .trial-version .btn-close path[b-tzl5n4d40w] {
        fill: #947aff;
    }

    .trial-version .btn-pay[b-tzl5n4d40w] {
        color: white;
        background: #947aff;
    }

.demo-version[b-tzl5n4d40w] {
    border: 1px solid #947aff;
    background: #e1d8fe;
}

    .demo-version .btn-close path[b-tzl5n4d40w] {
        fill: #947aff;
    }

    .demo-version .btn-pay[b-tzl5n4d40w] {
        color: white;
        background: #947aff;
    }

.expiring-soon[b-tzl5n4d40w] {
    border: 1px solid #f8b625;
    background: #fef4de;
}

    .expiring-soon .btn-close path[b-tzl5n4d40w] {
        fill: #f8b625;
    }

    .expiring-soon .btn-pay[b-tzl5n4d40w] {
        color: white;
        background: #f8b625;
    }

.expired[b-tzl5n4d40w] {
    border: 1px solid #dc3545;
    background: #ffdcdd;
}

    .expired .btn-close path[b-tzl5n4d40w] {
        fill: #dc3545;
    }

    .expired .btn-pay[b-tzl5n4d40w] {
        color: white;
        background: #dc3545;
    }

.not-subscribed[b-tzl5n4d40w] {
    border: 1px solid #dc3545;
    background: #ffdcdd;
}

    .not-subscribed .btn-close path[b-tzl5n4d40w] {
        fill: #dc3545;
    }

    .not-subscribed .btn-pay[b-tzl5n4d40w] {
        color: white;
        background: #dc3545;
    }

.warning-icon[b-tzl5n4d40w] {
    width: 32px;
    height: 32px;
    margin: 10px;
}

.warning-text[b-tzl5n4d40w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

    .warning-text span:first-child[b-tzl5n4d40w] {
        font-size: 14px;
        color: #2f2f2f;
    }

    .warning-text span:last-child[b-tzl5n4d40w] {
        font-size: 12px;
        color: #787878;
    }

.btn-trial[b-tzl5n4d40w] {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 3px;
    outline: none;
    min-height: 30px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 15px;
    padding: 0 15px;
    gap: 10px;
}

    .btn-trial svg[b-tzl5n4d40w] {
        width: 16px;
        height: 16px;
    }

        .btn-trial svg path[b-tzl5n4d40w] {
            fill: #5a41b4;
        }

    .btn-trial span[b-tzl5n4d40w] {
        color: #555;
    }

.btn-pay[b-tzl5n4d40w] {
    border: none;
    border-radius: 3px;
    outline: none;
    width: 120px;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
}

.btn-close[b-tzl5n4d40w] {
    all: unset;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 10px;
}
/* _content/NextERP/Components/Controls/TreeCombobox.razor.rz.scp.css */
.tree-combobox-body[b-dw9gr2uzft] {
    width: 680px;
    max-width: min(90vw, 680px);
    height: 460px;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
}

.tree-combobox-search[b-dw9gr2uzft] {
    padding: 8px;
    border-bottom: 1px solid #ececf3;
    flex: 0 0 auto;
    background: #fafafe;
}

.tree-combobox-list[b-dw9gr2uzft] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px;
    background: #fff;
}

.tree-combobox-dropdown[b-dw9gr2uzft],
.tree-combobox-dropdown .dxbl-popup-content[b-dw9gr2uzft],
.tree-combobox-dropdown .dxbl-dropdownbody[b-dw9gr2uzft] {
    height: 460px !important;
    max-height: 460px !important;
    overflow: hidden !important;
}

.tree-empty[b-dw9gr2uzft] {
    padding: 16px;
    text-align: center;
    color: #999;
    font-size: 12px;
}

.profession-treeview[b-dw9gr2uzft] {
    font-size: 12px;
    background: #fff !important;
}

    /* reset all tree backgrounds */
    .profession-treeview[b-dw9gr2uzft],
    .profession-treeview *[b-dw9gr2uzft] {
        box-shadow: none !important;
    }

        .profession-treeview .dxbl-treeview[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-node[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-nodes-container[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-item[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-item-container[b-dw9gr2uzft],
        .profession-treeview ul[b-dw9gr2uzft],
        .profession-treeview li[b-dw9gr2uzft] {
            background: transparent !important;
            font-size: 12px !important;
        }

            /* no hover/selected background on whole container */
            .profession-treeview .dxbl-treeview-item-container:hover[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container.dxbl-state-hover[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container.dxbl-state-selected[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container[aria-selected="true"][b-dw9gr2uzft] {
                background: transparent !important;
            }

        /* text row look */
        .profession-treeview .dxbl-treeview-item-text-container[b-dw9gr2uzft] {
            background: transparent !important;
            border-radius: 4px;
            color: #1f2937 !important;
            padding: 4px 8px !important;
            transition: background-color .12s ease;
        }

            /* hover only on text row */
            .profession-treeview .dxbl-treeview-item-text-container:hover[b-dw9gr2uzft] {
                background: #f5f7fb !important;
            }

        /* selected only on text row */
        .profession-treeview .dxbl-treeview-item-container.dxbl-state-selected > .dxbl-treeview-item-text-container[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-item-container[aria-selected="true"] > .dxbl-treeview-item-text-container[b-dw9gr2uzft] {
            background: #6f4aa5 !important;
            color: #fff !important;
        }

            /* selected text color */
            .profession-treeview .dxbl-treeview-item-container.dxbl-state-selected > .dxbl-treeview-item-text-container .dxbl-treeview-item-text[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container[aria-selected="true"] > .dxbl-treeview-item-text-container .dxbl-treeview-item-text[b-dw9gr2uzft] {
                color: #fff !important;

            }

        /* expanded child branch stays transparent */
        .profession-treeview .dxbl-treeview-nodes-container[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-node[b-dw9gr2uzft] {
            background: transparent !important;
        }
        .profession-treeview .dxbl-treeview-item-text[b-dw9gr2uzft] {
            font-size: 12px !important;
        }
.tree-combobox-body[b-dw9gr2uzft] {
    font-size: 12px;
}

[b-dw9gr2uzft] .tree-combobox-search .dxbl-text-edit-input,
[b-dw9gr2uzft] .tree-combobox-search .dxbl-text-edit,
[b-dw9gr2uzft] .profession-treeview .dxbl-treeview-item-text,
[b-dw9gr2uzft] .profession-treeview .dxbl-treeview-item-text-container,
[b-dw9gr2uzft] .profession-treeview .dxbl-treeview-item-container,
[b-dw9gr2uzft] .profession-treeview .dxbl-btn {
    font-size: 12px !important;
}
/* _content/NextERP/Components/Controls/WaitIndicator.razor.rz.scp.css */
.wait-container[b-8n05fo0m42] {
    position: absolute;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #17369088;
}

.wait-loader[b-8n05fo0m42] {
    position: absolute;
    top: calc(50% - 18px);
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 36px;
    height: 36px;
    border: 5px solid #fff;
    border-bottom-color: #5010b4;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-b-8n05fo0m42 1s linear infinite;
}

@keyframes rotation-b-8n05fo0m42 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.wait-text[b-8n05fo0m42] {
    position: absolute;
    top: calc(50% + 24px);
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    max-width: 300px;
    max-height: 300px;
    text-align: center;
    overflow-y: clip;
    color: #fff;
    font-size: 12px;
}
/* _content/NextERP/Components/Layout/MainLayout.razor.rz.scp.css */
.layout[b-smnpd3e1bg] {
    display: flex;
    height: 100vh;
    overflow: visible;
}

.layout-sidebar[b-smnpd3e1bg] {
    flex: 0 0 auto;
    height: 100vh;
    background: #fafafa;
    overflow-x: visible;
    overflow-y: auto;
    transition: width .25s ease;
    position: relative;
    z-index: 1000;
}

.layout-body[b-smnpd3e1bg] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.layout-toolbar[b-smnpd3e1bg] {
    background: white;
    position: relative;
    border-bottom: 1px solid #eee;
}

.layout-content[b-smnpd3e1bg] {
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.tabbed-page[b-smnpd3e1bg] {
    width: 100%;
    height: 100%;
    position: absolute;
}

    .tabbed-page.unselected[b-smnpd3e1bg] {
        display: none;
    }

@media (max-width: 1024px) {

    .layout-sidebar[b-smnpd3e1bg] {
        position: fixed;
        width: 0 !important;
        z-index: 2000;
    }

        .layout-sidebar.collapsed[b-smnpd3e1bg] {
            width: 300px !important;
        }
}

@media (max-width: 768px) {

    .layout-sidebar.collapsed[b-smnpd3e1bg] {
        width: 250px !important;
    }
}
/* _content/NextERP/Components/Layout/Navbar.razor.rz.scp.css */
.nav-container[b-g101nun49g] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fdfdfd;
    background-image: url('images/line_logo.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 85%;
    border-right: 1px solid #eaeaea;
    overflow: hidden;
    transition: none;
}

    .nav-container.collapsed[b-g101nun49g] {
        width: 100%;
    }

.logo-area[b-g101nun49g] {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 15px;
    gap: 10px;
    box-sizing: border-box;
}

.logo-full[b-g101nun49g] {
    margin-left: 5px;
    height: 28px;
    display: block;
}

.logo-icon[b-g101nun49g] {
    width: 28px;
    height: 28px;
    display: none;
}

.logo-home[b-g101nun49g] {
    position: relative;
}

.demo-icon[b-g101nun49g] {
    position: absolute;
    transform: rotate(-10deg);
    width: 80px;
    top: 0;
    left: 0;
    margin: -3px 0 0 100px;
    pointer-events: none;
    animation: fade-blink-b-g101nun49g 3s linear infinite;
}

@keyframes fade-blink-b-g101nun49g {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.logo-toggle[b-g101nun49g] {
    margin-left: auto;
    margin-right: 15px;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.toggle-icon[b-g101nun49g] {
    width: 54px;
    height: 24px;
    object-fit: contain;
}

.nav-container.collapsed .logo-area[b-g101nun49g] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin: 0;
    padding: 0;
}

.nav-container.collapsed .logo-home[b-g101nun49g] {
    display: flex;
    justify-content: center;
    width: 50px;
}

.nav-container.collapsed .logo-full[b-g101nun49g] {
    display: none;
}

.nav-container.collapsed .logo-icon[b-g101nun49g] {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
    cursor: pointer;
}

.nav-container.collapsed .logo-toggle[b-g101nun49g] {
    display: none;
}

.ul-outer[b-g101nun49g] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: -1px;
}

.nav-container.collapsed .ul-outer[b-g101nun49g] {
    overflow: hidden;
}

ul[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu-outer[b-g101nun49g] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .15s;
}

    .nav-menu-outer:hover[b-g101nun49g] {
        background-color: #D3C7FF;
    }

    .nav-menu-outer img[b-g101nun49g] {
        width: 25px;
        height: 25px;
        margin: 0 10px 0 20px;
        object-fit: scale-down;
    }

.nav-menu-inner[b-g101nun49g] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .15s;
    text-decoration: none !important;
}

    .nav-menu-inner:hover[b-g101nun49g] {
        background-color: #D3C7FF;
    }

    .nav-menu-inner img[b-g101nun49g] {
        width: 25px;
        height: 25px;
        margin: 0 15px 0 45px;
        object-fit: scale-down;
    }

.nav-container.collapsed .nav-menu-outer[b-g101nun49g],
.nav-container.collapsed .nav-menu-inner[b-g101nun49g] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    padding: 0;
    margin: 0;
}

    .nav-container.collapsed .nav-menu-outer img[b-g101nun49g],
    .nav-container.collapsed .nav-menu-inner img[b-g101nun49g] {
        margin-left: auto;
        margin-right: auto;
    }

.menu-text[b-g101nun49g] {
    font-size: 12px;
    color: #777;
    padding-right: 5px;
}

.nav-container.collapsed .menu-text[b-g101nun49g] {
    display: none;
}

.nested[b-g101nun49g] {
    max-height: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    opacity: 0;
    transform: translateY(-5px);
    transition: max-height 0.5s cubic-bezier(.4,0,.2,1), opacity 0.5s ease, transform 0.5s ease;
}

    .nested.active[b-g101nun49g] {
        max-height: 500px;
        overflow: hidden;
        opacity: 1;
        transform: translateY(0);
    }

.caret[b-g101nun49g] {
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    visibility: hidden;
}

    .caret path[b-g101nun49g] {
        fill: none;
        stroke: #777;
        stroke-width: 3;
    }

.nav-container.collapsed .caret[b-g101nun49g] {
    display: none;
}

.caret-down .caret[b-g101nun49g] {
    visibility: visible;
}

.nav-menu-outer:hover:not(.caret-down) .caret[b-g101nun49g],
.nav-menu-inner:hover:not(.caret-down) .caret[b-g101nun49g] {
    visibility: visible;
    opacity: .3;
}

.nav-menu-outer.caret-down[b-g101nun49g] {
    background-color: #E8E3FA;
    position: relative;
}

    .nav-menu-outer.caret-down[b-g101nun49g]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        background-color: #321D89;
    }

.popup-menu[b-g101nun49g] {
    position: fixed;
    width: 260px;
    background: #fafafa;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    box-shadow: none;
    padding: 0;
    z-index: 999999;
    border-radius: 0;
    display: none;
}

    .popup-menu.show[b-g101nun49g] {
        display: block;
    }

.popup-level[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-level-item[b-g101nun49g] {
    position: relative;
}

.popup-item[b-g101nun49g] {
    min-height: 40px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: #777;
    background: #fafafa;
    border-bottom: 1px solid #f1f1f1;
}

    .popup-item:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.popup-arrow[b-g101nun49g] {
    margin-left: 16px;
    font-size: 11px;
    color: #777;
}

.popup-item[b-g101nun49g] {
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
    color: #555;
}

    .popup-item:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.popup-level[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-level-item[b-g101nun49g] {
    position: relative;
}

.popup-item[b-g101nun49g] {
    min-width: 220px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: #555;
    background: #fff;
}

    .popup-item:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.popup-arrow[b-g101nun49g] {
    margin-left: 16px;
    font-size: 11px;
    color: #777;
}

.popup-submenu[b-g101nun49g] {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-radius: 4px;
    display: none;
    z-index: 1000000;
}

.popup-level-item:hover > .popup-submenu[b-g101nun49g] {
    display: block;
}

.nested-item[b-g101nun49g] {
    position: relative;
}

    .nested-item.has-flyout[b-g101nun49g] {
        position: relative;
    }

.flyout-caret[b-g101nun49g] {
    position: absolute;
    right: 10px;
    transform: rotate(-90deg);
    visibility: visible;
}

.navbar-shell[b-g101nun49g] {
    position: relative;
    display: block;
    height: 100vh;
    width: 300px;
    min-width: 300px;
    overflow: hidden;
    transition: width 0.28s cubic-bezier(.4,0,.2,1), min-width 0.28s cubic-bezier(.4,0,.2,1);
}

    .navbar-shell.collapsed-shell[b-g101nun49g] {
        width: 50px;
        min-width: 50px;
    }

.side-panel-menu[b-g101nun49g] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 300px;
    width: 260px;
    background: #fdfdfd;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5000;
    box-sizing: border-box;
    transition: transform 0.28s cubic-bezier(.4,0,.2,1), opacity 0.28s ease, visibility 0.28s ease;
    pointer-events: none;
}

    .side-panel-menu.open[b-g101nun49g] {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        pointer-events: auto;
    }

    .side-panel-menu.closed[b-g101nun49g] {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-18px);
        pointer-events: none;
    }

    .side-panel-menu.second-level[b-g101nun49g] {
        left: 560px;
        z-index: 5001;
        transform: translateX(-18px);
    }

        .side-panel-menu.second-level.open[b-g101nun49g] {
            transform: translateX(0);
        }

.navbar-shell.collapsed-shell .side-panel-menu[b-g101nun49g] {
    left: 50px;
}

    .navbar-shell.collapsed-shell .side-panel-menu.second-level[b-g101nun49g] {
        left: 310px;
    }

.side-panel-header[b-g101nun49g],
.side-panel-item[b-g101nun49g] {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.side-panel-menu.closed .side-panel-header[b-g101nun49g],
.side-panel-menu.closed .side-panel-item[b-g101nun49g] {
    opacity: 0;
    transform: translateX(-8px);
}

.side-panel-menu.open .side-panel-header[b-g101nun49g],
.side-panel-menu.open .side-panel-item[b-g101nun49g] {
    opacity: 1;
    transform: translateX(0);
}

.side-panel-header[b-g101nun49g] {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    border-bottom: 1px solid #ececec;
    background: #fdfdfd;
    box-sizing: border-box;
    justify-content: space-between;
}

.side-panel-subheader[b-g101nun49g] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 12px;
    background: #fdfdfd;
    height: 40px;
}

    .side-panel-subheader .panel-toggle-btn[b-g101nun49g] {
        margin-left: 0;
        margin-right: 0;
    }

.panel-toggle-btn[b-g101nun49g] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.panel-toggle-icon[b-g101nun49g] {
    width: 25px;
    height: 25px;
    object-fit: contain;
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.panel-toggle-btn:hover .panel-toggle-icon[b-g101nun49g] {
    opacity: 1;
}

.side-panel-list[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side-panel-item[b-g101nun49g] {
    position: relative;
}

.side-panel-link[b-g101nun49g] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    color: #777;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd;
    box-sizing: border-box;
    font-size: 12px !important;
}

    .side-panel-link:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.side-panel-arrow[b-g101nun49g] {
    font-size: 18px;
    color: #888;
}

.side-panel-list.grouped[b-g101nun49g] {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.side-panel-group[b-g101nun49g] {
    padding: 0 0 6px 0;
}

.side-panel-group-title[b-g101nun49g] {
    font-size: 13px;
    font-weight: 300;
    color: #331D8A;
    padding: 10px 16px 6px 16px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .side-panel-group-title:hover[b-g101nun49g] {
        background: #E8E3FA;
    }

    .side-panel-group-title .group-caret path[b-g101nun49g] {
        stroke: #6b6780;
    }

    .side-panel-group-title.expanded .group-caret path[b-g101nun49g] {
        stroke: #321D89;
    }

.group-caret[b-g101nun49g] {
    position: static;
    visibility: visible;
    flex-shrink: 0;
}

.group-caret-path[b-g101nun49g] {
    fill: none;
    stroke: #6b6780;
    stroke-width: 3;
}

.side-panel-group-title.expanded .group-caret-path[b-g101nun49g] {
    stroke: #321D89;
}

.side-panel-item[b-g101nun49g] {
    list-style: none;
}

.side-panel-link[b-g101nun49g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px 8px 28px;
    font-size: 13px;
    color: #5d5875;
    text-decoration: none;
    cursor: pointer;
}

    .side-panel-link:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.side-panel-menu.second-level .side-panel-list.grouped[b-g101nun49g] {
    padding-top: 40px;
}

.side-panel-group[b-g101nun49g] {
    padding: 0;
}

    .side-panel-group.expanded[b-g101nun49g] {
        padding-bottom: 6px;
    }

    .side-panel-group.collapsed[b-g101nun49g] {
        padding-bottom: 0;
    }

.side-panel-link-row[b-g101nun49g] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 8px;
    padding-right: 8px;
}

.favorite-star-btn[b-g101nun49g] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.favorite-star-menu[b-g101nun49g] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

    .favorite-star-menu.inactive[b-g101nun49g] {
        opacity: 0;
    }

    .favorite-star-menu.active[b-g101nun49g] {
        opacity: 1;
    }

.side-panel-link-row:hover .favorite-star-menu.inactive[b-g101nun49g] {
    opacity: 0.35;
}

.favorite-star-btn:hover .favorite-star-menu.inactive[b-g101nun49g] {
    opacity: 0.6;
}

.favorite-star-btn:hover .favorite-star-menu[b-g101nun49g] {
    transform: scale(1.08);
}

.favorite-star-icon[b-g101nun49g] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

    .favorite-star-icon.inactive[b-g101nun49g] {
        opacity: 0;
    }

    .favorite-star-icon.active[b-g101nun49g] {
        opacity: 1;
    }

.side-panel-link-row:hover .favorite-star-icon.inactive[b-g101nun49g] {
    opacity: 0.35;
}

.favorite-star-btn:hover .favorite-star-icon.inactive[b-g101nun49g] {
    opacity: 0.6;
}

.favorite-star-btn:hover .favorite-star-icon[b-g101nun49g] {
    transform: scale(1.08);
}

.side-panel-link-row .side-panel-link[b-g101nun49g] {
    flex: 1 1 auto;
    padding-left: 8px;
    padding-right: 8px;
}

.nested .side-panel-link-row[b-g101nun49g] {
    display: flex;
    align-items: center;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
}

    .nested .side-panel-link-row .nav-menu-inner[b-g101nun49g] {
        flex: 1 1 auto;
    }

    .nested .side-panel-link-row .favorite-star-btn[b-g101nun49g] {
        margin-left: 8px;
        flex-shrink: 0;
    }

.menu-disabled-gray[b-g101nun49g] {
    background: #f1f1f1 !important;
    opacity: 0.8;
}

    .menu-disabled-gray:hover[b-g101nun49g] {
        background: #f1f1f1 !important;
    }

    .menu-disabled-gray .menu-text[b-g101nun49g] {
        color: #9a9a9a !important;
    }

    .menu-disabled-gray img[b-g101nun49g] {
        filter: grayscale(100%);
        opacity: 0.7;
    }

    .menu-disabled-gray .caret path[b-g101nun49g] {
        stroke: #b5b5b5 !important;
    }

.collapsed-hover-menu[b-g101nun49g] {
    position: fixed;
    width: 220px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
    z-index: 1000000;
    padding: 0;
    border-radius: 2px;
}

.collapsed-hover-level[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collapsed-hover-item[b-g101nun49g] {
    position: relative;
}

.collapsed-hover-row[b-g101nun49g] {
    height: 40px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    white-space: nowrap;
    background: #fff;
}

    .collapsed-hover-row:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.collapsed-hover-arrow[b-g101nun49g] {
    font-size: 18px;
    color: #777;
    margin-left: 12px;
}

.collapsed-hover-submenu[b-g101nun49g] {
    position: absolute;
    top: 0;
    left: 100%;
    width: 220px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
    display: none;
    z-index: 1000001;
}

.collapsed-hover-item.has-children:hover > .collapsed-hover-submenu[b-g101nun49g] {
    display: block;
}

@media (max-width: 1024px) {

    .logo-area[b-g101nun49g] {
        height: 60px;
        padding: 0 10px;
    }

    .logo-full[b-g101nun49g] {
        height: 24px;
        margin-left: 2px;
    }

    .demo-icon[b-g101nun49g] {
        margin: -7px 0 0 85px;
    }

    .toggle-icon[b-g101nun49g] {
        width: 45px;
        height: 20px;
    }

    .nav-menu-outer img[b-g101nun49g],
    .nav-menu-inner img[b-g101nun49g] {
        width: 22px;
        height: 22px;
        margin: 0 12px;
    }

    .menu-text[b-g101nun49g] {
        font-size: 12px;
    }

    .nav-menu-outer[b-g101nun49g] {
        height: 42px;
    }

    .nav-menu-inner[b-g101nun49g] {
        height: 36px;
    }

    .nested .menu-text[b-g101nun49g] {
        margin-left: 20px !important;
    }

    .has-flyout .nav-menu-inner .menu-text[b-g101nun49g] {
        margin-left: 52px !important;
    }
}

@media (max-width: 768px) {

    .navbar-shell[b-g101nun49g] {
        width: 250px;
        min-width: 250px;
    }

    .nav-container[b-g101nun49g] {
        width: 250px;
        background-size: 80%;
    }

    .side-panel-menu[b-g101nun49g] {
        left: 250px;
    }

        .side-panel-menu.second-level[b-g101nun49g] {
            left: 510px;
        }

    .logo-area[b-g101nun49g] {
        height: 58px;
        padding: 0 8px;
    }
}

@media (max-width: 480px) {

    .logo-area[b-g101nun49g] {
        height: 55px;
    }
}
/* _content/NextERP/Components/Layout/TabView.razor.rz.scp.css */
.tab-container[b-2qcq3slw1f] {
    display: flex;
    flex-direction: row;
}

.tab-headers[b-2qcq3slw1f] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: calc(100% - 85px);
    height: 30px;
    margin-left: -1px;
}

.tab-header[b-2qcq3slw1f] {
    border-left: 1px solid var(--base-separator-color);
    align-content: center;
    cursor: pointer;
    text-wrap: nowrap;
}

    .tab-header.selected span[b-2qcq3slw1f] {
        color: var(--base-foreground-focused);
    }

    .tab-header.selected[b-2qcq3slw1f] {
        background: var(--base-background-focused);
    }

        .tab-header.selected .btn-hdr-close[b-2qcq3slw1f],
        .tab-header:hover .btn-hdr-close[b-2qcq3slw1f] {
            visibility: visible;
        }

.btn-caption[b-2qcq3slw1f] {
    display: inline-grid;
    grid-template-columns: 1fr;
    align-content: center;
    height: 30px;
    background: none;
    border: none;
    outline: none;
    color: var(--base-foreground);
}

    .btn-caption span[b-2qcq3slw1f] {
        grid-area: 1 / 1;
        margin: 0 5px 0 10px;
    }

.btn-hdr-close[b-2qcq3slw1f] {
    background: none;
    border: none;
    outline: none;
    visibility: hidden;
    opacity: 0.7;
    margin: 0;
    padding: 3px;
}

.btn-hdr-close[b-2qcq3slw1f] {
    margin-right: 3px;
}

    .btn-hdr-close:hover[b-2qcq3slw1f] {
        opacity: 1;
    }

    .btn-hdr-close img[b-2qcq3slw1f] {
        height: 12px;
    }

.scroll-controls[b-2qcq3slw1f] {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 10px;
}

.scroll-btn[b-2qcq3slw1f] {
    background: none;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    margin: 2.5px 0;
}

    .scroll-btn:hover[b-2qcq3slw1f] {
        background: var(--base-background-focused);
    }

        .scroll-btn:hover path[b-2qcq3slw1f] {
            fill: #777;
        }

    .scroll-btn path[b-2qcq3slw1f] {
        fill: #aeaeae;
    }

.dropdown-body[b-2qcq3slw1f] {
    position: absolute;
    top: 100%;
    right: 0px;
    width: 300px;
    max-height: calc(100vh - 100px);
    min-height: 61px;
    overflow: auto;
    z-index: 999999;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}

    .dropdown-body button[b-2qcq3slw1f] {
        background: none;
        border: none;
        outline: none;
    }

.tab-header-overflown[b-2qcq3slw1f] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

    .tab-header-overflown.selected[b-2qcq3slw1f] {
        background: var(--base-background-focused);
    }

        .tab-header-overflown.selected span[b-2qcq3slw1f] {
            font-weight: bold;
            color: var(--base-foreground-focused);
        }

    .tab-header-overflown:hover .btn-hdr-close-overflown[b-2qcq3slw1f] {
        visibility: visible;
    }

.btn-caption-overflown[b-2qcq3slw1f] {
    text-wrap: nowrap;
    padding: 7px;
    padding-left: 14px;
    margin: 0;
    width: 100%;
    height: unset;
    text-align: left;
    color: var(--base-foreground);
}

.btn-hdr-close-overflown[b-2qcq3slw1f] {
    background: none;
    border: none;
    outline: none;
    visibility: hidden;
}

    .btn-hdr-close-overflown img[b-2qcq3slw1f] {
        height: 12px;
    }
/* _content/NextERP/Components/Layout/Toolbar.razor.rz.scp.css */
.toolbar-container[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 20px;
    gap: 15px;
    background-color: #ffffff;
}

.tabview[b-wk6dd3gjm8] {
    flex: 1;
    overflow: hidden;
    height: calc(100vh - 40px);
    margin-top: 40px;
    margin-bottom: auto;
}

.right-tools[b-wk6dd3gjm8] {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 16px;
}

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

.searchbox[b-wk6dd3gjm8] {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    background-image: url('images/search.png');
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 16px 16px;
}

    .searchbox input[type=search][b-wk6dd3gjm8] {
        font-size: 12px;
        color: #5d5d5d;
        width: 30px;
        height: 30px;
        border: 1px solid #aeaeae;
        background: transparent;
        outline: none;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        .searchbox input[type=search]:focus[b-wk6dd3gjm8],
        .searchbox input[type=search]:not(:placeholder-shown)[b-wk6dd3gjm8] {
            width: 450px;
            padding: 0 8px 0 37px;
            opacity: 1;
            cursor: auto;
        }

        .searchbox input[type=search][b-wk6dd3gjm8]::-webkit-search-cancel-button {
            -webkit-appearance: none;
            appearance: none;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTIzLjA1cHgiIGhlaWdodD0iMTIzLjA1cHgiIHZpZXdCb3g9IjAgMCAxMjMuMDUgMTIzLjA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjMuMDUgMTIzLjA1OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMTIxLjMyNSwxMC45MjVsLTguNS04LjM5OWMtMi4zLTIuMy02LjEtMi4zLTguNSwwbC00Mi40LDQyLjM5OUwxOC43MjYsMS43MjZjLTIuMzAxLTIuMzAxLTYuMTAxLTIuMzAxLTguNSwwbC04LjUsOC41CgkJYy0yLjMwMSwyLjMtMi4zMDEsNi4xLDAsOC41bDQzLjEsNDMuMWwtNDIuMyw0Mi41Yy0yLjMsMi4zLTIuMyw2LjEsMCw4LjVsOC41LDguNWMyLjMsMi4zLDYuMSwyLjMsOC41LDBsNDIuMzk5LTQyLjRsNDIuNCw0Mi40CgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIgZmlsbD0iIzVkNWQ1ZCIvPgo8L2c+Cjwvc3ZnPgo=);
            background-size: 10px 10px;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            cursor: pointer;
        }

.search-area[b-wk6dd3gjm8] {
    position: absolute;
    top: 100%;
    width: 100%;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    background-color: white;
    border: 1px solid #eaeaea;
    z-index: 1999;
    padding-top: 5px;
}

.search-type-caption[b-wk6dd3gjm8] {
    display: block;
    font-size: 12px;
    color: #aeaeae;
    padding: 3px 15px;
}

.search-item[b-wk6dd3gjm8] {
    font-size: 11px;
    color: #5d5d5d;
    padding: 5px 15px;
    cursor: pointer;
}

    .search-item > div[b-wk6dd3gjm8] {
        display: flex;
    }

    .search-item.selected[b-wk6dd3gjm8] {
        background-color: #eaeaea;
    }

    .search-item .root-caption[b-wk6dd3gjm8] {
        flex: 0 1 auto;
        min-width: 0;
        white-space: nowrap;
        overflow: clip;
        text-overflow: ellipsis;
        margin-right: 2px;
    }

    .search-item .menu-caption[b-wk6dd3gjm8] {
        flex: 0 1 auto;
        white-space: nowrap;
    }

    .search-item .info-caption[b-wk6dd3gjm8] {
        flex: 0 1 auto;
        white-space: nowrap;
        color: #888;
    }

    .search-item .caption-highlight[b-wk6dd3gjm8] {
        background-color: #f3e73b;
    }

    .search-item .caption-separator[b-wk6dd3gjm8] {
        display: inline;
        margin: 0 5px 0 3px;
    }

        .search-item .caption-separator[b-wk6dd3gjm8]::before {
            content: '\2192';
            color: #aeaeae;
        }

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

.tool-item[b-wk6dd3gjm8] {
    align-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.icon-menu-outer[b-wk6dd3gjm8] {
    display: none;
    justify-content: center;
    align-items: center;
}

.icon-menu[b-wk6dd3gjm8] {
    width: 22px;
    height: 22px;
}

.icon-bell[b-wk6dd3gjm8] {
    width: 22px;
    height: 22px;
}

.icon-copilot[b-wk6dd3gjm8] {
    width: 22px;
    height: 20px;
}

.icon-help[b-wk6dd3gjm8] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.icon-settings[b-wk6dd3gjm8] {
    width: 20px;
    height: 20px;
}

.icon-user[b-wk6dd3gjm8] {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
    border-radius: 50%;
}

.icon-download[b-wk6dd3gjm8] {
    width: 16px;
    height: 18px;
    cursor: pointer;
}

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

.download-menu-wrapper[b-wk6dd3gjm8] {
    position: relative;
    display: flex;
    align-items: center;
}

.download-menu[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 999999;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

.download-menu-header[b-wk6dd3gjm8] {
    margin: 20px 20px 15px 20px;
    border-bottom: solid 1px #5b41b4;
}

    .download-menu-header span[b-wk6dd3gjm8] {
        font-size: 15px;
        font-weight: 500;
        color: #5b41b4;
    }

.download-menu-body[b-wk6dd3gjm8] {
    margin: 0 20px;
}

    .download-menu-body span[b-wk6dd3gjm8] {
        font-size: 13px;
        font-weight: 500;
        color: #5b41b4;
    }

.download-links[b-wk6dd3gjm8] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0 20px 0;
}

    .download-links a[b-wk6dd3gjm8] {
        width: 125px;
        height: 40px;
        background-size: 125px 40px;
        background-repeat: no-repeat;
        background-position: center;
    }

.download-links-windows-store[b-wk6dd3gjm8] {
    background-image: url('images/download_windows_store.png');
}

    .download-links-windows-store:hover[b-wk6dd3gjm8] {
        background-image: url('images/download_windows_store_selected.png');
    }

.download-links-app-store[b-wk6dd3gjm8] {
    background-image: url('images/download_app_store.png');
}

    .download-links-app-store:hover[b-wk6dd3gjm8] {
        background-image: url('images/download_app_store_selected.png');
    }

.download-links-google-play[b-wk6dd3gjm8] {
    background-image: url('images/download_google_play.png');
}

    .download-links-google-play:hover[b-wk6dd3gjm8] {
        background-image: url('images/download_google_play_selected.png');
    }

.download-menu-footer[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    background-color: #F8F8F8;
    padding: 5px 20px;
}

    .download-menu-footer span[b-wk6dd3gjm8] {
        flex: 1;
        font-size: 13px;
        color: #9ca3af;
    }

.download-qrcode[b-wk6dd3gjm8] {
    height: 96px;
}

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

.user-menu-wrapper[b-wk6dd3gjm8] {
    position: relative;
    display: flex;
    align-items: center;
}

.profile-menu[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 21px);
    right: -20px;
    width: 267px;
    z-index: 999999;
    background: #fff;
    border-radius: 0 0 0 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    overflow: visible;
    font-family: 'Roboto', sans-serif;
}

.profile-header[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    height: 77px;
    padding: 0 6px;
    margin: 0 10px 5px 10px;
    background-color: #F8F8F8;
    gap: 12px;
}

.profile-avatar[b-wk6dd3gjm8] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}

    .profile-avatar img[b-wk6dd3gjm8] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.profile-name[b-wk6dd3gjm8] {
    font-size: 14px;
    font-weight: 500;
}

.profile-email[b-wk6dd3gjm8] {
    font-size: 11px;
    color: #6a6a6a;
}

.profile-item[b-wk6dd3gjm8] {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    border: none;
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
}

    .profile-item:hover[b-wk6dd3gjm8] {
        background: #f5f5f5;
    }

        .profile-item:hover .item-icon[b-wk6dd3gjm8] {
            opacity: 1;
        }

    .profile-item .item-icon[b-wk6dd3gjm8] {
        width: 18px;
        height: 18px;
        opacity: 0.75;
    }

.profile-company[b-wk6dd3gjm8] {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 16px;
}

.anydesk-item[b-wk6dd3gjm8] {
    text-decoration: none !important;
    color: ButtonText !important;
}

    .anydesk-item .item-icon[b-wk6dd3gjm8] {
        width: 18px;
        height: 13px;
        object-fit: contain;
    }

.logout[b-wk6dd3gjm8] {
    color: #E11D48;
    font-weight: 500;
    border-radius: 0 0 0 8px;
    padding-bottom: 8px;
}

    .logout .item-icon[b-wk6dd3gjm8] {
        width: 15px;
        height: 15px;
    }

.language-collapse[b-wk6dd3gjm8] {
    width: 100%;
    background: #fafafa;
    border-top: 1px solid #eee;
    padding: 10px 16px;
    animation: expandMenu-b-wk6dd3gjm8 0.2s ease-out;
}

@keyframes expandMenu-b-wk6dd3gjm8 {
    from {
        opacity: 0;
        max-height: 0;
        transform: scaleY(0.9);
    }

    to {
        opacity: 1;
        max-height: 200px;
        transform: scaleY(1);
    }
}

.lang-code-box[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #434343;
    margin-right: 1px;
    padding-top: 1px;
}

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

.period-popup[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    min-width: 220px;
    z-index: 9999;
    overflow: hidden;
    animation: fadeInDown-b-wk6dd3gjm8 0.15s ease;
}

.period-popup-header[b-wk6dd3gjm8] {
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #f3f4f6;
}

.period-popup-item[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    cursor: pointer;
    transition: background 0.1s;
    font-size: 13px;
    color: #374151;
}

    .period-popup-item:hover[b-wk6dd3gjm8] {
        background: #f9fafb;
    }

    .period-popup-item.active[b-wk6dd3gjm8] {
        background: #eef2ff;
        color: #4f46e5;
        font-weight: 600;
    }

.period-year[b-wk6dd3gjm8] {
    font-weight: 500;
}

.period-num[b-wk6dd3gjm8] {
    color: #6b7280;
    font-size: 12px;
}

.period-popup-item.active .period-num[b-wk6dd3gjm8] {
    color: #818cf8;
}

.period-tag[b-wk6dd3gjm8] {
    margin-left: auto;
    font-size: 10px;
    background: #5B41B4;
    color: white;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
}

@keyframes fadeInDown-b-wk6dd3gjm8 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.period-badge[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 30px;
    padding: 0 10px;
    font-size: 16px;
    color: #5B41B4;
    white-space: nowrap;
    font-weight: 500;
}

    .period-badge:hover[b-wk6dd3gjm8] {
        background: #f3f0ff;
        border-radius: 6px;
    }

.icon-calendar[b-wk6dd3gjm8] {
    width: 15px;
    height: 17px;
    object-fit: contain;
}

.period-table[b-wk6dd3gjm8] {
    width: 100%;
    border-collapse: collapse;
}

    .period-table thead tr[b-wk6dd3gjm8] {
        border-bottom: 0.5px solid #e5e7eb;
        background: #f9fafb;
    }

    .period-table thead th[b-wk6dd3gjm8] {
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 500;
        color: #9ca3af;
        text-align: left;
    }

    .period-table tbody tr[b-wk6dd3gjm8] {
        border-bottom: 0.5px solid #f3f4f6;
        cursor: pointer;
        transition: background 0.1s;
    }

        .period-table tbody tr:hover[b-wk6dd3gjm8] {
            background: #f9fafb;
        }

        .period-table tbody tr.active[b-wk6dd3gjm8] {
            background: #eef2ff;
            color: #4f46e5;
            font-weight: 600;
        }

    .period-table tbody td[b-wk6dd3gjm8] {
        padding: 9px 12px;
        font-size: 13px;
    }

.td-center[b-wk6dd3gjm8] {
    text-align: center;
}

.toggle[b-wk6dd3gjm8] {
    width: 32px;
    height: 18px;
    border-radius: 9px;
    display: inline-block;
    position: relative;
}

    .toggle.on[b-wk6dd3gjm8] {
        background: #5B41B4;
    }

    .toggle.off[b-wk6dd3gjm8] {
        background: #d1d5db;
    }

    .toggle[b-wk6dd3gjm8]::after {
        content: '';
        position: absolute;
        top: 2px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: white;
    }

    .toggle.on[b-wk6dd3gjm8]::after {
        left: 16px;
    }

    .toggle.off[b-wk6dd3gjm8]::after {
        left: 2px;
    }

.period-tag-active[b-wk6dd3gjm8] {
    background: #5B41B4;
    color: white;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 7px;
}

.period-tag-closed[b-wk6dd3gjm8] {
    background: #e5e7eb;
    color: #6b7280;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 7px;
}

.period-popup-anchor[b-wk6dd3gjm8] {
    position: relative;
}

.period-dropdown-panel[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: clamp(320px, 42vw, 520px);
    max-width: calc(100vw - 32px);
    min-width: 280px;
    background: transparent;
    z-index: 99999;
    overflow: visible;
}

    .period-dropdown-panel .page-container[b-wk6dd3gjm8],
    .period-dropdown-panel .period-page-container[b-wk6dd3gjm8] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        box-shadow: 0 10px 24px rgba(0,0,0,0.10);
        border-radius: 8px;
    }

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

.help-menu-wrapper[b-wk6dd3gjm8] {
    position: relative;
    display: flex;
    align-items: center;
}

.help-menu[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    max-height: calc(100vh - 100px);
    z-index: 999999;
    background: #f8f7fc;
    border-radius: 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    overflow-y: auto;
    font-family: 'Roboto', sans-serif;
    padding: 25px;
}

.help-area-caption[b-wk6dd3gjm8] {
    font-size: 13px;
    font-weight: 500;
    color: #5b41b4;
}

.help-area-separator[b-wk6dd3gjm8] {
    background-color: #5b41b4;
    height: 1px;
    margin: 5px 0;
}

.help-link-container[b-wk6dd3gjm8] {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

.help-link[b-wk6dd3gjm8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 120px;
    padding: 10px 5px;
    text-decoration: none;
}

    .help-link img[b-wk6dd3gjm8] {
        width: 30px;
        height: 30px;
        margin: 10px 0;
    }

    .help-link p[b-wk6dd3gjm8] {
        font-weight: 500;
        text-align: center;
        color: #555;
        margin-bottom: 5px;
    }

    .help-link span[b-wk6dd3gjm8] {
        font-size: 10.5px;
        text-align: center;
        color: #aeaeae;
    }

    .help-link .help-link-phone[b-wk6dd3gjm8] {
        font-size: 10px;
        font-weight: 700;
        color: #5b41b4;
        background-color: #f4f2ff;
        border-radius: 5px;
        padding: 3px 5px;
        margin-top: 10px;
    }

.feedback-tab-container[b-wk6dd3gjm8] {
    display: flex;
    gap: 30px;
}

.feedback-tab[b-wk6dd3gjm8] {
    font-size: 13px;
    font-weight: 500;
    color: #5b41b4;
    cursor: pointer;
}

    .feedback-tab.selected-feedback-tab[b-wk6dd3gjm8] {
        font-weight: 700;
        color: #4a3593;
    }

.feedback-label[b-wk6dd3gjm8] {
    font-weight: 500;
    color: #555;
    margin: 15px 0 5px 0;
}

    .feedback-label.required[b-wk6dd3gjm8]:after {
        content: "✱";
        color: #ff3e03;
        margin-left: 5px;
    }

.feedback-type-container[b-wk6dd3gjm8] {
    display: flex;
    justify-content: space-between;
}

.feedback-type[b-wk6dd3gjm8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: white;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 160px;
    padding: 10px;
    cursor: pointer;
}

    .feedback-type.selected-feedback-type[b-wk6dd3gjm8] {
        background: #f8f7fc;
        border: 1px solid #8a2be2;
    }

    .feedback-type img[b-wk6dd3gjm8] {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .feedback-type p[b-wk6dd3gjm8] {
        font-size: 10.5px;
        text-align: center;
        color: #777;
        margin-bottom: 0;
    }

.feedback-title[b-wk6dd3gjm8] {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s ease;
}

    .feedback-title:focus[b-wk6dd3gjm8] {
        border-color: #8a2be2;
    }

.feedback-text-container[b-wk6dd3gjm8] {
    display: flex;
    justify-content: space-between;
}

    .feedback-text-container > div[b-wk6dd3gjm8] {
        display: flex;
        flex-direction: column;
    }

        .feedback-text-container > div:last-child[b-wk6dd3gjm8] {
            flex: 1;
            margin-left: 15px;
        }

.feedback-text[b-wk6dd3gjm8] {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    width: 300px;
    height: 112px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    resize: none;
    transition: border-color 0.2s ease;
}

    .feedback-text:focus[b-wk6dd3gjm8] {
        border-color: #8a2be2;
    }

    .feedback-title.has-error[b-wk6dd3gjm8],
    .feedback-text.has-error[b-wk6dd3gjm8] {
        border-color: red;
    }

.feedback-attachment[b-wk6dd3gjm8] {
    flex: 1;
    position: relative;
}

    .feedback-attachment[b-wk6dd3gjm8]  .file-upload-area {
        background: white;
        width: 195px;
        height: 112px;
    }

    .feedback-attachment[b-wk6dd3gjm8]  .drag-and-drop-area,
    .feedback-attachment[b-wk6dd3gjm8]  .uploaded-files {
        margin-bottom: 25px;
    }

.feedback-screenshot[b-wk6dd3gjm8] {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 0.5px solid #eaeaea;
    border-radius: 5px;
    background: none;
    outline: none;
    padding: 3px 15px;
    font-size: 10.5px;
    font-weight: 300;
    text-wrap: nowrap;
    color: #5b41b4;
}

.feedback-email-container[b-wk6dd3gjm8] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.feedback-email[b-wk6dd3gjm8],
.feedback-phone[b-wk6dd3gjm8] {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s ease;
}

    .feedback-email:focus[b-wk6dd3gjm8],
    .feedback-phone:focus[b-wk6dd3gjm8] {
        border-color: #8a2be2;
    }

.feedback-email[b-wk6dd3gjm8] {
    flex: 1;
}

.feedback-phone[b-wk6dd3gjm8] {
    width: 40%;
}

.feedback-allow-response[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #888;
    margin: 10px 0;
    cursor: pointer;
}

    .feedback-allow-response input[type=checkbox][b-wk6dd3gjm8] {
        color: #888;
        cursor: pointer;
    }

.feedback-button-container[b-wk6dd3gjm8] {
    display: flex;
}

.feedback-button-cancel[b-wk6dd3gjm8] {
    font-size: 12px;
    font-weight: 300;
    color: #888;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    margin: 0 10px 0 auto;
    padding: 8px 30px;
}

.feedback-button-send[b-wk6dd3gjm8] {
    font-size: 12px;
    font-weight: 300;
    color: white;
    background: #5b41b4;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    padding: 8px 40px;
}

    .feedback-button-send img[b-wk6dd3gjm8] {
        height: 18px;
        margin-left: 3px;
    }

.feedback-history-tab-container[b-wk6dd3gjm8] {
    display: flex;
    gap: 5px;
    max-width: 510px;
}

.feedback-history-tab[b-wk6dd3gjm8] {
    font-weight: 500;
    text-wrap: nowrap;
    color: #555;
    border: 0.5px solid #eaeaea;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 20px 0 10px 0;
    cursor: pointer;
}

    .feedback-history-tab.selected-feedback-history-tab[b-wk6dd3gjm8] {
        color: white;
        background: #5a41b4;
    }

.feedback-history-headers[b-wk6dd3gjm8] {
    display: flex;
    border: 1px solid #eaeaea;
    border-radius: 5px 5px 0 0;
}

    .feedback-history-headers div[b-wk6dd3gjm8] {
        color: #888;
        text-wrap: nowrap;
        padding: 8px;
    }

.feedback-history-rows[b-wk6dd3gjm8] {
    border: 1px solid #eaeaea;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    height: calc(100vh - 520px);
    overflow-y: auto;
}

.feedback-history-row[b-wk6dd3gjm8] {
    display: flex;
    border-top: 1px solid #eaeaea;
}

    .feedback-history-row div[b-wk6dd3gjm8] {
        color: #555;
        align-content: center;
        padding: 8px;
    }

    .feedback-history-row:first-child[b-wk6dd3gjm8] {
        border-top: 0;
    }

.feedback-history-header-date[b-wk6dd3gjm8],
.feedback-history-column-date[b-wk6dd3gjm8] {
    width: 95px;
}

.feedback-history-header-title[b-wk6dd3gjm8],
.feedback-history-column-title[b-wk6dd3gjm8] {
    width: 200px;
}

.feedback-history-header-type[b-wk6dd3gjm8],
.feedback-history-column-type[b-wk6dd3gjm8] {
    width: 90px;
}

.feedback-history-header-status[b-wk6dd3gjm8],
.feedback-history-column-status[b-wk6dd3gjm8] {
    width: 95px;
}

    .feedback-history-column-status span[b-wk6dd3gjm8] {
        font-weight: 500;
        text-wrap: nowrap;
        border-radius: 8px;
        padding: 5px 8px;
        margin: 0 -8px;
    }

    .feedback-history-column-status.feedback-status-0 span[b-wk6dd3gjm8] {
        color: #5a41b4;
        background: #e1d8fe;
    }

    .feedback-history-column-status.feedback-status-1 span[b-wk6dd3gjm8] {
        color: #f07323;
        background: #f5e3db;
    }

    .feedback-history-column-status.feedback-status-2 span[b-wk6dd3gjm8] {
        color: #2a893c;
        background: #e7f5eb;
    }

.feedback-history-column-link[b-wk6dd3gjm8] {
    width: 20px;
    cursor: pointer;
    margin-right: 5px;
}

    .feedback-history-column-link svg[b-wk6dd3gjm8] {
        width: 10px;
        height: 10px;
    }

        .feedback-history-column-link svg path[b-wk6dd3gjm8] {
            fill: none;
            stroke: #5a41b4;
            stroke-width: 1.5px;
        }

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

.notify-menu-wrapper[b-wk6dd3gjm8] {
    position: relative;
    display: flex;
    align-items: center;
}

.notify-menu[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 999999;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    padding: 25px;
    width: 535px;
}

.notify-icon-container[b-wk6dd3gjm8] {
    position: relative;
    cursor: pointer;
}

.notify-count[b-wk6dd3gjm8] {
    position: absolute;
    top: 0;
    right: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    height: 13px;
    font-size: 10px;
    font-weight: 500;
    color: white;
    background: #f5251b;
    border-radius: 50%;
}

.notify-title-container[b-wk6dd3gjm8] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #5b41b4;
    padding-bottom: 5px;
}

.notify-title[b-wk6dd3gjm8] {
    font-size: 13px;
    font-weight: 500;
    color: #5b41b4;
}

.notify-read-status[b-wk6dd3gjm8] {
    font-size: 12px;
    color: #555;
    cursor: pointer;
}

    .notify-read-status.complete[b-wk6dd3gjm8]:before {
        content: '✓';
        margin-right: 5px;
    }

.notify-empty-list[b-wk6dd3gjm8] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 30px;
}

    .notify-empty-list img[b-wk6dd3gjm8] {
        width: 20px;
        height: 20px;
    }

    .notify-empty-list span[b-wk6dd3gjm8] {
        color: #888;
    }

.notify-item-list[b-wk6dd3gjm8] {
    max-height: calc(100vh - 200px);
    padding-top: 10px;
    overflow-y: auto;
}

.notify-item[b-wk6dd3gjm8] {
    display: flex;
    padding: 20px 0;
    border-radius: 5px;
    cursor: pointer;
}

    .notify-item:hover[b-wk6dd3gjm8] {
        background: #f5f2ff;
    }

.notify-item-icon[b-wk6dd3gjm8] {
    width: 28px;
    height: 28px;
    margin: 5px 15px 5px 10px;
}

.notify-item-body[b-wk6dd3gjm8] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.notify-item-top-row[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
}

.notify-item-title[b-wk6dd3gjm8] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.notify-item-date[b-wk6dd3gjm8] {
    font-size: 12px;
    color: #888;
    margin: 0 8px;
}

.notify-item-isread[b-wk6dd3gjm8] {
    padding: 5px;
    margin-right: 10px;
    border: 0.5px solid transparent;
    border-radius: 50%;
}

    .notify-item-isread:hover[b-wk6dd3gjm8] {
        border-color: #ccc;
    }

    .notify-item-isread div[b-wk6dd3gjm8] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
    }

        .notify-item-isread div.read[b-wk6dd3gjm8] {
            background: #eaeaea;
        }

        .notify-item-isread div.unread[b-wk6dd3gjm8] {
            background: #5a41b4;
        }

.notify-item-text[b-wk6dd3gjm8] {
    font-size: 13px;
    color: #888;
    margin-top: 5px;
}

.notify-item-modules[b-wk6dd3gjm8] {
    align-self: start;
    display: flex;
    align-items: center;
    background: #f5f2ff;
    border-radius: 5px;
    padding: 5px 8px;
    margin-top: 5px;
    border: 0.5px solid transparent;
}

.notify-item:hover .notify-item-modules[b-wk6dd3gjm8] {
    background: white;
    border-color: #eaeaea;
}

.notify-item-modules-caption[b-wk6dd3gjm8] {
    font-size: 10px;
    color: #5a41b4;
    margin: 0;
}

.notify-item-modules-separator[b-wk6dd3gjm8] {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBjbGFzcz0iaWNvbiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiPjxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIj48L2c+PGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L2c+PGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPjxwYXRoIGQ9Ik0yNTYgMTIwLjc2OEwzMDYuNDMyIDY0IDc2OCA1MTJsLTQ2MS41NjggNDQ4TDI1NiA5MDMuMjMyIDY1OS4wNzIgNTEyeiIgZmlsbD0iI2MwYWVmZCI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

.notify-item-separator[b-wk6dd3gjm8] {
    height: 1px;
    background: #f8f8f8;
}

    .notify-item-separator:last-child[b-wk6dd3gjm8] {
        display: none;
    }

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

@media (max-width: 1024px) {

    .toolbar-container[b-wk6dd3gjm8] {
        height: 60px;
        padding: 0 15px;
        gap: 10px;
    }

    .tabview[b-wk6dd3gjm8] {
        height: calc(100vh - 30px);
        margin-top: 30px;
    }

    .right-tools[b-wk6dd3gjm8] {
        gap: 10px;
    }

    .icon-menu-outer[b-wk6dd3gjm8] {
        display: flex;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 26px;
        height: 26px;
    }

    .period-dropdown-panel[b-wk6dd3gjm8] {
        width: min(460px, calc(100vw - 24px));
        right: 0;
    }
}

@media (max-width: 768px) {

    .toolbar-container[b-wk6dd3gjm8] {
        height: 58px;
        padding: 0 12px;
    }

    .tabview[b-wk6dd3gjm8] {
        height: calc(100vh - 28px);
        margin-top: 28px;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 26px !important;
        height: 26px !important;
    }

    .profile-menu[b-wk6dd3gjm8] {
        width: 240px;
        right: -10px;
    }

    .period-popup-anchor[b-wk6dd3gjm8] {
        position: static;
    }

    .period-dropdown-panel[b-wk6dd3gjm8] {
        position: fixed;
        top: 70px;
        right: 12px;
        left: 12px;
        width: auto;
        min-width: 0;
        max-width: none;
    }

        .period-dropdown-panel .page-container[b-wk6dd3gjm8],
        .period-dropdown-panel .period-page-container[b-wk6dd3gjm8] {
            max-height: calc(100vh - 90px);
            overflow: auto !important;
        }
}

@media (max-width: 480px) {

    .toolbar-container[b-wk6dd3gjm8] {
        height: 55px;
        padding: 0 10px;
    }

    .tabview[b-wk6dd3gjm8] {
        height: calc(100vh - 25px);
        margin-top: 25px;
    }

    .right-tools[b-wk6dd3gjm8] {
        gap: 8px;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 24px;
        height: 24px;
    }

    .profile-menu[b-wk6dd3gjm8] {
        width: 220px;
        right: -30px;
    }

    .profile-header[b-wk6dd3gjm8] {
        height: 70px;
    }

    .profile-item[b-wk6dd3gjm8] {
        height: 32px;
        font-size: 12px;
    }

    .language-collapse[b-wk6dd3gjm8] {
        padding: 6px 14px;
    }

    .period-badge[b-wk6dd3gjm8] {
        font-size: 14px !important;
        gap: 6px !important;
    }

    .icon-calendar[b-wk6dd3gjm8] {
        width: 13px !important;
        height: 15px !important;
    }

    .period-popup[b-wk6dd3gjm8] {
        min-width: 180px;
    }

    .period-dropdown-panel[b-wk6dd3gjm8] {
        top: 62px;
        right: 8px;
        left: 8px;
    }

        .period-dropdown-panel .page-container[b-wk6dd3gjm8],
        .period-dropdown-panel .period-page-container[b-wk6dd3gjm8] {
            padding: 0 6px;
            border-radius: 6px;
        }
}

@media (max-width: 375px) {

    .right-tools[b-wk6dd3gjm8] {
        gap: 6px;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 22px;
        height: 22px;
    }

    .profile-menu[b-wk6dd3gjm8] {
        width: 200px;
        right: -20px;
    }

    .period-badge[b-wk6dd3gjm8] {
        font-size: 13px !important;
        gap: 4px !important;
    }

    .icon-calendar[b-wk6dd3gjm8] {
        width: 12px !important;
        height: 14px !important;
    }
}
/* _content/NextERP/Components/Pages/AP/ApAnalyticsReport.razor.rz.scp.css */
.ap-an-pivot-page[b-5qe5nuv534] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.ap-an-scroll[b-5qe5nuv534] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.ap-an-inner[b-5qe5nuv534] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table thead,
    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody,
    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.ap-an-pivot-page[b-5qe5nuv534]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody td > div,
    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody td > span,
    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody td span,
    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.ap-an-pivot-page[b-5qe5nuv534]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table .dxbl-btn,
.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table .dxbl-btn:hover,
    .ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table svg,
.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table .dxbl-scroll-viewer,
.ap-an-pivot-page[b-5qe5nuv534]  .ap-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

.ap-an-pivot-page[b-5qe5nuv534]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}

.ap-an-placeholder[b-5qe5nuv534] {
    padding: 40px 16px;
    text-align: center;
    color: var(--text-secondary, #8a8a8a);
    font-size: 13px;
}
/* _content/NextERP/Components/Pages/AR/ArAnalyticsReport.razor.rz.scp.css */
.ar-an-pivot-page[b-4w8v8b6m6x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.ar-an-scroll[b-4w8v8b6m6x] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.ar-an-inner[b-4w8v8b6m6x] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table thead,
    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody,
    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.ar-an-pivot-page[b-4w8v8b6m6x]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody td > div,
    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody td > span,
    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody td span,
    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.ar-an-pivot-page[b-4w8v8b6m6x]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table .dxbl-btn,
.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table .dxbl-btn:hover,
    .ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table svg,
.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table .dxbl-scroll-viewer,
.ar-an-pivot-page[b-4w8v8b6m6x]  .ar-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

.ar-an-pivot-page[b-4w8v8b6m6x]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}

.ar-an-placeholder[b-4w8v8b6m6x] {
    padding: 40px 16px;
    text-align: center;
    color: var(--text-secondary, #8a8a8a);
    font-size: 13px;
}
/* _content/NextERP/Components/Pages/DS/ItemAnalyticsReport.razor.rz.scp.css */
/* Аналитик pivot — "Барааны үлдэгдэл → Динамик"-тэй ижил хавтгай загвар (ItemSiteDynamicPivot.razor.css-ээс) */
.psr-an-pivot-page[b-7421e1f1nv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.psr-an-scroll[b-7421e1f1nv] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.psr-an-inner[b-7421e1f1nv] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table thead,
    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody,
    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-family: Roboto !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.psr-an-pivot-page[b-7421e1f1nv]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody td > div,
    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody td > span,
    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody td span,
    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.psr-an-pivot-page[b-7421e1f1nv]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table .dxbl-btn,
.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table .dxbl-btn:hover,
    .psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table svg,
.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table .dxbl-scroll-viewer,
.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

/* Талбарын chip/толгойн текстийг бүдэг биш тод/бараан болгох (Салбар/ПОС/Бараа г.м талбарын самбар).
   DevExpress класс нэр тодорхойгүй тул "pivot-table-field" агуулсан класс бүрд substring-аар онилно. */
.psr-an-pivot-page[b-7421e1f1nv]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}

/* === Барааны үлдэгдэл → Динамик (ItemSiteDynamicPivot)-тэй ИЖИЛ мөр-дарж-задлах механизм === */
/* hover-оор бүх tbody секц дэх ижил индекстэй мөрийг тодруулна */
.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table tbody tr.pivot-row-hovered td,
.psr-an-pivot-page[b-7421e1f1nv]  .pivot-row-clickable:hover td {
    background-color: var(--base-background-focused) !important;
}

/* default expand товч/svg-ийг нуугаад нүдийг бүхэлд нь дарах боломжтой болгоно */
.psr-an-pivot-page[b-7421e1f1nv]  .pivot-row-toggle-btn,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button button,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button .dxbl-btn,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button svg {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .pivot-row-toggle-cell {
    cursor: pointer !important;
    padding-left: 10px !important;
}

.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:hover,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:focus,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:focus-visible,
.psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:active {
    height: 24px !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

    .psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button::before,
    .psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button::after,
    .psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:hover::before,
    .psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:hover::after,
    .psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:focus::before,
    .psr-an-pivot-page[b-7421e1f1nv]  .dxbl-pivot-table-expand-button:focus::after {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table td:first-child,
.psr-an-pivot-page[b-7421e1f1nv]  .psr-an-table .dxbl-pivot-table-expand-button {
    font-weight: 400 !important;
    color: #424242 !important;
}
/* _content/NextERP/Components/Pages/DS/ItemDashboardReport.razor.rz.scp.css */
/* Үндсэн (dashboard) tab — KPI карт + өдрөөр борлуулалтын баганан график */
.psr-dash[b-1whb5drd5s] {
    font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px 10px;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow: auto;
}

/* Хэсэг бүр өөрийн бүтэн өндрөөрөө — flex-д агшихгүй (зураг шахагдахаас сэргийлж, оронд нь хуудас гүйдэг) */
.psr-dash > *[b-1whb5drd5s] { flex-shrink: 0; }

.psr-dash-cards[b-1whb5drd5s] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.psr-dash-card[b-1whb5drd5s] {
    background: #fff;
    border: 1px solid #eee;
    border-left: 4px solid #ccc;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.psr-dash-card.sales[b-1whb5drd5s] { border-left-color: #19b36b; }
.psr-dash-card.return[b-1whb5drd5s] { border-left-color: #e8443b; }
.psr-dash-card.discount[b-1whb5drd5s] { border-left-color: #f0a500; }
.psr-dash-card.net[b-1whb5drd5s] { border-left-color: #5a41b4; }

.psr-dash-title[b-1whb5drd5s] { font-size: 13px; color: #666; }
.psr-dash-amount[b-1whb5drd5s] { font-size: 22px; font-weight: 700; color: #222; }
.psr-dash-sub[b-1whb5drd5s] { font-size: 12px; color: #999; }

/* Дүгнэлт мөр + график нэг панель дотор (зурагтай адил нийлсэн) */
.psr-panel[b-1whb5drd5s] {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

.psr-dash-chart[b-1whb5drd5s] {
    padding: 14px 16px 10px 16px;
    flex: 1 1 auto;
    min-height: 220px;
    display: flex;
    flex-direction: column;
}

.psr-dash-chart-title[b-1whb5drd5s] { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 12px; }
.psr-dash-empty[b-1whb5drd5s] { color: #999; font-size: 13px; text-align: center; padding: 30px; }

/* График толгой — гарчиг + Bar/Өдрөөр сонголт */
.psr-chart-head[b-1whb5drd5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.psr-chart-ctrls[b-1whb5drd5s] { display: flex; gap: 8px; }

.psr-sel-wrap[b-1whb5drd5s] { position: relative; display: inline-block; }

.psr-chart-sel[b-1whb5drd5s] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #e2e4e8;
    border-radius: 6px;
    padding: 5px 26px 5px 12px;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
}

.psr-chart-sel:hover[b-1whb5drd5s] { border-color: #cfd3d9; }

.psr-sel-caret[b-1whb5drd5s] {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #b0b4ba;
    font-size: 10px;
}

/* Графикийн талбай: зүүн талд Y тэнхлэг, баруун талд тор + багана */
.psr-chart-area[b-1whb5drd5s] { display: flex; gap: 8px; padding-top: 4px; }

.psr-chart-yaxis[b-1whb5drd5s] {
    height: 240px;
    flex-shrink: 0;
    width: 62px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.psr-ytick[b-1whb5drd5s] { font-size: 11px; color: #9aa0a6; text-align: right; line-height: 1; }

.psr-chart-main[b-1whb5drd5s] { flex: 1 1 auto; min-width: 0; }

.psr-chart-plot[b-1whb5drd5s] { position: relative; height: 240px; }

/* Хэвтээ торон шугамууд (Y зураас бүрт) */
.psr-grid[b-1whb5drd5s] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.psr-grid-line[b-1whb5drd5s] { height: 1px; background: #eef0f3; width: 100%; }

.psr-bars[b-1whb5drd5s] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 0 4px;
}

.psr-bar-col[b-1whb5drd5s] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.psr-bar-fill[b-1whb5drd5s] {
    width: 100%;
    max-width: 24px;
    background: linear-gradient(180deg, #34d36f, #16a34a);
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    transition: height .3s ease;
}

/* Шугаман график (clip-path, SVG-гүй) */
.psr-line-fill[b-1whb5drd5s] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(52, 211, 111, 0.55), rgba(22, 163, 74, 0.12));
}

.psr-xlabels[b-1whb5drd5s] { display: flex; gap: 10px; padding: 6px 4px 0; }

.psr-xlabel[b-1whb5drd5s] {
    flex: 1 1 0;
    min-width: 0;
    font-size: 11px;
    color: #888;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === KPI карт — доорх gauge/салбар картуудтай ИЖИЛ grid-д (ижил өргөн, эгнэнэ) === */
.psr-dash-kpis[b-1whb5drd5s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 12px;
}

.psr-kpi[b-1whb5drd5s] {
    border-radius: 12px;
    padding: 12px 15px;
    min-height: 84px;
    display: flex;
    flex-direction: column;
    color: #fff;
}

.psr-kpi.sales[b-1whb5drd5s] { background: linear-gradient(135deg, #19b36b, #0f9d63); }
.psr-kpi.inv[b-1whb5drd5s] { background: linear-gradient(135deg, #6f56c9, #5a41b4); cursor: pointer; }
.psr-kpi.inv:hover[b-1whb5drd5s] { filter: brightness(1.05); }

.psr-kpi-title[b-1whb5drd5s] { font-size: 13px; opacity: .92; }
.psr-kpi-amount[b-1whb5drd5s] { font-size: 22px; font-weight: 800; margin-top: 4px; }

.psr-kpi-foot[b-1whb5drd5s] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.psr-kpi-badge[b-1whb5drd5s] {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 11px;
}

.psr-kpi-go[b-1whb5drd5s] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.18);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.psr-kpi-go:hover[b-1whb5drd5s] { background: rgba(0, 0, 0, 0.3); }

/* === Салбараар gauge (зурагтай адил) === */
.psr-gauges[b-1whb5drd5s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 12px;
}

.psr-gauge-card[b-1whb5drd5s] {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.psr-gauge-head[b-1whb5drd5s] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.psr-gauge-title[b-1whb5drd5s] {
    font-size: 13px; color: #333; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.psr-gauge-chg[b-1whb5drd5s] { font-size: 11px; font-weight: 600; white-space: nowrap; }
.psr-gauge-chg.up[b-1whb5drd5s] { color: #16a34a; }
.psr-gauge-chg.down[b-1whb5drd5s] { color: #ef4444; }

.psr-gauge-body[b-1whb5drd5s] { display: flex; align-items: center; gap: 14px; }

.psr-gauge[b-1whb5drd5s] {
    width: 66px; height: 66px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.psr-gauge-hole[b-1whb5drd5s] {
    width: 48px; height: 48px; border-radius: 50%; background: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700; color: #333;
}

.psr-gauge-rows[b-1whb5drd5s] { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; }
.psr-gauge-row[b-1whb5drd5s] { display: flex; align-items: center; gap: 8px; }
.psr-gi[b-1whb5drd5s] {
    width: 18px; height: 18px; border-radius: 4px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; color: #fff; font-weight: 700; line-height: 1;
}
.psr-gi.cash[b-1whb5drd5s] { background: #16a34a; }
.psr-gi.card[b-1whb5drd5s] { background: #3b82f6; }
.psr-gi.disc[b-1whb5drd5s] { background: #f59e0b; }
.psr-gi.inv[b-1whb5drd5s] { background: #8b5cf6; }
.psr-gv[b-1whb5drd5s] { font-size: 12px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.psr-gauge-foot[b-1whb5drd5s] {
    display: flex; align-items: center; gap: 10px;
    border-top: 1px solid #f2f2f2; padding-top: 8px;
}
.psr-gauge-badge[b-1whb5drd5s] {
    background: #5a41b4; color: #fff; border-radius: 12px;
    padding: 2px 10px; font-size: 11px; font-weight: 600;
}
.psr-gauge-total[b-1whb5drd5s] { font-size: 14px; font-weight: 700; color: #222; }
.psr-gauge-go[b-1whb5drd5s] {
    margin-left: auto; width: 26px; height: 26px; border-radius: 50%;
    background: #2b2b3a; color: #fff; display: flex; align-items: center;
    justify-content: center; font-size: 15px;
}

/* === Дүгнэлт мөр (панелийн толгой) === */
.psr-dash-summary[b-1whb5drd5s] {
    display: flex;
    gap: 8px;
    padding: 14px 8px;
    border-bottom: 1px solid #f0f0f0;
}

.psr-sum-item[b-1whb5drd5s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    border-right: 1px solid #f0f0f0;
}

.psr-sum-item:last-child[b-1whb5drd5s] { border-right: none; }
.psr-sum-label[b-1whb5drd5s] { font-size: 12px; color: #888; }
.psr-sum-val[b-1whb5drd5s] { font-size: 17px; font-weight: 700; color: #333; }
.psr-sum-val.strong[b-1whb5drd5s] { color: #5a41b4; }

/* === Бараагаар treemap (ирмэг хүртэл дүүрэх, хувь хэмжээгээр) === */
.psr-dash-tree[b-1whb5drd5s] {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.psr-dash-tree > .psr-dash-chart-title[b-1whb5drd5s] { padding: 14px 16px 10px; margin: 0; }

.psr-tree[b-1whb5drd5s] {
    display: flex;
    gap: 3px;
    height: 300px;
}

.psr-tree-cell[b-1whb5drd5s] {
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 44px;
    padding: 12px 14px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    cursor: default;
    transition: filter .15s ease;
}

.psr-tree-cell:hover[b-1whb5drd5s] { filter: brightness(1.06); }

.psr-tree-name[b-1whb5drd5s] { font-size: 13px; font-weight: 700; line-height: 1.25; }
.psr-tree-val[b-1whb5drd5s] { font-size: 13px; font-weight: 600; opacity: .95; align-self: flex-end; }

/* Hover дээр шууд гарах tooltip (native биш) */
.psr-tree-tip[b-1whb5drd5s] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 13px;
    white-space: nowrap;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
    opacity: 0;
    pointer-events: none;
    transition: opacity .08s ease;
    z-index: 5;
}

.psr-tree-cell:hover .psr-tree-tip[b-1whb5drd5s] { opacity: 1; }

/* === Барааны үлдэгдэл popup === */
.psr-inv-overlay[b-1whb5drd5s] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 40;
}
 
.psr-inv-pop.wide[b-1whb5drd5s] { width: 820px; }

.psr-inv-pop[b-1whb5drd5s] {
    font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    width: 460px;
    max-width: 92vw;
    max-height: 80vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.psr-inv-head[b-1whb5drd5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #eee;
}

.psr-inv-title[b-1whb5drd5s] { font-size: 16px; font-weight: 700; color: #222; }
.psr-inv-close[b-1whb5drd5s] { border: none; background: transparent; cursor: pointer; font-size: 15px; color: #888; }

.psr-inv-body[b-1whb5drd5s] { overflow-y: auto; padding: 0px 0; }

.psr-inv-table[b-1whb5drd5s] { width: 100%; border-collapse: collapse; font-size: 13px; }
.psr-inv-table th[b-1whb5drd5s], .psr-inv-table td[b-1whb5drd5s] { padding: 8px 18px; border-bottom: 1px solid #f2f2f2; text-align: left; }
.psr-inv-table th[b-1whb5drd5s] { position: sticky; top: 0; background: #fff; font-size: 12px; color: #888; font-weight: 600; }
.psr-inv-table td.r[b-1whb5drd5s], .psr-inv-table th.r[b-1whb5drd5s] { text-align: right; }
/* _content/NextERP/Components/Pages/DS/ItemSalesReport.razor.rz.scp.css */
.psr-container[b-pfeix426pd] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 10px;
    gap: 10px;
}

.psr-toolbar[b-pfeix426pd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 8px 10px;
    background: #f7f7fb;
    border-radius: 8px;
}

.psr-field[b-pfeix426pd] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 160px;
}

.psr-field > span[b-pfeix426pd] {
    font-size: 12px;
    color: #666;
}

.psr-field :is(.dxbl-datebox, .dxbl-tagbox)[b-pfeix426pd] {
    min-width: 160px;
}

/* In-page tab (ПОС-ын үнэ-ийн sp-tabs шиг) */
.psr-page[b-pfeix426pd] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.psr-tabs-header[b-pfeix426pd] {
    flex-shrink: 0;
    background-color: var(--base-background);
    border-bottom: 1px solid var(--base-separator-color);
    padding: 8px 0 0 0;
    z-index: 5;
}

.psr-tabs dxbl-tab-list[b-pfeix426pd] {
    background-color: var(--base-background) !important;
    border-bottom: 1px solid var(--base-separator-color) !important;
    padding: 0 !important;
}

.psr-tabs dxbl-tab-item[b-pfeix426pd] {
    font-size: 12px !important;
    color: #5d5d5d !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 24px !important;
    min-width: 130px !important;
    justify-content: center !important;
}

.psr-tabs dxbl-tab-item:hover[b-pfeix426pd] {
    background-color: var(--base-background-focused) !important;
    color: #5a41b4 !important;
}

.psr-tabs dxbl-tab-item.dxbl-active[b-pfeix426pd] {
    background-color: var(--base-background) !important;
    color: #5a41b4 !important;
    border-bottom-color: #5a41b4 !important;
}

.tab-label[b-pfeix426pd] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.psr-tab-body[b-pfeix426pd] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.psr-tab-panel[b-pfeix426pd] {
    display: none;
    height: 100%;
    min-height: 0;
}

.psr-tab-panel.active[b-pfeix426pd] {
    display: block;
    height: 100%;
    min-height: 0;
}

/* Дэд tab-уудын grid (ItemDateReport г.м.) — үндсэн grid шиг үлдсэн зайг дүүргэнэ */
.psr-report-panel[b-pfeix426pd] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

[b-pfeix426pd] .psr-sub-wrap {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

[b-pfeix426pd] .psr-subgrid {
    height: 100%;
}

.psr-header[b-pfeix426pd] {
    width: 100%;
}

.psr-cards[b-pfeix426pd] {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 8px 10px 4px 10px;
}

/* Картууд — дарж шүүдэг (MASU загвар) */
.psr-card[b-pfeix426pd] {
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: box-shadow .15s ease, transform .15s ease;
}

.psr-card:hover[b-pfeix426pd] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: scale(0.98);
}

.psr-card.all.active[b-pfeix426pd] { border-bottom: 2px solid #19b36b; }
.psr-card.sales.active[b-pfeix426pd] { border-bottom: 2px solid #19b36b; }
.psr-card.return.active[b-pfeix426pd] { border-bottom: 2px solid #19b36b; }

/* ЭКСПОРТ / ЭКСПОРТ (Sum) / ӨДРИЙН НЭГТГЭЛ текст товчнууд */
.psr-actions-row[b-pfeix426pd] {
    display: flex;
    gap: 22px;
    padding: 6px 14px;
}

.psr-text-btn[b-pfeix426pd] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #424242;
    text-transform: uppercase;
    padding: 4px 2px;
    border-bottom: 2px solid transparent;
}

.psr-text-btn:hover[b-pfeix426pd] { color: #5a41b4; }
.psr-text-btn.active[b-pfeix426pd] { color: #5a41b4; border-bottom-color: #5a41b4; }

.psr-card[b-pfeix426pd] {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px 16px;
}

/* Толгой: гарчиг зүүн, icon баруун (MASU шиг) */
.psr-card-head[b-pfeix426pd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.psr-card-icon[b-pfeix426pd] { width: 18px; height: 18px; flex-shrink: 0; }
.psr-card-icon.all[b-pfeix426pd] { color: #2b6cff; }
.psr-card-icon.sales[b-pfeix426pd] { color: #19b36b; }
.psr-card-icon.return[b-pfeix426pd] { color: #e8443b; }

.psr-card-title[b-pfeix426pd] { font-size: 13px; color: #666; }
.psr-card-amount[b-pfeix426pd] { font-size: 24px; font-weight: 700; text-align: center; margin-top: 8px; color: #222; }
.psr-card-count[b-pfeix426pd] { font-size: 12px; color: #999; text-align: center; margin-top: 2px; }

.psr-actions[b-pfeix426pd] {
    display: flex;
    gap: 8px;
}

.psr-btn[b-pfeix426pd] {
    border: 1px solid #d0d0d8;
    background: #fff;
    border-radius: 6px;
    padding: 6px 14px;
    cursor: pointer;
    font-size: 13px;
}

.psr-btn:hover[b-pfeix426pd] { background: #f0f0f5; }
.psr-btn.active[b-pfeix426pd] { background: #2b6cff; color: #fff; border-color: #2b6cff; }

.psr-grid[b-pfeix426pd] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.psr-dxgrid[b-pfeix426pd] {
    height: 100%;
}

/* Дэд tab-ууд жинхэнэ DynamicGrid тул түүний өөрийнх нь styling-ийг (DynamicGrid.razor.css)
   шууд авна — энд .dx-grid-ийг дахин override хийхгүй (өмнө raw DxGrid үед тавьсан #fff толгой
   зэрэг нь base-ийн өнгийг зөрүүлж байсан). */

.psr-link[b-pfeix426pd] {
    color: #2b6cff;
    cursor: pointer;
    text-decoration: underline;
}

/* Баруун талын дэлгэрэнгүй панел */
.psr-detail[b-pfeix426pd] {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 18px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    z-index: 20;
    animation: psr-slide-in-b-pfeix426pd 0.2s ease-out;
}

@keyframes psr-slide-in-b-pfeix426pd {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.psr-detail-header[b-pfeix426pd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}

.psr-close[b-pfeix426pd] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    color: #888;
}

.psr-detail-info[b-pfeix426pd] {
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
}

.psr-detail-info > div[b-pfeix426pd] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 13px;
}

.psr-detail-info label[b-pfeix426pd] {
    color: #888;
}

/* Барааны хүснэгт — wrapper л scroll/flex хийнэ; хүснэгт нь жинхэнэ table тул баганууд эгнэнэ */
.psr-detail-items-wrap[b-pfeix426pd] {
    flex: 0 1 auto;        /* цөөн бараа → компакт, олон бараа → энд scroll */
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}

.psr-detail-items[b-pfeix426pd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

.psr-detail-items th[b-pfeix426pd],
.psr-detail-items td[b-pfeix426pd] {
    padding: 6px 8px;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Баганын өргөн: Бараа өргөн, бусад нь нарийн баруун */
.psr-detail-items th:nth-child(1)[b-pfeix426pd], .psr-detail-items td:nth-child(1)[b-pfeix426pd] { width: 46%; }
.psr-detail-items th:nth-child(2)[b-pfeix426pd], .psr-detail-items td:nth-child(2)[b-pfeix426pd] { width: 14%; }
.psr-detail-items th:nth-child(3)[b-pfeix426pd], .psr-detail-items td:nth-child(3)[b-pfeix426pd] { width: 20%; }
.psr-detail-items th:nth-child(4)[b-pfeix426pd], .psr-detail-items td:nth-child(4)[b-pfeix426pd] { width: 20%; }

.psr-detail-items th[b-pfeix426pd] {
    position: sticky;
    top: 0;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #222;
}

.psr-arrow[b-pfeix426pd] { font-weight: 700; margin-right: 4px; }
.psr-arrow.up[b-pfeix426pd] { color: #19b36b; }
.psr-arrow.down[b-pfeix426pd] { color: #e8443b; }

.psr-detail-items td.r[b-pfeix426pd],
.psr-detail-items th:nth-child(n+2)[b-pfeix426pd] {
    text-align: right;
}

.psr-detail-totals[b-pfeix426pd] {
    padding: 10px 16px;
    border-top: 1px solid #eee;
    background: #fafafa;
}

.psr-detail-totals > div[b-pfeix426pd] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 13px;
}

.psr-detail-totals .bold[b-pfeix426pd] {
    font-weight: 700;
}

.psr-detail-totals label[b-pfeix426pd] {
    color: #666;
}
/* === Дэлгэрэнгүй панель — 1-р зурагтай ижил === */
.psr-detail-header[b-pfeix426pd] {
    position: relative;
    justify-content: center;
}

.psr-detail-title[b-pfeix426pd] {
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.psr-close[b-pfeix426pd] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.psr-detail-info .psr-info-row[b-pfeix426pd] {
    display: grid;
    grid-template-columns: 140px 12px 1fr;
    align-items: center;
    padding: 5px 0;
    font-size: 13px;
}

.psr-detail-info .psr-info-label[b-pfeix426pd] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b6b6b;
}

    .psr-detail-info .psr-info-label svg[b-pfeix426pd] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        stroke: #9a9a9a;
    }

.psr-detail-info .psr-info-sep[b-pfeix426pd] {
    color: #bbb;
}

.psr-detail-info .psr-info-val[b-pfeix426pd] {
    color: #222;
}

    .psr-detail-info .psr-info-val.link[b-pfeix426pd] {
        color: #2b6cff;
    }

.psr-arrow[b-pfeix426pd] {
    display: inline-block;
    width: 14px;
    font-weight: 700;
    margin-right: 4px;
}

    .psr-arrow.up[b-pfeix426pd] {
        color: #19b36b;
    }

    .psr-arrow.down[b-pfeix426pd] {
        color: #e8453d;
    }

.psr-total-sep[b-pfeix426pd] {
    border-top: 1px solid #e5e5e5;
    margin: 6px 0;
    padding: 0 !important;
}
/* _content/NextERP/Components/Pages/FA/FaAssetAnalyticsReport.razor.rz.scp.css */
/* Аналитик pivot — "Барааны үлдэгдэл → Динамик"-тэй ижил хавтгай загвар (ItemSiteDynamicPivot.razor.css-ээс) */
.psr-an-pivot-page[b-ilg7625iai] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.psr-an-scroll[b-ilg7625iai] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.psr-an-inner[b-ilg7625iai] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table thead,
    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody,
    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-family: Roboto !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.psr-an-pivot-page[b-ilg7625iai]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody td > div,
    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody td > span,
    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody td span,
    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.psr-an-pivot-page[b-ilg7625iai]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table .dxbl-btn,
.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table .dxbl-btn:hover,
    .psr-an-pivot-page[b-ilg7625iai]  .psr-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table svg,
.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table .dxbl-scroll-viewer,
.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

/* Талбарын chip/толгойн текстийг бүдэг биш тод/бараан болгох (Салбар/ПОС/Бараа г.м талбарын самбар).
   DevExpress класс нэр тодорхойгүй тул "pivot-table-field" агуулсан класс бүрд substring-аар онилно. */
.psr-an-pivot-page[b-ilg7625iai]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}

/* === Барааны үлдэгдэл → Динамик (ItemSiteDynamicPivot)-тэй ИЖИЛ мөр-дарж-задлах механизм === */
/* hover-оор бүх tbody секц дэх ижил индекстэй мөрийг тодруулна */
.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table tbody tr.pivot-row-hovered td,
.psr-an-pivot-page[b-ilg7625iai]  .pivot-row-clickable:hover td {
    background-color: var(--base-background-focused) !important;
}

/* default expand товч/svg-ийг нуугаад нүдийг бүхэлд нь дарах боломжтой болгоно */
.psr-an-pivot-page[b-ilg7625iai]  .pivot-row-toggle-btn,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button button,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button .dxbl-btn,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button svg {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .pivot-row-toggle-cell {
    cursor: pointer !important;
    padding-left: 10px !important;
}

.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:hover,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:focus,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:focus-visible,
.psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:active {
    height: 24px !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

    .psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button::before,
    .psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button::after,
    .psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:hover::before,
    .psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:hover::after,
    .psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:focus::before,
    .psr-an-pivot-page[b-ilg7625iai]  .dxbl-pivot-table-expand-button:focus::after {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table td:first-child,
.psr-an-pivot-page[b-ilg7625iai]  .psr-an-table .dxbl-pivot-table-expand-button {
    font-weight: 400 !important;
    color: #424242 !important;
}
/* _content/NextERP/Components/Pages/GL/JournalBalance.razor.rz.scp.css */
[b-s4k7ul21ae] .psr-tabs-header {
    flex-shrink: 0;
    background-color: var(--base-background);
    border-top: 1px solid var(--base-separator-color);
    padding: 8px 0 0 0;
}

[b-s4k7ul21ae] .psr-tabs {
    background-color: var(--base-background);
}

    [b-s4k7ul21ae] .psr-tabs,
    [b-s4k7ul21ae] .psr-tabs dxbl-tab-list {
        border-bottom: 0 none !important;
        border-block-end: 0 none !important;
        box-shadow: none !important;
        background-image: none !important;
    }

        [b-s4k7ul21ae] .psr-tabs::after,
        [b-s4k7ul21ae] .psr-tabs::before,
        [b-s4k7ul21ae] .psr-tabs dxbl-tab-list::after,
        [b-s4k7ul21ae] .psr-tabs dxbl-tab-list::before {
            display: none !important;
            border: 0 !important;
        }

        [b-s4k7ul21ae] .psr-tabs dxbl-tab-list {
            background-color: var(--base-background) !important;
            border-bottom: none !important;
            padding: 0 !important;
        }

        [b-s4k7ul21ae] .psr-tabs dxbl-tab-item {
            font-size: 12px !important;
            font-weight: 400 !important;
            color: #5d5d5d !important;
            border-bottom: 2px solid transparent !important;
            margin-bottom: -1px !important;
            cursor: pointer !important;
            transition: color .15s, border-color .15s, background-color .15s !important;
            display: flex !important;
            align-items: center !important;
            padding: 6px 24px !important;
            min-width: 130px !important;
            justify-content: center !important;
        }

            [b-s4k7ul21ae] .psr-tabs dxbl-tab-item:hover {
                background-color: var(--base-background-focused) !important;
                color: #5a41b4 !important;
            }

            [b-s4k7ul21ae] .psr-tabs dxbl-tab-item.dxbl-active {
                background-color: var(--base-background) !important;
                color: #5a41b4 !important;
                border-bottom-color: #5a41b4 !important;
                font-weight: 400 !important;
            }

        [b-s4k7ul21ae] .psr-tabs .tab-label {
            display: flex;
            align-items: center;
            gap: 6px;
        }

.psr-report-panel[b-s4k7ul21ae] {
    flex: 1 1 auto;
    overflow: hidden;
}

[b-s4k7ul21ae] .psr-sub-wrap {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 1px solid var(--base-separator-color);
    padding-top: 25px;
    padding-bottom: 9px;
}
/* _content/NextERP/Components/Pages/Home.razor.rz.scp.css */
.home-container[b-mcyy37abxv] {
    display: flex;
    background-image: url('images/next_bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main[b-mcyy37abxv] {
    flex: 1;
    overflow: hidden;
}

.row-caption[b-mcyy37abxv] {
    font-size: 12px;
    color: var(--base-foreground-focused);
    margin: 50px 10% 10px 40px;
}

.row-separator[b-mcyy37abxv] {
    background-color: var(--base-foreground-focused);
    height: 1px;
    margin: 10px 10% 10px 40px;
}

.row-body[b-mcyy37abxv] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 20px 10% 20px 40px;
}

    .row-body:has(.column-body)[b-mcyy37abxv] {
        gap: 40px;
    }

.column-caption[b-mcyy37abxv] {
    font-size: 12px;
    color: var(--base-foreground-focused);
    margin: 30px 0 10px 0;
}

.column-separator[b-mcyy37abxv] {
    background-color: var(--base-foreground-focused);
    height: 1px;
    margin: 10px 0;
}

.column-body[b-mcyy37abxv] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 20px 0;
}

.sidebar[b-mcyy37abxv] {
    width: 300px;
    margin: 20px;
}

ul[b-mcyy37abxv] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 1680px) {
    .row-caption[b-mcyy37abxv] {
        margin-left: 30px;
        margin-right: 10px;
    }

    .row-separator[b-mcyy37abxv] {
        margin-left: 30px;
        margin-right: 10px;
    }

    .row-body[b-mcyy37abxv] {
        margin-left: 30px;
        margin-right: 10px;
    }

        .row-body:has(.column-body)[b-mcyy37abxv] {
            flex-direction: column;
            gap: 0;
        }

    .column-body[b-mcyy37abxv] {
        justify-content: normal;
    }

    .sidebar[b-mcyy37abxv] {
        width: 250px;
    }
}

@media (max-width: 1024px) {
    .row-caption[b-mcyy37abxv] {
        margin-left: 20px;
        margin-right: 0;
    }

    .row-separator[b-mcyy37abxv] {
        margin-left: 20px;
        margin-right: 0;
    }

    .row-body[b-mcyy37abxv] {
        margin-left: 20px;
        margin-right: 0;
    }

    .sidebar[b-mcyy37abxv] {
        width: 210px;
    }
}

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

.cpny-name[b-mcyy37abxv] {
    display: flex;
    margin: 20px 20px 20px 100px;
}

    .cpny-name img[b-mcyy37abxv] {
        width: 50px;
        height: 50px;
        margin: auto 0;
    }

    .cpny-name span[b-mcyy37abxv] {
        font-size: 20px;
        text-wrap: nowrap;
        color: #555;
        margin: auto 20px;
    }

.welcome[b-mcyy37abxv] {
    display: flex;
    flex-direction: column;
    text-wrap: nowrap;
    font-size: 25px;
    font-weight: 300;
    color: #555;
    margin-right: 20px;
}

.welcome-placeholder[b-mcyy37abxv] {
    height: 166px;
}

.upload-logo[b-mcyy37abxv] {
    display: flex;
    flex-direction: column;
    width: 50px;
    height: 50px;
    margin: auto 0;
    border: 1px dashed #aeaeae;
    border-radius: 10px;
    cursor: pointer;
}

    .upload-logo img[b-mcyy37abxv] {
        width: 10px;
        height: 10px;
        margin: 6px auto 0 auto;
    }

    .upload-logo span[b-mcyy37abxv] {
        font-size: 12px;
        color: #555;
        margin: auto;
    }

    .upload-logo .upload-logo-size[b-mcyy37abxv] {
        font-size: 8px;
        color: #999;
        margin: -1px auto 6px auto;
    }

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

.favorite-menus-caption[b-mcyy37abxv] {
    margin-bottom: 10px;
}

    .favorite-menus-caption img[b-mcyy37abxv] {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

.favorite-menus-list[b-mcyy37abxv] {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 10px;
}

    .favorite-menus-list a[b-mcyy37abxv] {
        text-decoration: none;
        text-wrap: nowrap;
        color: var(--base-foreground-focused);
    }

        .favorite-menus-list a[b-mcyy37abxv]:before {
            content: '﹥';
            margin: 0 4px 0 10px;
        }

        .favorite-menus-list a:hover span[b-mcyy37abxv] {
            text-decoration: underline;
        }

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

.notice-item[b-mcyy37abxv] {
    display: flex;
    flex-direction: column;
    width: 11.5%;
}

.notice-item-count[b-mcyy37abxv] {
    font-size: 25px;
    font-weight: 500;
}

    .notice-item-count.green[b-mcyy37abxv] {
        color: #179a5a;
    }

    .notice-item-count.yellow[b-mcyy37abxv] {
        color: #ff8430;
    }

    .notice-item-count.red[b-mcyy37abxv] {
        color: #cc0005;
    }

.notice-item-caption[b-mcyy37abxv] {
    flex: 1;
    font-weight: 500;
    color: #555;
    margin: 10px 0;
}

.notice-item-link[b-mcyy37abxv] {
    text-decoration: none;
    color: #aeaeae;
}

    .notice-item-link[b-mcyy37abxv]:after {
        content: '→';
        margin-left: 5px;
    }

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

.finance-item[b-mcyy37abxv] {
    width: auto;
}

.finance-item-caption[b-mcyy37abxv] {
    font-weight: 500;
    color: #555;
}

.finance-item-amount[b-mcyy37abxv] {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    margin: 5px 0;
}

.finance-item-separator[b-mcyy37abxv] {
    background-color: #aeaeae;
    height: 1px;
    margin: 10px 0;
}

    .finance-item-separator.green[b-mcyy37abxv] {
        background-color: #179a5a;
    }

    .finance-item-separator.red[b-mcyy37abxv] {
        background-color: #cc0005;
    }

.finance-item-trend[b-mcyy37abxv] {
    color: #aeaeae;
}

    .finance-item-trend .gray[b-mcyy37abxv] {
        color: #555;
    }

    .finance-item-trend .green[b-mcyy37abxv] {
        color: #179a5a;
    }

        .finance-item-trend .green[b-mcyy37abxv]:before {
            content: '↑';
            margin-right: 3px;
        }

    .finance-item-trend .red[b-mcyy37abxv] {
        color: #cc0005;
    }

        .finance-item-trend .red[b-mcyy37abxv]:before {
            content: '↓';
            margin-right: 3px;
        }

.finance-item-overdue[b-mcyy37abxv] {
    color: #aeaeae;
}

    .finance-item-overdue .green[b-mcyy37abxv] {
        color: #179a5a;
    }

    .finance-item-overdue .red[b-mcyy37abxv] {
        color: #cc0005;
    }

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

.inventory-item[b-mcyy37abxv] {
    display: flex;
    flex-direction: column;
    width: 11%;
    padding: 10px;
    background-color: var(--base-background-focused);
}

.inventory-item-group[b-mcyy37abxv] {
    margin-right: 40px;
}

.inventory-item-caption[b-mcyy37abxv] {
    flex: 1;
    color: var(--base-foreground-focused);
}

.inventory-item-count[b-mcyy37abxv] {
    font-size: 25px;
    color: var(--base-foreground-focused);
}

.inventory-item-separator[b-mcyy37abxv] {
    background-color: var(--base-foreground-focused);
    height: 1px;
    margin: 5px 0 10px 0;
}

.inventory-item-link svg[b-mcyy37abxv] {
    width: 10px;
    height: 10px;
}

    .inventory-item-link svg path[b-mcyy37abxv] {
        fill: none;
        stroke: var(--base-foreground-focused);
        stroke-width: 1.5px;
    }

@media (max-width: 1680px) {
    .inventory-item-group[b-mcyy37abxv] {
        margin-right: 20px;
    }
}

@media (max-width: 1024px) {
    .inventory-item-group[b-mcyy37abxv] {
        margin-right: 10px;
    }
}

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

.row-body:has(.chart)[b-mcyy37abxv] {
    margin-right: 0;
}

[b-mcyy37abxv] .dxbl-chart-tooltip-content-container {
    border: none;
    border-radius: 8px;
    padding: 8px 15px;
    color: #ccc;
    background-color: #35334f;
}

    [b-mcyy37abxv] .dxbl-chart-tooltip-content-container + .dxbl-chart-tooltip-pointer {
        background-color: #35334f;
    }

        [b-mcyy37abxv] .dxbl-chart-tooltip-content-container + .dxbl-chart-tooltip-pointer::after {
            border: none;
        }

[b-mcyy37abxv] .dxc-elements {
    fill: var(--base-foreground-focused);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}

[b-mcyy37abxv] .dxc-markers circle {
    r: 5px;
}

.chart-separator-vertical[b-mcyy37abxv] {
    background-color: #eaeaea;
    width: 1px;
    margin: 0 5px;
}

.chart-separator-horizontal[b-mcyy37abxv] {
    background-color: #eaeaea;
    height: 1px;
    margin: 15px 0;
}

.chart-summary[b-mcyy37abxv] {
    min-width: 130px;
}

.chart-summary-caption[b-mcyy37abxv] {
    color: #aeaeae;
}

.chart-summary-amount[b-mcyy37abxv] {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-bottom: 10px;
}

.chart-summary-total[b-mcyy37abxv] {
    font-size: 20px;
    color: #555;
}

.chart-summary-trend[b-mcyy37abxv] {
    color: #aeaeae;
}

    .chart-summary-trend .gray[b-mcyy37abxv] {
        color: #555;
    }

    .chart-summary-trend .green[b-mcyy37abxv] {
        color: #179a5a;
    }

        .chart-summary-trend .green[b-mcyy37abxv]:before {
            content: '↑';
            margin-right: 3px;
        }

    .chart-summary-trend .red[b-mcyy37abxv] {
        color: #cc0005;
    }

        .chart-summary-trend .red[b-mcyy37abxv]:before {
            content: '↓';
            margin-right: 3px;
        }

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

.warehouse[b-mcyy37abxv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 10px;
}

.warehouse-item-count[b-mcyy37abxv] {
    font-size: 20px;
    font-weight: 300;
    color: #555;
}

    .warehouse-item-count.green[b-mcyy37abxv] {
        color: #179a5a;
    }

    .warehouse-item-count.yellow[b-mcyy37abxv] {
        color: #ff8430;
    }

    .warehouse-item-count.red[b-mcyy37abxv] {
        color: #cc0005;
    }

.warehouse-item-caption[b-mcyy37abxv] {
    font-weight: 500;
    color: #555;
    margin: 5px 0;
}

.warehouse-item-link[b-mcyy37abxv] {
    text-decoration: none;
    color: #aeaeae;
}

    .warehouse-item-link[b-mcyy37abxv]:after {
        content: '→';
        margin-left: 5px;
    }

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

.range-selector[b-mcyy37abxv] {
    display: flex;
    background-color: white;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 3px;
}

.range-selector-item[b-mcyy37abxv] {
    flex: 1;
    font-weight: 500;
    text-align: center;
    color: #888;
    padding: 5px 3px;
    cursor: pointer;
}

    .range-selector-item.selected[b-mcyy37abxv] {
        color: var(--base-foreground-focused);
        background-color: var(--base-background-focused);
        border-radius: 5px;
    }

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

.tasks[b-mcyy37abxv] {
    background-color: white;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
}

.task-caption[b-mcyy37abxv] {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    margin-top: 5px;
}

.task-sub-caption[b-mcyy37abxv] {
    font-weight: 500;
    color: #555;
    margin-top: 15px;
}

.task-list[b-mcyy37abxv] {
    max-height: 144px;
    overflow-y: auto;
}

.task-list-item[b-mcyy37abxv] {
    display: flex;
    padding: 8px 10px;
    border-radius: 5px;
    cursor: pointer;
}

    .task-list-item:hover[b-mcyy37abxv] {
        background-color: rgb(from var(--base-background-focused) r g b / 0.5);
    }

.task-list-item-count[b-mcyy37abxv] {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    color: var(--base-foreground-focused);
    background-color: var(--base-background-focused);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 3px;
    margin: auto 0;
}

.task-list-item-caption[b-mcyy37abxv] {
    color: #555;
    margin: auto 0 auto 10px;
}

.task-empty-list[b-mcyy37abxv] {
    margin: 30px 0 30px 30px;
}

    .task-empty-list img[b-mcyy37abxv] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .task-empty-list span[b-mcyy37abxv] {
        color: #888;
        margin: auto 0;
    }

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

.notifications[b-mcyy37abxv] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    padding: 15px;
    margin-top: 10px;
}

.notification-caption[b-mcyy37abxv] {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    margin-top: 5px;
}

.notification-list[b-mcyy37abxv] {
    max-height: 264px;
    overflow-y: auto;
}

.notification-list-item[b-mcyy37abxv] {
    display: flex;
    padding: 8px 0;
    border-radius: 5px;
    cursor: pointer;
}

    .notification-list-item:hover[b-mcyy37abxv] {
        background-color: rgb(from var(--base-background-focused) r g b / 0.5);
    }

.notification-list-item-icon[b-mcyy37abxv] {
    width: 50px;
    height: 50px;
    margin: auto 0;
}

.notification-list-item-text[b-mcyy37abxv] {
    flex: 1;
    margin: auto 10px;
}

    .notification-list-item-text span[b-mcyy37abxv] {
        display: block;
        color: #555;
    }

        .notification-list-item-text span:last-child[b-mcyy37abxv] {
            color: #aeaeae;
        }

.notification-empty-list[b-mcyy37abxv] {
    margin: 30px 0 30px 30px;
}

    .notification-empty-list img[b-mcyy37abxv] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .notification-empty-list span[b-mcyy37abxv] {
        color: #888;
        margin: auto 0;
    }

.notification-link[b-mcyy37abxv] {
    margin-left: auto;
    text-decoration: none;
    color: var(--base-foreground-focused);
}

    .notification-link[b-mcyy37abxv]:after {
        content: '→';
        margin-left: 5px;
    }

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

.chatbot-button[b-mcyy37abxv] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
}

    .chatbot-button img[b-mcyy37abxv] {
        width: 20px;
        height: 20px;
        margin: auto 10px auto 0;
    }

    .chatbot-button span[b-mcyy37abxv] {
        font-size: 14px;
        color: #555;
        margin: auto 0;
    }

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

@keyframes slideUp-b-mcyy37abxv {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideRight-b-mcyy37abxv {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideLeft-b-mcyy37abxv {
    from {
        opacity: 0;
        transform: translateX(100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.cpny-name[b-mcyy37abxv],
.welcome[b-mcyy37abxv] {
    opacity: 0;
    animation: slideRight-b-mcyy37abxv 0.6s ease-out forwards;
}

.favorite-menus-caption[b-mcyy37abxv],
.favorite-menus-list a[b-mcyy37abxv] {
    opacity: 0;
    animation: slideLeft-b-mcyy37abxv 0.6s ease-out forwards;
}

.notice-item[b-mcyy37abxv],
.finance-item[b-mcyy37abxv],
.inventory-item[b-mcyy37abxv],
.warehouse-item[b-mcyy37abxv] {
    opacity: 0;
    animation: slideUp-b-mcyy37abxv 0.6s ease-out forwards;
}

.favorite-menus-list a:nth-child(1)[b-mcyy37abxv] {
    animation-delay: 0.1s;
}

.favorite-menus-list a:nth-child(2)[b-mcyy37abxv] {
    animation-delay: 0.125s;
}

.favorite-menus-list a:nth-child(3)[b-mcyy37abxv] {
    animation-delay: 0.15s;
}

.favorite-menus-list a:nth-child(4)[b-mcyy37abxv] {
    animation-delay: 0.175s;
}

.favorite-menus-list a:nth-child(5)[b-mcyy37abxv] {
    animation-delay: 0.2s;
}

.favorite-menus-list a:nth-child(6)[b-mcyy37abxv] {
    animation-delay: 0.225s;
}

.favorite-menus-list a:nth-child(7)[b-mcyy37abxv] {
    animation-delay: 0.25s;
}

.favorite-menus-list a:nth-child(8)[b-mcyy37abxv] {
    animation-delay: 0.275s;
}

.favorite-menus-list a:nth-child(9)[b-mcyy37abxv] {
    animation-delay: 0.3s;
}

.notice-item:nth-child(1)[b-mcyy37abxv] {
    animation-delay: 0.1s;
}

.notice-item:nth-child(2)[b-mcyy37abxv] {
    animation-delay: 0.15s;
}

.notice-item:nth-child(3)[b-mcyy37abxv] {
    animation-delay: 0.2s;
}

.notice-item:nth-child(4)[b-mcyy37abxv] {
    animation-delay: 0.25s;
}

.notice-item:nth-child(5)[b-mcyy37abxv] {
    animation-delay: 0.3s;
}

.notice-item:nth-child(6)[b-mcyy37abxv] {
    animation-delay: 0.35s;
}

.notice-item:nth-child(7)[b-mcyy37abxv] {
    animation-delay: 0.4s;
}

.finance-item:nth-child(1)[b-mcyy37abxv] {
    animation-delay: 0.1s;
}

.finance-item:nth-child(2)[b-mcyy37abxv] {
    animation-delay: 0.15s;
}

.finance-item:nth-child(3)[b-mcyy37abxv] {
    animation-delay: 0.2s;
}

.finance-item:nth-child(4)[b-mcyy37abxv] {
    animation-delay: 0.25s;
}

.finance-item:nth-child(5)[b-mcyy37abxv] {
    animation-delay: 0.3s;
}

.inventory-item:nth-child(1)[b-mcyy37abxv] {
    animation-delay: 0.1s;
}

.inventory-item:nth-child(2)[b-mcyy37abxv] {
    animation-delay: 0.15s;
}

.inventory-item:nth-child(3)[b-mcyy37abxv] {
    animation-delay: 0.2s;
}

.inventory-item:nth-child(4)[b-mcyy37abxv] {
    animation-delay: 0.25s;
}

.inventory-item:nth-child(5)[b-mcyy37abxv] {
    animation-delay: 0.3s;
}

.inventory-item:nth-child(6)[b-mcyy37abxv] {
    animation-delay: 0.35s;
}

.inventory-item:nth-child(7)[b-mcyy37abxv] {
    animation-delay: 0.4s;
}

.inventory-item:nth-child(8)[b-mcyy37abxv] {
    animation-delay: 0.45s;
}

.warehouse-item:nth-child(1)[b-mcyy37abxv] {
    animation-delay: 0.1s;
}

.warehouse-item:nth-child(2)[b-mcyy37abxv] {
    animation-delay: 0.15s;
}

.warehouse-item:nth-child(3)[b-mcyy37abxv] {
    animation-delay: 0.2s;
}

.warehouse-item:nth-child(4)[b-mcyy37abxv] {
    animation-delay: 0.25s;
}

.warehouse-item:nth-child(5)[b-mcyy37abxv] {
    animation-delay: 0.3s;
}

.warehouse-item:nth-child(6)[b-mcyy37abxv] {
    animation-delay: 0.35s;
}

.warehouse-item:nth-child(7)[b-mcyy37abxv] {
    animation-delay: 0.4s;
}

.warehouse-item:nth-child(8)[b-mcyy37abxv] {
    animation-delay: 0.45s;
}
/* _content/NextERP/Components/Pages/IN/ExcelImportModal.razor.rz.scp.css */
.import-modal[b-5jkxhzpm61] {
    width: 100%;
    height: 100%;
    padding: 14px 16px 12px 16px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    color: #5d5d5d;
    background: var(--base-background, #fafafe);
    box-sizing: border-box;
}

.import-header[b-5jkxhzpm61] {
    height: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--base-separator-color, #ececf3);
    margin-bottom: 12px;
}

.import-title[b-5jkxhzpm61] {
    font-size: 12px;
    font-weight: 600;
    color: #5a41b4;
    line-height: 1.2;
}

.template-link[b-5jkxhzpm61] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 11px;
    color: #5a41b4;
    text-decoration: none;
    cursor: pointer;
}

    .template-link:hover[b-5jkxhzpm61] {
        background: var(--base-background-focused, #f0ecff);
        text-decoration: none;
    }

.import-upload-box[b-5jkxhzpm61] {
    width: 100%;
    min-height: 126px;
    border: 1px dashed #c9bdf0;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 14px;
    box-sizing: border-box;
    transition: all .15s ease-in-out;
}

    .import-upload-box:hover[b-5jkxhzpm61] {
        border-color: #5a41b4;
        background: #fbf9ff;
    }

.import-upload-content[b-5jkxhzpm61] {
    text-align: center;
    color: #7b6ab8;
}

.upload-icon[b-5jkxhzpm61] {
    width: 36px;
    height: 36px;
    margin: 0 auto 8px auto;
    border-radius: 8px;
    background: #f2edff;
    color: #5a41b4;
    font-size: 24px;
    line-height: 36px;
}

.upload-text[b-5jkxhzpm61] {
    font-size: 11px;
    color: #5d5d5d;
}

.selected-file[b-5jkxhzpm61] {
    margin-top: 8px;
    font-size: 11px;
    color: #5a41b4;
    word-break: break-all;
    max-width: 420px;
}

.import-footer[b-5jkxhzpm61] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding-top: 10px;
    border-top: 1px solid var(--base-separator-color, #ececf3);
}

.btn-cancel[b-5jkxhzpm61],
.btn-save[b-5jkxhzpm61] {
    min-width: 78px;
    height: 30px;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    padding: 0 12px;
}

.btn-cancel[b-5jkxhzpm61] {
    background: #fff;
    color: #5d5d5d;
    border: 1px solid #d8d3e8;
}

.btn-save[b-5jkxhzpm61] {
    background: #5a41b4;
    color: #fff;
    border: 1px solid #5a41b4;
}

.btn-cancel:hover[b-5jkxhzpm61] {
    background: #f7f5ff;
}

.btn-save:hover[b-5jkxhzpm61] {
    background: #4d35a5;
    border-color: #4d35a5;
}
/* _content/NextERP/Components/Pages/IN/ItemBalanceAnalyticsReport.razor.rz.scp.css */
.ib-an-pivot-page[b-8blwm2358j] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.ib-an-scroll[b-8blwm2358j] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.ib-an-inner[b-8blwm2358j] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table thead,
    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody,
    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.ib-an-pivot-page[b-8blwm2358j]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody td > div,
    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody td > span,
    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody td span,
    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.ib-an-pivot-page[b-8blwm2358j]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table .dxbl-btn,
.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table .dxbl-btn:hover,
    .ib-an-pivot-page[b-8blwm2358j]  .ib-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table svg,
.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table .dxbl-scroll-viewer,
.ib-an-pivot-page[b-8blwm2358j]  .ib-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

.ib-an-pivot-page[b-8blwm2358j]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}
/* _content/NextERP/Components/Pages/IN/ItemSiteDynamicPivot.razor.rz.scp.css */
.is-an-pivot-page[b-e45eqh96cf] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.is-an-scroll[b-e45eqh96cf] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.is-an-inner[b-e45eqh96cf] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table thead,
    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody,
    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.is-an-pivot-page[b-e45eqh96cf]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody td > div,
    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody td > span,
    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody td span,
    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.is-an-pivot-page[b-e45eqh96cf]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table .dxbl-btn,
.is-an-pivot-page[b-e45eqh96cf]  .is-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table .dxbl-btn:hover,
    .is-an-pivot-page[b-e45eqh96cf]  .is-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table svg,
.is-an-pivot-page[b-e45eqh96cf]  .is-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.is-an-pivot-page[b-e45eqh96cf]  .is-an-table .dxbl-scroll-viewer,
.is-an-pivot-page[b-e45eqh96cf]  .is-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

.is-an-pivot-page[b-e45eqh96cf]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}
/* _content/NextERP/Components/Pages/IN/PeriodCloseCheckList.razor.rz.scp.css */
.pc-check-list[b-4doz4vtvku] {
    display: contents;
}

[b-4doz4vtvku] .edit-form-body {
    container-type: normal;
}

.pc-check-list[b-4doz4vtvku]  .page-body > .section-main {
    display: flex;
    flex-direction: column;
}

.pc-check-list[b-4doz4vtvku]  .page-body > .section-main > .section-header-grid,
.pc-check-list[b-4doz4vtvku]  .page-body > .section-main > .section-body-grid,
.pc-check-list[b-4doz4vtvku]  .page-body > .section-main > .section-header-form,
.pc-check-list[b-4doz4vtvku]  .page-body > .section-main > .section-body-form {
    width: 100%;
    flex: 0 0 auto;
}

.pc-check-list[b-4doz4vtvku]  .section-header-caption > span:first-child {
    min-width: 140px;
    display: inline-block;
}

.pc-check-list[b-4doz4vtvku]  .pc-caption-counts {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 600;
}

.pc-check-list[b-4doz4vtvku]  .pc-count-hard {
    color: #DD271C;
}

.pc-check-list[b-4doz4vtvku]  .pc-count-soft {
    color: #E8B800;
}

.pc-check-list[b-4doz4vtvku]  .pc-count-sep {
    margin: 0 2px;
    color: var(--dxbl-secondary-text-color, #888);
}

.pc-check-list[b-4doz4vtvku]  .pc-count-bracket {
    color: var(--dxbl-secondary-text-color, #888);
    font-weight: normal;
}

.pc-check-list[b-4doz4vtvku]  .pc-type-cell {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pc-check-list[b-4doz4vtvku]  .pc-type-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}
/* _content/NextERP/Components/Pages/IN/PeriodCloseWithoutTaxForm.razor.rz.scp.css */
.pc-2col[b-etrxl0hapn] {
    display: contents;
}

.pc-2col[b-etrxl0hapn]  .section-main-only {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 4px;
    align-items: start;
    align-content: start;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > .section-header-form {
    grid-column: 1 / -1;
    grid-row: 1;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > .section-body-form {
    grid-column: 1 / -1;
    grid-row: 2;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > .section-header-grid:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > .section-body-grid:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > .section-header-grid:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > .section-body-grid:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
}

.pc-2col[b-etrxl0hapn]  .section-main-only > :nth-child(n+7) {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .pc-2col[b-etrxl0hapn]  .section-main-only {
        display: block;
    }
}
/* _content/NextERP/Components/Pages/IN/PeriodCloseWithTaxForm.razor.rz.scp.css */
.pc-2col[b-3x6jp69pt0] {
    display: contents;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 4px;
    align-items: start;
    align-content: start;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > .section-header-form {
    grid-column: 1 / -1;
    grid-row: 1;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > .section-body-form {
    grid-column: 1 / -1;
    grid-row: 2;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > .section-header-grid:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > .section-body-grid:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > .section-header-grid:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > .section-body-grid:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
}

.pc-2col[b-3x6jp69pt0]  .section-main-only > :nth-child(n+7) {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .pc-2col[b-3x6jp69pt0]  .section-main-only {
        display: block;
    }
}
/* _content/NextERP/Components/Pages/IN/PeriodForm.razor.rz.scp.css */
.period-page-container[b-bze2i8okzc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 18px 18px 18px;
    overflow: visible !important;
    background-color: #FFFFFF;
    border: 1px solid #e9e3f7;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

.period-page-header[b-bze2i8okzc] {
    flex: 0 0 auto;
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background-color: #ffffff;
}

.period-page-body[b-bze2i8okzc] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
}

.period-section-header[b-bze2i8okzc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #5a41b4;
    height: 36px;
    margin-top: 0 !important;
}

    .period-section-header span[b-bze2i8okzc] {
        font-size: 13px;
        font-weight: 500;
        color: #5a41b4;
        margin: auto 0;
    }

.period-form[b-bze2i8okzc] {
    margin-top: 14px;
}

.period-form-row[b-bze2i8okzc] {
    display: grid;
    grid-template-columns: auto 1fr 220px;
    align-items: center;
    column-gap: 10px;
    min-height: 36px;
    width: 100%;
}

    .period-form-row label[b-bze2i8okzc] {
        font-size: 12px;
        color: #8a8a8a;
        line-height: 1;
        white-space: nowrap;
        margin: 0;
    }

.period-dots[b-bze2i8okzc] {
    height: 0;
    border-bottom: 1px dotted #c6c6c6;
    transform: translateY(1px);
}

.period-year-combo[b-bze2i8okzc] {
    width: 220px;
    min-width: 220px;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-text-edit {
    min-height: 34px;
    border-radius: 8px !important;
    border-color: #e3e0ef !important;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo input,
.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-text-edit-input {
    font-size: 12.5px !important;
    color: #4a4a4a !important;
    padding-left: 12px !important;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-edit-btn-dropdown {
    border-left: none !important;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-btn {
    color: #8a8a8a !important;
}

.period-info-banner[b-bze2i8okzc] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 6px;
    padding: 9px 12px;
    background: #EFF8FF;
    border-radius: 6px;
    color: #1145B5;
    line-height: 1.45;
}

.period-banner-icon[b-bze2i8okzc] {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    object-fit: contain;
    margin-top: 1px;
}

.period-table-wrapper[b-bze2i8okzc] {
    margin-top: 14px;
    border: 1px solid #eeeaf8;
    border-radius: 6px;
    overflow: visible;
}

.period-status-table[b-bze2i8okzc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .period-status-table th[b-bze2i8okzc] {
        text-align: left;
        font-size: 11px;
        font-weight: 500;
        color: #9a93ad;
        padding: 9px 14px;
        border-bottom: 1px solid #eeeaf8;
        white-space: nowrap;
    }

    .period-status-table td[b-bze2i8okzc] {
        padding: 9px 14px;
        border-bottom: 1px solid #f4f1fb;
        color: #4a4a4a;overflow: visible !important;
        white-space: nowrap;
    }

    .period-status-table tbody tr.period-current-row[b-bze2i8okzc],
    .period-status-table tbody tr.period-current-row:hover[b-bze2i8okzc] {
        background: #F6F5FD;
    }

    .period-status-table th.center[b-bze2i8okzc],
    .period-status-table td.center[b-bze2i8okzc] {
        text-align: center;
    }

.period-name[b-bze2i8okzc] {
    font-weight: 500;
    color: #444;
}

.period-roman[b-bze2i8okzc] {
    color: #3b2483;
    font-weight: 600;
}

.status-dot[b-bze2i8okzc] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

    .status-dot.current[b-bze2i8okzc] {
        background: #5a41b4;
    }

    .status-dot.open[b-bze2i8okzc] {
        background: #2eaf62;
    }

    .status-dot.closed[b-bze2i8okzc] {
        background: #8a8a8a;
    }

    .status-dot.notopened[b-bze2i8okzc] {
        background: #cfcfcf;
    }

.status-text[b-bze2i8okzc] {
    vertical-align: middle;
    font-size: 12px;
}

    .status-text.current[b-bze2i8okzc] {
        color: #5a41b4;
    }

    .status-text.open[b-bze2i8okzc] {
        color: #2eaf62;
    }

    .status-text.closed[b-bze2i8okzc] {
        color: #8a8a8a;
    }

    .status-text.notopened[b-bze2i8okzc] {
        color: #b5b5b5;
    }


.pf-switch[b-bze2i8okzc] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px;
    margin: 0;
    vertical-align: middle;
}

    .pf-switch input[b-bze2i8okzc] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.pf-slider[b-bze2i8okzc] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #ddd;
    border-radius: 18px;
    transition: background 0.15s ease;
}

    .pf-slider[b-bze2i8okzc]::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        left: 2px;
        top: 2px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        transition: transform 0.15s ease;
    }

.pf-switch input:checked + .pf-slider[b-bze2i8okzc] {
    background: #2f80ed;
}

    .pf-switch input:checked + .pf-slider[b-bze2i8okzc]::before {
        transform: translateX(16px);
    }

.pf-switch input:disabled + .pf-slider[b-bze2i8okzc] {
    cursor: not-allowed;
    opacity: 0.55;
}

.period-action-cell[b-bze2i8okzc] {
    position: relative;
}

.period-menu-btn[b-bze2i8okzc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 18px;
    border: 1px solid #e6e1f2;
    background: #ffffff;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    border-radius: 3px;
    cursor: pointer;
}

    .period-menu-btn:hover[b-bze2i8okzc] {
        background: #f8f6fd;
        border-color: #d8d1eb;
        color: #5a41b4;
    }

.period-row-menu[b-bze2i8okzc] {
    position: absolute;
    top: calc(50% + 10px);
    left: calc(100% - 14px);
    min-width: 175px;
    background: #fff;
    border: 1px solid #e9e3f7;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    z-index: 100001;
    text-align: left;
}

.period-row-menu-item[b-bze2i8okzc] {
    padding: 8px 14px;
    font-size: 12px;
    color: #4a4a4a;
    cursor: pointer;
    white-space: nowrap;
}

    .period-row-menu-item:hover[b-bze2i8okzc] {
        background: #f3f0ff;
        color: #5a41b4;
    }

.period-menu-backdrop[b-bze2i8okzc] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 100000;
}

.period-legend[b-bze2i8okzc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    padding: 9px 14px;
    border-top: 1px solid #f4f1fb;
    font-size: 11px;
    color: #8a8a8a;
}

    .period-legend span[b-bze2i8okzc] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .period-legend .status-dot[b-bze2i8okzc] {
        margin-right: 0;
    }

.period-note-row[b-bze2i8okzc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
}

.period-note[b-bze2i8okzc] {
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.5;
    background: #F6F6F6;
    border: 1px solid #e9e9ef;
    color: #6d6d6d;
}

.period-note-title[b-bze2i8okzc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #5a5a5a;
}

.period-note-img[b-bze2i8okzc] {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    object-fit: contain;
}

.period-note ul[b-bze2i8okzc] {
    margin: 0;
    padding-left: 16px;
}

.period-note li[b-bze2i8okzc] {
    margin-bottom: 2px;
}

.period-note p[b-bze2i8okzc] {
    margin: 0;
}

@media (max-width: 640px) {
    .period-note-row[b-bze2i8okzc] {
        grid-template-columns: 1fr;
    }
}
/* _content/NextERP/Components/Pages/Login.razor.rz.scp.css */
.login-page[b-wfa0deg2lt] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("/images/Next_BG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.show-company-selection[b-wfa0deg2lt],
.show-login-form[b-wfa0deg2lt] {
    display: flex;
    flex-direction: row;
    width: 400px;
    overflow: clip;
}

    .show-company-selection .login-container[b-wfa0deg2lt] {
        margin-left: -400px;
    }

.login-container[b-wfa0deg2lt],
.company-selection[b-wfa0deg2lt] {
    flex-shrink: 0;
    text-align: center;
    background: transparent;
    width: 400px;
    transition: all 0.2s linear;
    padding: 2px;
}

.logo[b-wfa0deg2lt] {
    width: 270px;
    margin: auto;
}

h2[b-wfa0deg2lt] {
    color: #333;
    font-weight: 200;
    font-size: 36px;
}

.login-container form[b-wfa0deg2lt] {
    display: flex;
    flex-direction: column;
    margin-top: 37px;
}

.input[b-wfa0deg2lt] {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s ease;
}

    .input:focus[b-wfa0deg2lt] {
        border-color: #8a2be2;
    }

    .input[id="username"][b-wfa0deg2lt] {
        margin-bottom: 16px;
    }

    .input[id="password"][b-wfa0deg2lt] {
        background-image: url("/images/lock.png");
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-position: 10px center;
        padding-left: 30px;
    }

.password-container[b-wfa0deg2lt] {
    position: relative;
    margin-bottom: 16px;
}

.btn-password-toggle[b-wfa0deg2lt] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: none;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px 16px;
    width: 28px;
    outline: none;
    border: none;
}

input[type="password"][b-wfa0deg2lt]::-ms-reveal,
input[type="password"][b-wfa0deg2lt]::-ms-clear {
    display: none;
}

.btn-login[b-wfa0deg2lt] {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    border: none;
    border-radius: 80px;
    background: linear-gradient(90deg, #7B2FFF, #B34DFF);
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
    font-size: 14px;
}

    .btn-login:hover[b-wfa0deg2lt] {
        opacity: 0.9;
    }

.password-links[b-wfa0deg2lt] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.remember-username[b-wfa0deg2lt] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #888;
    cursor: pointer;
}

    .remember-username input[type=checkbox][b-wfa0deg2lt] {
        color: #888;
        cursor: pointer;
    }

.forgot[b-wfa0deg2lt] {
    color: #888;
    text-decoration: none;
}

    .forgot:hover[b-wfa0deg2lt] {
        text-decoration: underline;
    }

.register[b-wfa0deg2lt] {
    display: block;
    margin-top: 20px;
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

    .register[b-wfa0deg2lt]::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url("/images/register.png");
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 8px;
        vertical-align: middle;
    }

    .register.demo[b-wfa0deg2lt] {
        color: #4E4E4E;
        font-weight: 300;
    }

        .register.demo[b-wfa0deg2lt]::before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url("/images/demo.png");
            background-repeat: no-repeat;
            background-size: contain;
            margin-right: 5px;
            vertical-align: middle;
            opacity: 0.7;
        }

.register-link[b-wfa0deg2lt] {
    display: block;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s ease;
}

    .register-link:hover[b-wfa0deg2lt] {
        opacity: .9;
    }

.footer[b-wfa0deg2lt] {
    position: absolute;
    margin-inline: auto;
    width: fit-content;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    gap: 15px;
}

    .footer img[b-wfa0deg2lt] {
        width: 20px;
        height: auto;
        opacity: 0.8;
        transition: opacity 0.2s ease;
    }

        .footer img:hover[b-wfa0deg2lt] {
            opacity: 1;
        }

.language-top-right[b-wfa0deg2lt] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000;
}

.company-list[b-wfa0deg2lt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 252px;
    margin-top: 37px;
    overflow-x: hidden;
    overflow-y: auto;
}

.company[b-wfa0deg2lt] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 5px 8px;
    border: 1px solid var(--base-separator-color);
    border-radius: 10px;
    cursor: pointer;
}

    .company:hover[b-wfa0deg2lt] {
        background-color: var(--base-background-focused);
    }

        .company:hover .default-logo[b-wfa0deg2lt] {
            background-image: url('/images/image-preview-outline.png');
        }

        .company:hover span[b-wfa0deg2lt] {
            color: var(--base-foreground-focused);
        }

    .company .default-logo[b-wfa0deg2lt] {
        background-image: url('/images/image-preview-gray.png');
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
    }

    .company img[b-wfa0deg2lt] {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .company span[b-wfa0deg2lt] {
        font-size: 13px;
        color: var(--base-foreground);
        margin: auto;
        margin-left: 10px;
    }

.cpny-name[b-wfa0deg2lt] {
    flex: 1;
    text-align: left;
}

.company.demo .cpny-name[b-wfa0deg2lt]:after {
    position: absolute;
    right: 0;
    content: "";
    background-image: url('images/demo-text.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 84px 60px;
    width: 84px;
    height: 60px;
    margin-top: -20px;
    animation: fade-blink-b-wfa0deg2lt 3s linear infinite;
}

@keyframes fade-blink-b-wfa0deg2lt {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.btn-return[b-wfa0deg2lt] {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
}

    .btn-return img[b-wfa0deg2lt] {
        height: 25px;
        transform: rotate(90deg);
        margin-left: -3px;
    }

.show-login-form .btn-return[b-wfa0deg2lt] {
    display: none;
}
/* _content/NextERP/Components/Pages/MD/BeginBalance.razor.rz.scp.css */
.begin-balance-page[b-laegpe3vrp] {
    min-height: 0;
    background-color: var(--base-background);
}

.begin-balance-page .page-scroll-body[b-laegpe3vrp] {
    flex: 1 1 0;
    overflow: hidden;
}

.begin-balance-page .nx-tab-panel[b-laegpe3vrp],
.begin-balance-page .nx-tab-panel[b-laegpe3vrp]  > div {
    height: 100%;
    min-height: 0;
}

.begin-balance-page[b-laegpe3vrp]  .edit-form-body {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    container-type: normal;
}

.begin-balance-page[b-laegpe3vrp]  .page-body {
    min-height: 0;
    overflow: hidden;
}

.begin-balance-page[b-laegpe3vrp]  .section-main {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.begin-balance-page[b-laegpe3vrp]  .section-header-grid,
.begin-balance-page[b-laegpe3vrp]  .grid-header-buttons {
    flex: 0 0 auto;
}

.begin-balance-page[b-laegpe3vrp]  .section-body-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    padding: 0;
}

.begin-balance-page[b-laegpe3vrp]  .section-body-grid.collapsed {
    flex: 0 0 0;
}

.begin-balance-page[b-laegpe3vrp]  .grid {
    flex: 1 1 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
}

.begin-balance-page[b-laegpe3vrp]  .grid-wrapper,
.begin-balance-page[b-laegpe3vrp]  .dx-grid {
    height: 100%;
    min-height: 0;
}

.begin-balance-page[b-laegpe3vrp]  .grid-wrapper {
    overflow: hidden;
}

.begin-balance-page[b-laegpe3vrp]  .grid .dxbl-scroll-viewer-content,
.begin-balance-page[b-laegpe3vrp]  .grid .dxbl-scroll-viewer-content:has(tfoot) {
    min-height: 0;
}
/* _content/NextERP/Components/Pages/PS/Bill.razor.rz.scp.css */
.bill-page-wrapper[b-ofpe9hap3i] {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: linear-gradient(135deg, #f8f6fc 0%, #e6def3 100%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px;
    box-sizing: border-box;
    color: #333333;
}

/* Loader Styling */
.bill-loader-container[b-ofpe9hap3i] {
    text-align: center;
    background: white;
    padding: 40px 60px;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10vh;
}

.bill-spinner[b-ofpe9hap3i] {
    border: 4px solid rgba(0, 0, 0, 0.05);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-left-color: #6f42c1;
    animation: spin-b-ofpe9hap3i 1s linear infinite;
    margin-bottom: 20px;
}

@keyframes spin-b-ofpe9hap3i {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Error Container */
.bill-error-container[b-ofpe9hap3i] {
    background: white;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    text-align: center;
    max-width: 400px;
    width: 100%;
    margin-top: 10vh;
}

.bill-error-icon[b-ofpe9hap3i] {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
}

.bill-error-container h3[b-ofpe9hap3i] {
    margin: 0 0 10px 0;
    color: #d32f2f;
    font-size: 20px;
    font-weight: 600;
}

.bill-error-container p[b-ofpe9hap3i] {
    color: #666666;
    margin: 0 0 25px 0;
    line-height: 1.5;
}

.bill-retry-btn[b-ofpe9hap3i] {
    background-color: #6f42c1;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 14px;
}

    .bill-retry-btn:hover[b-ofpe9hap3i] {
        background-color: #5a2ea6;
    }

/* Receipt Card */
.bill-receipt-card[b-ofpe9hap3i] {
    background-color: #ffffff;
    max-width: 520px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

    .bill-receipt-card[b-ofpe9hap3i]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 6px;
        background-color: #6f42c1;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

/* Receipt Header */
.bill-receipt-header[b-ofpe9hap3i] {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px dashed #e0e0e0;
}

.bill-company-logo[b-ofpe9hap3i] {
    max-height: 64px;
    max-width: 150px;
    object-fit: contain;
    margin-bottom: 12px;
}

.bill-company-logo-placeholder[b-ofpe9hap3i] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #f3e8ff;
    color: #6f42c1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
}

.bill-company-name[b-ofpe9hap3i] {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: -0.5px;
}

.bill-type-title[b-ofpe9hap3i] {
    margin: 0;
    font-size: 13px;
    color: #666666;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Info Grid */
.bill-info-grid[b-ofpe9hap3i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 24px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.4;
}

.bill-info-row[b-ofpe9hap3i] {
    display: flex;
    /*    justify-content: space-between;*/
    align-items: flex-start;
}

.bill-info-label[b-ofpe9hap3i] {
    color: #757575;
    font-weight: 400;
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: 90px;
}

.bill-icon[b-ofpe9hap3i] {
    margin-right: 6px;
    color: #9e9e9e;
}

.bill-info-value[b-ofpe9hap3i] {
    color: #212121;
    font-weight: 400;
    text-align: right;
    margin-left: 8px;
    word-break: break-word;
}

.bill-highlight[b-ofpe9hap3i] {
    font-weight: 600;
    color: #1a1a1a;
}

.bill-customer-row[b-ofpe9hap3i] {
    grid-column: span 2;
    border-top: 1px solid #f5f5f5;
    padding-top: 8px;
    margin-top: 4px;
}

/* Items Table */
.bill-items-table-container[b-ofpe9hap3i] {
    /*    margin-bottom: 25px;*/
    border-bottom: 2px dashed #e0e0e0;
    padding-bottom: 5px;
}

.bill-items-table[b-ofpe9hap3i] {
    width: 100%;
    border-collapse: collapse;
}

    .bill-items-table th[b-ofpe9hap3i] {
        font-size: 11px;
        text-transform: uppercase;
        color: #757575;
        font-weight: 600;
        padding: 6px 4px;
        border-bottom: 1px solid #eeeeee;
    }

    .bill-items-table td[b-ofpe9hap3i] {
        padding: 2px 4px;
        font-size: 12px;
        vertical-align: top;
        border-bottom: 1px solid #fafafa;
    }

    .bill-items-table tbody tr:hover[b-ofpe9hap3i] {
        background-color: #fcfcfc;
    }

.bill-item-desc-cell[b-ofpe9hap3i] {
    max-width: 220px;
}

.bill-item-name[b-ofpe9hap3i] {
    font-weight: 400;
    color: #212121;
    margin-bottom: 3px;
    word-break: break-word;
}

.bill-item-barcode[b-ofpe9hap3i] {
    font-size: 11px;
    color: #888888;
}

.bill-item-qty[b-ofpe9hap3i] {
    font-weight: 500;
    color: #424242;
}

.bill-item-total[b-ofpe9hap3i] {
    color: #1a1a1a;
}

/* Totals */
.bill-totals-section[b-ofpe9hap3i] {
    padding: 10px 0;
    border-top: 2px dashed #e0e0e0;
    border-bottom: 2px dashed #e0e0e0;
    margin-bottom: 5px;
}

.bill-total-row[b-ofpe9hap3i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0;
}

.bill-total-label[b-ofpe9hap3i] {
    font-size: 12px;
    font-weight: 400;
    color: #555;
}

.bill-total-val[b-ofpe9hap3i] {
    font-size: 12px;
    font-weight: 400;
    color: #1a1a1a;
}

/* "Төлөх дүн /НӨАТ-тай/" row */
.bill-total-highlight .bill-total-label[b-ofpe9hap3i],
.bill-total-highlight .bill-total-val[b-ofpe9hap3i] {
    font-weight: 700;
    font-size: 12px;
    color: #1a1a1a;
}

/* "Төлсөн" row */
.bill-total-bold .bill-total-label[b-ofpe9hap3i],
.bill-total-bold .bill-total-val[b-ofpe9hap3i] {
    font-weight: 700;
    font-size: 12px;
    color: #6f42c1;
}

/* Separator line between two groups */
.bill-totals-sep[b-ofpe9hap3i] {
    border-top: 1px solid #e0e0e0;
    margin: 6px 0;
}

/* e-Barimt / VAT info section */
.bill-ebarimt-section[b-ofpe9hap3i] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 0 4px 0;
    border-top: 2px dashed #e0e0e0;
    margin-top: 6px;
}

.bill-ebarimt-qr img[b-ofpe9hap3i] {
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 6px;
    border: 1px solid #eeeeee;
    flex-shrink: 0;
}

.bill-ebarimt-info[b-ofpe9hap3i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-width: 0;
}

.bill-ebarimt-row[b-ofpe9hap3i] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bill-ebarimt-label[b-ofpe9hap3i] {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.bill-ebarimt-val[b-ofpe9hap3i] {
    font-size: 12px;
    font-weight: 400;
    color: #1a1a1a;
    word-break: break-all;
}

    .bill-ebarimt-val.lottery[b-ofpe9hap3i] {
        font-weight: 700;
        color: #6f42c1;
        font-size: 14px;
    }

    .bill-ebarimt-val.amount[b-ofpe9hap3i] {
        font-weight: 700;
        color: #1a1a1a;
        font-size: 14px;
    }

/* Footer Section */
.bill-receipt-footer[b-ofpe9hap3i] {
    text-align: center;
    padding-top: 10px;
}

.bill-qr-container[b-ofpe9hap3i] {
    margin: 15px auto 25px auto;
    padding: 12px;
    background-color: #fdfdfd;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    display: inline-block;
}

.bill-qr-image[b-ofpe9hap3i] {
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto 10px auto;
}

.bill-qr-help[b-ofpe9hap3i] {
    font-size: 11px;
    color: #757575;
    margin: 0;
}

.bill-thank-you[b-ofpe9hap3i] {
    font-style: italic;
    color: #757575;
    margin: 0 0 25px 0;
    font-size: 14px;
}

/* Actions Row */
.bill-actions-row[b-ofpe9hap3i] {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.bill-action-btn[b-ofpe9hap3i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    width: 100%;
}

.print-btn[b-ofpe9hap3i] {
    background-color: #6f42c1;
    color: white;
    box-shadow: 0 4px 10px rgba(111, 66, 193, 0.2);
}

    .print-btn:hover[b-ofpe9hap3i] {
        background-color: #5a2ea6;
        box-shadow: 0 6px 15px rgba(111, 66, 193, 0.3);
    }

.btn-icon[b-ofpe9hap3i] {
    flex-shrink: 0;
}

/* Animation utilities */
.animate-fade-in[b-ofpe9hap3i] {
    animation: fadeIn-b-ofpe9hap3i 0.4s ease forwards;
}

@keyframes fadeIn-b-ofpe9hap3i {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Helpers */
.text-left[b-ofpe9hap3i] {
    text-align: left;
}

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

.text-right[b-ofpe9hap3i] {
    text-align: right;
}

/* PRINT STYLES */
@media print {
    body[b-ofpe9hap3i], html[b-ofpe9hap3i] {
        background: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }

    .bill-page-wrapper[b-ofpe9hap3i] {
        background: #ffffff !important;
        padding: 0 !important;
        min-height: auto !important;
        display: block !important;
    }

    .bill-receipt-card[b-ofpe9hap3i] {
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        ac
    }

        .bill-receipt-card[b-ofpe9hap3i]::before {
            display: none !important;
        }

    .no-print[b-ofpe9hap3i] {
        display: none !important;
    }
}
/* _content/NextERP/Components/Pages/PS/PosAnalyticsReport.razor.rz.scp.css */
/* Аналитик pivot — "Барааны үлдэгдэл → Динамик"-тэй ижил хавтгай загвар (ItemSiteDynamicPivot.razor.css-ээс) */
.psr-an-pivot-page[b-f28uxuf39z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.psr-an-scroll[b-f28uxuf39z] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.psr-an-inner[b-f28uxuf39z] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table thead,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-family: Roboto !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td > div,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td > span,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td span,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-btn,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-btn:hover,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table svg,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-scroll-viewer,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

/* Талбарын chip/толгойн текстийг бүдэг биш тод/бараан болгох (Салбар/ПОС/Бараа г.м талбарын самбар).
   DevExpress класс нэр тодорхойгүй тул "pivot-table-field" агуулсан класс бүрд substring-аар онилно. */
.psr-an-pivot-page[b-f28uxuf39z]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}

/* === Барааны үлдэгдэл → Динамик (ItemSiteDynamicPivot)-тэй ИЖИЛ мөр-дарж-задлах механизм === */
/* hover-оор бүх tbody секц дэх ижил индекстэй мөрийг тодруулна */
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody tr.pivot-row-hovered td,
.psr-an-pivot-page[b-f28uxuf39z]  .pivot-row-clickable:hover td {
    background-color: var(--base-background-focused) !important;
}

/* default expand товч/svg-ийг нуугаад нүдийг бүхэлд нь дарах боломжтой болгоно */
.psr-an-pivot-page[b-f28uxuf39z]  .pivot-row-toggle-btn,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button button,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button .dxbl-btn,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button svg {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .pivot-row-toggle-cell {
    cursor: pointer !important;
    padding-left: 10px !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:hover,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:focus,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:focus-visible,
.psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:active {
    height: 24px !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

    .psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button::before,
    .psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button::after,
    .psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:hover::before,
    .psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:hover::after,
    .psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:focus::before,
    .psr-an-pivot-page[b-f28uxuf39z]  .dxbl-pivot-table-expand-button:focus::after {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table td:first-child,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-pivot-table-expand-button {
    font-weight: 400 !important;
    color: #424242 !important;
}
/* _content/NextERP/Components/Pages/PS/PosDashboard.razor.rz.scp.css */
/* Үндсэн (dashboard) tab — KPI карт + өдрөөр борлуулалтын баганан график */
.psr-dash[b-y6c8m7r9cb] {
    font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px 10px;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow: auto;
}

    /* Хэсэг бүр өөрийн бүтэн өндрөөрөө — flex-д агшихгүй (зураг шахагдахаас сэргийлж, оронд нь хуудас гүйдэг) */
    .psr-dash > *[b-y6c8m7r9cb] {
        flex-shrink: 0;
    }

.psr-dash-cards[b-y6c8m7r9cb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.psr-dash-card[b-y6c8m7r9cb] {
    background: #fff;
    border: 1px solid #eee;
    border-left: 4px solid #ccc;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .psr-dash-card.sales[b-y6c8m7r9cb] {
        border-left-color: #19b36b;
    }

    .psr-dash-card.return[b-y6c8m7r9cb] {
        border-left-color: #e8443b;
    }

    .psr-dash-card.discount[b-y6c8m7r9cb] {
        border-left-color: #f0a500;
    }

    .psr-dash-card.net[b-y6c8m7r9cb] {
        border-left-color: #5a41b4;
    }

.psr-dash-title[b-y6c8m7r9cb] {
    font-size: 13px;
    color: #666;
}

.psr-dash-amount[b-y6c8m7r9cb] {
    font-size: 22px;
    font-weight: 700;
    color: #222;
}

.psr-dash-sub[b-y6c8m7r9cb] {
    font-size: 12px;
    color: #999;
}

/* Дүгнэлт мөр + график нэг панель дотор (зурагтай адил нийлсэн) */
.psr-panel[b-y6c8m7r9cb] {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

.psr-dash-chart[b-y6c8m7r9cb] {
    padding: 14px 16px 10px 16px;
    flex: 1 1 auto;
    min-height: 220px;
    display: flex;
    flex-direction: column;
}

.psr-dash-chart-title[b-y6c8m7r9cb] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.psr-dash-empty[b-y6c8m7r9cb] {
    color: #999;
    font-size: 13px;
    text-align: center;
    padding: 30px;
}

/* График толгой — гарчиг + Bar/Өдрөөр сонголт */
.psr-chart-head[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.psr-chart-ctrls[b-y6c8m7r9cb] {
    display: flex;
    gap: 8px;
}

.psr-sel-wrap[b-y6c8m7r9cb] {
    position: relative;
    display: inline-block;
}

.psr-chart-sel[b-y6c8m7r9cb] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #e2e4e8;
    border-radius: 6px;
    padding: 5px 26px 5px 12px;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
}

    .psr-chart-sel:hover[b-y6c8m7r9cb] {
        border-color: #cfd3d9;
    }

.psr-sel-caret[b-y6c8m7r9cb] {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #b0b4ba;
    font-size: 10px;
}

/* Графикийн талбай: зүүн талд Y тэнхлэг, баруун талд тор + багана */
.psr-chart-area[b-y6c8m7r9cb] {
    display: flex;
    gap: 8px;
    padding-top: 4px;
}

.psr-chart-yaxis[b-y6c8m7r9cb] {
    height: 240px;
    flex-shrink: 0;
    width: 62px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.psr-ytick[b-y6c8m7r9cb] {
    font-size: 11px;
    color: #9aa0a6;
    text-align: right;
    line-height: 1;
}

.psr-chart-main[b-y6c8m7r9cb] {
    flex: 1 1 auto;
    min-width: 0;
}

.psr-chart-plot[b-y6c8m7r9cb] {
    position: relative;
    height: 240px;
}

/* Хэвтээ торон шугамууд (Y зураас бүрт) */
.psr-grid[b-y6c8m7r9cb] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.psr-grid-line[b-y6c8m7r9cb] {
    height: 1px;
    background: #eef0f3;
    width: 100%;
}

.psr-bars[b-y6c8m7r9cb] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 0 4px;
}

.psr-bar-col[b-y6c8m7r9cb] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.psr-bar-fill[b-y6c8m7r9cb] {
    width: 100%;
    max-width: 24px;
    background: linear-gradient(180deg, #34d36f, #16a34a);
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    transition: height .3s ease;
}

/* Шугаман график (clip-path, SVG-гүй) */
.psr-line-fill[b-y6c8m7r9cb] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(52, 211, 111, 0.55), rgba(22, 163, 74, 0.12));
}

.psr-xlabels[b-y6c8m7r9cb] {
    display: flex;
    gap: 10px;
    padding: 6px 4px 0;
}

.psr-xlabel[b-y6c8m7r9cb] {
    flex: 1 1 0;
    min-width: 0;
    font-size: 11px;
    color: #888;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === KPI карт — доорх gauge/салбар картуудтай ИЖИЛ grid-д (ижил өргөн, эгнэнэ) === */
/* Загвараар карт 399px ТОГТМОЛ — 1fr болговол дэлгэц дүүрэн сунаж, загвараас өөр болно */
.psr-dash-kpis[b-y6c8m7r9cb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 399px);
    gap: 12px;
}

/* Дизайны хэмжээ: карт 399×104, зүүн 22 → дүрс 60 → 22 → текст, баруун 14 → сум.
   Босоо: 18 гарчиг, 17 дүн, 17 өөрчлөлт, 18 доод зай. */
.psr-kpi[b-y6c8m7r9cb] {
    height: 104px;
    box-sizing: border-box;
    padding: 18px 14px 18px 22px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ececf3;
    display: flex;
    /* stretch — эс бөгөөс блок голлож, дээд/доод 18px padding хэрэгжихгүй */
    align-items: stretch;
    gap: 22px;
    cursor: pointer;
    transition: box-shadow .15s ease;
}

    .psr-kpi:hover[b-y6c8m7r9cb] {
        box-shadow: 0 2px 10px rgba(38, 30, 66, .08);
    }

/* Дүрсний дугуй — 60px, картын төрлөөс хамаарч дэвсгэр нь өөр */
/* Дүрс, сум хоёр нь босоо голлоно (текстийн блок дээрээс доош эгнэнэ) */
.psr-kpi-icon[b-y6c8m7r9cb] {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    align-self: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .psr-kpi-icon img[b-y6c8m7r9cb] {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

.psr-kpi-body[b-y6c8m7r9cb] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Гарчиг + шошго нэг мөрөнд, хооронд нь 25 */
.psr-kpi-head[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    gap: 25px;
}

/* Мөр хоорондын зай: 18 + 12 + g + 21 + g + 11 + 18 = 104 → g = 12.
   line-height: 1 болгосон тул үсгийн хайрцаг нэмэлт зай эзлэхгүй, дээд/доод 18px яг таарна. */
.psr-kpi-title[b-y6c8m7r9cb] {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #575757;
    white-space: nowrap;
}

.psr-kpi-amount[b-y6c8m7r9cb] {
    margin-top: 12px;
    font-size: 21px;
    font-weight: 500;
    color: #2A2A2A;
    line-height: 1;
}

.psr-kpi-badge[b-y6c8m7r9cb] {
    padding: 3px 11px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
}

.psr-kpi.sales .psr-kpi-icon[b-y6c8m7r9cb] { background: #E9F6EF; }
.psr-kpi.sales .psr-kpi-badge[b-y6c8m7r9cb] { background: #E9F6EF; color: #32A266; }

.psr-kpi.inv .psr-kpi-icon[b-y6c8m7r9cb] { background: #EEEBFA; }
.psr-kpi.inv .psr-kpi-badge[b-y6c8m7r9cb] { background: #EEEBFA; color: #3A15A5; }

/* Өмнөх үетэй харьцуулсан мөр */
.psr-kpi-trend[b-y6c8m7r9cb] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}

.psr-kpi-trend-cap[b-y6c8m7r9cb] {
    font-size: 10px;
    line-height: 1;
    color: #797979;
}

.psr-kpi-trend-val[b-y6c8m7r9cb] {
    font-size: 11px;
    line-height: 1;
}

    .psr-kpi-trend-val.up[b-y6c8m7r9cb] { color: #32A266; }
    .psr-kpi-trend-val.down[b-y6c8m7r9cb] { color: #D9534F; }
    .psr-kpi-trend-val.flat[b-y6c8m7r9cb] { color: #979797; }

/* Баруун талын сум — 40px дугуй, баруун ирмэгээс 14 */
.psr-kpi-go[b-y6c8m7r9cb] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .psr-kpi-go img[b-y6c8m7r9cb] {
        width: 40px;
        height: 40px;
        opacity: .85;
    }

.psr-kpi:hover .psr-kpi-go img[b-y6c8m7r9cb] {
    opacity: 1;
}

/* === Салбараар gauge (зурагтай адил) === */
/* Салбарын карт — KPI картуудтай ИЖИЛ өргөнтэй (399px) байж эгнэнэ */
.psr-gauges[b-y6c8m7r9cb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 399px);
    gap: 12px;
}

.psr-gauge-card[b-y6c8m7r9cb] {
    background: #fff;
    border: 1px solid #ececf3;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.psr-gauge-head[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

/* Бичвэрийн хэмжээ/өнгө нь дээд 2 KPI картынхтай ижил (.psr-kpi-title) */
.psr-gauge-title[b-y6c8m7r9cb] {
    font-size: 12px;
    color: #575757;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Өсөлт/бууралт — KPI картын trend утгатай ижил (.psr-kpi-trend-val) */
.psr-gauge-chg[b-y6c8m7r9cb] {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #979797;
    white-space: nowrap;
}

    .psr-gauge-chg.up[b-y6c8m7r9cb] {
        color: #32A266;
    }

    .psr-gauge-chg.down[b-y6c8m7r9cb] {
        color: #D9534F;
    }

.psr-gauge-body[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    /* KPI картын дүрс↔бичвэрийн зайтай ижил */
    gap: 22px;
}

/* Хувийн дугуй — дээд 2 картын дүрстэй яг ижил хэмжээ, байрлал (.psr-kpi-icon: 60px, босоо голлоно) */
.psr-gauge[b-y6c8m7r9cb] {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.psr-gauge-hole[b-y6c8m7r9cb] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #2A2A2A;
}

.psr-gauge-rows[b-y6c8m7r9cb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.psr-gauge-row[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.psr-gi[b-y6c8m7r9cb] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}

    .psr-gi.cash[b-y6c8m7r9cb] {
        background: #16a34a;
    }

    .psr-gi.card[b-y6c8m7r9cb] {
        background: #3b82f6;
    }

    .psr-gi.disc[b-y6c8m7r9cb] {
        background: #f59e0b;
    }

    .psr-gi.inv[b-y6c8m7r9cb] {
        background: #8b5cf6;
    }

.psr-gv[b-y6c8m7r9cb] {
    font-size: 12px;
    color: #575757;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.psr-gauge-foot[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #f2f2f2;
    padding-top: 8px;
}

/* Шошго ба дүн — дээд 2 картын .psr-kpi-badge / .psr-kpi-amount-тай ижил */
.psr-gauge-badge[b-y6c8m7r9cb] {
    background: #EEEBFA;
    color: #3A15A5;
    border-radius: 999px;
    padding: 3px 11px;
    font-size: 10px;
    font-weight: 400;
}

.psr-gauge-total[b-y6c8m7r9cb] {
    font-size: 21px;
    font-weight: 500;
    color: #2A2A2A;
    line-height: 1;
}

/* KPI картын сумтай ижил дүрс — өмнөх хар дугуйг сольсон */
.psr-gauge-go[b-y6c8m7r9cb] {
    margin-left: auto;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .psr-gauge-go img[b-y6c8m7r9cb] {
        width: 40px;
        height: 40px;
        opacity: .85;
    }

.psr-gauge-card:hover .psr-gauge-go img[b-y6c8m7r9cb] {
    opacity: 1;
}

/* === Дүгнэлт мөр (панелийн толгой) === */
.psr-dash-summary[b-y6c8m7r9cb] {
    display: flex;
    gap: 8px;
    padding: 14px 8px;
    border-bottom: 1px solid #f0f0f0;
}

.psr-sum-item[b-y6c8m7r9cb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    border-right: 1px solid #f0f0f0;
}

    .psr-sum-item:last-child[b-y6c8m7r9cb] {
        border-right: none;
    }

.psr-sum-label[b-y6c8m7r9cb] {
    font-size: 12px;
    color: #888;
}

.psr-sum-val[b-y6c8m7r9cb] {
    font-size: 17px;
    font-weight: 700;
    color: #333;
}

    .psr-sum-val.strong[b-y6c8m7r9cb] {
        color: #5a41b4;
    }

/* === Бараагаар treemap (ирмэг хүртэл дүүрэх, хувь хэмжээгээр) === */
.psr-dash-tree[b-y6c8m7r9cb] {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .psr-dash-tree > .psr-dash-chart-title[b-y6c8m7r9cb] {
        padding: 14px 16px 10px;
        margin: 0;
    }

.psr-tree[b-y6c8m7r9cb] {
    display: flex;
    gap: 3px;
    height: 300px;
}

.psr-tree-cell[b-y6c8m7r9cb] {
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 44px;
    padding: 12px 14px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* Tooltip нүдний гадна гарах ёстой тул нүдийг таслахгүй — оронд нь нэр/дүнг тус тусад нь
       таслана. Өмнө нь overflow:hidden байсан учир олон бараатай үед нарийхан нүд tooltip-ээ
       өөрийнхөө өнгөт талбайд багтаагаад тайрчихдаг байсан. */
    overflow: visible;
    cursor: default;
    transition: filter .15s ease;
}

    /* Hover үед л дээш гаргана — ингэснээр tooltip хөрш нүднүүдийн дээгүүр бүтнээрээ харагдана.
       (filter нь өөрөө stacking context үүсгэдэг тул z-index-гүйгээр tooltip доогуур үлддэг.) */
    .psr-tree-cell:hover[b-y6c8m7r9cb] {
        filter: brightness(1.06);
        z-index: 6;
    }

.psr-tree-name[b-y6c8m7r9cb] {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
}

.psr-tree-val[b-y6c8m7r9cb] {
    font-size: 13px;
    font-weight: 600;
    opacity: .95;
    align-self: flex-end;
}

/* Hover дээр шууд гарах tooltip (native биш) */
.psr-tree-tip[b-y6c8m7r9cb] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 13px;
    white-space: nowrap;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
    opacity: 0;
    pointer-events: none;
    transition: opacity .08s ease;
    z-index: 5;
}

.psr-tree-cell:hover .psr-tree-tip[b-y6c8m7r9cb] {
    opacity: 1;
}

/* === Барааны үлдэгдэл popup === */
.psr-inv-overlay[b-y6c8m7r9cb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    /* Зүүн цэс (.layout-sidebar) нь z-index:1000, дээд toolbar-ын цэснүүд 999999 хүртэл утгатай
       бөгөөд .layout-content нь өөрийн stacking context үүсгэдэггүй тул эдгээр нь бидэнтэй нэг
       үндсэн давхаргад өрсөлддөг. 40 байхад цэс бүрхэгдэхгүй цайраад үлддэг байсан. */
    z-index: 1000002;
}

.psr-inv-pop.wide[b-y6c8m7r9cb] {
    width: 820px;
}

.psr-inv-pop[b-y6c8m7r9cb] {
    font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    width: 460px;
    max-width: 92vw;
    max-height: 80vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.psr-inv-head[b-y6c8m7r9cb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #eee;
}

.psr-inv-title[b-y6c8m7r9cb] {
    font-size: 16px;
    font-weight: 700;
    color: #222;
}

.psr-inv-close[b-y6c8m7r9cb] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    color: #888;
}

.psr-inv-body[b-y6c8m7r9cb] {
    overflow-y: auto;
    padding: 0px 0;
}

.psr-inv-table[b-y6c8m7r9cb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .psr-inv-table th[b-y6c8m7r9cb], .psr-inv-table td[b-y6c8m7r9cb] {
        padding: 8px 18px;
        border-bottom: 1px solid #f2f2f2;
        text-align: left;
    }

    .psr-inv-table th[b-y6c8m7r9cb] {
        position: sticky;
        top: 0;
        background: #fff;
        font-size: 12px;
        color: #888;
        font-weight: 600;
    }

        .psr-inv-table td.r[b-y6c8m7r9cb], .psr-inv-table th.r[b-y6c8m7r9cb] {
            text-align: right;
        }
/* _content/NextERP/Components/Pages/PS/PosSalesReport.razor.rz.scp.css */
.psr-container[b-d8s3b66mhh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 10px;
    gap: 10px;
}

.psr-toolbar[b-d8s3b66mhh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 8px 10px;
    background: #f7f7fb;
    border-radius: 8px;
}

.psr-field[b-d8s3b66mhh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 160px;
}

    .psr-field > span[b-d8s3b66mhh] {
        font-size: 12px;
        color: #666;
    }

    .psr-field :is(.dxbl-datebox, .dxbl-tagbox)[b-d8s3b66mhh] {
        min-width: 160px;
    }

/* In-page tab (ПОС-ын үнэ-ийн sp-tabs шиг) */
.psr-page[b-d8s3b66mhh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.psr-tabs-header[b-d8s3b66mhh] {
    flex-shrink: 0;
    background-color: var(--base-background);
    border-bottom: 1px solid var(--base-separator-color);
    padding: 8px 0 0 0;
    z-index: 5;
}

.psr-tabs dxbl-tab-list[b-d8s3b66mhh] {
    background-color: var(--base-background) !important;
    border-bottom: 1px solid var(--base-separator-color) !important;
    padding: 0 !important;
}

.psr-tabs dxbl-tab-item[b-d8s3b66mhh] {
    font-size: 12px !important;
    color: #5d5d5d !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 24px !important;
    min-width: 130px !important;
    justify-content: center !important;
}

    .psr-tabs dxbl-tab-item:hover[b-d8s3b66mhh] {
        background-color: var(--base-background-focused) !important;
        color: #5a41b4 !important;
    }

    .psr-tabs dxbl-tab-item.dxbl-active[b-d8s3b66mhh] {
        background-color: var(--base-background) !important;
        color: #5a41b4 !important;
        border-bottom-color: #5a41b4 !important;
    }

.tab-label[b-d8s3b66mhh] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.psr-tab-body[b-d8s3b66mhh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.psr-tab-panel[b-d8s3b66mhh] {
    display: none;
    height: 100%;
    min-height: 0;
}

    .psr-tab-panel.active[b-d8s3b66mhh] {
        display: block;
        height: 100%;
        min-height: 0;
    }

.psr-report-panel[b-d8s3b66mhh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

[b-d8s3b66mhh] .psr-sub-wrap {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

[b-d8s3b66mhh] .psr-subgrid {
    height: 100%;
}

[b-d8s3b66mhh] .psr-pay-wrap .dxbl-grid-header-row th {
    height: 51.5px;
}

.psr-header[b-d8s3b66mhh] {
    width: 100%;
}

.psr-cards[b-d8s3b66mhh] {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 8px 10px 4px 10px;
}


.psr-card[b-d8s3b66mhh] {
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: box-shadow .15s ease, transform .15s ease;
}

    .psr-card:hover[b-d8s3b66mhh] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        transform: scale(0.98);
    }

    .psr-card.all.active[b-d8s3b66mhh] {
        border-bottom: 2px solid #19b36b;
    }

    .psr-card.sales.active[b-d8s3b66mhh] {
        border-bottom: 2px solid #19b36b;
    }

    .psr-card.return.active[b-d8s3b66mhh] {
        border-bottom: 2px solid #19b36b;
    }

/* ЭКСПОРТ / ЭКСПОРТ (Sum) / ӨДРИЙН НЭГТГЭЛ текст товчнууд */
.psr-actions-row[b-d8s3b66mhh] {
    display: flex;
    gap: 22px;
    padding: 6px 14px;
}

.psr-text-btn[b-d8s3b66mhh] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #424242;
    text-transform: uppercase;
    padding: 4px 2px;
    border-bottom: 2px solid transparent;
}

    .psr-text-btn:hover[b-d8s3b66mhh] {
        color: #5a41b4;
    }

    .psr-text-btn.active[b-d8s3b66mhh] {
        color: #5a41b4;
        border-bottom-color: #5a41b4;
    }

.psr-card[b-d8s3b66mhh] {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px 16px;
}

/* Толгой: гарчиг зүүн, icon баруун (MASU шиг) */
.psr-card-head[b-d8s3b66mhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.psr-card-icon[b-d8s3b66mhh] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

    .psr-card-icon.all[b-d8s3b66mhh] {
        color: #2b6cff;
    }

    .psr-card-icon.sales[b-d8s3b66mhh] {
        color: #19b36b;
    }

    .psr-card-icon.return[b-d8s3b66mhh] {
        color: #e8443b;
    }

.psr-card-title[b-d8s3b66mhh] {
    font-size: 13px;
    color: #666;
}

.psr-card-amount[b-d8s3b66mhh] {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 8px;
    color: #222;
}

.psr-card-count[b-d8s3b66mhh] {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 2px;
}

.psr-actions[b-d8s3b66mhh] {
    display: flex;
    gap: 8px;
}

.psr-btn[b-d8s3b66mhh] {
    border: 1px solid #d0d0d8;
    background: #fff;
    border-radius: 6px;
    padding: 6px 14px;
    cursor: pointer;
    font-size: 13px;
}

    .psr-btn:hover[b-d8s3b66mhh] {
        background: #f0f0f5;
    }

    .psr-btn.active[b-d8s3b66mhh] {
        background: #2b6cff;
        color: #fff;
        border-color: #2b6cff;
    }

.psr-grid[b-d8s3b66mhh] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.psr-dxgrid[b-d8s3b66mhh] {
    height: 100%;
}

/* Дэд tab-ууд жинхэнэ DynamicGrid тул түүний өөрийнх нь styling-ийг (DynamicGrid.razor.css)
   шууд авна — энд .dx-grid-ийг дахин override хийхгүй (өмнө raw DxGrid үед тавьсан #fff толгой
   зэрэг нь base-ийн өнгийг зөрүүлж байсан). */

.psr-link[b-d8s3b66mhh] {
    color: #2b6cff;
    cursor: pointer;
    text-decoration: underline;
}

/* Баруун талын дэлгэрэнгүй панел */
.psr-detail[b-d8s3b66mhh] {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 18px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    z-index: 20;
    animation: psr-slide-in-b-d8s3b66mhh 0.2s ease-out;
}

@keyframes psr-slide-in-b-d8s3b66mhh {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.psr-detail-header[b-d8s3b66mhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}

.psr-close[b-d8s3b66mhh] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    color: #888;
}

.psr-detail-info[b-d8s3b66mhh] {
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
}

    .psr-detail-info > div[b-d8s3b66mhh] {
        display: flex;
        justify-content: space-between;
        padding: 3px 0;
        font-size: 13px;
    }

    .psr-detail-info label[b-d8s3b66mhh] {
        color: #888;
    }

/* Барааны хүснэгт — wrapper л scroll/flex хийнэ; хүснэгт нь жинхэнэ table тул баганууд эгнэнэ */
.psr-detail-items-wrap[b-d8s3b66mhh] {
    flex: 0 1 auto; /* цөөн бараа → компакт, олон бараа → энд scroll */
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}

.psr-detail-items[b-d8s3b66mhh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

    .psr-detail-items th[b-d8s3b66mhh],
    .psr-detail-items td[b-d8s3b66mhh] {
        padding: 6px 8px;
        border-bottom: 1px solid #f0f0f0;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        /* Баганын өргөн: Бараа өргөн, бусад нь нарийн баруун */
        .psr-detail-items th:nth-child(1)[b-d8s3b66mhh], .psr-detail-items td:nth-child(1)[b-d8s3b66mhh] {
            width: 46%;
        }

        .psr-detail-items th:nth-child(2)[b-d8s3b66mhh], .psr-detail-items td:nth-child(2)[b-d8s3b66mhh] {
            width: 14%;
        }

        .psr-detail-items th:nth-child(3)[b-d8s3b66mhh], .psr-detail-items td:nth-child(3)[b-d8s3b66mhh] {
            width: 20%;
        }

        .psr-detail-items th:nth-child(4)[b-d8s3b66mhh], .psr-detail-items td:nth-child(4)[b-d8s3b66mhh] {
            width: 20%;
        }

    .psr-detail-items th[b-d8s3b66mhh] {
        position: sticky;
        top: 0;
        background: #fff;
        font-size: 12px;
        font-weight: 600;
        color: #222;
    }

.psr-arrow[b-d8s3b66mhh] {
    font-weight: 700;
    margin-right: 4px;
}

    .psr-arrow.up[b-d8s3b66mhh] {
        color: #19b36b;
    }

    .psr-arrow.down[b-d8s3b66mhh] {
        color: #e8443b;
    }

.psr-detail-items td.r[b-d8s3b66mhh],
.psr-detail-items th:nth-child(n+2)[b-d8s3b66mhh] {
    text-align: right;
}

.psr-detail-totals[b-d8s3b66mhh] {
    padding: 10px 16px;
    border-top: 1px solid #eee;
    background: #fafafa;
}

    .psr-detail-totals > div[b-d8s3b66mhh] {
        display: flex;
        justify-content: space-between;
        padding: 3px 0;
        font-size: 13px;
    }

    .psr-detail-totals .bold[b-d8s3b66mhh] {
        font-weight: 700;
    }

    .psr-detail-totals label[b-d8s3b66mhh] {
        color: #666;
    }
/* === Дэлгэрэнгүй панель — 1-р зурагтай ижил === */
.psr-detail-header[b-d8s3b66mhh] {
    position: relative;
    justify-content: center;
}

.psr-detail-title[b-d8s3b66mhh] {
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.psr-close[b-d8s3b66mhh] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.psr-detail-info .psr-info-row[b-d8s3b66mhh] {
    display: grid;
    grid-template-columns: 140px 12px 1fr;
    align-items: center;
    padding: 5px 0;
    font-size: 13px;
}

.psr-detail-info .psr-info-label[b-d8s3b66mhh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b6b6b;
}

    .psr-detail-info .psr-info-label svg[b-d8s3b66mhh] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        stroke: #9a9a9a;
    }

.psr-detail-info .psr-info-sep[b-d8s3b66mhh] {
    color: #bbb;
}

.psr-detail-info .psr-info-val[b-d8s3b66mhh] {
    color: #222;
}

    .psr-detail-info .psr-info-val.link[b-d8s3b66mhh] {
        color: #2b6cff;
    }

.psr-arrow[b-d8s3b66mhh] {
    display: inline-block;
    width: 14px;
    font-weight: 700;
    margin-right: 4px;
}

    .psr-arrow.up[b-d8s3b66mhh] {
        color: #19b36b;
    }

    .psr-arrow.down[b-d8s3b66mhh] {
        color: #e8453d;
    }

.psr-total-sep[b-d8s3b66mhh] {
    border-top: 1px solid #e5e5e5;
    margin: 6px 0;
    padding: 0 !important;
}
/* _content/NextERP/Components/Pages/PU/PurchaseAnalyticsReport.razor.rz.scp.css */
.pur-an-pivot-page[b-avm2gsadki] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.pur-an-scroll[b-avm2gsadki] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.pur-an-inner[b-avm2gsadki] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table thead,
    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody,
    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #424242 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.pur-an-pivot-page[b-avm2gsadki]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody td > div,
    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody td > span,
    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody td span,
    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.pur-an-pivot-page[b-avm2gsadki]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table .dxbl-btn,
.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table .dxbl-btn:hover,
    .pur-an-pivot-page[b-avm2gsadki]  .pur-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table svg,
.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table .dxbl-scroll-viewer,
.pur-an-pivot-page[b-avm2gsadki]  .pur-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}

.pur-an-pivot-page[b-avm2gsadki]  [class*="pivot-table-field"] {
    color: #424242 !important;
    font-weight: 600 !important;
}
/* _content/NextERP/Components/Pages/Register.razor.rz.scp.css */
.register-page[b-azeu2myjdo] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("/images/Next_BG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    min-height: 100svh;
    --dxbl-list-box-font-size: 1.3rem;
}

.register-container[b-azeu2myjdo] {
    text-align: center;
    background: transparent;
    width: min(700px, 94vw);
}

    .register-container .logo[b-azeu2myjdo] {
        width: 270px;
        margin: 0 auto 30px auto;
    }

    .register-container h2[b-azeu2myjdo] {
        font-family: "Roboto",sans-serif;
        font-weight: 200;
        font-size: 30px;
        color: #000000;
        margin-bottom: 24px;
    }

    .register-container .demo-title[b-azeu2myjdo] {
        display: block;
        font-family: "Roboto",sans-serif;
        font-weight: 200;
        font-size: 20px;
        color: #000000;
        margin-bottom: 24px;
        line-height: 36px;
    }

.register-form[b-azeu2myjdo] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    margin-top: 12px;
    max-height: calc(100vh - 560px);
    overflow: hidden;
}

.form-scroll[b-azeu2myjdo] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 10px;
    padding-bottom: 16px;
    scrollbar-width: auto;
    scrollbar-color: rgba(0,0,0,0.45) rgba(0,0,0,0.10);
    max-height: calc(100vh - 300px);
    -webkit-overflow-scrolling: touch;
}

    .form-scroll[b-azeu2myjdo]::-webkit-scrollbar {
        width: 12px;
    }

    .form-scroll[b-azeu2myjdo]::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .form-scroll[b-azeu2myjdo]::-webkit-scrollbar-thumb {
        border-radius: 10px;
        border: 2px solid rgba(255,255,255,0.6);
    }

.form-actions[b-azeu2myjdo] {
    bottom: 0;
    padding-top: 0px;
    padding-bottom: 10px;
}

.input[b-azeu2myjdo] {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: rgba(255,255,255,0.95);
    outline: none;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
    font-weight: 400;
    margin: 0 !important;
    color: #000;
}

    .input:focus[b-azeu2myjdo] {
        border-color: #8a2be2;
    }

    .input input[b-azeu2myjdo] {
        width: 100%;
        font-family: "Roboto",sans-serif;
        font-size: 14px;
        padding: 12px 14px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: rgba(255,255,255,0.95);
        outline: none;
        box-sizing: border-box;
        font-weight: 400;
        color: #000;
    }

        .input input:focus[b-azeu2myjdo] {
            border-color: #8a2be2;
        }

        .input[disabled][b-azeu2myjdo],
        .input input:disabled[b-azeu2myjdo] {
            background: rgba(245,245,245,0.95) !important;
            color: #111 !important;
            opacity: 1 !important;
            cursor: not-allowed;
            font-weight: 400 !important;
        }

.invalid[b-azeu2myjdo] {
    border: 1px solid #dc2626 !important;
    outline: none;
}

    .invalid:focus[b-azeu2myjdo] {
        border-color: #dc2626 !important;
        box-shadow: 0 0 0 3px rgba(220,38,38,.15);
    }

.select-ph[b-azeu2myjdo] {
    color: rgba(0,0,0,.55);
}

.btn-register[b-azeu2myjdo] {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    border: none;
    border-radius: 80px;
    background: linear-gradient(90deg,#7B2FFF,#B34DFF);
    color: white;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

    .btn-register:hover[b-azeu2myjdo] {
        opacity: 0.9;
    }

    .btn-register:disabled[b-azeu2myjdo] {
        opacity: 0.7;
        cursor: default;
    }

/* Товчин доторх loading спиннер ("Бүртгүүлэх", "Баталгаажуулах") */
.btn-spinner[b-azeu2myjdo] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: -3px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: #fff;
    animation: btnspin-b-azeu2myjdo .8s linear infinite;
}

@keyframes btnspin-b-azeu2myjdo {
    to {
        transform: rotate(360deg);
    }
}

.btn-outline[b-azeu2myjdo] {
    background: transparent !important;
    color: #333 !important;
    border: 1px solid rgba(0,0,0,0.18) !important;
}

.btn-link[b-azeu2myjdo] {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s ease, opacity 0.2s ease;
}

    .btn-link:hover[b-azeu2myjdo] {
        opacity: 0.9;
    }

.text-danger[b-azeu2myjdo] {
    color: #d93025;
    font-size: 12px;
    text-align: left;
    margin: 6px 0 10px 0;
}

.text-success[b-azeu2myjdo] {
    color: #0f7b2f;
    font-size: 12px;
    text-align: left;
    margin: 6px 0 10px 0;
}

.footer[b-azeu2myjdo] {
    position: absolute;
    bottom: 20px;
    display: flex;
    gap: 15px;
}

    .footer img[b-azeu2myjdo] {
        width: 20px;
        height: auto;
        opacity: 0.8;
        transition: opacity 0.2s ease;
    }

        .footer img:hover[b-azeu2myjdo] {
            opacity: 1;
        }

.language-top-right[b-azeu2myjdo] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000;
}

.btn-return[b-azeu2myjdo] {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
}

    .btn-return img[b-azeu2myjdo] {
        height: 25px;
        transform: rotate(90deg);
        margin-left: -3px;
    }

.form-grid[b-azeu2myjdo] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-auto-rows: minmax(44px,auto);
    grid-auto-flow: row dense;
    align-items: stretch;
}

.col-span-2[b-azeu2myjdo] {
    grid-column: span 2;
}

.period-rows[b-azeu2myjdo] {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
}

.col-span-3[b-azeu2myjdo] {
    grid-column: span 3;
}

.row-span-2[b-azeu2myjdo] {
    grid-row: span 2;
}

.logo-block[b-azeu2myjdo] {
    display: flex;
    flex-direction: column;
}

.logo-uploader[b-azeu2myjdo] {
    border: 2px dashed rgba(120,120,120,.55);
    border-radius: 8px;
    background: rgba(255,255,255,.03);
    position: relative;
    overflow: hidden;
    min-height: 100px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

    /* Лого алдаатай үед хүрээ улаан болно */
    .logo-uploader.logo-invalid[b-azeu2myjdo] {
        border-color: #dc3545;
    }

/* Логоны алдаа — uploader-ээс гадна, drop zone-ийг шахахгүй */
.logo-err[b-azeu2myjdo] {
    font-size: 12px;
    line-height: 1.25;
    margin-top: 4px;
    text-align: start;
}

/* Регистр дугаарын алдаа — контролын яг доор */
.regno-err[b-azeu2myjdo] {
    font-size: 12px;
    line-height: 1.25;
    margin: 4px 0 0 0;
    text-align: start;
}

.logo-drop[b-azeu2myjdo],
.logo-preview-big[b-azeu2myjdo] {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    border-radius: 12px;
}

.logo-drop[b-azeu2myjdo] {
    display: grid;
    place-items: center;
    gap: 6px;
    cursor: pointer;
    transition: .15s;
}

    .logo-drop:hover[b-azeu2myjdo] {
        background: rgba(0,0,0,.03);
    }

.logo-preview-big[b-azeu2myjdo] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(150,150,150,.25);
    background: #fff;
}

    .logo-preview-big img[b-azeu2myjdo] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        background: #fff;
        cursor: pointer;
    }

.logo-actions[b-azeu2myjdo] {
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 1;
}

.logo-delete[b-azeu2myjdo] {
    all: unset;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(239,68,68,.95);
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

    .logo-delete:hover[b-azeu2myjdo] {
        transform: scale(1.05);
    }

.vat-row[b-azeu2myjdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 44px;
    padding: 0 12px;
}

.vat-placeholder[b-azeu2myjdo] {
    font-size: 14px;
    color: rgba(0,0,0,.55);
}

.switch[b-azeu2myjdo] {
    position: relative;
    width: 46px;
    height: 26px;
    flex: 0 0 auto;
    cursor: pointer;
}

    .switch input[b-azeu2myjdo] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-azeu2myjdo] {
    position: absolute;
    inset: 0;
    background: rgba(140,140,140,.45);
    transition: .2s;
    border-radius: 999px;
    border: 1px solid rgba(150,150,150,.35);
    pointer-events: none;
}

    .slider[b-azeu2myjdo]:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
        background: white;
        transition: .2s;
        border-radius: 999px;
        box-shadow: 0 2px 10px rgba(0,0,0,.12);
    }

.switch input:checked + .slider[b-azeu2myjdo] {
    background: rgba(34,197,94,.75);
    border-color: rgba(34,197,94,.75);
}

    .switch input:checked + .slider[b-azeu2myjdo]:before {
        transform: translate(20px,-50%);
    }

.password-wrap[b-azeu2myjdo] {
    position: relative;
    width: 100%;
    height: 44px;
}

    .password-wrap > input.input[b-azeu2myjdo] {
        height: 44px;
        padding-right: 44px;
        line-height: 44px !important;
    }

.pw-toggle[b-azeu2myjdo] {
    line-height: 0 !important;
}

    .pw-toggle svg[b-azeu2myjdo] {
        display: block;
    }

.fetch-row[b-azeu2myjdo] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-mini[b-azeu2myjdo] {
    all: unset;
    padding: 10px 12px;
    border-radius: 10px;
    background: #111;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap;
}

    .btn-mini[disabled][b-azeu2myjdo] {
        opacity: .55;
        cursor: not-allowed;
    }

.hint[b-azeu2myjdo] {
    font-size: 12px;
    color: rgba(0,0,0,.55);
    margin-top: 6px;
}

.login-hint[b-azeu2myjdo] {
    margin-top: 16px;
    text-align: center;
    font-size: 13px;
    color: #333;
}

.login-link[b-azeu2myjdo] {
    margin-left: 4px;
    font-size: 13px;
    font-weight: 800;
    color: #111;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1.2px;
}

    .login-link:hover[b-azeu2myjdo] {
        opacity: .9;
    }

.nx-select[b-azeu2myjdo] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 44px;
    padding: 12px 12px 12px 12px;
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 10px;
    background: rgba(255,255,255,.95);
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    color: #111;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 8l3.5 4 3.5-4' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: right 10px center;
}

    .nx-select:disabled[b-azeu2myjdo] {
        background: rgba(245,245,245,.95);
        color: #111;
        cursor: not-allowed;
        opacity: 1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 8l3.5 4 3.5-4' fill='none' stroke='%2399a1ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .nx-select:-moz-focusring[b-azeu2myjdo] {
        color: transparent;
        text-shadow: 0 0 0 #111;
    }

.regno-wrap[b-azeu2myjdo] {
    position: relative;
    display: block;
}

    .regno-wrap .input[b-azeu2myjdo] {
        width: 100%;
        padding-right: 44px;
    }

.pwd-eye[b-azeu2myjdo] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    cursor: pointer;
    opacity: .55;
    transition: opacity .12s ease;
    z-index: 2;
}

    .pwd-eye:hover[b-azeu2myjdo] {
        opacity: 1;
    }

    /* Нууц үг харагдаж байгаа үед нүдийг "зураасласан" (eye-off) болгож төлвийг ялгана */
    .pwd-eye.is-shown[b-azeu2myjdo] {
        opacity: 1;
    }

        .pwd-eye.is-shown[b-azeu2myjdo]::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 22px;
            height: 1.6px;
            background: #374151;
            border-radius: 2px;
            transform: translate(-50%, -50%) rotate(-45deg);
        }

/* Нууц үгийн input-ийн focus — бусад талбартай адил subtle (тод ягаан болгохгүй) */
.password-wrap > input.input:focus[b-azeu2myjdo] {
    border-color: #c4b5fd;
    box-shadow: none;
    outline: none;
}

.regno-spinner[b-azeu2myjdo] {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    border-radius: 999px;
    border: 2px solid rgba(0,0,0,.18);
    border-top-color: rgba(0,0,0,.55);
    animation: regspin-b-azeu2myjdo .8s linear infinite;
    pointer-events: none;
}

@keyframes regspin-b-azeu2myjdo {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.nx-block[b-azeu2myjdo] {
    width: 100%;
}

.nx-top-label[b-azeu2myjdo] {
    text-align: start;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #5C5B5C;
    margin-bottom: 6px;
    display: block;
    opacity: .75;
    transition: opacity .12s ease, font-weight .12s ease;
}

.form-grid .input[b-azeu2myjdo],
.form-grid .nx-select[b-azeu2myjdo] {
    height: 44px !important;
    box-sizing: border-box;
}

.form-grid .input[b-azeu2myjdo] {
    padding: 0 14px !important;
    line-height: 44px !important;
}

.form-grid .nx-select[b-azeu2myjdo] {
    padding: 0 12px !important;
    line-height: 44px !important;
}

.regno-wrap .input[b-azeu2myjdo] {
    padding-right: 44px !important;
}

.form-grid .input[b-azeu2myjdo],
.form-grid .input[b-azeu2myjdo]::placeholder {
    font-family: "Roboto",sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

.form-grid .nx-select[b-azeu2myjdo] {
    font-size: 14px !important;
    color: #000000 !important;
}

    .form-grid .nx-select option[b-azeu2myjdo] {
        font-family: "Roboto",sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

@media (max-width:980px) {
    .form-grid[b-azeu2myjdo] {
        grid-template-columns: 1fr;
    }

    .col-span-2[b-azeu2myjdo], .col-span-3[b-azeu2myjdo] {
        grid-column: span 1;
    }

    .period-rows[b-azeu2myjdo] {
        grid-column: 1;
    }

    .row-span-2[b-azeu2myjdo] {
        grid-row: span 1;
    }

    .logo-uploader[b-azeu2myjdo] {
        height: auto;
        min-height: 120px;
    }

    .form-grid > .nx-block:nth-child(1)[b-azeu2myjdo]  { order: 1; }  /* Регистрийн дугаар (зүүн) */
    .form-grid > .nx-block:nth-child(4)[b-azeu2myjdo]  { order: 2; }  /* Компанийн нэр (зүүн) */
    .form-grid > .nx-block:nth-child(5)[b-azeu2myjdo]  { order: 3; }  /* Үйл ажиллагааны төрөл (зүүн) */
    .form-grid > .nx-block:nth-child(7)[b-azeu2myjdo]  { order: 4; }  /* Лого (зүүн) */
    .form-grid > .nx-block:nth-child(10)[b-azeu2myjdo] { order: 5; }  /* Захирал (зүүн) */
    .form-grid > .nx-block:nth-child(12)[b-azeu2myjdo] { order: 6; }  /* Нягтлан (зүүн) */

    .form-grid > .nx-block:nth-child(2)[b-azeu2myjdo]  { order: 7; }  /* Тайлант үе (баруун) */
    .form-grid > .nx-block:nth-child(3)[b-azeu2myjdo]  { order: 8; }  /* Он / Улирал (баруун) */
    .form-grid > .nx-block:nth-child(6)[b-azeu2myjdo]  { order: 9; }  /* ТТД (баруун) */
    .form-grid > .nx-block:nth-child(8)[b-azeu2myjdo]  { order: 10; } /* Хаяг (баруун) */
    .form-grid > .nx-block:nth-child(9)[b-azeu2myjdo]  { order: 11; } /* Утас (баруун) */
    .form-grid > .nx-block:nth-child(11)[b-azeu2myjdo] { order: 12; } /* Имэйл (баруун) */
    .form-grid > .nx-block:nth-child(13)[b-azeu2myjdo] { order: 13; } /* Нууц үг (баруун) */
}

@media (max-width:640px) {
    .register-page[b-azeu2myjdo] {
        overflow-x: hidden;
        overflow-y: auto;
        justify-content: flex-start;
        min-height: 100svh;
        height: auto;
        padding: 20px 0 32px;
    }

    .register-container[b-azeu2myjdo] {
        width: min(94vw,560px);
        text-align: center;
    }

        .register-container .logo[b-azeu2myjdo] {
            width: 200px;
            margin: 0 auto 18px auto;
        }

        .register-container h2[b-azeu2myjdo] {
            font-family: "Roboto",sans-serif;
            font-weight: 200;
            font-size: 30px;
            color: #000000;
            margin-bottom: 24px;
        }

    .register-form[b-azeu2myjdo] {
        max-height: none;
        overflow: visible;
    }

    .form-scroll[b-azeu2myjdo] {
        max-height: none;
        overflow-y: auto;
        padding-right: 6px;
        padding-bottom: 12px;
    }

    .footer[b-azeu2myjdo] {
        position: static;
        margin-top: 14px;
        justify-content: center;
    }

    .input[b-azeu2myjdo] {
        font-size: 15px !important;
        padding: 12px 12px;
        border-radius: 12px;
    }

    .nx-select[b-azeu2myjdo] {
        font-size: 14px;
        border-radius: 12px;
        background-position: right 12px center;
    }

    .btn-register[b-azeu2myjdo] {
        padding: 13px;
        border-radius: 999px;
    }

    .logo-drop[b-azeu2myjdo],
    .logo-preview-big[b-azeu2myjdo] {
        min-height: 120px;
        height: auto;
    }

        .logo-preview-big img[b-azeu2myjdo] {
            max-height: 160px;
        }

    .language-top-right[b-azeu2myjdo] {
        top: 12px;
        right: 12px;
    }

    .btn-return[b-azeu2myjdo] {
        top: 15px;
        left: 15px;
    }
}

@media (max-width:480px) {
    .register-container[b-azeu2myjdo] {
        width: calc(100vw - 24px);
        padding: 14px;
        border-radius: 14px;
    }

        .register-container .logo[b-azeu2myjdo] {
            width: 180px;
        }

        .register-container h2[b-azeu2myjdo] {
            font-size: 22px;
        }
}

.nx-block:focus-within > .nx-top-label[b-azeu2myjdo] {
    font-weight: 600;
    opacity: 1;
}

.nx-block.has-value > .nx-top-label[b-azeu2myjdo] {
    font-weight: 600;
    opacity: 1;
}






.register-page[b-azeu2myjdo]  input.dxbl-text-edit-input {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 44px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
}

.register-page[b-azeu2myjdo]  input.dxbl-text-edit-input {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
}


.register-page[b-azeu2myjdo]  .dxbl-text-edit,
.register-page[b-azeu2myjdo]  .dxbl-text-edit-input {
    box-shadow: none !important;
    filter: none !important;
}

    .register-page[b-azeu2myjdo]  .dxbl-text-edit:focus-within,
    .register-page[b-azeu2myjdo]  .dxbl-text-edit-input:focus {
        box-shadow: none !important;
        outline: none !important;
    }


.register-page[b-azeu2myjdo]  .dxbl-text-edit,
.register-page[b-azeu2myjdo]  input.dxbl-text-edit-input {
    border-radius: 10px !important;
    overflow: hidden;
}

.register-page[b-azeu2myjdo]  .dxbl-text-edit {
    border-radius: 8px !important;
}

.nx-modal-backdrop[b-azeu2myjdo] {
    position: fixed;
    inset: 0;
    background: rgba(10,10,12,.55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    z-index: 999999;
    padding: 16px;
}

/* Card */
.nx-modal.nx-verify[b-azeu2myjdo] {
    width: min(420px, 100%);
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 24px 60px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.18);
    position: relative;
    padding: 22px 22px 18px 22px;
}

    /* Close button */
    .nx-modal.nx-verify .nx-close[b-azeu2myjdo] {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 28px;
        height: 28px;
        border-radius: 999px;
        border: 1px solid rgba(0,0,0,.15);
        background: rgba(0,0,0,.08);
        color: rgba(0,0,0,.6);
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
    }

        .nx-modal.nx-verify .nx-close:hover[b-azeu2myjdo] {
            background: rgba(0,0,0,.12);
        }

    /* Title */
    .nx-modal.nx-verify .nx-title[b-azeu2myjdo] {
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #111;
        margin-bottom: 16px;
    }

    /* Target box */
    .nx-modal.nx-verify .nx-target-box[b-azeu2myjdo] {
        width: 100%;
        background: #efefef;
        border-radius: 4px;
        padding: 12px 14px;
        font-size: 16px;
        color: #222;
        margin-bottom: 12px;
    }

    /* Description */
    .nx-modal.nx-verify .nx-desc[b-azeu2myjdo] {
        text-align: center;
        font-size: 13px;
        color: rgba(0,0,0,.55);
        margin-bottom: 14px;
    }

    /* Label */
    .nx-modal.nx-verify .nx-label[b-azeu2myjdo] {
        font-size: 13px;
        color: rgba(0,0,0,.55);
        margin-bottom: 8px;
    }

/* ---------- OTP (INPUT + pill inside) ---------- */
.nx-otp-row[b-azeu2myjdo] {
    width: 100%;
}

.nx-otp-wrap[b-azeu2myjdo] {
    position: relative;
    width: 100%;
}

/* Main OTP input */
.nx-modal.nx-verify .nx-otp-input[b-azeu2myjdo] {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    border: 0;
    background: #efefef;
    padding: 0 14px;
    padding-right: 140px; /* pill зай */
    outline: none;
    font-size: 16px;
    letter-spacing: .35em;
    font-weight: 600;
    color: #222;
    box-sizing: border-box;
}

/* pill base */
.nx-otp-pill[b-azeu2myjdo] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    height: 30px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    box-sizing: border-box;
}

/* seconds text */
.nx-otp-sec[b-azeu2myjdo] {
    color: rgba(124,58,237,.95);
    background: transparent;
    pointer-events: none;
}

/* resend button pill */
.nx-otp-resend[b-azeu2myjdo] {
    border: 0;
    cursor: pointer;
    background: #8b2cff;
    color: #fff;
}

    .nx-otp-resend:hover[b-azeu2myjdo] {
        filter: brightness(.98);
    }

    .nx-otp-resend:disabled[b-azeu2myjdo] {
        opacity: .55;
        cursor: not-allowed;
        box-shadow: none;
    }

/* Error */
.nx-modal.nx-verify .nx-error[b-azeu2myjdo] {
    margin-top: 10px;
    font-size: 12px;
    color: #dc2626;
    font-weight: 600;
}

/* Confirm button */
.nx-modal.nx-verify .nx-confirm[b-azeu2myjdo] {
    width: 100%;
    height: 48px;
    margin-top: 16px;
    border: 0;
    border-radius: 4px;
    background: #8b2cff;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
}

    .nx-modal.nx-verify .nx-confirm:hover[b-azeu2myjdo] {
        filter: brightness(.98);
    }

    .nx-modal.nx-verify .nx-confirm:disabled[b-azeu2myjdo] {
        opacity: .7;
        cursor: not-allowed;
    }

/* ---------- Terms of service modal ---------- */
.nx-modal.terms-modal[b-azeu2myjdo] {
    width: 97vw;
    max-width: 1200px;
    max-height: 95vh;
    height:95vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 24px 60px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.18);
    position: relative;
    padding: 22px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .nx-modal.terms-modal .nx-close[b-azeu2myjdo] {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 28px;
        height: 28px;
        border-radius: 999px;
        border: 1px solid rgba(0,0,0,.15);
        background: rgba(0,0,0,.08);
        color: rgba(0,0,0,.6);
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
        flex: 0 0 auto;
        z-index: 2;
    }

    .nx-modal.terms-modal .nx-close:hover[b-azeu2myjdo] {
        background: rgba(0,0,0,.12);
    }

    .nx-modal.terms-modal .nx-title[b-azeu2myjdo] {
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #111;
        margin: 0 0 12px;
        flex: 0 0 auto;
    }

    .nx-modal.terms-modal .terms-frame-wrap[b-azeu2myjdo] {
        flex: 1 1 auto;
        min-height: 0;
        margin: 0 0 14px;
        display: flex;
    }

    .nx-modal.terms-modal .terms-frame[b-azeu2myjdo] {
        width: 100%;
        height: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        background: #f7f8fb;
    }

    .nx-modal.terms-modal .terms-accept[b-azeu2myjdo] {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
        cursor: pointer;
        font-size: 14px;
        color: #2c2861;
    }

        .nx-modal.terms-modal .terms-accept input[b-azeu2myjdo] {
            width: 18px;
            height: 18px;
            cursor: pointer;
            flex-shrink: 0;
        }

        .nx-modal.terms-modal .terms-accept.is-disabled[b-azeu2myjdo] {
            opacity: .5;
            cursor: not-allowed;
        }

            .nx-modal.terms-modal .terms-accept.is-disabled input[b-azeu2myjdo] {
                cursor: not-allowed;
            }

    .nx-modal.terms-modal .terms-scroll-hint[b-azeu2myjdo] {
        flex: 0 0 auto;
        margin: -6px 0 12px;
        font-size: 12px;
        color: #b45309;
    }

    .nx-modal.terms-modal .nx-confirm[b-azeu2myjdo] {
        width: 100%;
        padding: 12px;
        height: auto;
        margin: 0;
        border: none;
        border-radius: 80px;
        background: linear-gradient(90deg,#7B2FFF,#B34DFF);
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        flex: 0 0 auto;
        transition: opacity 0.2s ease;
    }

    .nx-modal.terms-modal .nx-confirm:hover[b-azeu2myjdo] {
        opacity: 0.9;
    }

    .nx-modal.terms-modal .nx-confirm:disabled[b-azeu2myjdo] {
        opacity: .5;
        cursor: not-allowed;
    }

/* Mobile */
@media (max-width:640px) {
    .nx-modal.nx-verify[b-azeu2myjdo] {
        border-radius: 8px;
        padding: 18px 16px 14px 16px;
    }

        .nx-modal.nx-verify .nx-otp-input[b-azeu2myjdo] {
            padding-right: 120px; /* жижиг дэлгэц дээр pill зай багасгана */
        }

    .nx-otp-pill[b-azeu2myjdo] {
        right: 8px;
        height: 28px;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 28px;
    }

    .period-rows[b-azeu2myjdo] {
        grid-column: 1;
        grid-row: auto;
    }
}
/* _content/NextERP/Components/Pages/ResetPassword.razor.rz.scp.css */
.password-reset-page[b-yy2gyhxbtf] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("/images/Next_BG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.language-top-right[b-yy2gyhxbtf] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000;
}

.btn-return[b-yy2gyhxbtf] {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
}

    .btn-return img[b-yy2gyhxbtf] {
        height: 25px;
        transform: rotate(90deg);
        margin-left: -3px;
    }

.logo[b-yy2gyhxbtf] {
    width: 270px;
    margin: auto;
}

h2[b-yy2gyhxbtf] {
    color: #333;
    font-weight: 200;
    font-size: 36px;
}

.footer[b-yy2gyhxbtf] {
    position: absolute;
    margin-inline: auto;
    width: fit-content;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    gap: 15px;
}

    .footer img[b-yy2gyhxbtf] {
        width: 20px;
        height: auto;
        opacity: 0.8;
        transition: opacity 0.2s ease;
    }

        .footer img:hover[b-yy2gyhxbtf] {
            opacity: 1;
        }

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

.page-0[b-yy2gyhxbtf],
.page-1[b-yy2gyhxbtf],
.page-2[b-yy2gyhxbtf] {
    display: flex;
    flex-direction: row;
    width: 400px;
    overflow: clip;
}

    .page-1 .email-input[b-yy2gyhxbtf] {
        margin-left: -400px;
    }

    .page-2 .email-input[b-yy2gyhxbtf] {
        margin-left: -800px;
    }

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

.email-input[b-yy2gyhxbtf] {
    flex-shrink: 0;
    text-align: center;
    background: transparent;
    width: 400px;
    transition: all 0.2s linear;
    padding: 2px;
}

    .email-input form[b-yy2gyhxbtf] {
        display: flex;
        flex-direction: column;
        margin-top: 37px;
    }

.input[b-yy2gyhxbtf] {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s ease;
}

    .input:focus[b-yy2gyhxbtf] {
        border-color: #8a2be2;
    }

.user-not-found[b-yy2gyhxbtf] {
    font-size: 12px;
    color: #dc3545;
    margin: 10px 0;
}

.btn-enter[b-yy2gyhxbtf] {
    padding: 12px;
    margin-top: 10px;
    border: none;
    border-radius: 80px;
    background: linear-gradient(90deg, #7B2FFF, #B34DFF);
    color: white;
    font-size: 14px;
    font-weight: 600;
    transition: opacity 0.2s ease;
}

    .btn-enter:hover[b-yy2gyhxbtf] {
        opacity: 0.9;
    }

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

.verification-code-type-selection[b-yy2gyhxbtf] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    background: transparent;
    width: 400px;
    transition: all 0.2s linear;
}

.verification-code-type-description[b-yy2gyhxbtf] {
    font-size: 12px;
    text-align: left;
    color: #777;
    margin: 10px;
}

.verification-code-type[b-yy2gyhxbtf] {
    display: flex;
    background: none;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    outline: none;
    margin: 10px;
    padding: 10px;
}

    .verification-code-type img[b-yy2gyhxbtf] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .verification-code-type > div[b-yy2gyhxbtf] {
        flex: 1;
    }

    .verification-code-type .type-title[b-yy2gyhxbtf] {
        font-size: 15px;
        font-weight: 500;
        text-align: left;
    }

    .verification-code-type .type-note[b-yy2gyhxbtf] {
        font-size: 12px;
        color: #555;
        text-align: left;
    }

    .verification-code-type svg[b-yy2gyhxbtf] {
        width: 10px;
        height: 10px;
        margin: auto 0;
    }

        .verification-code-type svg path[b-yy2gyhxbtf] {
            fill: none;
            stroke: #aeaeae;
            stroke-width: 1.5px;
        }

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

.verification-code-input[b-yy2gyhxbtf] {
    flex-shrink: 0;
    text-align: center;
    background: transparent;
    width: 400px;
    transition: all 0.2s linear;
}

.verification-code-input-description[b-yy2gyhxbtf] {
    font-size: 12px;
    color: #777;
    margin: 10px 0 40px 0;
}

.verification-code-incorrect[b-yy2gyhxbtf] {
    font-size: 12px;
    color: #dc3545;
    margin: 10px 0;
}

.resend-verification-not-received[b-yy2gyhxbtf] {
    font-size: 12px;
    color: #777;
    margin: 40px 0 10px 0;
}

.verification-code-resend[b-yy2gyhxbtf] {
    font-size: 14px;
    font-weight: 500;
    color: #5a41b4;
    border: none;
    background: none;
    outline: none;
    padding: 0;
}

.verification-code-resend-inactive[b-yy2gyhxbtf] {
    display: flex;
    justify-content: center;
}

    .verification-code-resend-inactive div[b-yy2gyhxbtf] {
        font-size: 14px;
        color: #aeaeae;
        border: none;
        background: none;
        outline: none;
        padding: 0;
    }

    .verification-code-resend-inactive .verification-code-resend-timer[b-yy2gyhxbtf] {
        font-weight: 500;
        color: #555;
    }

        .verification-code-resend-inactive .verification-code-resend-timer[b-yy2gyhxbtf]:before {
            content: '-';
            margin: 0 10px;
        }

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

.password-change-form[b-yy2gyhxbtf] {
    grid-row: 2;
    background: transparent;
    width: 400px;
    transition: all 0.2s linear;
    padding: 2px;
    margin: auto 0;
}

    .password-change-form h2[b-yy2gyhxbtf] {
        text-align: center;
        margin-bottom: 20px;
    }

.password-input-caption[b-yy2gyhxbtf] {
    font-size: 12px;
    color: #555;
}

.password-container[b-yy2gyhxbtf] {
    position: relative;
    margin-bottom: 16px;
}

.btn-password-toggle[b-yy2gyhxbtf] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: none;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px 16px;
    width: 28px;
    outline: none;
    border: none;
}

input[type="password"][b-yy2gyhxbtf]::-ms-reveal,
input[type="password"][b-yy2gyhxbtf]::-ms-clear {
    display: none;
}

.btn-save[b-yy2gyhxbtf] {
    padding: 12px;
    margin-top: 10px;
    width: 100%;
    border: none;
    border-radius: 80px;
    background: linear-gradient(90deg, #7B2FFF, #B34DFF);
    color: white;
    font-size: 14px;
    font-weight: 600;
    transition: opacity 0.2s ease;
}

    .btn-save:hover[b-yy2gyhxbtf] {
        opacity: 0.9;
    }

.password-validation[b-yy2gyhxbtf] {
    display: block;
    margin: 5px 0;
}

    .password-validation.gray[b-yy2gyhxbtf] {
        color: #888;
    }

        .password-validation.gray[b-yy2gyhxbtf]:before {
            content: "●";
            margin-right: 5px;
        }

    .password-validation.green[b-yy2gyhxbtf] {
        color: #179a5a;
    }

        .password-validation.green[b-yy2gyhxbtf]:before {
            content: "✓";
            margin-right: 5px;
        }

    .password-validation.red[b-yy2gyhxbtf] {
        color: #cc0005;
    }

        .password-validation.red[b-yy2gyhxbtf]:before {
            content: "✕";
            margin-right: 5px;
        }
/* _content/NextERP/Components/Pages/SM/BatchPaymentForm.razor.rz.scp.css */

.batch-payment-page[b-cf6mw5wrb2] {
    display: grid;

    grid-template-columns: minmax(0, 1fr) clamp(300px, 26vw, 361px);
    gap: 28px 36px;

    align-items: start;
    padding: 0px 40px 28px 0px;
    background: transparent;
}

.batch-section[b-cf6mw5wrb2] {
    min-width: 0;
}

.batch-scroll-area[b-cf6mw5wrb2] {
    min-width: 0;
}

.batch-sidebar[b-cf6mw5wrb2] {
    min-width: 0;

    padding-right: 0;
}

.batch-sidebar-wrap[b-cf6mw5wrb2] {
    min-width: 0;
}

.card[b-cf6mw5wrb2],
.payment-card[b-cf6mw5wrb2] {
    border-radius: 11px !important;
}

.payment-title[b-cf6mw5wrb2],
.user-count-title[b-cf6mw5wrb2],
.modules-head[b-cf6mw5wrb2],
.user-block[b-cf6mw5wrb2],
.payment-lines .payment-line[b-cf6mw5wrb2],
.payment-total-line[b-cf6mw5wrb2],
.payment-total-line1[b-cf6mw5wrb2],
.total-before-discount[b-cf6mw5wrb2],
.total-highlight[b-cf6mw5wrb2] {
    padding-inline: 8px;
}

.batch-section-title[b-cf6mw5wrb2] {
    margin-bottom: 2px;
    padding-bottom: 4px;
    border-bottom: 1.5px solid #6a4cf6;
    color: #4d3ac5;
    font-size: 13px;
    font-weight: 500;
}

.module-grid[b-cf6mw5wrb2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    --mg-gap: 40px;
    gap: var(--mg-gap);
    padding: 20px 0 0;
    margin: 0;
    overflow: visible;
}

.module-item[b-cf6mw5wrb2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.module-card[b-cf6mw5wrb2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    min-height: 140px;
    min-width: 0;
    padding: 22px 16px 8px;
    border: 1px solid #EBEBF1;
    border-radius: 11px;

    background: transparent;
    box-shadow: 0 1px 4px rgba(31, 24, 71, 0.08), 0 6px 10px -4px rgba(31, 24, 71, 0.14);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .module-card:hover[b-cf6mw5wrb2],
    .module-card:focus[b-cf6mw5wrb2],
    .module-card:active[b-cf6mw5wrb2] {
        transform: none;
        box-shadow: 0 1px 4px rgba(31, 24, 71, 0.08), 0 6px 10px -4px rgba(31, 24, 71, 0.14);
        outline: none;
    }

    .module-card.selected[b-cf6mw5wrb2] {
        border: 2px solid #7357ff;
        background: transparent;
    }

    .module-card.active-sub[b-cf6mw5wrb2] {
        border: 2px solid #27b44b;
        background: transparent;
    }

    .module-card.expired-sub[b-cf6mw5wrb2] {
        border: 1px solid #EBEBF1;
    }

    .module-card.selected-expired[b-cf6mw5wrb2] {
        border: 2px solid #f59e0b;
        background: transparent;
    }

.module-icon[b-cf6mw5wrb2] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    color: #fff;
    font-size: 32px;
    line-height: 1;
}

    .module-icon img[b-cf6mw5wrb2] {
        width: 58px;
        height: 58px;
        object-fit: contain;
    }

.module-name[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    width: 100%;
    color: #4b4b4b;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
}

.module-expander[b-cf6mw5wrb2] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 18px;
    margin-top: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8b8b98;
    cursor: pointer;
}

    .module-expander svg[b-cf6mw5wrb2] {
        width: 16px;
        height: 16px;
    }

    .module-expander:hover[b-cf6mw5wrb2] {
        color: #6A3DFF;
    }

.module-item.expanded .module-name[b-cf6mw5wrb2] {
    visibility: hidden;
}

.module-info[b-cf6mw5wrb2] {
    position: relative;
    z-index: 1;
    grid-column: 1 / -1;
    box-sizing: border-box;
    width: 100%;
    margin: calc(14px - var(--mg-gap, 40px)) 0 0;
    padding: 18px 20px 22px;
    border: 1.5px solid #8b6ff0;
    border-radius: 16px;
    background: #fff;
}

.module-info-arrow[b-cf6mw5wrb2] {
    position: absolute;
    top: calc(100% - 20px);
    left: 50%;
    z-index: 3;
    width: 60px;
    height: 35.5px;
    margin-left: -30px;
    pointer-events: none;
}

    .module-info-arrow svg[b-cf6mw5wrb2] {
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    .module-info-arrow .bump-fill[b-cf6mw5wrb2] {
        fill: #fff;
    }

    .module-info-arrow .bump-line[b-cf6mw5wrb2] {
        fill: none;
        stroke: #8b6ff0;
        stroke-width: 1.5;
    }

    .module-info-arrow .bump-chevron[b-cf6mw5wrb2] {
        fill: none;
        stroke: #8b6ff0;
        stroke-width: 1.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.module-info-html[b-cf6mw5wrb2] {
    position: relative;
    font-family: 'Roboto', sans-serif;
}

    .module-info-html[b-cf6mw5wrb2]  .module-info-title {
        margin: 0 0 16px;
        color: #2b2b2b;
        font-size: 16px;
        font-weight: 400;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.05fr) minmax(0, 1.55fr);
        gap: 16px;
        align-items: start;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-col {
        min-width: 0;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-no {
        position: relative;
        display: grid;
        place-items: center;
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        border: 1px solid #ecebf3;
        border-radius: 9px;
        background: #faf9fe;
        color: #fff;
        font-size: 10px;
        line-height: 1;
    }

        .module-info-html[b-cf6mw5wrb2]  .module-info-no::before {
            content: "";
            position: absolute;
            inset: 5px;
            border-radius: 50%;
        }

    .module-info-html[b-cf6mw5wrb2]  .module-info-no.no-1::before { background: #4a1fd1; }
    .module-info-html[b-cf6mw5wrb2]  .module-info-no.no-2::before { background: #3fae58; }
    .module-info-html[b-cf6mw5wrb2]  .module-info-no.no-3::before { background: #3a78f2; }

    .module-info-html[b-cf6mw5wrb2]  .module-info-num {
        position: relative;
        z-index: 1;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-caption {
        flex: 1;
        min-width: 0;
        padding: 6px 0 8px;
        border-bottom: 1.5px solid #d6cff8;
        color: #262626;
        font-size: 12.5px;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-col:nth-child(2) .module-info-caption { border-bottom-color: #cfe9d5; }
    .module-info-html[b-cf6mw5wrb2]  .module-info-col:nth-child(3) .module-info-caption { border-bottom-color: #ccd9f7; }

    .module-info-html[b-cf6mw5wrb2]  .module-info-text {
        margin: 0;
        color: #555;
        font-size: 12px;
        line-height: 1.6;
    }

    .module-info-html[b-cf6mw5wrb2]  .module-info-list {
        margin: 0;
        padding-left: 16px;
        color: #555;
        font-size: 12px;
        line-height: 1.6;
    }

        .module-info-html[b-cf6mw5wrb2]  .module-info-list li {
            margin-bottom: 7px;
            padding-left: 2px;
        }

            .module-info-html[b-cf6mw5wrb2]  .module-info-list li::marker {
                color: #8a8a93;
                font-size: 10px;
            }

@media (max-width: 900px) {
    .module-info-html[b-cf6mw5wrb2]  .module-info-grid {
        grid-template-columns: 1fr;
    }
}

.module-price[b-cf6mw5wrb2] {
    font-size: 12px;
    color: #6b21a8;
    font-weight: 600;
    text-align: center;
    margin-top: 2px;
}

.module-check[b-cf6mw5wrb2] {
    position: absolute;
    top: -10px;
    right: -10px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #27b44b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 6px 12px rgba(39, 180, 75, 0.24);
}

.module-active-badge[b-cf6mw5wrb2] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #27b44b;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(39, 180, 75, 0.24);
    z-index: 1;
}

.module-expired-badge[b-cf6mw5wrb2] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f59e0b;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(245, 158, 11, 0.30);
    z-index: 1;
}

.payment-card[b-cf6mw5wrb2] {

    width: 100%;
    max-width: 361px;

    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 20px 25px 16px 25px;
    border: 1px solid #ece7fb;
    border-radius: 11px !important;
    background: #fff;
    box-shadow: 0 1px 1px rgba(18, 18, 23, 0.06);
}

.payment-card .pay-button[b-cf6mw5wrb2] {
    margin-top: 0;
}

.grand-total[b-cf6mw5wrb2] {
    margin-bottom: 16px;
}

.payment-title[b-cf6mw5wrb2] {
    margin-bottom: 10px;
    color: #262626;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.billing-tabs[b-cf6mw5wrb2] {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 100px));

    justify-content: center;
    gap: 8px;

    margin: 0 -8px 14px;
    background: transparent;
}

.billing-tab[b-cf6mw5wrb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 6px;

    width: auto;
    min-width: 0;
    height: 135px;
    padding: 0 6px 10px !important;
    margin: 0;
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
}

    .billing-tab:hover[b-cf6mw5wrb2] {
        border-color: #7C5FE4;
    }

    .billing-tab.active[b-cf6mw5wrb2] {

        border-color: #7C5FE4;
    }

.billing-gross[b-cf6mw5wrb2] {
    font-size: 11px;
    font-weight: 400;
    color: #717171;
    text-decoration: line-through;
}

.billing-label[b-cf6mw5wrb2] {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.billing-net[b-cf6mw5wrb2] {
    font-size: 13px;
    font-weight: 400;
    color: #5B41B4;
}

.billing-badge[b-cf6mw5wrb2] {

    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    padding: 3px;
    border-radius: 4px;
    background: #FAF8FF;
    font-size: 11px;
    color: #6A3DFF;
    white-space: nowrap;
}

    .billing-badge.tier-10[b-cf6mw5wrb2],
    .billing-badge.tier-15[b-cf6mw5wrb2] {
        background: #F2F3F6;
    }

    .billing-tab.active .billing-badge[b-cf6mw5wrb2],
    .billing-tab.active .billing-badge.tier-10[b-cf6mw5wrb2],
    .billing-tab.active .billing-badge.tier-15[b-cf6mw5wrb2] {
        background: #EAE0FF;
    }

.trial-button[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 44px;
    margin-top: 14px;
    padding: 0 12px;
    border: 0.6px dashed #BDA9FF;

    border-radius: 4px;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6A3DFF;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .15s;
}

    .trial-button:hover[b-cf6mw5wrb2] {
        background: transparent;
    }

.trial-icon[b-cf6mw5wrb2] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #6A3DFF;
}

.payment-lines[b-cf6mw5wrb2],
.user-block[b-cf6mw5wrb2],
.grand-total[b-cf6mw5wrb2] {
    display: grid;
    gap: 4px;
}

.user-count-title[b-cf6mw5wrb2] {
    margin: 16px 0 8px;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.modules-head[b-cf6mw5wrb2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 18px 0 16px;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.modules-count[b-cf6mw5wrb2] {
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 400;
}

.modules-unit[b-cf6mw5wrb2] {
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 400;
}

.payment-lines[b-cf6mw5wrb2] {
    padding-top: 0;

    padding-bottom: 20px;
    border-top: none;
    border-bottom: 1px solid #ece7fb;
    max-height: 200px;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: #C9C9C9 transparent;
}

    .payment-lines[b-cf6mw5wrb2]::-webkit-scrollbar {
        width: 5px;
    }

    .payment-lines[b-cf6mw5wrb2]::-webkit-scrollbar-track {
        background: transparent;
    }

    .payment-lines[b-cf6mw5wrb2]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #C9C9C9;
    }

        .payment-lines[b-cf6mw5wrb2]::-webkit-scrollbar-thumb:hover {
            background: #A8A8A8;
        }

.payment-lines.no-selection[b-cf6mw5wrb2] {
    display: none;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.payment-line[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #5B41B4;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding-inline: 10px;
}

    .payment-line > *[b-cf6mw5wrb2] {
        display: block;
    }

.payment-total-line[b-cf6mw5wrb2],
.payment-total-line1[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 8px 0 6px;
    color: #262626;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    padding-inline: 10px;
}

.payment-total-line[b-cf6mw5wrb2] {
    padding-top: 10px;
    border-top: 1px solid #ece7fb;
}

.payment-total-line.with-modules[b-cf6mw5wrb2] {
    padding-top: 0;
    border-top: none;
}

.payment-total-line.no-selection[b-cf6mw5wrb2] {
    display: none;
}

    .payment-total-line > *[b-cf6mw5wrb2],
    .payment-total-line1 > *[b-cf6mw5wrb2] {
        display: block;
        flex: 0 0 auto;
    }

        .payment-total-line > *:first-child[b-cf6mw5wrb2],
        .payment-total-line1 > *:first-child[b-cf6mw5wrb2] {
            margin-right: auto;
        }

.payment-total-line1[b-cf6mw5wrb2] {
    padding-bottom: 0;
    margin-bottom: 4px;
}

.user-title[b-cf6mw5wrb2] {
    margin: 8px 0 4px;
    color: #262626;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.user-block[b-cf6mw5wrb2] {
    padding: 4px 10px 1px;
    border-bottom: 1px solid #ece7fb;
    color: #494949;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.total-before-discount[b-cf6mw5wrb2] {
    margin-top: 12px;
    min-height: 30px;
    align-items: center;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
}

.discount-line[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
    height: 33px;
    min-height: 33px;
    margin-top: 0;
    margin-inline: 0;
    padding: 0 14px;
    border-radius: 4px;
    background: #FEF4DE;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.35;
    white-space: nowrap;
}

    .discount-line span[b-cf6mw5wrb2] {
        line-height: 1.35;
        white-space: nowrap;
    }

.total-highlight[b-cf6mw5wrb2] {
    margin-top: 12px;

    padding-top: 16px;
    border-top: 1px solid #5A41B4;
    min-height: 30px;
    align-items: center;
    color: #5B41B4;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
}

.pay-button[b-cf6mw5wrb2] {
    width: 100%;
    margin-top: 12px;
    height: 46.6px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #441CCB 0%, #8538FE 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-counter-row[b-cf6mw5wrb2] {
    display: flex;
    align-items: flex-start;

    justify-content: center;
    margin: 0 -8px;
    padding: 4px 0 14px;
    gap: 8px;
}

.user-counter[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    color: #262626;
    font-size: 15px;
}

.counter-label[b-cf6mw5wrb2] {
    color: #454545;
    font-size: 14px;
}

.counter-box[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;

    width: 316px;
    max-width: 100%;
    border: 0.5px solid #e1d9fb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.counter-button[b-cf6mw5wrb2] {
    width: 64px;
    height: 36px;
    flex: 0 0 64px;
    border: 0;
    background: #F7F4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5B41B4;
    line-height: 1;
    cursor: pointer;
}

.counter-icon[b-cf6mw5wrb2] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    display: block;
}

    .counter-button:disabled[b-cf6mw5wrb2] {
        color: #c9c4dc;
        cursor: default;
    }

.counter-input[b-cf6mw5wrb2] {
    flex: 1 1 auto;
    width: auto;

    min-width: 0;
    height: 36px;
    border: 0;
    border-left: 0.5px solid #e1d9fb;
    border-right: 0.5px solid #e1d9fb;
    text-align: center;

    color: #262626;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    outline: none;
    -moz-appearance: textfield;
}

.counter-input[b-cf6mw5wrb2]::-webkit-outer-spin-button,
.counter-input[b-cf6mw5wrb2]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

@media (max-width: 1400px) {
    .batch-payment-page[b-cf6mw5wrb2] {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 24px 28px;
    }

    .payment-card[b-cf6mw5wrb2] {
        width: 100%;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1100px) {
    .batch-payment-page[b-cf6mw5wrb2] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .payment-card[b-cf6mw5wrb2] {
        width: 100%;
        max-width: 420px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(4, 1fr);
    }

    .batch-sidebar[b-cf6mw5wrb2] {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .batch-payment-page[b-cf6mw5wrb2] {
        gap: 20px;
        padding: 16px 0 24px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        --mg-gap: 16px;
    }

    .module-card[b-cf6mw5wrb2] {
        min-height: 120px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 16px 8px 8px;
    }

    .module-icon[b-cf6mw5wrb2],
    .module-icon img[b-cf6mw5wrb2] {
        width: 44px;
        height: 44px;
        font-size: 26px;
    }

    .module-name[b-cf6mw5wrb2] {
        width: 100%;
        margin-top: 0;
        text-align: center;
        font-size: 13px;
    }

    .payment-card[b-cf6mw5wrb2] {
        width: 100%;
        min-height: 0;
        padding: 18px 14px 20px;
    }

    .billing-tabs[b-cf6mw5wrb2],
    .user-counter-row[b-cf6mw5wrb2] {
        margin-left: 0;
        margin-right: 0;
    }

    .discount-line[b-cf6mw5wrb2] {
        margin-inline: 0;
    }

    .payment-line[b-cf6mw5wrb2],
    .payment-total-line[b-cf6mw5wrb2],
    .payment-total-line1[b-cf6mw5wrb2],
    .discount-line[b-cf6mw5wrb2],
    .total-before-discount[b-cf6mw5wrb2],
    .total-highlight[b-cf6mw5wrb2] {
        font-size: 14px;
    }

    .user-counter[b-cf6mw5wrb2] {
        flex-direction: row;
        justify-content: space-between;
        gap: 6px;
    }
}

.subs-section[b-cf6mw5wrb2] {
    grid-column: 1 / -1;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.subs-section[b-cf6mw5wrb2]  .page-header {
    display: none !important;
}

.subs-section[b-cf6mw5wrb2]  .horizontal-separator {
    display: none !important;
}

.subs-section[b-cf6mw5wrb2]  .page-container {
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.subs-section[b-cf6mw5wrb2]  .grid {
    margin: 0 !important;
    height: 400px;
}

.subs-section[b-cf6mw5wrb2]  .popup.popup-body {
    display: none !important;
}

.subs-invoice[b-cf6mw5wrb2] {
    color: #441CCB;
    font-weight: 500;
}

.subs-amount[b-cf6mw5wrb2] {
    color: #441CCB;
    font-weight: 500;
}

.subs-badge[b-cf6mw5wrb2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.subs-active[b-cf6mw5wrb2] {
    background: #ede9fe;
    color: #5b21b6;
}

.subs-inactive[b-cf6mw5wrb2] {
    background: #fce7f3;
    color: #be185d;
}

@media (max-width: 520px) {
    .batch-section-title[b-cf6mw5wrb2] {
        margin-bottom: 14px;
        font-size: 13px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        --mg-gap: 14px;
        column-gap: 12px;
    }

    .module-card[b-cf6mw5wrb2] {
        min-height: 138px;
        padding: 16px 10px 12px;
    }

    .module-icon[b-cf6mw5wrb2],
    .module-icon img[b-cf6mw5wrb2] {
        width: 50px;
        height: 50px;
    }

    .module-name[b-cf6mw5wrb2] {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .payment-card[b-cf6mw5wrb2] {
        width: 100%;
        min-height: 0;
        padding: 16px 12px 18px;
    }

    .billing-tabs[b-cf6mw5wrb2] {
        grid-template-columns: repeat(3, 1fr);
        margin: 0 0 14px;
    }

    .billing-tab[b-cf6mw5wrb2] {
        width: auto;
        height: 122px;
        padding: 0 4px 10px !important;
    }

    .billing-label[b-cf6mw5wrb2] {
        font-size: 13px;
    }

    .billing-net[b-cf6mw5wrb2] {
        font-size: 12px;
    }

    .counter-box[b-cf6mw5wrb2] {
        width: 100%;
        justify-content: space-between;
    }

    .counter-input[b-cf6mw5wrb2] {
        flex: 1 1 auto;
        width: auto;
    }
}

@media (max-width: 420px) {
    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .module-card[b-cf6mw5wrb2] {
        max-width: none;
    }
}

.subs-section[b-cf6mw5wrb2]  tr.row-expired > td {
    background-color: #fffbeb !important;
}
/* _content/NextERP/Components/Pages/SM/CompanyForm.razor.rz.scp.css */
.company-main-layout[b-zcj6bkx9xj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.company-main-column[b-zcj6bkx9xj] {
    min-width: 0;
}

.company-main-column[b-zcj6bkx9xj]  .form {
    column-count: 1 !important;
}

.company-email-layout[b-zcj6bkx9xj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.payroll-email-fields[b-zcj6bkx9xj]  .form {
    column-count: 1 !important;
}

.order-email-fields[b-zcj6bkx9xj]  .form {
    column-count: 1 !important;
}

.payroll-email-fields[b-zcj6bkx9xj]  .form-item label,
.order-email-fields[b-zcj6bkx9xj]  .form-item label {
    padding-left: 6px;
}

.additional-features-grid[b-zcj6bkx9xj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

[b-zcj6bkx9xj] .form-group-4 > .form {
    display: block !important;
    column-count: 1 !important;
}

.additional-feature-item[b-zcj6bkx9xj] {
    min-width: 0;
}

    .additional-feature-item[b-zcj6bkx9xj]  .form {
        column-count: 1 !important;
    }

    .additional-feature-item[b-zcj6bkx9xj]  .fill-space {
        display: none !important;
    }

.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .form-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: auto !important;
}

    .additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .form-item label {
        white-space: nowrap;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
        flex: 0 0 auto !important;
    }

.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  input[type="checkbox"],
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dx-checkbox,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dxbl-checkbox,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dx-switch,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dxbl-switch,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dx-checkbox-container,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dxbl-checkbox-container {
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* GroupControl title style */
.custom-group-title[b-zcj6bkx9xj]  legend,
.custom-group-title[b-zcj6bkx9xj]  .group-title,
.custom-group-title[b-zcj6bkx9xj]  .group-control-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    color: #4A4A4A !important;
}

/* GroupControl border color */
.custom-group-title[b-zcj6bkx9xj]  fieldset,
.custom-group-title[b-zcj6bkx9xj]  .group-control,
.custom-group-title[b-zcj6bkx9xj]  .group-box,
.custom-group-title[b-zcj6bkx9xj]  .card {
    border-color: #EAEAEA !important;
}

@media (max-width: 1100px) {
    .company-main-layout[b-zcj6bkx9xj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .additional-features-grid[b-zcj6bkx9xj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .company-email-layout[b-zcj6bkx9xj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.section-header-form[b-zcj6bkx9xj] {
    margin-top: 0 !important;
}
/* _content/NextERP/Components/Pages/SM/FeedBackForm.razor.rz.scp.css */
.feedback-form[b-0uw3ki9qmr] {
    height: 100%;
}


.feedback-form.has-files[b-0uw3ki9qmr]  .page-body {
    order: 1;
    flex: 0 0 auto;
}

.fb-attachments[b-0uw3ki9qmr] {
    order: 2;
    flex: 0 0 auto;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid var(--base-separator-color);
}

.fb-attachments-header[b-0uw3ki9qmr] {
    display: flex;
    align-items: center;
    height: 26px;
    color: #5a41b4;
}

    .fb-attachments-header img[b-0uw3ki9qmr] {
        height: 16px;
        margin: auto 5px auto 0;
    }

    .fb-attachments-header p[b-0uw3ki9qmr] {
        font-size: 12px;
        font-weight: 500;
        margin: auto 0;
    }

.fb-attachments-body[b-0uw3ki9qmr] {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 5px 0 8px 0;
    overflow-x: auto;
    overflow-y: hidden;
}

    .fb-attachments-body[b-0uw3ki9qmr]::-webkit-scrollbar {
        height: 8px;
    }

    .fb-attachments-body[b-0uw3ki9qmr]::-webkit-scrollbar-thumb {
        background-color: #c9c9c9;
        border-radius: 4px;
    }

.fb-file[b-0uw3ki9qmr] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: 96px;
    padding: 0;
    font: inherit;
    color: inherit;
    text-decoration: none;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

    .fb-file:hover span[b-0uw3ki9qmr] {
        text-decoration: underline;
    }

    .fb-file span[b-0uw3ki9qmr] {
        width: 100%;
        font-size: 11px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.fb-thumb[b-0uw3ki9qmr] {
    width: 96px;
    height: 64px;
    object-fit: cover;
    border: 1px solid var(--base-separator-color);
    border-radius: 4px;
    background-color: #fff;
}

.fb-icon[b-0uw3ki9qmr] {
    width: 30px;
    height: 30px;
    margin: 17px 0;
}


.fb-preview-wrap[b-0uw3ki9qmr] {
    outline: none;
}

.fb-preview[b-0uw3ki9qmr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fb-preview-image[b-0uw3ki9qmr] {
    max-width: 80vw;
    max-height: 78vh;
    object-fit: contain;
}

.fb-preview-nav[b-0uw3ki9qmr] {
    flex: 0 0 auto;
    width: 32px;
    height: 48px;
    font-size: 20px;
    line-height: 1;
    color: #5d5d5d;
    background-color: #f2f2f5;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .fb-preview-nav:hover[b-0uw3ki9qmr] {
        background-color: #e3e0f0;
        color: #5a41b4;
    }

.fb-preview-footer[b-0uw3ki9qmr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: #5d5d5d;
}

    .fb-preview-footer a[b-0uw3ki9qmr] {
        color: #5a41b4;
    }
/* _content/NextERP/Components/Pages/SM/MasuPayment.razor.rz.scp.css */

.batch-payment-page[b-ofli9shg6v] {
    display: grid;

    grid-template-columns: minmax(0, 1fr) clamp(300px, 26vw, 361px);
    gap: 28px 36px;

    align-items: start;
    padding: 0px 40px 28px 0px;
    background: transparent;
}

.batch-section[b-ofli9shg6v] {
    min-width: 0;
}

.batch-scroll-area[b-ofli9shg6v] {
    min-width: 0;
}

.batch-sidebar[b-ofli9shg6v] {
    min-width: 0;

    padding-right: 0;
}

.batch-sidebar-wrap[b-ofli9shg6v] {
    min-width: 0;
}

.card[b-ofli9shg6v],
.payment-card[b-ofli9shg6v] {
    border-radius: 11px !important;
}

.payment-title[b-ofli9shg6v],
.user-count-title[b-ofli9shg6v],
.modules-head[b-ofli9shg6v],
.user-block[b-ofli9shg6v],
.payment-lines .payment-line[b-ofli9shg6v],
.payment-total-line[b-ofli9shg6v],
.payment-total-line1[b-ofli9shg6v],
.total-before-discount[b-ofli9shg6v],
.total-highlight[b-ofli9shg6v] {
    padding-inline: 8px;
}

.batch-section-title[b-ofli9shg6v] {
    margin-bottom: 2px;
    padding-bottom: 4px;
    border-bottom: 1.5px solid #6a4cf6;
    color: #4d3ac5;
    font-size: 13px;
    font-weight: 500;
}

.module-grid[b-ofli9shg6v] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    --mg-gap: 40px;
    gap: var(--mg-gap);
    padding: 20px 0 0;
    margin: 0;
    overflow: visible;
}

.module-item[b-ofli9shg6v] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.module-card[b-ofli9shg6v] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    min-height: 140px;
    min-width: 0;
    padding: 22px 16px 8px;
    border: 1px solid #EBEBF1;
    border-radius: 11px;

    background: transparent;
    box-shadow: 0 1px 4px rgba(31, 24, 71, 0.08), 0 6px 10px -4px rgba(31, 24, 71, 0.14);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .module-card:hover[b-ofli9shg6v],
    .module-card:focus[b-ofli9shg6v],
    .module-card:active[b-ofli9shg6v] {
        transform: none;
        box-shadow: 0 1px 4px rgba(31, 24, 71, 0.08), 0 6px 10px -4px rgba(31, 24, 71, 0.14);
        outline: none;
    }

    .module-card.selected[b-ofli9shg6v] {
        border: 2px solid #7357ff;
        background: transparent;
    }

    .module-card.active-sub[b-ofli9shg6v] {
        border: 2px solid #27b44b;
        background: transparent;
    }

    .module-card.expired-sub[b-ofli9shg6v] {
        border: 1px solid #EBEBF1;
    }

    .module-card.selected-expired[b-ofli9shg6v] {
        border: 2px solid #f59e0b;
        background: transparent;
    }

.module-icon[b-ofli9shg6v] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    color: #fff;
    font-size: 32px;
    line-height: 1;
}

    .module-icon img[b-ofli9shg6v] {
        width: 58px;
        height: 58px;
        object-fit: contain;
    }

.module-name[b-ofli9shg6v] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    width: 100%;
    color: #4b4b4b;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
}

.module-expander[b-ofli9shg6v] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 18px;
    margin-top: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8b8b98;
    cursor: pointer;
}

    .module-expander svg[b-ofli9shg6v] {
        width: 16px;
        height: 16px;
    }

    .module-expander:hover[b-ofli9shg6v] {
        color: #6A3DFF;
    }

.module-info[b-ofli9shg6v] {
    position: relative;
    grid-column: 1 / -1;
    box-sizing: border-box;
    width: 100%;
    min-height: 438px;

    margin: -14px auto 4px;
    padding: 20px;
    border: 2px solid #8066ff;
    border-radius: 18px;
    background: transparent;
}

.module-info-html[b-ofli9shg6v] {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 12px;
}

.module-info-arrow[b-ofli9shg6v] {
    position: absolute;

    left: 50%;

    bottom: calc(-1 * (var(--mg-gap, 40px) - 2px));
    margin-left: -12px;
    z-index: 3;

    width: 24px;
    height: 24px;

    background: var(--base-background, #f8f7fc);

    border-left: 2px solid #8066ff;
    border-top: 2px solid #8066ff;
    border-radius: 4px 0 0 0;

    transform: rotate(45deg);
    box-sizing: border-box;
    z-index: 2;
}

.module-info-title[b-ofli9shg6v] {
    margin-bottom: 14px;
    color: #262626;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.module-info-grid[b-ofli9shg6v] {
    display: grid;

    grid-template-columns: minmax(0, 128px) minmax(0, 163px) minmax(0, 373px);
    gap: 17px;
}

.module-info-col[b-ofli9shg6v] {
    min-width: 0;
}

.module-info-head[b-ofli9shg6v] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EBEBF1;
}

.module-info-no[b-ofli9shg6v] {
    display: grid;
    place-items: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
}

    .module-info-no.no-1[b-ofli9shg6v] { background: #6A3DFF; }
    .module-info-no.no-2[b-ofli9shg6v] { background: #27b44b; }
    .module-info-no.no-3[b-ofli9shg6v] { background: #4d3ac5; }

.module-info-caption[b-ofli9shg6v] {
    color: #262626;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.module-info-text[b-ofli9shg6v] {
    margin: 0;
    color: #4b4b4b;
    font-size: 12px;
    line-height: 1.6;
}

.module-info-list[b-ofli9shg6v] {
    margin: 0;
    padding-left: 16px;
    color: #4b4b4b;
    font-size: 12px;
    line-height: 1.6;
}

    .module-info-list li[b-ofli9shg6v] {
        margin-bottom: 6px;
    }

@media (max-width: 900px) {
    .module-info-grid[b-ofli9shg6v] {
        grid-template-columns: 1fr;
    }

    .module-info[b-ofli9shg6v] {
        min-height: 0;
    }

}

.module-price[b-ofli9shg6v] {
    font-size: 12px;
    color: #6b21a8;
    font-weight: 600;
    text-align: center;
    margin-top: 2px;
}

.module-check[b-ofli9shg6v] {
    position: absolute;
    top: -10px;
    right: -10px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #27b44b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 6px 12px rgba(39, 180, 75, 0.24);
}

.module-active-badge[b-ofli9shg6v] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #27b44b;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(39, 180, 75, 0.24);
    z-index: 1;
}

.module-expired-badge[b-ofli9shg6v] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f59e0b;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(245, 158, 11, 0.30);
    z-index: 1;
}

.payment-card[b-ofli9shg6v] {

    width: 100%;
    max-width: 361px;

    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 20px 25px 16px 25px;
    border: 1px solid #ece7fb;
    border-radius: 11px !important;
    background: #fff;
    box-shadow: 0 1px 1px rgba(18, 18, 23, 0.06);
}

.payment-card .pay-button[b-ofli9shg6v] {
    margin-top: 0;
}

.grand-total[b-ofli9shg6v] {
    margin-bottom: 16px;
}

.payment-title[b-ofli9shg6v] {
    margin-bottom: 10px;
    color: #262626;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.billing-tabs[b-ofli9shg6v] {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 100px));

    justify-content: center;
    gap: 8px;

    margin: 0 -8px 14px;
    background: transparent;
}

.billing-tab[b-ofli9shg6v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 6px;

    width: auto;
    min-width: 0;
    height: 135px;
    padding: 0 6px 10px !important;
    margin: 0;
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
}

    .billing-tab:hover[b-ofli9shg6v] {
        border-color: #7C5FE4;
    }

    .billing-tab.active[b-ofli9shg6v] {

        border-color: #7C5FE4;
    }

.billing-gross[b-ofli9shg6v] {
    font-size: 11px;
    font-weight: 400;
    color: #717171;
    text-decoration: line-through;
}

.billing-label[b-ofli9shg6v] {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.billing-net[b-ofli9shg6v] {
    font-size: 13px;
    font-weight: 400;
    color: #5B41B4;
}

.billing-badge[b-ofli9shg6v] {

    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    padding: 3px;
    border-radius: 4px;
    background: #FAF8FF;
    font-size: 11px;
    color: #6A3DFF;
    white-space: nowrap;
}

    .billing-badge.tier-10[b-ofli9shg6v],
    .billing-badge.tier-15[b-ofli9shg6v] {
        background: #F2F3F6;
    }

    .billing-tab.active .billing-badge[b-ofli9shg6v],
    .billing-tab.active .billing-badge.tier-10[b-ofli9shg6v],
    .billing-tab.active .billing-badge.tier-15[b-ofli9shg6v] {
        background: #EAE0FF;
    }

.payment-lines[b-ofli9shg6v],
.user-block[b-ofli9shg6v],
.grand-total[b-ofli9shg6v] {
    display: grid;
    gap: 4px;
}

.user-count-title[b-ofli9shg6v] {
    margin: 16px 0 8px;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.modules-head[b-ofli9shg6v] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 18px 0 16px;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.modules-count[b-ofli9shg6v] {
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 400;
}

.modules-unit[b-ofli9shg6v] {
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 400;
}

.payment-lines[b-ofli9shg6v] {
    padding-top: 0;

    padding-bottom: 20px;
    border-top: none;
    border-bottom: 1px solid #ece7fb;
    max-height: 200px;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: #C9C9C9 transparent;
}

    .payment-lines[b-ofli9shg6v]::-webkit-scrollbar {
        width: 5px;
    }

    .payment-lines[b-ofli9shg6v]::-webkit-scrollbar-track {
        background: transparent;
    }

    .payment-lines[b-ofli9shg6v]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #C9C9C9;
    }

        .payment-lines[b-ofli9shg6v]::-webkit-scrollbar-thumb:hover {
            background: #A8A8A8;
        }

.payment-lines.no-selection[b-ofli9shg6v] {
    display: none;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.payment-line[b-ofli9shg6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #5B41B4;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding-inline: 10px;
}

    .payment-line > *[b-ofli9shg6v] {
        display: block;
    }

.payment-total-line[b-ofli9shg6v],
.payment-total-line1[b-ofli9shg6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 8px 0 6px;
    color: #262626;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    padding-inline: 10px;
}

.payment-total-line[b-ofli9shg6v] {
    padding-top: 10px;
    border-top: 1px solid #ece7fb;
}

.payment-total-line.with-modules[b-ofli9shg6v] {
    padding-top: 0;
    border-top: none;
}

.payment-total-line.no-selection[b-ofli9shg6v] {
    display: none;
}

    .payment-total-line > *[b-ofli9shg6v],
    .payment-total-line1 > *[b-ofli9shg6v] {
        display: block;
        flex: 0 0 auto;
    }

        .payment-total-line > *:first-child[b-ofli9shg6v],
        .payment-total-line1 > *:first-child[b-ofli9shg6v] {
            margin-right: auto;
        }

.payment-total-line1[b-ofli9shg6v] {
    padding-bottom: 0;
    margin-bottom: 4px;
}

.user-title[b-ofli9shg6v] {
    margin: 8px 0 4px;
    color: #262626;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.user-block[b-ofli9shg6v] {
    padding: 4px 10px 1px;
    border-bottom: 1px solid #ece7fb;
    color: #494949;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.total-before-discount[b-ofli9shg6v] {
    margin-top: 12px;
    min-height: 30px;
    align-items: center;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
}

.discount-line[b-ofli9shg6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
    height: 33px;
    min-height: 33px;
    margin-top: 0;
    margin-inline: 0;
    padding: 0 14px;
    border-radius: 4px;
    background: #FEF4DE;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.35;
    white-space: nowrap;
}

    .discount-line span[b-ofli9shg6v] {
        line-height: 1.35;
        white-space: nowrap;
    }

.total-highlight[b-ofli9shg6v] {
    margin-top: 12px;

    padding-top: 16px;
    border-top: 1px solid #5A41B4;
    min-height: 30px;
    align-items: center;
    color: #5B41B4;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
}

.pay-button[b-ofli9shg6v] {
    width: 100%;
    margin-top: 12px;
    height: 46.6px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #441CCB 0%, #8538FE 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-counter-row[b-ofli9shg6v] {
    display: flex;
    align-items: flex-start;

    justify-content: center;
    margin: 0 -8px;
    padding: 4px 0 14px;
    gap: 8px;
}

.user-counter[b-ofli9shg6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    color: #262626;
    font-size: 15px;
}

.counter-label[b-ofli9shg6v] {
    color: #454545;
    font-size: 14px;
}

.counter-box[b-ofli9shg6v] {
    display: flex;
    align-items: center;

    width: 316px;
    max-width: 100%;
    border: 0.5px solid #e1d9fb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.counter-button[b-ofli9shg6v] {
    width: 64px;
    height: 36px;
    flex: 0 0 64px;
    border: 0;
    background: #F7F4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5B41B4;
    line-height: 1;
    cursor: pointer;
}

.counter-icon[b-ofli9shg6v] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    display: block;
}

    .counter-button:disabled[b-ofli9shg6v] {
        color: #c9c4dc;
        cursor: default;
    }

.counter-input[b-ofli9shg6v] {
    flex: 1 1 auto;
    width: auto;

    min-width: 0;
    height: 36px;
    border: 0;
    border-left: 0.5px solid #e1d9fb;
    border-right: 0.5px solid #e1d9fb;
    text-align: center;

    color: #262626;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    outline: none;
    -moz-appearance: textfield;
}

.counter-input[b-ofli9shg6v]::-webkit-outer-spin-button,
.counter-input[b-ofli9shg6v]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

@media (max-width: 1400px) {
    .batch-payment-page[b-ofli9shg6v] {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 24px 28px;
    }

    .payment-card[b-ofli9shg6v] {
        width: 100%;
    }

    .module-grid[b-ofli9shg6v] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1100px) {
    .batch-payment-page[b-ofli9shg6v] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .payment-card[b-ofli9shg6v] {
        width: 100%;
        max-width: 420px;
    }

    .module-grid[b-ofli9shg6v] {
        grid-template-columns: repeat(4, 1fr);
    }

    .batch-sidebar[b-ofli9shg6v] {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .batch-payment-page[b-ofli9shg6v] {
        gap: 20px;
        padding: 16px 0 24px;
    }

    .module-grid[b-ofli9shg6v] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        --mg-gap: 16px;
    }

    .module-card[b-ofli9shg6v] {
        min-height: 120px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 16px 8px 8px;
    }

    .module-icon[b-ofli9shg6v],
    .module-icon img[b-ofli9shg6v] {
        width: 44px;
        height: 44px;
        font-size: 26px;
    }

    .module-name[b-ofli9shg6v] {
        width: 100%;
        margin-top: 0;
        text-align: center;
        font-size: 13px;
    }

    .payment-card[b-ofli9shg6v] {
        width: 100%;
        min-height: 0;
        padding: 18px 14px 20px;
    }

    .billing-tabs[b-ofli9shg6v],
    .user-counter-row[b-ofli9shg6v] {
        margin-left: 0;
        margin-right: 0;
    }

    .discount-line[b-ofli9shg6v] {
        margin-inline: 0;
    }

    .payment-line[b-ofli9shg6v],
    .payment-total-line[b-ofli9shg6v],
    .payment-total-line1[b-ofli9shg6v],
    .discount-line[b-ofli9shg6v],
    .total-before-discount[b-ofli9shg6v],
    .total-highlight[b-ofli9shg6v] {
        font-size: 14px;
    }

    .user-counter[b-ofli9shg6v] {
        flex-direction: row;
        justify-content: space-between;
        gap: 6px;
    }
}

.subs-section[b-ofli9shg6v] {
    grid-column: 1 / -1;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.subs-section[b-ofli9shg6v]  .page-header {
    display: none !important;
}

.subs-section[b-ofli9shg6v]  .horizontal-separator {
    display: none !important;
}

.subs-section[b-ofli9shg6v]  .page-container {
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.subs-section[b-ofli9shg6v]  .grid {
    margin: 0 !important;
    height: 400px;
}

.subs-section[b-ofli9shg6v]  .popup.popup-body {
    display: none !important;
}

.subs-invoice[b-ofli9shg6v] {
    color: #441CCB;
    font-weight: 500;
}

.subs-amount[b-ofli9shg6v] {
    color: #441CCB;
    font-weight: 500;
}

.subs-badge[b-ofli9shg6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.subs-active[b-ofli9shg6v] {
    background: #ede9fe;
    color: #5b21b6;
}

.subs-inactive[b-ofli9shg6v] {
    background: #fce7f3;
    color: #be185d;
}

@media (max-width: 520px) {
    .batch-section-title[b-ofli9shg6v] {
        margin-bottom: 14px;
        font-size: 13px;
    }

    .module-grid[b-ofli9shg6v] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        --mg-gap: 14px;
        column-gap: 12px;
    }

    .module-card[b-ofli9shg6v] {
        min-height: 138px;
        padding: 16px 10px 12px;
    }

    .module-icon[b-ofli9shg6v],
    .module-icon img[b-ofli9shg6v] {
        width: 50px;
        height: 50px;
    }

    .module-name[b-ofli9shg6v] {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .payment-card[b-ofli9shg6v] {
        width: 100%;
        min-height: 0;
        padding: 16px 12px 18px;
    }

    .billing-tabs[b-ofli9shg6v] {
        grid-template-columns: repeat(3, 1fr);
        margin: 0 0 14px;
    }

    .billing-tab[b-ofli9shg6v] {
        width: auto;
        height: 122px;
        padding: 0 4px 10px !important;
    }

    .billing-label[b-ofli9shg6v] {
        font-size: 13px;
    }

    .billing-net[b-ofli9shg6v] {
        font-size: 12px;
    }

    .counter-box[b-ofli9shg6v] {
        width: 100%;
        justify-content: space-between;
    }

    .counter-input[b-ofli9shg6v] {
        flex: 1 1 auto;
        width: auto;
    }
}

@media (max-width: 420px) {
    .module-grid[b-ofli9shg6v] {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .module-card[b-ofli9shg6v] {
        max-width: none;
    }
}

.subs-section[b-ofli9shg6v]  tr.row-expired > td {
    background-color: #fffbeb !important;
}

.masu-payment-wrap[b-ofli9shg6v] {
    min-height: 100vh;
    padding: 21px;
    box-sizing: border-box;
}

.masu-invalid[b-ofli9shg6v] {
    max-width: 480px;
    margin: 80px auto;
    padding: 28px;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    color: #454545;
    font-size: 14px;
    text-align: center;
}

.masu-invalid img[b-ofli9shg6v] {
    height: 34px;
    margin-bottom: 18px;
}

.masu-invalid-title[b-ofli9shg6v] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
/* _content/NextERP/Components/Pages/SM/SubscriptionList.razor.rz.scp.css */
/* Styles are applied from BatchPaymentForm.razor.css via .subs-section ::deep */
/* _content/NextERP/Components/Pages/SM/VatRequestForm.razor.rz.scp.css */
.vat-request-header-layout[b-ydprjinkn8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.vat-request-header-column[b-ydprjinkn8] {
    min-width: 0;
}

.vat-request-header-column[b-ydprjinkn8]  .form {
    column-count: 1 !important;
}

@media (max-width: 1200px) {
    .vat-request-header-layout[b-ydprjinkn8] {
        grid-template-columns: 1fr;
    }
}
/* _content/NextERP/Components/Pages/SM/VatRequestList.razor.rz.scp.css */
/*::deep .page-container {
    padding: 0;
}

::deep .page-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #5a41b4;
    height: 30px;
    margin-top: 20px;
}

    ::deep .page-header > div {
        height: 30px;
    }

::deep .page-title {
    font-size: 12px;
    font-weight: 500;
    color: #5a41b4;
    margin: auto 0;
}

::deep .horizontal-separator {
    display: none;
}
*/
/* _content/NextERP/Components/Pages/SM/VersionHistoryList.razor.rz.scp.css */
/* Next ERP-ийн үндсэн өнгө (wwwroot/app.css :root)
   --base-foreground-focused : #5a41b4   — гол өнгө
   --base-background-focused : #e1d8fe   — тодруулга
   --base-border-color       : #947aff
   --base-separator-color    : #eaeaea                                        */

.vh-page[b-9ifp0aix4t] {
    padding: 14px 18px 22px;
    font-size: 12px;
    color: var(--base-foreground);
}

.vh-header[b-9ifp0aix4t] {
    display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 10px;
}

    .vh-header h2[b-9ifp0aix4t] {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        color: var(--base-foreground-focused);
    }

.vh-card[b-9ifp0aix4t] {
    max-width: 1400px;
    background: #fff;
    border: 1px solid var(--base-separator-color);
    border-radius: 6px;
    padding: 14px 14px 6px;
    box-shadow: 0 1px 3px rgba(38, 30, 66, .05);
}

/* ---------- Дээд мөр: нэмэх товч + тайлбар + тоо ---------- */

.vh-toolrow[b-9ifp0aix4t] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.vh-add[b-9ifp0aix4t] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    background: var(--base-foreground-focused);
    color: #fff;
    font-size: 12px;
    letter-spacing: .2px;
    cursor: pointer;
    transition: background .15s ease;
}

    .vh-add:hover[b-9ifp0aix4t] {
        background: #4a3499;
    }

    .vh-add:active[b-9ifp0aix4t] {
        background: #3f2c85;
    }

.vh-add-plus[b-9ifp0aix4t] {
    font-size: 15px;
    line-height: 1;
}

.vh-hint[b-9ifp0aix4t] {
    font-size: 11px;
    color: #a9a4b8;
}

.vh-count[b-9ifp0aix4t] {
    margin-left: auto;
    font-size: 11px;
    color: #8b86a0;
}

.vh-empty[b-9ifp0aix4t] {
    padding: 34px 0 40px;
    text-align: center;
    font-size: 12px;
    color: #a9a4b8;
    border-top: 1px solid var(--base-separator-color);
}

/* ---------- Grid — төслийн бусад жагсаалттай ижил хэв маяг ---------- */

.vh-grid-wrap[b-9ifp0aix4t] {
    width: 100%;
}

.vh-card[b-9ifp0aix4t]  .vh-grid {
    width: 100%;
    border: none;
    --dxbl-grid-line-height: 2;
    --dxbl-grid-focus-frame-color: #5f368d;
    --dxbl-grid-focus-bg: var(--base-background-focused);
    --dxbl-grid-focus-color: #424242;
    --dxbl-grid-selection-bg: #e0d8fe;
    --dxbl-grid-selection-focus-bg: var(--base-background-focused);
    --dxbl-grid-selection-focus-color: #424242;
}

.vh-card[b-9ifp0aix4t]  .vh-grid tr.dxbl-grid-header-row {
    background-color: var(--base-background);
}

.vh-card[b-9ifp0aix4t]  .vh-grid th {
    font-size: 11px !important;
    font-weight: 500;
    color: #868686;
    border-left: none !important;
    border-bottom-width: 2px !important;
    align-content: end;
}

.vh-card[b-9ifp0aix4t]  .vh-grid td {
    font-size: 12px !important;
    color: #424242;
    background-color: #fff;
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px solid #ededed !important;
    white-space: nowrap;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Мөр дээр 2 дарж засдаг тул заагчийг өөрчилж, hover-ыг мэдэгдэхүйц болгоно */
.vh-card[b-9ifp0aix4t]  .vh-grid .dxbl-grid-data-row {
    cursor: pointer;
}

    .vh-card[b-9ifp0aix4t]  .vh-grid .dxbl-grid-data-row:hover > td {
        background-color: var(--base-background-focused);
    }

/* ---------- Модал ---------- */

/* ЧУХАЛ: z-index нь 999999-ээс БАГА байх ёстой.
   DevExpress-ийн унждаг цэс (огнооны хуанли, combo) нь body дээр тусад нь
   зурагдаж, app.css дээр .dxbl-popup-cell { z-index: 999999 } гэж тавигдсан
   байдаг. Хэрэв overlay түүнээс өндөр байвал хуанли модалын АРД дарагдана. */
.vh-overlay[b-9ifp0aix4t] {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(38, 30, 66, .38);
}

.vh-dialog[b-9ifp0aix4t] {
    display: flex;
    flex-direction: column;
    width: 660px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 60px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(38, 30, 66, .28);
    overflow: hidden;
}

.vh-dialog-head[b-9ifp0aix4t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--base-foreground-focused);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.vh-close[b-9ifp0aix4t] {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    cursor: pointer;
}

    .vh-close:hover[b-9ifp0aix4t] {
        opacity: 1;
    }

.vh-dialog-body[b-9ifp0aix4t] {
    padding: 18px;
    overflow-y: auto;
}

.vh-row[b-9ifp0aix4t] {
    display: flex;
    gap: 14px;
}

.vh-field[b-9ifp0aix4t] {
    margin-bottom: 14px;
}

.vh-field-date[b-9ifp0aix4t] {
    flex: 0 0 170px;
}

.vh-field-title[b-9ifp0aix4t] {
    flex: 1 1 auto;
    min-width: 0;
}

.vh-field > label[b-9ifp0aix4t] {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #8b86a0;
}

.vh-input[b-9ifp0aix4t] {
    width: 100%;
}

/* ---------- Засварлагч ---------- */

.vh-editor[b-9ifp0aix4t] {
    border: 1px solid #ded9ef;
    border-radius: 5px;
    overflow: hidden;
    transition: border-color .15s ease;
}

    .vh-editor:focus-within[b-9ifp0aix4t] {
        border-color: var(--base-border-color);
    }

.vh-toolbar[b-9ifp0aix4t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1px;
    padding: 5px 7px;
    background: var(--base-background);
    border-bottom: 1px solid #ece8f7;
}

    .vh-toolbar button[b-9ifp0aix4t] {
        min-width: 27px;
        height: 25px;
        padding: 0 6px;
        border: none;
        border-radius: 3px;
        background: transparent;
        color: #5f5a70;
        font-size: 12px;
        cursor: pointer;
    }

        .vh-toolbar button:hover[b-9ifp0aix4t] {
            background: var(--base-background-focused);
            color: var(--base-foreground-focused);
        }

.vh-block[b-9ifp0aix4t] {
    height: 25px;
    padding: 0 5px;
    margin-right: 3px;
    border: 1px solid #ded9ef;
    border-radius: 3px;
    background: #fff;
    font-size: 11px;
    color: #5f5a70;
    cursor: pointer;
}

.vh-sep[b-9ifp0aix4t] {
    width: 1px;
    height: 15px;
    margin: 0 4px;
    background: #ded9ef;
}

.vh-color[b-9ifp0aix4t] {
    border-bottom: 2px solid var(--base-foreground-focused);
}

.vh-hilite[b-9ifp0aix4t] {
    padding: 0 2px;
    background: var(--base-background-focused);
}

.vh-content[b-9ifp0aix4t] {
    min-height: 190px;
    max-height: 38vh;
    overflow-y: auto;
    padding: 11px 13px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--base-foreground);
    outline: none;
}

    .vh-content:empty[b-9ifp0aix4t]:before {
        content: "Өөрчлөлтийн дэлгэрэнгүйг энд бичнэ үү";
        color: #b7b2c6;
    }

    .vh-content h1[b-9ifp0aix4t] {
        font-size: 16px;
        margin: .4em 0;
    }

    .vh-content h2[b-9ifp0aix4t] {
        font-size: 14px;
        margin: .4em 0;
    }

    .vh-content ul[b-9ifp0aix4t],
    .vh-content ol[b-9ifp0aix4t] {
        margin: .3em 0;
        padding-left: 22px;
    }

    .vh-content a[b-9ifp0aix4t] {
        color: var(--base-foreground-focused);
    }

/* ---------- Доод хэсэг ---------- */

.vh-dialog-foot[b-9ifp0aix4t] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    background: var(--base-background);
    border-top: 1px solid #ece8f7;
}

.vh-spacer[b-9ifp0aix4t] {
    flex: 1;
}

.vh-btn[b-9ifp0aix4t] {
    padding: 7px 18px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #6a6478;
    font-size: 12px;
    cursor: pointer;
    transition: all .15s ease;
}

    .vh-btn:hover[b-9ifp0aix4t] {
        background: #ece9f5;
    }

.vh-btn-primary[b-9ifp0aix4t] {
    background: var(--base-foreground-focused);
    color: #fff;
}

    .vh-btn-primary:hover[b-9ifp0aix4t] {
        background: #4a3499;
        color: #fff;
    }

.vh-btn-danger[b-9ifp0aix4t] {
    color: #c0392b;
}

    .vh-btn-danger:hover[b-9ifp0aix4t] {
        background: #fdecea;
    }

/* ---------- Мэдэгдэл ---------- */

.vh-toast[b-9ifp0aix4t] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 100001;
    padding: 10px 16px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 0 3px 14px rgba(38, 30, 66, .25);
}

    .vh-toast.ok[b-9ifp0aix4t] {
        background: var(--base-foreground-focused);
    }

    .vh-toast.err[b-9ifp0aix4t] {
        background: #c0392b;
    }
/* _content/NextERP/Components/Reports/BaseReport.razor.rz.scp.css */
.drs-root[b-7ahvv4iyg5] {
    height: 100%;
    min-height: 0;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    background: #f8f7fc;
}

.drs-layout[b-7ahvv4iyg5] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    height: 100%;
    min-height: 0;
}

.drs-filter-card[b-7ahvv4iyg5],
.drs-viewer-panel[b-7ahvv4iyg5] {
    /*background: #ffffff;*/
    border: 1px solid #d4d4d4a8;
}

.drs-filter-card[b-7ahvv4iyg5] {
    /*padding: 8px 10px;*/
}

.drs-filter-shell-loading[b-7ahvv4iyg5],
.drs-search-row[b-7ahvv4iyg5] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: stretch;
    min-width: 0;
}

.drs-filter-rail[b-7ahvv4iyg5],
.drs-search-actions[b-7ahvv4iyg5] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    /*padding: 8px 10px 8px 0;*/
    margin-right: 10px;
    border-right: 1px solid #e2e6ee;
}

.drs-filter-rail-buttons[b-7ahvv4iyg5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
}

.drs-rail-mark[b-7ahvv4iyg5] {
    width: 28px;
    height: 28px;
    border: 1px solid #d8ddea;
    border-radius: 6px;
    background: #fafbfe;
    color: #6650bd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.drs-search-field-host[b-7ahvv4iyg5] {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    min-width: 0;
    padding: 8px 10px;
}

.drs-search-fields[b-7ahvv4iyg5] {
    min-width: 0;
    max-height: calc(var(--drs-row-height, 44px) * var(--drs-visible-rows, 4) + 14px);
    overflow: hidden;
    transition: max-height 0.2s ease;
}

.drs-search-fields.drs-expanded[b-7ahvv4iyg5] {
    max-height: 1080px;
    overflow: visible;
}

[b-7ahvv4iyg5] .drs-search-fields .form {
    margin: 0 !important;
    width: 100% !important;
    column-count: 2 !important;
    column-fill: balance !important;
    column-gap: 28px !important;
}

@media (min-width: 1580px) {
    [b-7ahvv4iyg5] .drs-search-fields .form {
        column-count: 3 !important;
    }
}

[b-7ahvv4iyg5] .drs-search-fields .form-item {
    display: inline-grid !important;
    position: relative !important;
    grid-template-columns: auto 1fr auto minmax(300px, 52%) !important;
    width: 100% !important;
    padding: 5px 0 !important;
}

[b-7ahvv4iyg5] .drs-search-fields .form-item label {
    margin: 0.45em 0 auto 0 !important;
    color: #7f8593 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

[b-7ahvv4iyg5] .drs-search-fields .fill-space {
    /*margin: 1.35em 8px auto 8px !important;
    border-bottom: 1px dotted #c8cfdb !important;*/
}

[b-7ahvv4iyg5] .drs-search-fields .required-indicator {
    margin: auto 4px auto 0 !important;
    color: #de4239 !important;
    font-size: 11px !important;
}

[b-7ahvv4iyg5] .drs-search-fields .editor-container,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-text-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-date-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-combobox,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-spin-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-dropdown-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit,
[b-7ahvv4iyg5] .drs-search-fields .combobox-auto-hide-btn,
[b-7ahvv4iyg5] .drs-search-fields .lookup-grid {
    width: 100% !important;
    min-width: 0 !important;
}

[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit,
[b-7ahvv4iyg5] .drs-search-fields .input-noneditor {
    min-height: 28px;
    border-color: #dce1ea !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit.dx-state-focused,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit:focus-within {
    border-color: #6a53be !important;
    box-shadow: 0 0 0 1px rgba(106, 83, 190, 0.16) !important;
}

[b-7ahvv4iyg5] .drs-search-fields .dxbl-btn.dxbl-edit-btn-dropdown,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-spin-btns .dxbl-btn {
    border-left: 1px solid #e8ecf3 !important;
}

[b-7ahvv4iyg5] .drs-search-fields .input-number {
    text-align: right;
}

.drs-action-btn[b-7ahvv4iyg5] {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6650bd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.drs-action-btn:hover[b-7ahvv4iyg5] {
    border-color: #c6cde0;
    background: #E8E3FA;
}

.drs-action-btn:disabled[b-7ahvv4iyg5] {
    border-color: #e0e4ed;
    color: #adb3c0;
    background: #f8f9fc;
    cursor: not-allowed;
}

.drs-action-btn-primary[b-7ahvv4iyg5] {
/*    border-color: #cbc4e8;
    background: #f3f1fb;*/
}
.drs-action-btn-primary:hover[b-7ahvv4iyg5] {
    background: #E0D8FF;
}
.drs-action-btn.drs-action-btn-active[b-7ahvv4iyg5] {
    border-color: #b9afd6;
    background: #ece8fa;
}

.drs-action-btn-icon[b-7ahvv4iyg5] {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.drs-action-btn-busy .drs-action-btn-icon[b-7ahvv4iyg5] {
    /*animation: drs-rotate 0.85s linear infinite;*/
}

.drs-search-loading[b-7ahvv4iyg5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
    align-content: start;
    min-height: auto;
    padding-top: 4px;
}

.drs-search-loading-overlay[b-7ahvv4iyg5] {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding-top: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.94));
    pointer-events: none;
}

.drs-skeleton-item[b-7ahvv4iyg5],
.drs-skeleton-icon[b-7ahvv4iyg5] {
    border-radius: 4px;
    border: 1px solid #edf0f6;
    background: linear-gradient(90deg, #ffffff 20%, #f2f1f6 40%, #ffffff 65%);
    background-size: 300% 100%;
    animation: drs-shimmer-b-7ahvv4iyg5 1.15s ease-in-out infinite;
}

.drs-skeleton-item[b-7ahvv4iyg5] {
    height: 20px;
}

.drs-skeleton-icon[b-7ahvv4iyg5] {
    width: 20px;
    height: 20px;
}

.drs-viewer-panel[b-7ahvv4iyg5] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.drs-viewer-loading[b-7ahvv4iyg5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 16px;
    color: #7f8593;
    font-size: 13px;
}

.drs-viewer-loading-spinner[b-7ahvv4iyg5] {
    width: 20px;
    height: 20px;
    border: 2px solid #e2e6ee;
    border-top-color: #6650bd;
    border-radius: 50%;
    animation: drs-rotate-b-7ahvv4iyg5 0.7s linear infinite;
}

.drs-viewer-message[b-7ahvv4iyg5] {
    margin-bottom: 8px;
    flex: 0 0 auto;
}

.drs-viewer-body[b-7ahvv4iyg5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    background: #f8f7fc;
}

.drs-viewer-body-empty[b-7ahvv4iyg5] {
    position: relative;
}

.drs-viewer-body-empty[b-7ahvv4iyg5]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 76px;
    background: linear-gradient(180deg, rgba(245, 246, 250, 0), #f8f7fc 46%, #f8f7fc 100%);
    pointer-events: none;
    z-index: 2;
}

.drs-viewer-shell[b-7ahvv4iyg5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #f8f7fc;
}

[b-7ahvv4iyg5] .drs-inline-viewer {
    height: 100%;
}

[b-7ahvv4iyg5] .dxbrv-wrapper {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}


[b-7ahvv4iyg5] .drs-inline-viewer .dxbl-report-viewer,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbl-report-viewer-content,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-wrapper {
    height: 100%;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-toolbar-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-toolbar,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-preview-toolbar-wrapper {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-tabs,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-right-panel-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer [class*="right-panel"],
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-surface-right-part {
    display: none !important;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-surface-container {
    width: 100% !important;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-preview-surface,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-report-preview-holder,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-report-preview,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-surface-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbl-report-viewer-surface {
    background: #f8f7fc !important;
}

.drs-inline-message[b-7ahvv4iyg5] {
    padding: 10px 12px;
    border: 1px solid #e7d2d2;
    background: #fff8f8;
}

.drs-inline-message-error[b-7ahvv4iyg5] {
    color: #902222;
}

.drs-inline-message-title[b-7ahvv4iyg5] {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
}

.drs-inline-message-text[b-7ahvv4iyg5] {
    font-size: 12px;
    line-height: 1.45;
    word-break: break-word;
}

@keyframes drs-rotate-b-7ahvv4iyg5 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes drs-shimmer-b-7ahvv4iyg5 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (max-width: 1320px) {
    [b-7ahvv4iyg5] .drs-search-fields .form {
        column-count: 2 !important;
        column-gap: 20px !important;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form-item {
        grid-template-columns: auto 1fr auto minmax(170px, 52%) !important;
    }
}

@media (max-width: 980px) {
    .drs-search-row[b-7ahvv4iyg5],
    .drs-filter-shell-loading[b-7ahvv4iyg5] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .drs-search-actions[b-7ahvv4iyg5],
    .drs-filter-rail[b-7ahvv4iyg5] {
        grid-column: 1;
        grid-row: auto;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 0 8px;
        margin: 0;
        border-right: none;
        border-bottom: 1px solid #e2e6ee;
    }

    .drs-filter-rail-buttons[b-7ahvv4iyg5] {
        flex-direction: row;
    }

    .drs-search-field-host[b-7ahvv4iyg5] {
        grid-column: 1;
        grid-row: auto;
    }

    .drs-search-fields[b-7ahvv4iyg5] {
        max-height: 220px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .drs-search-fields.drs-expanded[b-7ahvv4iyg5] {
        max-height: 70vh;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form {
        column-count: 1 !important;
        column-gap: 0 !important;
    }
}

@media (max-width: 640px) {
    .drs-root[b-7ahvv4iyg5] {
        padding: 4px;
    }

    .drs-filter-card[b-7ahvv4iyg5] {
        /*padding: 8px;*/
    }

    .drs-search-fields[b-7ahvv4iyg5] {
        max-height: 200px;
    }

    .drs-search-fields.drs-expanded[b-7ahvv4iyg5] {
        max-height: 60vh;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form-item {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    [b-7ahvv4iyg5] .drs-search-fields .fill-space,
    [b-7ahvv4iyg5] .drs-search-fields .required-indicator {
        display: none !important;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form-item label {
        white-space: normal;
        margin: 0 !important;
    }

    .drs-search-actions[b-7ahvv4iyg5],
    .drs-filter-rail[b-7ahvv4iyg5] {
        padding: 0 0 6px;
    }

    .drs-search-field-host[b-7ahvv4iyg5] {
        padding: 6px 8px;
    }
}