/* /Components/Common/RedirectToLogin.razor.rz.scp.css */
#blazor-error-ui[b-4h8iccmjcw] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4h8iccmjcw] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Controls/ChugwonPrintDialog.razor.rz.scp.css */
.chugwon-popup[b-8dvrbbwkhh] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
}

.chugwon-popup-head[b-8dvrbbwkhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #d3d9e3;
    background: #f8fafc;
}

.chugwon-popup-target[b-8dvrbbwkhh] {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
    white-space: nowrap;
}

.chugwon-sep[b-8dvrbbwkhh] {
    margin: 0 6px;
    color: #6b7280;
}

.chugwon-mode-group[b-8dvrbbwkhh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.chugwon-mode-btn[b-8dvrbbwkhh] {
    min-width: 104px;
    height: 30px;
    border: 1px solid #c4ccd8;
    background: #ffffff;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.chugwon-mode-btn:hover[b-8dvrbbwkhh] {
    background: #f1f5f9;
    border-color: #9caabf;
}

.chugwon-mode-btn.active[b-8dvrbbwkhh] {
    border-color: #1d4ed8;
    background: #eff6ff;
    color: #1e3a8a;
}

.chugwon-popup-edit[b-8dvrbbwkhh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #d3d9e3;
    background: #fff;
}

.chugwon-edit-row[b-8dvrbbwkhh] {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 8px;
}

.chugwon-edit-label[b-8dvrbbwkhh] {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.chugwon-edit-control[b-8dvrbbwkhh] {
    min-width: 0;
}

.chugwon-popup-grid-wrap[b-8dvrbbwkhh] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.chugwon-grid-box[b-8dvrbbwkhh] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid #d3d9e3;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;
}

.chugwon-grid-box.dimmed[b-8dvrbbwkhh] {
    opacity: .52;
}

.chugwon-grid-head[b-8dvrbbwkhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
}

.chugwon-grid-title[b-8dvrbbwkhh] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
}

.chugwon-grid-actions[b-8dvrbbwkhh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.chugwon-check-cell[b-8dvrbbwkhh] {
    display: flex;
    justify-content: flex-end;
    padding-right: 8px;
}

.chugwon-popup-footer[b-8dvrbbwkhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #d3d9e3;
    background: #f8fafc;
    padding: 8px 10px;
}

.chugwon-footer-left[b-8dvrbbwkhh] {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.chugwon-footer-actions[b-8dvrbbwkhh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[b-8dvrbbwkhh] .chugwon-popup-btn {
    min-width: 90px;
}

[b-8dvrbbwkhh] .chugwon-select-grid {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

[b-8dvrbbwkhh] .chugwon-select-grid > .dxbl-grid,
[b-8dvrbbwkhh] .chugwon-select-grid .dxbl-grid-root,
[b-8dvrbbwkhh] .chugwon-select-grid .dxbl-grid-wrapper,
[b-8dvrbbwkhh] .chugwon-select-grid .dxbl-grid-content {
    width: 100%;
    height: 100%;
    min-height: 0;
}

[b-8dvrbbwkhh] .chugwon-select-grid .dxbl-grid-table th,
[b-8dvrbbwkhh] .chugwon-select-grid .dxbl-grid-table td {
    vertical-align: middle;
}
/* /Components/Controls/ErpAddressBox.razor.rz.scp.css */
.addr-box[b-kcxfz0fldu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.addr-row[b-kcxfz0fldu] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.addr-input[b-kcxfz0fldu] {
    height: 32px;
    min-height: 32px;
    box-sizing: border-box;
    padding: 0 8px;
    border: 1px solid #c9cdd3;
    border-radius: 4px;
    background-color: #fff;
    color: #222;
    font-size: 12px;
    outline: none;
}

    .addr-input:focus[b-kcxfz0fldu] {
        border-color: #5b8def;
        box-shadow: 0 0 0 1px rgba(91, 141, 239, 0.25);
    }

.addr-zip[b-kcxfz0fldu] {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
    background-color: #f5f6f8;
    color: #777;
    pointer-events: none;
}

.addr-main[b-kcxfz0fldu] {
    flex: 1 1 auto;
    min-width: 240px;
}

.addr-search-btn[b-kcxfz0fldu] {
    flex: 0 0 auto;
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid #c9cdd3;
    border-radius: 4px;
    background-color: #fff;
    color: #222;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    white-space: nowrap;
}

    .addr-search-btn:hover[b-kcxfz0fldu] {
        background-color: #f3f5f8;
    }

.addr-row-detail[b-kcxfz0fldu] {
    padding-left: 96px;
    box-sizing: border-box;
}

.addr-detail[b-kcxfz0fldu] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

/* 일반 HTML 모달 */
.addr-modal-backdrop[b-kcxfz0fldu] {
    position: fixed;
    inset: 0;
    z-index: 2147483500;
    background: rgba(0, 0, 0, 0.45); 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.addr-modal[b-kcxfz0fldu] {
    width: min(1100px, calc(100vw - 36px));
    height: min(650px, calc(100vh - 36px));
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.addr-modal-header[b-kcxfz0fldu] {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 14px 0 16px;
    border-bottom: 1px solid #d8dde6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.addr-modal-title[b-kcxfz0fldu] {
    font-size: 17px;
    font-weight: 700;
    color: #222;
}

.addr-modal-close[b-kcxfz0fldu] {
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #666;
}

    .addr-modal-close:hover[b-kcxfz0fldu] {
        color: #111;
    }

.addr-modal-body[b-kcxfz0fldu] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 12px 14px;
    overflow: hidden;
}

.addr-textarea[b-kcxfz0fldu] {
    resize: none;
    overflow: hidden;
    line-height: 30px;
    font-family: inherit;
    white-space: nowrap;
}
/* /Components/Controls/ErpComboField.razor.rz.scp.css */
/* /Components/Controls/ErpField.razor.rz.scp.css */
/* /Components/Controls/ErpFocusScope.razor.rz.scp.css */
/* /Components/Controls/ErpFormRow.razor.rz.scp.css */
/* 한 줄(자동 wrap) */
.erp-row[b-in1ucpljun] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--erp-row-gap,10px) var(--erp-col-gap,14px);
    align-items: center;
    min-width: 0;
}

/* 라벨+입력 한 묶음 */
.erp-field[b-in1ucpljun] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 var(--erp-basis,240px);
    min-width: 0;
}

/* 라벨 */
.erp-label[b-in1ucpljun] {
    width: var(--erp-label-w,70px);
    white-space: nowrap;
    font-size: 12px;
    opacity: .8;
}

/* 입력 영역은 남은 공간 */
.erp-editor[b-in1ucpljun] {
    flex: 1 1 auto;
    min-width: 0;
}

    /* DevExpress 입력이 100% 먹도록 */
    .erp-editor .dxbl-text-edit[b-in1ucpljun],
    .erp-editor .dxbl-textbox[b-in1ucpljun],
    .erp-editor input[b-in1ucpljun] {
        width: 100%;
        min-width: 0;
    }
/* /Components/Controls/ErpTextField.razor.rz.scp.css */
/* /Components/Controls/FamilyGridPanel.razor.rz.scp.css */
.grid-fill-host[b-ijj1gic3ao] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
}

[b-ijj1gic3ao] .fill-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

[b-ijj1gic3ao] .fill-grid .dxbl-grid,
[b-ijj1gic3ao] .fill-grid .dxbl-grid-root,
[b-ijj1gic3ao] .fill-grid .dxbl-grid-content {
    height: 100%;
    min-height: 0;
}

[b-ijj1gic3ao] .fill-grid .dxbl-grid-table-view,
[b-ijj1gic3ao] .fill-grid .dxbl-grid-table {
    height: auto !important;
    min-height: 0;
}

.family-edit-scope[b-ijj1gic3ao],
[b-ijj1gic3ao] .dxbl-editform,
[b-ijj1gic3ao] .dxbl-grid-editform,
[b-ijj1gic3ao] .dxbl-popup .dxbl-popup-content,
[b-ijj1gic3ao] .dxbl-popup .dxbl-popup-body,
[b-ijj1gic3ao] .dxbl-popup .dxbl-popup-content > div {
    overflow: visible !important;
}

[b-ijj1gic3ao] .family-edit-scope {
    padding: 4px 0;
}

[b-ijj1gic3ao] .family-edit-scope .dxbl-fl {
    row-gap: 6px;
}

.ganji-wrap[b-ijj1gic3ao] {
    position: relative;
    width: 100%;
}

[b-ijj1gic3ao] .dxbl-popup {
    z-index: 2147482000;
}

.ganji-suggest[b-ijj1gic3ao] {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 220px;
    max-height: 260px;
    z-index: 2147483000;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    overflow: hidden;
    pointer-events: auto;
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.ganji-suggest-list[b-ijj1gic3ao] {
    width: 100%;
    max-height: 260px;
    overflow: auto;
}

.ganji-item[b-ijj1gic3ao] {
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
}

.ganji-item:hover[b-ijj1gic3ao] {
    background: rgba(0,0,0,.06);
}

.ganji-item.sel[b-ijj1gic3ao] {
    font-weight: 600;
}

.ganji-box-evt[b-ijj1gic3ao] {
    width: 100%;
}

[b-ijj1gic3ao] .family-grid {
    font-size: 12px;
    line-height: 1.2;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-header-row,
[b-ijj1gic3ao] .family-grid thead > tr {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-header-row > th,
[b-ijj1gic3ao] .family-grid thead > tr > th {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

[b-ijj1gic3ao] .family-grid tbody > tr,
[b-ijj1gic3ao] .family-grid tbody > tr[role="row"] {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
}

[b-ijj1gic3ao] .family-grid tbody > tr > td,
[b-ijj1gic3ao] .family-grid tbody > tr[role="row"] > td,
[b-ijj1gic3ao] .family-grid tbody > tr[role="row"] > td.dxbl-grid-command-cell {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}

[b-ijj1gic3ao] .family-grid td > div {
    min-height: 22px;
    display: flex;
    align-items: center;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-command-cell .dxbl-grid-full-cell-content {
    height: 22px !important;
    min-height: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    overflow: hidden;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-command-button {
    height: 22px !important;
    min-height: 22px !important;
    width: 22px;
    min-width: 22px;
    padding: 0 !important;
    line-height: 1 !important;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-command-button .dxbl-image {
    width: 15px;
    height: 15px;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-table,
[b-ijj1gic3ao] .family-grid table {
    width: 100% !important;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-toolbar-container {
    padding-top: 4px;
    padding-bottom: 4px;
}

[b-ijj1gic3ao] .family-grid td:nth-child(1),
[b-ijj1gic3ao] .family-grid th:nth-child(1) {
    text-align: center;
}

[b-ijj1gic3ao] .family-grid .dxbl-grid-command-cell {
    white-space: nowrap;
    text-align: center;
}
/* /Components/Controls/JusoSearchPopup.razor.rz.scp.css */
.krds-modal-body[b-77chazuio9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
}

.krds-toolbar[b-77chazuio9] {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .krds-toolbar .btn-wrap[b-77chazuio9] {
        flex: 0 0 auto;
    }

.krds-help[b-77chazuio9] {
    font-size: 13px;
    color: #555;
}

.krds-search-message[b-77chazuio9] {
    padding: 8px 10px;
    border: 1px solid #e4d39a;
    border-radius: 6px;
    background: #fff8dc;
    color: #4e4300;
    font-size: 13px;
}

.juso-result-wrap[b-77chazuio9] {
    flex: 1 1 auto;
    min-height: 260px;
    overflow: auto;
    border: 1px solid #d8dde6;
    border-radius: 6px;
    background: #fff;
    outline: none;
}

    .juso-result-wrap:focus[b-77chazuio9] {
        border-color: #5b8def;
        box-shadow: 0 0 0 2px rgba(91, 141, 239, 0.2);
    }

.juso-result-header[b-77chazuio9],
.juso-result-row[b-77chazuio9] {
    display: grid;
    grid-template-columns: 110px minmax(280px, 1.4fr) minmax(260px, 1.2fr);
    column-gap: 10px;
    align-items: center;
}

.juso-result-header[b-77chazuio9] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 36px;
    padding: 0 10px;
    background: #f4f6f9;
    border-bottom: 1px solid #d8dde6;
    font-size: 13px;
    font-weight: 700;
    color: #333;
}

.juso-result-row[b-77chazuio9] {
    min-height: 42px;
    padding: 6px 10px;
    border-bottom: 1px solid #edf0f4;
    font-size: 13px;
    cursor: pointer;
}

    .juso-result-row:hover[b-77chazuio9] {
        background: #f7faff;
    }

    .juso-result-row.selected[b-77chazuio9] {
        background: #e8f1ff;
        box-shadow: inset 3px 0 0 #2f6fed;
    }

    .juso-result-row .zip[b-77chazuio9] {
        color: #333;
        white-space: nowrap;
    }

    .juso-result-row .road[b-77chazuio9] {
        color: #111;
        font-weight: 600;
    }

    .juso-result-row .jibun[b-77chazuio9] {
        color: #666;
    }

.juso-empty[b-77chazuio9] {
    padding: 18px;
    font-size: 13px;
    color: #777;
}

.krds-footer[b-77chazuio9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid #e5e8ef;
}

.krds-footer-left[b-77chazuio9] {
    flex: 1 1 auto;
    min-width: 0;
}

.krds-footer-right[b-77chazuio9] {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}

.krds-msg[b-77chazuio9] {
    font-size: 13px;
    color: #555;
}

.krds-summary[b-77chazuio9] {
    border: 1px solid #d8dde6;
    border-radius: 6px;
    overflow: hidden;
}

.krds-summary-row[b-77chazuio9] {
    display: grid;
    grid-template-columns: 100px 1fr;
    border-bottom: 1px solid #edf0f4;
}

    .krds-summary-row:last-child[b-77chazuio9] {
        border-bottom: none;
    }

    .krds-summary-row .k[b-77chazuio9] {
        padding: 8px 10px;
        background: #f4f6f9;
        font-weight: 700;
        font-size: 13px;
    }

    .krds-summary-row .v[b-77chazuio9] {
        padding: 8px 10px;
        font-size: 13px;
    }

.krds-detail[b-77chazuio9] {
    width: 100%;
}
.juso-keyword-input[b-77chazuio9] {
    flex: 1 1 auto;
    width: 100%;
    height: 34px;
    min-height: 34px;
    box-sizing: border-box;
    padding: 0 9px;
    border: 1px solid #c9cdd3;
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
    outline: none;
}

    .juso-keyword-input:focus[b-77chazuio9] {
        border-color: #5b8def;
        box-shadow: 0 0 0 1px rgba(91, 141, 239, 0.25);
    }

.juso-search-btn[b-77chazuio9],
.juso-select-btn[b-77chazuio9] {
    height: 34px;
    padding: 0 14px;
    border: 1px solid #c9cdd3;
    border-radius: 4px;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
}

    .juso-search-btn:hover[b-77chazuio9],
    .juso-select-btn:hover[b-77chazuio9] {
        background: #f3f5f8;
    }

    .juso-search-btn:disabled[b-77chazuio9],
    .juso-select-btn:disabled[b-77chazuio9] {
        opacity: 0.55;
        cursor: default;
    }
/* /Components/Controls/LookupTriggerTextBox.razor.rz.scp.css */
/* /Components/Controls/Popups/BeophoeLookupPopup.razor.rz.scp.css */
/* /Components/Controls/Popups/CommonLookupPopup.razor.rz.scp.css */
/* ============================= */
/* 전체 루트 */
/* ============================= */
.common-lookup-root[b-jkczxibgi9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    background: #f8f5ef;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #d8d1c7;
}

/* ============================= */
/* 검색 줄 */
/* ============================= */
.common-lookup-search-row[b-jkczxibgi9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    background: #efe9df;
    border-bottom: 1px solid #d6cfc4;
    box-sizing: border-box;
    min-width: 0;
}

    .common-lookup-search-row[b-jkczxibgi9]  .lookup-search-key {
        flex: 0 0 100px !important;
        width: 78px !important;
        
    }
    erd
        .common-lookup-search-row[b-jkczxibgi9]  .lookup-search-key .dxbl-dropdown-edit,
        .common-lookup-search-row[b-jkczxibgi9]  .lookup-search-key .dxbl-text-editor,
        .common-lookup-search-row[b-jkczxibgi9]  .lookup-search-key .dxbl-edit-box {
            width: 78px !important;
            min-width: 78px !important;
            max-width: 78px !important;
        }
.lookup-search-text[b-jkczxibgi9] {
    flex: 1 1 auto;
    min-width: 0;
}

.lookup-btns[b-jkczxibgi9] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.lookup-btn[b-jkczxibgi9] {
    height: 28px;
    min-width: 40px;
    font-size: 12px;
}

.search-btn[b-jkczxibgi9] {
    background-color: #f0822b;
    color: #fff;
    border: none;
}

.close-btn[b-jkczxibgi9] {
    background-color: #f0822b;
    color: #fff;
    border: none;
}

/* 검색행 내부 DX 컨트롤 높이 */
.common-lookup-search-row[b-jkczxibgi9]  .dxbl-text-editor,
.common-lookup-search-row[b-jkczxibgi9]  .dxbl-dropdown-edit,
.common-lookup-search-row[b-jkczxibgi9]  .dxbl-combobox {
    height: 26px;
}

/* 콤보/텍스트 내부 줄바꿈 방지 */
.common-lookup-search-row[b-jkczxibgi9]  input,
.common-lookup-search-row[b-jkczxibgi9]  .dxbl-edit-input,
.common-lookup-search-row[b-jkczxibgi9]  .dxbl-text-edit-input {
    white-space: nowrap !important;
}

/* ============================= */
/* 건수 줄 */
/* ============================= */
.common-lookup-count-row[b-jkczxibgi9] {
    padding: 3px 8px;
    font-size: 11px;
    color: #666;
    background: #f5f2ec;
    border-bottom: 1px solid #ddd6ca;
    box-sizing: border-box;
    line-height: 1.2;
    white-space: nowrap;
}

/* ============================= */
/* 그리드 줄 */
/* ============================= */
.common-lookup-grid-row[b-jkczxibgi9] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

.common-lookup-grid[b-jkczxibgi9] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
}

    /* ============================= */
    /* DevExpress Grid */
    /* ============================= */
    .common-lookup-grid[b-jkczxibgi9]  .dxbl-grid {
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        border: none;
    }

    .common-lookup-grid[b-jkczxibgi9]  .dxbl-grid-header {
        flex: 0 0 auto;
    }

    .common-lookup-grid[b-jkczxibgi9]  .dxbl-grid-content {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .common-lookup-grid[b-jkczxibgi9]  .dxbl-scroll-viewer {
        height: 100%;
        min-height: 0;
        overflow-y: auto !important;
        overflow-x: auto !important;
    }

    .common-lookup-grid[b-jkczxibgi9]  table {
        width: 100%;
        border-collapse: collapse;
    }

    /* 헤더 */
    .common-lookup-grid[b-jkczxibgi9]  thead > tr > th {
        height: 28px;
        padding: 4px 6px;
        text-align: center !important;
        vertical-align: middle !important;
        font-size: 12px;
        font-weight: 600;
        background: #f1ede6;
        border-bottom: 1px solid #d8d1c7;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 바디 */
    .common-lookup-grid[b-jkczxibgi9]  tbody > tr {
        height: 28px;
    }

        .common-lookup-grid[b-jkczxibgi9]  tbody > tr > td {
            padding: 3px 6px;
            vertical-align: middle !important;
            font-size: 12px;
            white-space: nowrap !important;
            word-break: keep-all !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .common-lookup-grid[b-jkczxibgi9]  tbody > tr:hover {
            background-color: #fff7e6;
        }

        /* 선택행 */
        .common-lookup-grid[b-jkczxibgi9]  tr.dxbl-grid-focused-row,
        .common-lookup-grid[b-jkczxibgi9]  tr.dxbl-grid-selected-row,
        .common-lookup-grid[b-jkczxibgi9]  tbody > tr[aria-selected="true"] {
            background-color: #ffe8c7 !important;
        }

    /* 번호 컬럼 가운데 */
    .common-lookup-grid[b-jkczxibgi9]  td:first-child,
    .common-lookup-grid[b-jkczxibgi9]  th:first-child {
        text-align: center !important;
    }

    /* 빈 데이터 영역 */
    .common-lookup-grid[b-jkczxibgi9]  .dxbl-grid-empty-data-area {
        min-height: 120px;
    }

/* 포커스 outline 제거 */
.common-lookup-root:focus[b-jkczxibgi9] {
    outline: none;
}

.common-lookup-root > *[b-jkczxibgi9] {
    min-width: 0;
}
/* /Components/Controls/Popups/SindoLookupPopup.razor.rz.scp.css */
.sindo-lookup-root[b-vp9k0lisbb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
/* /Components/Controls/ReceiptStatusPanel.razor.rz.scp.css */
.receipt-top-wrap[b-gn2xgdt4ca] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 0;
    overflow: visible;
    box-sizing: border-box;
}

.receipt-top-strip[b-gn2xgdt4ca] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    width: 100%;
    min-width: 0;
    padding: 2px 4px;
    border: 1px solid #9a9a9a;
    background: #dcdcdc;
    min-height: 30px;
    box-sizing: border-box;
    overflow: visible;
}

.receipt-top-title[b-gn2xgdt4ca] {
    height: 24px;
    min-width: 78px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8a8a8a;
    background: #f0e2a0;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    box-sizing: border-box;
}

.receipt-btn[b-gn2xgdt4ca] {
    height: 24px;
    min-width: 56px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d9d9d;
    background: #ececec;
    color: #666;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.receipt-btn:hover[b-gn2xgdt4ca] {
    background: #f6f6f6;
    color: #222;
}

.receipt-btn.has-data[b-gn2xgdt4ca] {
    background: #f6df8d;
    border-color: #b69632;
    color: #111;
    font-weight: 600;
}

.receipt-btn.has-data:hover[b-gn2xgdt4ca] {
    background: #fbe8a5;
}

.receipt-btn.active[b-gn2xgdt4ca] {
    background: #ffffff;
    border-color: #555;
    color: #000;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

.receipt-btn.has-data.active[b-gn2xgdt4ca] {
    background: #fff9e8;
    border-color: #6f5a18;
    color: #000;
}

.receipt-preview-panel[b-gn2xgdt4ca] {
    width: 100%;
    min-width: 0;
    border: 1px solid #8f8f8f;
    border-top: none;
    background: #ffffff;
    padding: 8px 10px;
    box-sizing: border-box;
}

.receipt-preview-header[b-gn2xgdt4ca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.receipt-preview-title[b-gn2xgdt4ca] {
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.receipt-preview-actions[b-gn2xgdt4ca] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.receipt-mini-btn[b-gn2xgdt4ca] {
    height: 24px;
    min-width: 52px;
    padding: 0 8px;
    border: 1px solid #999;
    background: #f3f3f3;
    color: #222;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

.receipt-mini-btn:hover[b-gn2xgdt4ca] {
    background: #fafafa;
}

.receipt-preview-body[b-gn2xgdt4ca] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.receipt-preview-summary[b-gn2xgdt4ca] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid #d6d6d6;
    background: #fafafa;
}

.receipt-summary-badge[b-gn2xgdt4ca] {
    min-width: 74px;
    height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #999;
    box-sizing: border-box;
    white-space: nowrap;
}

.receipt-summary-badge.has-data[b-gn2xgdt4ca] {
    background: #ffe39b;
    border-color: #b28d1a;
    color: #222;
}

.receipt-summary-badge.no-data[b-gn2xgdt4ca] {
    background: #eeeeee;
    border-color: #b0b0b0;
    color: #666;
}

.receipt-summary-text[b-gn2xgdt4ca] {
    font-size: 12px;
    color: #333;
}

.receipt-preview-empty[b-gn2xgdt4ca] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 8px;
    border: 1px solid #d9d9d9;
    background: #fafafa;
}

.receipt-empty-text[b-gn2xgdt4ca] {
    font-size: 12px;
    color: #666;
}

[b-gn2xgdt4ca] .receipt-status-grid {
    border: 1px solid #cfcfcf;
    max-height: 260px;
    overflow: auto;
}

[b-gn2xgdt4ca] .receipt-status-grid .dxbl-grid-table th,
[b-gn2xgdt4ca] .receipt-status-grid .dxbl-grid-table td {
    font-size: 12px;
    vertical-align: middle;
}
/* /Components/Controls/SindoSearchPopup.razor.rz.scp.css */
/* /Components/Controls/YongaPanel.razor.rz.scp.css */
.yonga-panel[b-pnifo34d07] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    align-items: stretch;
    gap: 6px;
}

.yonga-row[b-pnifo34d07] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 0;
}

.rep-master-row[b-pnifo34d07] {
    flex-wrap: wrap;
    overflow-x: visible;
    overflow-y: visible;
}

[b-pnifo34d07] .rep-master-row .rep-master-save-btn {
    flex: 0 0 160px;
    width: 160px;
    min-width: 160px;
    height: 32px !important;
    min-height: 32px !important;
    align-self: center;
    white-space: nowrap;
}

[b-pnifo34d07] .rep-master-row .rep-master-save-btn .dxbl-btn-caption {
    white-space: nowrap;
    writing-mode: horizontal-tb;
}

.yonga-row .cell[b-pnifo34d07] {
    flex: 0 0 auto;
    min-width: 0;
}

.yonga-row .rep-name[b-pnifo34d07],
.yonga-row .cell.w-label[b-pnifo34d07] {
    white-space: nowrap;
}

.yonga-grid[b-pnifo34d07] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    display: flex;
}

.yonga-panel > .yonga-row[b-pnifo34d07] {
    flex: 0 0 auto;
}

.yonga-panel > .yonga-grid[b-pnifo34d07] {
    flex: 1 1 auto;
    min-height: 0;
}

.rep-item.rep-master[b-pnifo34d07] {
    border-left: 4px solid #1a73e8;
    padding-left: 6px;
}

.rep-master-badge[b-pnifo34d07] {
    margin-left: 6px;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #e8f0fe;
    color: #1a73e8;
    white-space: nowrap;
}

[b-pnifo34d07] .yonga-editform .dxbl-edit,
[b-pnifo34d07] .yonga-editform input {
    width: 100%;
}

.rep-item[b-pnifo34d07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 6px;
}

.rep-has-yonga .rep-name[b-pnifo34d07] {
    font-weight: 700;
}

.rep-badge[b-pnifo34d07] {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid #ff9800;
    color: #ff9800;
    background: rgba(255,152,0,.08);
}

[b-pnifo34d07] .yonga-grid > .fill-grid,
[b-pnifo34d07] .yonga-grid > .dxbl-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

[b-pnifo34d07] .fill-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

[b-pnifo34d07] .fill-grid .dxbl-grid,
[b-pnifo34d07] .fill-grid .dxbl-grid-root,
[b-pnifo34d07] .fill-grid .dxbl-grid-content {
    height: 100%;
    min-height: 0;
}

[b-pnifo34d07] .fill-grid .dxbl-grid-table-view,
[b-pnifo34d07] .fill-grid .dxbl-grid-table {
    height: auto !important;
    min-height: 0;
}

[b-pnifo34d07] .yonga-sub-grid {
    font-size: 12px;
    line-height: 1.2;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-header-row,
[b-pnifo34d07] .yonga-sub-grid thead > tr {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-header-row > th,
[b-pnifo34d07] .yonga-sub-grid thead > tr > th {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

[b-pnifo34d07] .yonga-sub-grid tbody > tr,
[b-pnifo34d07] .yonga-sub-grid tbody > tr[role="row"] {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
}

[b-pnifo34d07] .yonga-sub-grid tbody > tr > td,
[b-pnifo34d07] .yonga-sub-grid tbody > tr[role="row"] > td,
[b-pnifo34d07] .yonga-sub-grid tbody > tr[role="row"] > td.dxbl-grid-command-cell {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}

[b-pnifo34d07] .yonga-sub-grid td > div {
    min-height: 22px;
    display: flex;
    align-items: center;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-command-cell .dxbl-grid-full-cell-content {
    height: 22px !important;
    min-height: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    overflow: hidden;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-command-button {
    height: 22px !important;
    min-height: 22px !important;
    width: 22px;
    min-width: 22px;
    padding: 0 !important;
    line-height: 1 !important;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-command-button .dxbl-image {
    width: 15px;
    height: 15px;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-table,
[b-pnifo34d07] .yonga-sub-grid table {
    width: 100% !important;
}

[b-pnifo34d07] .yonga-sub-grid td dxbl-input-editor,
[b-pnifo34d07] .yonga-sub-grid td .dxbl-text-edit,
[b-pnifo34d07] .yonga-sub-grid td .dxbl-text-edit-input,
[b-pnifo34d07] .yonga-sub-grid td input {
    box-sizing: border-box !important;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-toolbar-container {
    padding-top: 4px;
    padding-bottom: 4px;
}

[b-pnifo34d07] .yonga-sub-grid td:nth-child(1),
[b-pnifo34d07] .yonga-sub-grid th:nth-child(1) {
    text-align: center;
}

[b-pnifo34d07] .yonga-sub-grid .dxbl-grid-command-cell {
    white-space: nowrap;
    text-align: center;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
#blazor-error-ui[b-tf1ldrztu4] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-tf1ldrztu4] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-4nmc4gbqus] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4nmc4gbqus] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MobileLayout .razor.rz.scp.css */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3xvq30muh8],
.components-reconnect-repeated-attempt-visible[b-3xvq30muh8],
.components-reconnect-failed-visible[b-3xvq30muh8],
.components-pause-visible[b-3xvq30muh8],
.components-resume-failed-visible[b-3xvq30muh8],
.components-rejoining-animation[b-3xvq30muh8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-retrying[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-failed[b-3xvq30muh8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-3xvq30muh8] {
    display: block;
}


#components-reconnect-modal[b-3xvq30muh8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-3xvq30muh8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-3xvq30muh8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-3xvq30muh8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-3xvq30muh8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-3xvq30muh8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-3xvq30muh8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-3xvq30muh8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-3xvq30muh8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-3xvq30muh8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-3xvq30muh8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-3xvq30muh8] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-3xvq30muh8] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-3xvq30muh8] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-3xvq30muh8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-3xvq30muh8] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-3xvq30muh8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-3xvq30muh8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-3xvq30muh8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserLayout.razor.rz.scp.css */
#blazor-error-ui[b-kip9q0vtxp] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-kip9q0vtxp] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/MDI/MDIHost.razor.rz.scp.css */
.erp-shell[b-x8k2ohoiyh] {
    min-height: 100vh;
    height: 100vh;
    display: flex;
    background: #f2f0e8;
    color: #1f2937;
    overflow: hidden;
}

.erp-sidebar[b-x8k2ohoiyh] {
    flex: 0 0 236px;
    width: 236px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #d8dee8;
    background: #ffffff;
    box-shadow: 8px 0 22px rgba(15, 23, 42, .04);
    overflow: hidden;
    transition: flex-basis .18s ease, width .18s ease, border-color .18s ease, box-shadow .18s ease;
    z-index: 40;
}

.erp-shell.is-sidebar-collapsed .erp-sidebar[b-x8k2ohoiyh] {
    flex-basis: 0;
    width: 0;
    border-right-color: transparent;
    box-shadow: none;
}

.erp-sidebar-brand[b-x8k2ohoiyh] {
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid #e6ebf2;
}

.erp-brand-mark[b-x8k2ohoiyh] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #123f35;
    color: #f2c94c;
    font-weight: 900;
    font-size: 13px;
    letter-spacing: -.02em;
}

.erp-brand-title[b-x8k2ohoiyh] {
    color: #111827;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.2;
}

.erp-brand-subtitle[b-x8k2ohoiyh] {
    margin-top: 3px;
    color: #667085;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.erp-sidebar-account[b-x8k2ohoiyh] {
    margin: 12px;
    padding: 12px;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #f8fafc;
}

.erp-sidebar-account span[b-x8k2ohoiyh],
.erp-sidebar-section-title[b-x8k2ohoiyh],
.erp-sidebar-footer span[b-x8k2ohoiyh] {
    color: #667085;
    font-size: 12px;
    font-weight: 900;
}

.erp-sidebar-account strong[b-x8k2ohoiyh] {
    display: block;
    min-width: 0;
    margin-top: 6px;
    overflow: hidden;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-sidebar-account small[b-x8k2ohoiyh] {
    display: block;
    margin-top: 4px;
    color: #123f35;
    font-size: 12px;
    font-weight: 800;
}

.erp-sidebar-section-title[b-x8k2ohoiyh] {
    padding: 2px 16px 8px;
}

.erp-menu[b-x8k2ohoiyh] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 0 10px 12px;
}

.erp-menu-group[b-x8k2ohoiyh] {
    margin-bottom: 12px;
}

.erp-menu-group-title[b-x8k2ohoiyh] {
    padding: 7px 8px;
    color: #8a94a6;
    font-size: 12px;
    font-weight: 900;
}

.erp-menu-item[b-x8k2ohoiyh] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0;
    padding: 8px 9px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #475467;
    cursor: pointer;
    text-align: left;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.erp-menu-item:hover[b-x8k2ohoiyh],
.erp-menu-item:focus-visible[b-x8k2ohoiyh] {
    border-color: #d9c474;
    background: #fff7d6;
    color: #123f35;
    outline: none;
}

.erp-menu-item.is-open[b-x8k2ohoiyh] {
    color: #123f35;
}

.erp-menu-item.is-active[b-x8k2ohoiyh] {
    border-color: #c5d6cc;
    background: #edf5ef;
    color: #0b3129;
}

.erp-menu-icon[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #eef2f7;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
}

.erp-menu-item.is-active .erp-menu-icon[b-x8k2ohoiyh],
.erp-menu-item:hover .erp-menu-icon[b-x8k2ohoiyh],
.erp-menu-item:focus-visible .erp-menu-icon[b-x8k2ohoiyh] {
    background: #123f35;
    color: #f2c94c;
}

.erp-menu-text[b-x8k2ohoiyh] {
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-sidebar-footer[b-x8k2ohoiyh] {
    margin: 0 12px 12px;
    padding: 12px;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #fbfcfe;
}

.erp-sidebar-footer strong[b-x8k2ohoiyh] {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 13px;
    font-weight: 900;
}

[b-x8k2ohoiyh] .erp-sidebar-logout-button {
    width: 100%;
    margin-top: 12px;
    border-radius: 7px;
    font-weight: 900;
}

.erp-workspace[b-x8k2ohoiyh] {
    flex: 1;
    min-width: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.erp-topbar[b-x8k2ohoiyh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 9px 14px;
    border-bottom: 1px solid #d8dee8;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
    z-index: 35;
}

.erp-sidebar-toggle[b-x8k2ohoiyh] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #ffffff;
    color: #123f35;
    cursor: pointer;
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.erp-sidebar-toggle:hover[b-x8k2ohoiyh],
.erp-sidebar-toggle:focus-visible[b-x8k2ohoiyh] {
    border-color: #123f35;
    background: #edf5ef;
    outline: none;
}

.erp-page-head[b-x8k2ohoiyh] {
    min-width: 160px;
}

.erp-page-kicker[b-x8k2ohoiyh] {
    color: #667085;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
}

.erp-page-title[b-x8k2ohoiyh] {
    margin-top: 3px;
    color: #111827;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
}

.erp-toolbar-scroll[b-x8k2ohoiyh] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 3px 2px;
    scrollbar-width: thin;
}

[b-x8k2ohoiyh] .erp-toolbar-button {
    flex: 0 0 auto;
    min-width: max-content;
    white-space: nowrap;
    border-radius: 7px;
    font-weight: 800;
}

.erp-user-area[b-x8k2ohoiyh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
}

.erp-user-chip[b-x8k2ohoiyh],
.erp-tenant-chip[b-x8k2ohoiyh],
.erp-role-chip[b-x8k2ohoiyh] {
    border-radius: 999px;
    border: 1px solid #d8dee8;
    background: #f8fafc;
    color: #475467;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}

.erp-user-chip[b-x8k2ohoiyh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 10px;
}

.erp-user-chip strong[b-x8k2ohoiyh] {
    color: #111827;
    font-size: 13px;
}

.erp-tenant-chip[b-x8k2ohoiyh],
.erp-role-chip[b-x8k2ohoiyh] {
    padding: 7px 10px;
}

.erp-role-chip[b-x8k2ohoiyh] {
    color: #123f35;
    font-weight: 900;
}

[b-x8k2ohoiyh] .erp-logout-button {
    flex: 0 0 auto;
    min-width: max-content;
    border-radius: 7px;
    font-weight: 800;
}

.erp-message[b-x8k2ohoiyh] {
    padding: 9px 14px;
    border-bottom: 1px solid #ffd4d4;
    background: #fff1f1;
    color: #b42318;
    font-size: 13px;
    font-weight: 800;
}

.erp-tabs[b-x8k2ohoiyh] {
    position: relative;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 43px;
    padding: 7px 10px;
    border-bottom: 1px solid #d8dee8;
    background: #f8fafc;
    overflow: hidden;
    white-space: nowrap;
}

.erp-tab-list[b-x8k2ohoiyh] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.erp-tab-actions[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding-left: 8px;
    border-left: 1px solid #d8dee8;
    background: #f8fafc;
}

[b-x8k2ohoiyh] .erp-close-all-button {
    border-radius: 7px;
    font-weight: 900;
}

.erp-tab[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 230px;
    min-height: 30px;
    padding: 5px 8px;
    border: 1px solid #d8dee8;
    border-radius: 7px;
    background: #ffffff;
    color: #475467;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.erp-tab.is-active[b-x8k2ohoiyh] {
    border-color: #123f35;
    background: #edf5ef;
    color: #0b3129;
}

.erp-tab.is-full-active[b-x8k2ohoiyh] {
    box-shadow: inset 0 0 0 1px rgba(18, 63, 53, .18);
}

.erp-tab.is-popup[b-x8k2ohoiyh] {
    border-style: dashed;
}

.erp-tab.is-minimized[b-x8k2ohoiyh] {
    opacity: .72;
    background: #f2f4f7;
}

.erp-tab.is-dragging[b-x8k2ohoiyh] {
    opacity: .82;
    border-color: #b68a10;
    background: #fff7d6;
    cursor: grabbing;
    transform: translateY(1px);
}

.erp-tab-icon[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    font-size: 12px;
}

.erp-tab-title[b-x8k2ohoiyh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 850;
    font-size: 13px;
}

.erp-tab-badge[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    border: 1px solid #d9c474;
    border-radius: 999px;
    background: #fff7d6;
    color: #123f35;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 900;
}

.erp-tab-close[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
}

.erp-tab-close:hover[b-x8k2ohoiyh],
.erp-tab-close:focus-visible[b-x8k2ohoiyh] {
    background: rgba(15, 23, 42, .08);
    outline: none;
}

.erp-stage[b-x8k2ohoiyh] {
    position: relative;
    z-index: 5;
    flex: 1;
    min-height: 0;
    padding: 12px;
    overflow: auto;
}

.erp-stage-grid[b-x8k2ohoiyh] {
    min-height: 100%;
    display: grid;
    gap: 10px;
}

.erp-stage-grid.single[b-x8k2ohoiyh] {
    grid-template-columns: minmax(0, 1fr);
}

.erp-stage-grid.split-two[b-x8k2ohoiyh],
.erp-stage-grid.split-many[b-x8k2ohoiyh] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.erp-window-panel[b-x8k2ohoiyh] {
    min-width: 0;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.erp-window-panel.is-active[b-x8k2ohoiyh] {
    border-color: #123f35;
    box-shadow: 0 0 0 2px rgba(18, 63, 53, .12), 0 14px 30px rgba(15, 23, 42, .09);
}

.erp-window-panel.is-hidden[b-x8k2ohoiyh] {
    display: none;
}

.erp-window-panel-header[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px 7px 13px;
    border-bottom: 1px solid #e6ebf2;
    background: #fbfcfe;
}

.erp-window-panel-title[b-x8k2ohoiyh] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.erp-window-panel-title span[b-x8k2ohoiyh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-window-panel-title small[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    border-radius: 999px;
    background: #fff7d6;
    color: #123f35;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 900;
}

.erp-window-panel-actions[b-x8k2ohoiyh] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 4px;
}

.erp-window-panel-actions button[b-x8k2ohoiyh] {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid #d8dee8;
    border-radius: 6px;
    background: #ffffff;
    color: #475467;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
}

.erp-window-panel-actions button:hover[b-x8k2ohoiyh],
.erp-window-panel-actions button:focus-visible[b-x8k2ohoiyh] {
    border-color: #123f35;
    color: #123f35;
    outline: none;
}

.erp-window-panel-body[b-x8k2ohoiyh] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 10px;
    background: #f8fafc;
}

.erp-empty-state[b-x8k2ohoiyh],
.erp-view-message[b-x8k2ohoiyh] {
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #ffffff;
    padding: 22px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.erp-empty-state h3[b-x8k2ohoiyh],
.erp-view-message h4[b-x8k2ohoiyh] {
    margin: 0 0 8px;
    color: #111827;
}

.erp-empty-state p[b-x8k2ohoiyh] {
    margin: 0;
    color: #667085;
}

.erp-view-message-danger[b-x8k2ohoiyh] {
    border-color: #ffd4d4;
    background: #fff8f8;
    color: #b42318;
}

.erp-window-tools[b-x8k2ohoiyh] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.erp-popup-header[b-x8k2ohoiyh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

.erp-popup-title[b-x8k2ohoiyh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 900;
}

.erp-popup-body[b-x8k2ohoiyh] {
    overflow: auto;
    height: 100%;
    background: #f8fafc;
}

[b-x8k2ohoiyh] .erp-mdi-popup-window.is-active {
    box-shadow: 0 0 0 2px rgba(18, 63, 53, .18), 0 18px 40px rgba(15, 23, 42, .18);
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn,
[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-button,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-button {
    border-radius: 6px;
    border-color: #cfd8e3;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
    font-weight: 800;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn:hover,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn:hover,
[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-button:hover,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-button:hover {
    border-color: #123f35;
    box-shadow: 0 3px 8px rgba(15, 23, 42, .13);
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn:focus-visible,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn:focus-visible,
[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-button:focus-visible,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-button:focus-visible {
    outline: 2px solid rgba(18, 63, 53, .28);
    outline-offset: 2px;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn-primary,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn-primary {
    background-color: #123f35;
    border-color: #123f35;
    color: #ffffff;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn-primary:hover,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn-primary:hover {
    background-color: #0b3129;
    border-color: #0b3129;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn-success,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn-success {
    background-color: #247256;
    border-color: #247256;
    color: #ffffff;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn-danger,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn-danger {
    background-color: #c83f3f;
    border-color: #c83f3f;
    color: #ffffff;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn-warning,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn-warning {
    background-color: #f3c44e;
    border-color: #f3c44e;
    color: #25312d;
}

[b-x8k2ohoiyh] .erp-window-panel-body .dxbl-btn-secondary,
[b-x8k2ohoiyh] .erp-popup-body .dxbl-btn-secondary {
    background-color: #fff7d6;
    border-color: #d9c474;
    color: #123f35;
}

[b-x8k2ohoiyh] .erp-window-panel-body button:not(.erp-tab-close),
[b-x8k2ohoiyh] .erp-popup-body button:not(.erp-tab-close) {
    border-radius: 6px;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

@media (max-width: 1080px) {
    .erp-shell[b-x8k2ohoiyh] {
        flex-direction: column;
        overflow: hidden;
    }

    .erp-sidebar[b-x8k2ohoiyh] {
        flex: 0 0 auto;
        width: 100%;
        min-height: auto;
        max-height: 220px;
        border-right: 0;
        border-bottom: 1px solid #d8dee8;
    }

    .erp-shell.is-sidebar-collapsed .erp-sidebar[b-x8k2ohoiyh] {
        width: 100%;
        max-height: 0;
        border-bottom: 0;
    }

    .erp-sidebar-brand[b-x8k2ohoiyh],
    .erp-sidebar-account[b-x8k2ohoiyh] {
        display: none;
    }

    .erp-sidebar-footer[b-x8k2ohoiyh] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin: 0 10px 10px;
        padding: 9px 10px;
    }

    .erp-sidebar-footer strong[b-x8k2ohoiyh] {
        margin-top: 0;
    }

    [b-x8k2ohoiyh] .erp-sidebar-logout-button {
        width: auto;
        margin-top: 0;
        flex: 0 0 auto;
    }

    .erp-sidebar-section-title[b-x8k2ohoiyh] {
        padding: 9px 12px 4px;
    }

    .erp-menu[b-x8k2ohoiyh] {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 0 10px 10px;
    }

    .erp-menu-group[b-x8k2ohoiyh] {
        flex: 0 0 auto;
        min-width: 190px;
        margin-bottom: 0;
    }

    .erp-workspace[b-x8k2ohoiyh] {
        height: calc(100vh - 126px);
    }

    .erp-topbar[b-x8k2ohoiyh] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: stretch;
        gap: 8px;
    }

    .erp-user-area[b-x8k2ohoiyh] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 2px;
    }
}

@media (max-width: 760px) {
    .erp-menu-group[b-x8k2ohoiyh] {
        min-width: 170px;
    }

    .erp-page-head[b-x8k2ohoiyh] {
        min-width: 0;
    }

    .erp-toolbar-scroll[b-x8k2ohoiyh] {
        padding-bottom: 5px;
    }

    .erp-stage[b-x8k2ohoiyh] {
        padding: 8px;
    }

    .erp-stage-grid.split-two[b-x8k2ohoiyh],
    .erp-stage-grid.split-many[b-x8k2ohoiyh] {
        grid-template-columns: 1fr;
    }

    .erp-tenant-chip[b-x8k2ohoiyh],
    .erp-role-chip[b-x8k2ohoiyh] {
        display: none;
    }
}

@media (max-width: 520px) {
    .erp-topbar[b-x8k2ohoiyh] {
        padding: 8px;
    }

    .erp-tabs[b-x8k2ohoiyh] {
        padding-inline: 8px;
    }

    .erp-tab[b-x8k2ohoiyh] {
        max-width: 190px;
    }

    .erp-window-panel-body[b-x8k2ohoiyh] {
        padding: 8px;
    }
}
 .erp-splash-overlay[b-x8k2ohoiyh] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 250, 252, 0.86);
    backdrop-filter: blur(2px);
}

.erp-splash-box[b-x8k2ohoiyh] {
    width: 320px;
    padding: 24px 26px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.18);
    text-align: center;
}

.erp-splash-spinner[b-x8k2ohoiyh] {
    width: 38px;
    height: 38px;
    margin: 0 auto 14px;
    border: 4px solid #dbe4ee;
    border-top-color: #123f35;
    border-radius: 50%;
    animation: erp-splash-spin-b-x8k2ohoiyh 0.8s linear infinite;
}

.erp-splash-title[b-x8k2ohoiyh] {
    color: #0f172a;
    font-size: 15px;
    font-weight: 900;
}

.erp-splash-text[b-x8k2ohoiyh] {
    margin-top: 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

@keyframes erp-splash-spin-b-x8k2ohoiyh {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-t0x05angyj] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(135deg, rgba(18, 51, 44, .08), rgba(217, 111, 50, .08)),
        #f7f8f4;
    padding: 28px;
    box-sizing: border-box;
}

.login-shell[b-t0x05angyj] {
    width: min(980px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    box-shadow: 0 22px 52px rgba(25, 39, 33, .13);
}

.login-intro[b-t0x05angyj] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 520px;
    padding: 42px;
    background:
        linear-gradient(145deg, rgba(18, 51, 44, .94), rgba(28, 77, 65, .92)),
        #12332c;
    color: #ffffff;
}

.login-brand[b-t0x05angyj] {
    width: fit-content;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    color: #f8d58a;
    font-size: 13px;
    font-weight: 800;
}

.login-intro h1[b-t0x05angyj] {
    margin: 56px 0 14px;
    font-size: 40px;
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: 0;
}

.login-intro p[b-t0x05angyj] {
    max-width: 430px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    line-height: 1.7;
}

.sindo-entry-btn[b-t0x05angyj] {
    width: 100%;
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 42px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    color: #ffffff;
    text-align: left;
    cursor: pointer;
}

.sindo-entry-btn:hover[b-t0x05angyj],
.sindo-entry-btn:focus-visible[b-t0x05angyj] {
    background: rgba(255, 255, 255, .16);
    outline: none;
}

.sindo-entry-btn b[b-t0x05angyj],
.sindo-entry-btn small[b-t0x05angyj] {
    display: block;
}

.sindo-entry-btn b[b-t0x05angyj] {
    font-size: 17px;
    font-weight: 900;
}

.sindo-entry-btn small[b-t0x05angyj] {
    margin-top: 5px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.45;
}

.entry-arrow[b-t0x05angyj] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #d96f32;
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
}

.login-card[b-t0x05angyj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px 38px;
    box-sizing: border-box;
}

.login-kicker[b-t0x05angyj] {
    width: fit-content;
    margin-bottom: 13px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4f1;
    color: #235143;
    font-size: 12px;
    font-weight: 900;
}

.login-title[b-t0x05angyj] {
    margin-bottom: 6px;
    color: #1f2c28;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0;
}

.login-subtitle[b-t0x05angyj] {
    margin-bottom: 24px;
    color: #68736f;
    font-size: 14px;
    line-height: 1.5;
}

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

[b-t0x05angyj] .login-btn,
[b-t0x05angyj] .signup-btn,
[b-t0x05angyj] .sindo-btn {
    width: 100%;
    min-height: 42px;
    border-radius: 8px;
    font-weight: 800;
}

[b-t0x05angyj] .login-btn {
    background: #d96f32;
    border-color: #d96f32;
    color: #ffffff;
}

.login-actions[b-t0x05angyj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.account-help-actions[b-t0x05angyj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #8b948f;
    font-size: 13px;
    font-weight: 800;
}

.account-help-actions button[b-t0x05angyj],
.back-login-btn[b-t0x05angyj],
.found-id-btn[b-t0x05angyj] {
    border: 0;
    background: transparent;
    color: #235143;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.account-help-actions button:hover[b-t0x05angyj],
.account-help-actions button:focus-visible[b-t0x05angyj],
.back-login-btn:hover[b-t0x05angyj],
.back-login-btn:focus-visible[b-t0x05angyj],
.found-id-btn:hover[b-t0x05angyj],
.found-id-btn:focus-visible[b-t0x05angyj] {
    color: #d96f32;
    outline: none;
}

.account-help-actions span[b-t0x05angyj] {
    width: 1px;
    height: 14px;
    background: #dfe4dc;
}

.recovery-form[b-t0x05angyj] {
    display: grid;
    gap: 14px;
}

.recovery-field[b-t0x05angyj] {
    display: grid;
    gap: 7px;
}

.recovery-field label[b-t0x05angyj] {
    color: #394842;
    font-size: 13px;
    font-weight: 900;
}

.found-list[b-t0x05angyj] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid #d8e5dd;
    border-radius: 8px;
    background: #f5faf7;
}

.found-list-title[b-t0x05angyj] {
    color: #235143;
    font-size: 12px;
    font-weight: 900;
}

.found-id-btn[b-t0x05angyj] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #cbdcd3;
    border-radius: 8px;
    background: #ffffff;
    text-align: left;
}

.back-login-btn[b-t0x05angyj] {
    justify-self: center;
    margin-top: 2px;
}

[b-t0x05angyj] .signup-btn {
    background: #f1f3f0;
    border-color: #dfe4dc;
    color: #2f3d38;
}

[b-t0x05angyj] .sindo-signup-btn {
    background: #fff6ed;
    border-color: #f2d2b6;
    color: #8a4317;
}

[b-t0x05angyj] .sindo-btn {
    background: #eef4f1;
    border-color: #d5e2dc;
    color: #235143;
}

[b-t0x05angyj] .login-action-wide {
    grid-column: 1 / -1;
}

.login-message[b-t0x05angyj] {
    min-height: 22px;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.login-message.error[b-t0x05angyj] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

.login-message.success[b-t0x05angyj] {
    background: #effaf2;
    color: #176b34;
    border: 1px solid #ccebd4;
}

@media (max-width: 760px) {
    .login-page[b-t0x05angyj] {
        align-items: stretch;
        padding: 14px;
    }

    .login-shell[b-t0x05angyj] {
        grid-template-columns: 1fr;
    }

    .login-intro[b-t0x05angyj] {
        min-height: auto;
        padding: 28px 22px;
    }

    .login-intro h1[b-t0x05angyj] {
        margin-top: 34px;
        font-size: 32px;
    }

    .login-card[b-t0x05angyj] {
        padding: 28px 22px;
    }
}

@media (max-width: 420px) {
    .login-actions[b-t0x05angyj] {
        grid-template-columns: 1fr;
    }

    .login-intro h1[b-t0x05angyj] {
        font-size: 29px;
    }
}
/* /Components/Pages/Signup.razor.rz.scp.css */
.signup-page[b-5ygu5n080l] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    box-sizing: border-box;
    background:
        linear-gradient(135deg, rgba(18, 51, 44, .08), rgba(217, 111, 50, .08)),
        #f7f8f4;
}

.signup-shell[b-5ygu5n080l] {
    width: min(1120px, 100%);
    display: grid;
    grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
    overflow: hidden;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 22px 52px rgba(25, 39, 33, .13);
}

.signup-hero[b-5ygu5n080l] {
    min-height: 640px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    padding: 42px;
    color: #ffffff;
    background:
        linear-gradient(145deg, rgba(18, 51, 44, .95), rgba(28, 77, 65, .92)),
        #12332c;
}

.signup-brand[b-5ygu5n080l] {
    width: fit-content;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    color: #f8d58a;
    font-size: 13px;
    font-weight: 900;
}

.signup-kicker[b-5ygu5n080l] {
    width: fit-content;
    margin-bottom: 16px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #f8d58a;
    font-size: 12px;
    font-weight: 900;
}

.signup-hero h1[b-5ygu5n080l] {
    max-width: 440px;
    margin: 0;
    font-size: 38px;
    line-height: 1.16;
    font-weight: 900;
    letter-spacing: 0;
}

.signup-hero p[b-5ygu5n080l] {
    max-width: 420px;
    margin: 16px 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: 15px;
    line-height: 1.72;
}

.signup-steps[b-5ygu5n080l] {
    display: grid;
    gap: 10px;
}

.signup-steps div[b-5ygu5n080l] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .86);
    font-size: 13px;
    font-weight: 800;
}

.signup-steps span[b-5ygu5n080l] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #d96f32;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.signup-card[b-5ygu5n080l] {
    min-width: 0;
    padding: 38px;
    box-sizing: border-box;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfcfa 100%);
}

.signup-header[b-5ygu5n080l] {
    margin-bottom: 22px;
}

.signup-badge[b-5ygu5n080l] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4f1;
    color: #235143;
    font-size: 12px;
    font-weight: 900;
}

.signup-header h2[b-5ygu5n080l] {
    margin: 0;
    color: #1f2c28;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0;
}

.signup-header p[b-5ygu5n080l] {
    margin: 8px 0 0;
    color: #68736f;
    font-size: 14px;
    line-height: 1.55;
}

.signup-type-box[b-5ygu5n080l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.type-card[b-5ygu5n080l] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    min-height: 118px;
    padding: 16px;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    background: #ffffff;
    color: #1f2c28;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.type-card:hover[b-5ygu5n080l],
.type-card:focus-visible[b-5ygu5n080l] {
    border-color: #bdd0c7;
    box-shadow: 0 12px 28px rgba(25, 39, 33, .08);
    outline: none;
}

.type-card.active[b-5ygu5n080l] {
    border-color: #235143;
    background: linear-gradient(180deg, #f7fbf8 0%, #ffffff 100%);
    box-shadow: 0 0 0 3px rgba(35, 81, 67, .12);
}

.type-mark[b-5ygu5n080l] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #eef4f1;
    color: #235143;
    font-size: 17px;
    font-weight: 900;
}

.type-card.active .type-mark[b-5ygu5n080l] {
    background: #235143;
    color: #ffffff;
}

.type-title[b-5ygu5n080l] {
    margin-bottom: 6px;
    color: #1f2c28;
    font-size: 16px;
    font-weight: 900;
}

.type-desc[b-5ygu5n080l] {
    margin-bottom: 10px;
    color: #68736f;
    font-size: 13px;
    line-height: 1.45;
}

.type-flow[b-5ygu5n080l] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f1f3f0;
    color: #40504a;
    font-size: 12px;
    font-weight: 900;
}

.type-card.active .type-flow[b-5ygu5n080l] {
    background: #fff6ed;
    color: #8a4317;
}

.signup-empty-guide[b-5ygu5n080l] {
    margin-top: 14px;
    padding: 18px;
    border: 1px dashed #cbd9d2;
    border-radius: 8px;
    background: #f7faf8;
    color: #52605b;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
}

.signup-enter-scope[b-5ygu5n080l] {
    margin-top: 4px;
    padding: 18px;
    border: 1px solid #e3e8e1;
    border-radius: 8px;
    background: #ffffff;
}

.signup-form[b-5ygu5n080l] {
    width: 100%;
}

[b-5ygu5n080l] .signup-form .dxbl-fl-cpt {
    color: #394842;
    font-size: 13px;
    font-weight: 900;
}

[b-5ygu5n080l] .signup-form .dxbl-text-edit {
    min-height: 40px;
    border-radius: 8px;
}

[b-5ygu5n080l] .signup-form .dxbl-text-edit:focus-within {
    border-color: #235143;
    box-shadow: 0 0 0 3px rgba(35, 81, 67, .12);
}

.signup-actions[b-5ygu5n080l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 10px;
    margin-top: 8px;
}

[b-5ygu5n080l] .signup-main-btn,
[b-5ygu5n080l] .signup-sub-btn {
    width: 100%;
    min-height: 42px;
    border-radius: 8px;
    font-weight: 900;
}

[b-5ygu5n080l] .signup-main-btn {
    background: #d96f32;
    border-color: #d96f32;
    color: #ffffff;
}

[b-5ygu5n080l] .signup-main-btn:hover {
    background: #c95f24;
    border-color: #c95f24;
}

[b-5ygu5n080l] .signup-sub-btn {
    background: #f1f3f0;
    border-color: #dfe4dc;
    color: #2f3d38;
}

.signup-message[b-5ygu5n080l] {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.signup-message.success[b-5ygu5n080l] {
    background: #effaf2;
    color: #176b34;
    border: 1px solid #ccebd4;
}

.signup-message.error[b-5ygu5n080l] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

@media (max-width: 880px) {
    .signup-page[b-5ygu5n080l] {
        align-items: stretch;
        padding: 14px;
    }

    .signup-shell[b-5ygu5n080l] {
        grid-template-columns: 1fr;
    }

    .signup-hero[b-5ygu5n080l] {
        min-height: auto;
        padding: 28px 22px;
    }

    .signup-hero h1[b-5ygu5n080l] {
        font-size: 31px;
    }

    .signup-steps[b-5ygu5n080l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .signup-card[b-5ygu5n080l] {
        padding: 28px 22px;
    }
}

@media (max-width: 640px) {
    .signup-type-box[b-5ygu5n080l],
    .signup-actions[b-5ygu5n080l],
    .signup-steps[b-5ygu5n080l] {
        grid-template-columns: 1fr;
    }

    .signup-header h2[b-5ygu5n080l] {
        font-size: 25px;
    }

    .type-card[b-5ygu5n080l] {
        min-height: auto;
    }

    .signup-enter-scope[b-5ygu5n080l] {
        padding: 14px;
    }
}
/* /Components/Views/Admin/MobileBeophoeApprovalView.razor.rz.scp.css */
.mobile-beophoe-approval[b-fkrpbske1w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 100%;
    padding: 12px;
    background: #f7f4ee;
}

.approval-head[b-fkrpbske1w],
.approval-detail[b-fkrpbske1w],
.approval-grid-wrap[b-fkrpbske1w] {
    border: 1px solid #eadfce;
    border-radius: 8px;
    background: #fff;
    padding: 14px;
}

.approval-head[b-fkrpbske1w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.approval-head h3[b-fkrpbske1w] {
    margin: 0;
    color: #163d31;
    font-size: 18px;
    font-weight: 900;
}

.approval-head p[b-fkrpbske1w] {
    margin: 5px 0 0;
    color: #746b5c;
    font-size: 13px;
}

.approval-message[b-fkrpbske1w] {
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
}

.approval-message.is-ok[b-fkrpbske1w] {
    background: #eefaf2;
    color: #146c2e;
    border: 1px solid #ccebd4;
}

.approval-message.is-error[b-fkrpbske1w] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

.approval-grid-wrap[b-fkrpbske1w] {
    min-height: 360px;
}

.approval-grid[b-fkrpbske1w] {
    min-height: 320px;
}

.approval-detail[b-fkrpbske1w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.approval-empty[b-fkrpbske1w] {
    color: #746b5c;
    font-weight: 800;
}

.detail-title[b-fkrpbske1w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #163d31;
}

.detail-title strong[b-fkrpbske1w] {
    font-size: 16px;
}

.detail-title span[b-fkrpbske1w] {
    color: #9b612f;
    font-weight: 900;
}

.detail-row[b-fkrpbske1w] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid #f0e8dd;
    padding-top: 9px;
}

.detail-row span[b-fkrpbske1w] {
    flex: 0 0 90px;
    color: #746b5c;
    font-weight: 900;
}

.detail-row b[b-fkrpbske1w] {
    flex: 1;
    color: #2b2b2b;
    text-align: right;
    white-space: pre-wrap;
}

.approval-actions[b-fkrpbske1w] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid #f0e8dd;
    padding-top: 12px;
}
/* /Components/Views/Admin/MobileNotificationSendView.razor.rz.scp.css */
.mobile-notify-root[b-28vaonu705] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    box-sizing: border-box;
    background:
        linear-gradient(180deg, rgba(247, 243, 234, .86), rgba(247, 248, 244, .96)),
        #f7f8f4;
    color: #1f2c28;
}

.notify-hero[b-28vaonu705] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(25, 39, 33, .08);
}

.notify-kicker[b-28vaonu705] {
    width: fit-content;
    margin-bottom: 8px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef4f1;
    color: #235143;
    font-size: 12px;
    font-weight: 900;
}

.notify-hero h2[b-28vaonu705] {
    margin: 0;
    color: #1f2c28;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0;
}

.notify-hero p[b-28vaonu705] {
    max-width: 680px;
    margin: 7px 0 0;
    color: #68736f;
    font-size: 13px;
    line-height: 1.55;
}

.hero-actions[b-28vaonu705] {
    flex: 0 0 auto;
}

.notify-metrics[b-28vaonu705] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.metric-card[b-28vaonu705] {
    min-height: 78px;
    padding: 13px 15px;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(25, 39, 33, .05);
}

.metric-card.active[b-28vaonu705] {
    border-color: #dfb48d;
    background: #fff8f0;
}

.metric-card span[b-28vaonu705],
.metric-card small[b-28vaonu705] {
    display: block;
    color: #68736f;
    font-size: 12px;
    font-weight: 800;
}

.metric-card b[b-28vaonu705] {
    display: block;
    margin: 4px 0 3px;
    color: #1f2c28;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
}

.notify-layout[b-28vaonu705] {
    min-height: 0;
    flex: 1;
    display: grid;
    grid-template-columns: minmax(560px, 1.25fr) minmax(420px, .75fr);
    gap: 14px;
}

.notify-panel[b-28vaonu705] {
    min-width: 0;
    min-height: 0;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(25, 39, 33, .07);
}

.permission-panel[b-28vaonu705] {
    padding: 18px;
}

.permission-panel b[b-28vaonu705] {
    color: #1f2c28;
    font-size: 16px;
}

.permission-panel p[b-28vaonu705] {
    margin: 7px 0 0;
    color: #68736f;
}

.target-panel[b-28vaonu705],
.compose-panel[b-28vaonu705] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 15px;
}

.panel-heading[b-28vaonu705],
.grid-toolbar[b-28vaonu705],
.selected-list-heading[b-28vaonu705],
.send-footer[b-28vaonu705] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.panel-heading > div[b-28vaonu705],
.grid-toolbar > div[b-28vaonu705],
.send-footer > div[b-28vaonu705] {
    min-width: 0;
}

.panel-heading b[b-28vaonu705],
.grid-toolbar b[b-28vaonu705],
.selected-list-heading b[b-28vaonu705],
.send-footer b[b-28vaonu705] {
    color: #1f2c28;
    font-size: 15px;
    font-weight: 900;
}

.panel-heading small[b-28vaonu705],
.grid-toolbar span[b-28vaonu705],
.send-footer span[b-28vaonu705] {
    display: block;
    margin-top: 3px;
    color: #68736f;
    font-size: 12px;
    line-height: 1.45;
}

.step-badge[b-28vaonu705] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    border-radius: 7px;
    background: #12332c;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.mode-tabs[b-28vaonu705] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.mode-tab[b-28vaonu705] {
    min-height: 72px;
    padding: 11px 12px;
    border: 1px solid #dfe4dc;
    border-radius: 8px;
    background: #f8faf7;
    color: #2f3d38;
    text-align: left;
    cursor: pointer;
}

.mode-tab.active[b-28vaonu705] {
    border-color: #d96f32;
    background: #fff6ef;
    box-shadow: inset 0 0 0 1px rgba(217, 111, 50, .16);
}

.mode-tab b[b-28vaonu705],
.mode-tab span[b-28vaonu705] {
    display: block;
}

.mode-tab b[b-28vaonu705] {
    font-size: 14px;
    font-weight: 900;
}

.mode-tab span[b-28vaonu705] {
    margin-top: 5px;
    color: #68736f;
    font-size: 12px;
    line-height: 1.35;
}

.control-card[b-28vaonu705],
.compose-card[b-28vaonu705] {
    display: grid;
    gap: 12px;
    padding: 13px;
    border: 1px solid #e5e8e1;
    border-radius: 8px;
    background: #fbfcfa;
}

.all-card[b-28vaonu705] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.all-card b[b-28vaonu705] {
    color: #1f2c28;
    font-size: 14px;
    font-weight: 900;
}

.all-card p[b-28vaonu705] {
    margin: 4px 0 0;
    color: #68736f;
    font-size: 12px;
    line-height: 1.45;
}

.form-row[b-28vaonu705] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-row label[b-28vaonu705] {
    color: #34443f;
    font-size: 13px;
    font-weight: 900;
}

.inline-row[b-28vaonu705] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.grid-actions[b-28vaonu705] {
    flex: 0 0 auto;
}

.notify-grid[b-28vaonu705],
.notify-selected-grid[b-28vaonu705] {
    min-height: 0;
}

[b-28vaonu705] .notify-grid,
[b-28vaonu705] .notify-selected-grid {
    border-radius: 8px;
}

.push-badge[b-28vaonu705] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.push-badge.ready[b-28vaonu705] {
    background: #effaf2;
    color: #176b34;
}

.push-badge.muted[b-28vaonu705] {
    background: #f1f3f0;
    color: #737d79;
}

.preview-card[b-28vaonu705] {
    padding: 12px;
    border: 1px solid #e4dcc8;
    border-radius: 8px;
    background: #fffaf0;
}

.preview-card span[b-28vaonu705] {
    display: block;
    margin-bottom: 7px;
    color: #8a4317;
    font-size: 12px;
    font-weight: 900;
}

.preview-card b[b-28vaonu705] {
    display: block;
    color: #1f2c28;
    font-size: 15px;
    line-height: 1.35;
}

.preview-card p[b-28vaonu705] {
    margin: 6px 0 0;
    color: #5c665f;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.target-summary[b-28vaonu705] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.target-summary > div[b-28vaonu705] {
    padding: 10px 11px;
    border: 1px solid #e5e8e1;
    border-radius: 8px;
    background: #fbfcfa;
}

.target-summary span[b-28vaonu705],
.target-summary b[b-28vaonu705] {
    display: block;
}

.target-summary span[b-28vaonu705] {
    color: #68736f;
    font-size: 12px;
    font-weight: 800;
}

.target-summary b[b-28vaonu705] {
    margin-top: 4px;
    color: #1f2c28;
    font-size: 18px;
    font-weight: 900;
}

.empty-state[b-28vaonu705] {
    display: grid;
    place-items: center;
    gap: 5px;
    min-height: 178px;
    padding: 18px;
    border: 1px dashed #d9dfd6;
    border-radius: 8px;
    background: #fbfcfa;
    text-align: center;
}

.empty-state.compact[b-28vaonu705] {
    min-height: 110px;
}

.empty-state b[b-28vaonu705] {
    color: #1f2c28;
    font-size: 14px;
    font-weight: 900;
}

.empty-state span[b-28vaonu705] {
    color: #68736f;
    font-size: 13px;
}

.send-footer[b-28vaonu705] {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf0ea;
}

.notify-msg[b-28vaonu705] {
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.notify-ok[b-28vaonu705] {
    background: #effaf2;
    color: #176b34;
    border: 1px solid #ccebd4;
}

.notify-error[b-28vaonu705] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

@media (max-width: 1180px) {
    .notify-layout[b-28vaonu705] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .mobile-notify-root[b-28vaonu705] {
        padding: 12px;
    }

    .notify-hero[b-28vaonu705],
    .panel-heading[b-28vaonu705],
    .grid-toolbar[b-28vaonu705],
    .send-footer[b-28vaonu705] {
        align-items: stretch;
        flex-direction: column;
    }

    .notify-metrics[b-28vaonu705],
    .mode-tabs[b-28vaonu705],
    .target-summary[b-28vaonu705],
    .inline-row[b-28vaonu705],
    .all-card[b-28vaonu705] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Views/Admin/SignupApprovalView.razor.rz.scp.css */
.signup-approval-page[b-9axvgwgg89] {
    height: 100%;
    padding: 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.approval-header[b-9axvgwgg89] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .approval-header h3[b-9axvgwgg89] {
        margin: 0;
    }

.approval-subtitle[b-9axvgwgg89] {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}

.approval-message[b-9axvgwgg89] {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

    .approval-message.success[b-9axvgwgg89] {
        background: #eefaf0;
        border-color: #b8dfbd;
    }

    .approval-message.error[b-9axvgwgg89] {
        background: #fff1f1;
        border-color: #e4b5b5;
        color: #a00000;
    }

.approval-grid[b-9axvgwgg89] {
    flex: 1 1 auto;
    min-height: 0;
}

.approval-actions[b-9axvgwgg89] {
    display: flex;
    gap: 6px;
}

.reject-box[b-9axvgwgg89] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reject-target[b-9axvgwgg89] {
    font-size: 14px;
}

.reject-actions[b-9axvgwgg89] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Views/Admin/TempleLinkApprovalView.razor.rz.scp.css */
.approval-root[b-50tfdqtd9h] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    background: #f5f6f8;
}

.approval-header[b-50tfdqtd9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
}

    .approval-header h3[b-50tfdqtd9h] {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
    }

    .approval-header p[b-50tfdqtd9h] {
        margin: 4px 0 0 0;
        font-size: 13px;
        color: #666;
    }

.approval-msg[b-50tfdqtd9h] {
    flex: 0 0 auto;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    border: 1px solid transparent;
}

.approval-ok[b-50tfdqtd9h] {
    color: #155724;
    background: #d4edda;
    border-color: #c3e6cb;
}

.approval-error[b-50tfdqtd9h] {
    color: #721c24;
    background: #f8d7da;
    border-color: #f5c6cb;
}

.approval-split[b-50tfdqtd9h] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(420px, 0.95fr) minmax(520px, 1.15fr);
    gap: 12px;
    overflow: hidden;
}

.approval-left[b-50tfdqtd9h],
.approval-right[b-50tfdqtd9h] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.approval-right[b-50tfdqtd9h] {
    overflow-y: auto;
    padding-right: 2px;
}

.approval-card[b-50tfdqtd9h] {
    flex: 0 0 auto;
    min-width: 0;
    background: #fff;
    border: 1px solid #dcdfe5;
    border-radius: 10px;
    padding: 12px;
    box-sizing: border-box;
}

.approval-empty[b-50tfdqtd9h] {
    color: #555;
}

    .approval-empty p[b-50tfdqtd9h] {
        margin: 6px 0 0 0;
        color: #777;
        font-size: 13px;
    }

.approval-section-title[b-50tfdqtd9h] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 14px;
}

    .approval-section-title span[b-50tfdqtd9h] {
        color: #666;
        font-size: 12px;
    }

.approval-grid[b-50tfdqtd9h] {
    flex: 1 1 auto;
    min-height: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.approval-sub-grid[b-50tfdqtd9h] {
    height: 250px;
    min-height: 250px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.approval-info-grid[b-50tfdqtd9h] {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 7px 10px;
    font-size: 13px;
}

    .approval-info-grid > div:nth-child(odd)[b-50tfdqtd9h] {
        color: #666;
        font-weight: 600;
    }

    .approval-info-grid > div:nth-child(even)[b-50tfdqtd9h] {
        min-width: 0;
        color: #222;
        word-break: break-all;
    }

.approval-search-row[b-50tfdqtd9h] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.approval-search-box[b-50tfdqtd9h] {
    flex: 1 1 auto;
    min-width: 0;
}

.approval-new-row[b-50tfdqtd9h] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
}

    .approval-new-row label[b-50tfdqtd9h] {
        color: #555;
        font-weight: 600;
    }

.approval-prefix-box[b-50tfdqtd9h] {
    max-width: 90px;
}

.approval-input-wide[b-50tfdqtd9h] {
    width: 100%;
}

.approval-button-row[b-50tfdqtd9h] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

@media (max-width: 1100px) {
    .approval-root[b-50tfdqtd9h] {
        overflow-y: auto;
    }

    .approval-split[b-50tfdqtd9h] {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .approval-left[b-50tfdqtd9h],
    .approval-right[b-50tfdqtd9h] {
        overflow: visible;
    }

    .approval-grid[b-50tfdqtd9h] {
        height: 360px;
        flex: 0 0 auto;
    }
}
/* /Components/Views/Bub/BeophoeCodeManagePopup.razor.rz.scp.css */
.beophoe-code-popup-root[b-g10ftxsuhu] {
    display: flex;
    gap: 10px;
    height: 100%;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
}

.beophoe-code-left[b-g10ftxsuhu] {
    width: 78px;
    min-width: 78px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.beophoe-code-right[b-g10ftxsuhu] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.popup-title-row[b-g10ftxsuhu] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 6px;
    border-bottom: 2px solid #f0b8c0;
    flex: 0 0 auto;
}

.popup-title[b-g10ftxsuhu] {
    font-size: 18px;
    font-weight: 700;
    color: #9c2fa8;
    letter-spacing: 1px;
}

.editor-panel[b-g10ftxsuhu] {
    border: 1px solid #efc7c7;
    padding: 6px;
    background: #fff;
    flex: 0 0 auto;
}

.type-row[b-g10ftxsuhu] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
}

.type-cap[b-g10ftxsuhu] {
    width: 100px;
}

.type-editor[b-g10ftxsuhu] {
    width: 140px;
}

.header-row[b-g10ftxsuhu] {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 4px;
    margin-bottom: 4px;
}

.header-cell[b-g10ftxsuhu] {
    height: 28px;
    border: 1px solid #8f8f8f;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    white-space: nowrap;
}

.input-row[b-g10ftxsuhu] {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 4px;
    align-items: center;
}

.name-col[b-g10ftxsuhu] {
    min-width: 0;
}

.fee-col[b-g10ftxsuhu] {
    width: 110px;
    min-width: 110px;
}

.cap[b-g10ftxsuhu] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    border: 1px solid #8f8f8f;
    background: #efefef;
    font-weight: 700;
    white-space: nowrap;
}

.edit[b-g10ftxsuhu] {
    height: 28px;
    min-width: 0;
    display: flex;
    align-items: center;
}

.gap-left[b-g10ftxsuhu] {
    margin-left: 10px;
}

.flex-1[b-g10ftxsuhu] {
    flex: 1 1 auto;
    min-width: 0;
}

.w-100[b-g10ftxsuhu] {
    width: 100%;
}

.w-120[b-g10ftxsuhu] {
    width: 120px;
}

.w-180[b-g10ftxsuhu] {
    width: 180px;
}

.mt-8[b-g10ftxsuhu] {
    margin-top: 8px;
}

.grid-panel[b-g10ftxsuhu] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    border: 1px solid #a5a5a5;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.msg-row[b-g10ftxsuhu] {
    font-size: 12px;
    color: #666;
    padding: 2px 2px 0 2px;
    flex: 0 0 auto;
}

[b-g10ftxsuhu] .beophoe-code-left .dxbl-btn {
    min-height: 40px;
    font-weight: 700;
}

[b-g10ftxsuhu] .beophoe-code-grid,
[b-g10ftxsuhu] .beophoe-code-grid > .dxbl-grid,
[b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-root,
[b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-wrapper,
[b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-content {
    height: 100%;
    min-height: 0;
    width: 100%;
}

    [b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-table th {
        text-align: center;
        white-space: nowrap;
    }

    [b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-table td {
        text-align: left;
        white-space: nowrap;
    }

        [b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-table td:last-child,
        [b-g10ftxsuhu] .beophoe-code-grid .dxbl-grid-table th:last-child {
            text-align: right;
        }

[b-g10ftxsuhu] .type-editor .dxbl-text-edit,
[b-g10ftxsuhu] .input-row .dxbl-text-edit,
[b-g10ftxsuhu] .input-row .dxbl-spin-edit {
    height: 28px;
}
/* /Components/Views/Bub/BeophoeDongchamView.razor.rz.scp.css */
.erp-view-root[b-3lbg51qc6n] {
    display: flex;
    gap: 10px;
    height: 100%;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
}

.erp-view-left[b-3lbg51qc6n] {
    width: 96px;
    min-width: 96px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.erp-view-right[b-3lbg51qc6n] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-title-row[b-3lbg51qc6n] {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 6px;
    border-bottom: 1px solid #e5caca;
    flex: 0 0 auto;
}

.page-title[b-3lbg51qc6n] {
    font-size: 20px;
    font-weight: 700;
    color: #9c2fa8;
    letter-spacing: 2px;
}

.panel-box[b-3lbg51qc6n] {
    border: 1px solid #efc7c7;
    padding: 8px;
    background: #fff;
    flex: 0 0 auto;
    min-height: 0;
    overflow: hidden;
}

.erp-line[b-3lbg51qc6n] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex-wrap: wrap;
}

.cell[b-3lbg51qc6n] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.label[b-3lbg51qc6n] {
    justify-content: center;
    font-weight: 600;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    height: 32px;
    white-space: nowrap;
    flex: 0 0 auto;
}

.editor[b-3lbg51qc6n] {
    height: 32px;
    min-width: 0;
}

.check-cell[b-3lbg51qc6n] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

.line-spacer[b-3lbg51qc6n] {
    flex: 1 1 auto;
    min-width: 0;
}

.gap-left[b-3lbg51qc6n] {
    margin-left: 10px;
}

.flex-1[b-3lbg51qc6n] {
    flex: 1 1 auto;
    min-width: 0;
}

.flex-07[b-3lbg51qc6n] {
    flex: 0.7 1 180px;
    min-width: 120px;
}

.flex-08[b-3lbg51qc6n] {
    flex: 0.8 1 220px;
    min-width: 140px;
}

.w-60[b-3lbg51qc6n] {
    width: 60px;
}

.w-90[b-3lbg51qc6n] {
    width: 90px;
}

.w-100[b-3lbg51qc6n] {
    width: 100%;
}

.w-110[b-3lbg51qc6n] {
    width: 110px;
}

.w-120[b-3lbg51qc6n] {
    width: 120px;
}

.w-130[b-3lbg51qc6n] {
    width: 130px;
}

.w-140[b-3lbg51qc6n] {
    width: 140px;
}

.w-150[b-3lbg51qc6n] {
    width: 150px;
}

.w-180[b-3lbg51qc6n] {
    width: 180px;
}

.grid-panel[b-3lbg51qc6n] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    border: 1px solid #cfcfcf;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.summary-row[b-3lbg51qc6n] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
}

.summary-box[b-3lbg51qc6n] {
    display: flex;
    align-items: stretch;
    min-width: 180px;
    border: 1px solid #cfcfcf;
}

.sum-label[b-3lbg51qc6n] {
    width: 80px;
    background: #f7f1cf;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-right: 1px solid #cfcfcf;
}

.sum-value[b-3lbg51qc6n] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 10px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #fffde8;
}

.msg-row[b-3lbg51qc6n] {
    font-size: 12px;
    color: #555;
    padding: 4px 2px;
    flex: 0 0 auto;
}

[b-3lbg51qc6n] .beophoe-grid,
[b-3lbg51qc6n] .beophoe-grid > .dxbl-grid,
[b-3lbg51qc6n] .beophoe-grid .dxbl-grid-root,
[b-3lbg51qc6n] .beophoe-grid .dxbl-grid-wrapper,
[b-3lbg51qc6n] .beophoe-grid .dxbl-grid-content {
    height: 100%;
    min-height: 0;
    width: 100%;
}

    [b-3lbg51qc6n] .beophoe-grid .dxbl-grid-table th {
        text-align: center;
        white-space: nowrap;
    }

    [b-3lbg51qc6n] .beophoe-grid .dxbl-grid-table td {
        text-align: center;
        white-space: normal;
        word-break: break-word;
    }
/* /Components/Views/Bub/BeophoeDongchamView2.razor.rz.scp.css */
.erp-view-root[b-7ong1gifij] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

.erp-view-left[b-7ong1gifij] {
    flex: 0 0 96px;
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
}

.erp-view-right[b-7ong1gifij] {
    flex: 1 1 auto;
    width: calc(100% - 106px);
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-title-row[b-7ong1gifij] {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 6px;
    border-bottom: 1px solid #e5caca;
    flex: 0 0 auto;
}

.page-title[b-7ong1gifij] {
    font-size: 20px;
    font-weight: 700;
    color: #9c2fa8;
    letter-spacing: 2px;
}

.panel-box[b-7ong1gifij] {
    border: 1px solid #efc7c7;
    padding: 8px;
    background: #fff;
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.panel-box.is-editing[b-7ong1gifij] {
    border: 2px solid #93c5fd;
    background: #eff6ff;
}

.erp-line[b-7ong1gifij] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex-wrap: wrap;
}

.cell[b-7ong1gifij] {
    display: flex;
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
}

.label[b-7ong1gifij] {
    justify-content: center;
    font-weight: 600;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    height: 32px;
    white-space: nowrap;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.editor[b-7ong1gifij] {
    height: 32px;
    min-width: 0;
    box-sizing: border-box;
}

[b-7ong1gifij] .money-edit input,
[b-7ong1gifij] .beophoe-grid td:nth-child(8),
[b-7ong1gifij] .beophoe-grid td:nth-child(9),
[b-7ong1gifij] .beophoe-grid td:nth-child(11) {
    text-align: right !important;
}

.check-cell[b-7ong1gifij] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

.line-spacer[b-7ong1gifij] {
    flex: 1 1 auto;
    min-width: 0;
}

.gap-left[b-7ong1gifij] {
    margin-left: 10px;
}

.flex-1[b-7ong1gifij] {
    flex: 1 1 auto;
    min-width: 0;
}

.flex-07[b-7ong1gifij] {
    flex: 0.7 1 180px;
    min-width: 120px;
}

.flex-08[b-7ong1gifij] {
    flex: 0.8 1 220px;
    min-width: 140px;
}

.w-60[b-7ong1gifij] {
    width: 60px;
    min-width: 60px;
}

.w-90[b-7ong1gifij] {
    width: 90px;
    min-width: 90px;
}

.w-100[b-7ong1gifij] {
    width: 100%;
}

.w-110[b-7ong1gifij] {
    width: 110px;
    min-width: 110px;
}

.w-120[b-7ong1gifij] {
    width: 120px;
    min-width: 120px;
}

.w-130[b-7ong1gifij] {
    width: 130px;
    min-width: 130px;
}

.w-140[b-7ong1gifij] {
    width: 140px;
    min-width: 140px;
}

.w-150[b-7ong1gifij] {
    width: 150px;
    min-width: 150px;
}

.w-180[b-7ong1gifij] {
    width: 180px;
    min-width: 180px;
}

.partial-family-popup[b-7ong1gifij] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
}

.partial-family-head[b-7ong1gifij] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 14px;
    border: 1px solid #d9dee8;
    background: #f9fafb;
    box-sizing: border-box;
}

.partial-family-count[b-7ong1gifij] {
    flex: 0 0 auto;
    min-width: 86px;
    padding: 6px 10px;
    border: 1px solid #cfd6e3;
    background: #fff;
    color: #1f2937;
    text-align: center;
    font-weight: 700;
    box-sizing: border-box;
}

.partial-family-toolbar[b-7ong1gifij],
.partial-family-footer[b-7ong1gifij] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
}

.partial-family-title[b-7ong1gifij] {
    font-weight: 600;
    color: #111827;
    min-width: 0;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partial-family-actions[b-7ong1gifij],
.partial-family-footer[b-7ong1gifij] {
    justify-content: flex-end;
}

.partial-family-actions[b-7ong1gifij] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.partial-family-grid[b-7ong1gifij] {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid #d9dee8;
    background: #fff;
}

.partial-family-check[b-7ong1gifij] {
    display: flex;
    justify-content: flex-end;
    padding-right: 12px;
}

[b-7ong1gifij] .partial-family-grid,
[b-7ong1gifij] .partial-family-grid > .dxbl-grid,
[b-7ong1gifij] .partial-family-grid .dxbl-grid-root,
[b-7ong1gifij] .partial-family-grid .dxbl-grid-wrapper,
[b-7ong1gifij] .partial-family-grid .dxbl-grid-content {
    width: 100%;
    height: 100%;
    min-height: 0;
}

[b-7ong1gifij] .partial-family-grid .dxbl-grid-table th,
[b-7ong1gifij] .partial-family-grid .dxbl-grid-table td {
    vertical-align: middle;
}

.partial-family-footer[b-7ong1gifij] {
    padding-top: 2px;
    justify-content: flex-end;
}

.partial-family-footer-actions[b-7ong1gifij] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid #d9dee8;
    background: #f9fafb;
    box-sizing: border-box;
}

[b-7ong1gifij] .partial-family-action-button {
    min-width: 86px;
}

.grid-panel[b-7ong1gifij] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    border: 1px solid #cfcfcf;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.summary-row[b-7ong1gifij] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
}

.summary-box[b-7ong1gifij] {
    display: flex;
    align-items: stretch;
    min-width: 180px;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}

.sum-label[b-7ong1gifij] {
    width: 80px;
    min-width: 80px;
    background: #f7f1cf;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-right: 1px solid #cfcfcf;
}

.sum-value[b-7ong1gifij] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 10px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #fffde8;
    box-sizing: border-box;
}

.msg-row[b-7ong1gifij] {
    font-size: 12px;
    color: #555;
    padding: 4px 2px;
    flex: 0 0 auto;
}

[b-7ong1gifij] .beophoe-grid {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
}

    [b-7ong1gifij] .beophoe-grid > .dxbl-grid,
    [b-7ong1gifij] .beophoe-grid .dxbl-grid-root,
    [b-7ong1gifij] .beophoe-grid .dxbl-grid-wrapper,
    [b-7ong1gifij] .beophoe-grid .dxbl-grid-content {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
    }

    [b-7ong1gifij] .beophoe-grid .dxbl-grid-table {
        width: 100%;
    }

        [b-7ong1gifij] .beophoe-grid .dxbl-grid-table th {
            text-align: center;
            white-space: nowrap;
        }

        [b-7ong1gifij] .beophoe-grid .dxbl-grid-table td {
            text-align: center;
            white-space: normal;
            word-break: break-word;
        }
/* /Components/Views/Bub/BeophoePaymentPopup.razor.rz.scp.css */
.pay-popup-root[b-m5b7pxrkku] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
    background: #f3f3f3;
}

.pay-popup-title[b-m5b7pxrkku] {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    flex: 0 0 auto;
}

.pay-popup-panel[b-m5b7pxrkku] {
    border: 1px solid #bdbdbd;
    background: #fff;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-height: 0;
}

.pay-row[b-m5b7pxrkku] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cap[b-m5b7pxrkku] {
    height: 32px;
    border: 1px solid #8d8d8d;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    white-space: nowrap;
}

    .cap.pink[b-m5b7pxrkku] {
        background: #f2d9dd;
    }

.edit[b-m5b7pxrkku] {
    height: 32px;
    min-width: 0;
    display: flex;
    align-items: center;
}

.pay-grid-wrap[b-m5b7pxrkku] {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid #b5b5b5;
    overflow: hidden;
}

.pay-popup-buttons[b-m5b7pxrkku] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    flex: 0 0 auto;
}

.flex-1[b-m5b7pxrkku] {
    flex: 1 1 auto;
    min-width: 0;
}

.w-100[b-m5b7pxrkku] {
    width: 100%;
}

.w-120[b-m5b7pxrkku] {
    width: 120px;
}

.w-140[b-m5b7pxrkku] {
    width: 140px;
}

.w-160[b-m5b7pxrkku] {
    width: 160px;
}

.mt-4[b-m5b7pxrkku] {
    margin-top: 4px;
}

.mt-8[b-m5b7pxrkku] {
    margin-top: 8px;
}

[b-m5b7pxrkku] .pay-grid,
[b-m5b7pxrkku] .pay-grid > .dxbl-grid,
[b-m5b7pxrkku] .pay-grid .dxbl-grid-root,
[b-m5b7pxrkku] .pay-grid .dxbl-grid-wrapper,
[b-m5b7pxrkku] .pay-grid .dxbl-grid-content {
    height: 100%;
    min-height: 0;
    width: 100%;
}
/* /Components/Views/Bub/BeophoeSearchPopup.razor.rz.scp.css */
.beophoe-search-root[b-m2i73hlnb8] {
    --lookup-border: #d8dee8;
    --lookup-border-strong: #c5d6cc;
    --lookup-bg: #f2f0e8;
    --lookup-panel: #ffffff;
    --lookup-panel-soft: #f8fafc;
    --lookup-text: #1f2937;
    --lookup-muted: #667085;
    --lookup-green: #123f35;
    --lookup-green-soft: #edf5ef;
    --lookup-gold: #f2c94c;
    --lookup-hover: #f8fafc;
    --lookup-selected: #edf5ef;
    --lookup-focused: #dfeee5;
    --lookup-focused-active: #cfe5d6;

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 10px;
    gap: 10px;
    box-sizing: border-box;
    background: var(--lookup-bg);
    color: var(--lookup-text);
    overflow: hidden;
}

.beophoe-search-title[b-m2i73hlnb8] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--lookup-border);
    border-left: 5px solid var(--lookup-green);
    background: var(--lookup-panel);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .04);
    flex: 0 0 auto;
    min-width: 0;
}

.title-text[b-m2i73hlnb8] {
    color: var(--lookup-green);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
}

.beophoe-search-body[b-m2i73hlnb8] {
    display: flex;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.left-panel[b-m2i73hlnb8],
.right-panel[b-m2i73hlnb8] {
    min-height: 0;
    border: 1px solid var(--lookup-border);
    background: var(--lookup-panel);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
    box-sizing: border-box;
    overflow: hidden;
}

.left-panel[b-m2i73hlnb8] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px;
    display: flex;
    flex-direction: column;
}

.right-panel[b-m2i73hlnb8] {
    width: 470px;
    min-width: 470px;
    flex: 0 0 470px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.guide-box[b-m2i73hlnb8] {
    border: 1px solid var(--lookup-border);
    background: var(--lookup-panel-soft);
    color: var(--lookup-muted);
    text-align: left;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.right-middle[b-m2i73hlnb8] {
    display: flex;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.date-grid-wrap[b-m2i73hlnb8] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--lookup-border);
    background: var(--lookup-panel);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

.right-buttons[b-m2i73hlnb8] {
    width: 112px;
    min-width: 112px;
    flex: 0 0 112px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
}

.bottom-bar[b-m2i73hlnb8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--lookup-border);
    background: var(--lookup-panel);
    box-sizing: border-box;
}

.bottom-left[b-m2i73hlnb8],
.bottom-right[b-m2i73hlnb8] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.bottom-left[b-m2i73hlnb8] {
    flex-wrap: wrap;
}

.search-label[b-m2i73hlnb8] {
    width: 96px;
    height: 30px;
    border: 1px solid var(--lookup-border);
    background: var(--lookup-green-soft);
    color: var(--lookup-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    box-sizing: border-box;
    flex: 0 0 auto;
}

.search-editor[b-m2i73hlnb8] {
    width: 170px;
    flex: 0 0 auto;
}

.search-btn[b-m2i73hlnb8],
.order-btn[b-m2i73hlnb8] {
    width: 86px;
    flex: 0 0 auto;
}

.arrow-box[b-m2i73hlnb8] {
    display: flex;
    height: 30px;
    border: 1px solid var(--lookup-border);
    background: var(--lookup-panel-soft);
    overflow: hidden;
    flex: 0 0 auto;
}

.mini-arrow[b-m2i73hlnb8] {
    width: 30px;
    border: 0;
    background: transparent;
    color: var(--lookup-muted);
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
    flex: 0 0 30px;
}

.mini-arrow:hover[b-m2i73hlnb8] {
    background: var(--lookup-green-soft);
    color: var(--lookup-green);
}

.mini-arrow.red[b-m2i73hlnb8] {
    border-right: 1px solid var(--lookup-border);
}

.mini-arrow.blue[b-m2i73hlnb8] {
    color: #475467;
}

.cmd-btn[b-m2i73hlnb8] {
    min-width: 112px;
}

.msg-line[b-m2i73hlnb8] {
    font-size: 12px;
    color: var(--lookup-muted);
    padding-left: 2px;
    flex: 0 0 auto;
    min-width: 0;
    font-weight: 800;
}

.left-panel[b-m2i73hlnb8],
.date-grid-wrap[b-m2i73hlnb8] {
    transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.left-panel:focus[b-m2i73hlnb8],
.date-grid-wrap:focus[b-m2i73hlnb8] {
    outline: none;
}

.left-panel.pane-active[b-m2i73hlnb8],
.date-grid-wrap.pane-active[b-m2i73hlnb8] {
    border-color: var(--lookup-green);
    box-shadow: inset 0 0 0 1px rgba(18, 63, 53, .22), 0 4px 14px rgba(15, 23, 42, .04);
}

.left-panel.pane-inactive[b-m2i73hlnb8],
.date-grid-wrap.pane-inactive[b-m2i73hlnb8] {
    border-color: var(--lookup-border);
    box-shadow: none;
}

.bottom-bar[b-m2i73hlnb8]  .dxbl-btn,
.right-buttons[b-m2i73hlnb8]  .dxbl-btn,
[b-m2i73hlnb8] .lookup-action-btn,
[b-m2i73hlnb8] .lookup-toolbar-btn,
[b-m2i73hlnb8] .lookup-command-btn {
    min-height: 30px !important;
    border: 1px solid var(--lookup-border) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #475467 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.bottom-bar[b-m2i73hlnb8]  .dxbl-btn:hover,
.right-buttons[b-m2i73hlnb8]  .dxbl-btn:hover,
[b-m2i73hlnb8] .lookup-action-btn:hover,
[b-m2i73hlnb8] .lookup-toolbar-btn:hover,
[b-m2i73hlnb8] .lookup-command-btn:hover {
    border-color: var(--lookup-green) !important;
    background: var(--lookup-green-soft) !important;
    color: var(--lookup-green) !important;
}

[b-m2i73hlnb8] .lookup-action-btn {
    min-height: 42px !important;
}

[b-m2i73hlnb8] .lookup-command-btn {
    min-width: 112px !important;
}

.bottom-bar[b-m2i73hlnb8]  .dxbl-btn:disabled,
.right-buttons[b-m2i73hlnb8]  .dxbl-btn:disabled,
[b-m2i73hlnb8] .lookup-action-btn:disabled,
[b-m2i73hlnb8] .lookup-toolbar-btn:disabled,
[b-m2i73hlnb8] .lookup-command-btn:disabled,
.bottom-bar[b-m2i73hlnb8]  .dxbl-btn.dxbl-disabled,
.right-buttons[b-m2i73hlnb8]  .dxbl-btn.dxbl-disabled,
[b-m2i73hlnb8] .lookup-action-btn.dxbl-disabled,
[b-m2i73hlnb8] .lookup-toolbar-btn.dxbl-disabled,
[b-m2i73hlnb8] .lookup-command-btn.dxbl-disabled,
.bottom-bar[b-m2i73hlnb8]  .dxbl-btn[aria-disabled="true"],
.right-buttons[b-m2i73hlnb8]  .dxbl-btn[aria-disabled="true"],
[b-m2i73hlnb8] .lookup-action-btn[aria-disabled="true"],
[b-m2i73hlnb8] .lookup-toolbar-btn[aria-disabled="true"],
[b-m2i73hlnb8] .lookup-command-btn[aria-disabled="true"] {
    border-color: #e3e7ef !important;
    background: #f3f5f7 !important;
    color: #9aa3b2 !important;
    box-shadow: none !important;
}

[b-m2i73hlnb8] .beophoe-main-grid,
[b-m2i73hlnb8] .beophoe-date-grid {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    font-size: 12px;
}

[b-m2i73hlnb8] .beophoe-main-grid > div,
[b-m2i73hlnb8] .beophoe-date-grid > div,
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid,
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-root,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-root,
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-wrapper,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-wrapper,
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-content,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-content {
    min-height: 0;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-content,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-content,
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-scroll-viewer,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-scroll-viewer {
    background: var(--lookup-panel);
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-table {
    user-select: none;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table th,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-table th {
    height: 30px;
    border-bottom-color: var(--lookup-border) !important;
    background: var(--lookup-panel-soft) !important;
    color: var(--lookup-text);
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table td,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-table td {
    height: 28px;
    color: var(--lookup-text);
    text-align: center;
    white-space: nowrap;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table td:nth-child(3),
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table th:nth-child(3) {
    text-align: left;
    padding-left: 10px;
}

[b-m2i73hlnb8] .beophoe-main-grid tbody tr:hover > td,
[b-m2i73hlnb8] .beophoe-date-grid tbody tr:hover > td {
    background-color: var(--lookup-hover) !important;
    color: var(--lookup-text) !important;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-selected-row > td,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-selected-row > td {
    background-color: var(--lookup-selected) !important;
    color: var(--lookup-green) !important;
    box-shadow: inset 3px 0 0 var(--lookup-green) !important;
    font-weight: 800;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-focused-row > td,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-focused-row > td {
    background-color: var(--lookup-focused) !important;
    color: var(--lookup-text) !important;
    box-shadow: inset 0 0 0 1px var(--lookup-border-strong), inset 3px 0 0 var(--lookup-green) !important;
}

.left-panel.pane-active[b-m2i73hlnb8]  .beophoe-main-grid .dxbl-grid-focused-row > td,
.date-grid-wrap.pane-active[b-m2i73hlnb8]  .beophoe-date-grid .dxbl-grid-focused-row > td {
    background-color: var(--lookup-focused-active) !important;
    color: var(--lookup-green) !important;
    box-shadow: inset 0 0 0 1px var(--lookup-green), inset 3px 0 0 var(--lookup-green) !important;
    font-weight: 900;
}

.left-panel.pane-inactive[b-m2i73hlnb8]  .beophoe-main-grid .dxbl-grid-focused-row > td,
.date-grid-wrap.pane-inactive[b-m2i73hlnb8]  .beophoe-date-grid .dxbl-grid-focused-row > td {
    background-color: var(--lookup-selected) !important;
    color: var(--lookup-green) !important;
    box-shadow: inset 3px 0 0 var(--lookup-border-strong) !important;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-empty-data-area,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-empty-data-area,
[b-m2i73hlnb8] .beophoe-main-grid [class*="empty" i],
[b-m2i73hlnb8] .beophoe-date-grid [class*="empty" i] {
    background: transparent !important;
    color: var(--lookup-muted);
    box-shadow: none !important;
}

[b-m2i73hlnb8] .beophoe-main-grid tr[class*="empty" i]:hover > td,
[b-m2i73hlnb8] .beophoe-date-grid tr[class*="empty" i]:hover > td,
[b-m2i73hlnb8] .beophoe-main-grid td[class*="empty" i]:hover,
[b-m2i73hlnb8] .beophoe-date-grid td[class*="empty" i]:hover {
    background: transparent !important;
    color: var(--lookup-muted) !important;
    box-shadow: none !important;
}

[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-empty-data-area,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-empty-data-area {
    pointer-events: none;
}
/* /Components/Views/HomeView.razor.rz.scp.css */
.admin-home[b-nzqpfybjbb] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #1f2937;
}

.admin-home-overview[b-nzqpfybjbb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 14px;
    align-items: stretch;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(18, 63, 53, .10), rgba(242, 201, 76, .12)),
        #ffffff;
    padding: 22px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.admin-overview-copy[b-nzqpfybjbb] {
    min-width: 0;
}

.admin-eyebrow[b-nzqpfybjbb] {
    width: fit-content;
    margin-bottom: 12px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid #d9c474;
    background: #fff7d6;
    color: #123f35;
    font-size: 12px;
    font-weight: 900;
}

.admin-home-overview h2[b-nzqpfybjbb] {
    margin: 0;
    color: #111827;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -.02em;
}

.admin-home-overview p[b-nzqpfybjbb] {
    max-width: 720px;
    margin: 9px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.65;
}

.admin-overview-meta[b-nzqpfybjbb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #f8fafc;
    padding: 16px;
}

.admin-overview-meta span[b-nzqpfybjbb],
.admin-metric-card span[b-nzqpfybjbb],
.admin-panel-header span[b-nzqpfybjbb] {
    color: #667085;
    font-size: 12px;
    font-weight: 900;
}

.admin-overview-meta strong[b-nzqpfybjbb] {
    margin-top: 8px;
    color: #111827;
    font-size: 24px;
    font-weight: 900;
}

.admin-overview-meta small[b-nzqpfybjbb] {
    margin-top: 6px;
    color: #123f35;
    font-size: 12px;
    font-weight: 800;
}

.admin-metric-grid[b-nzqpfybjbb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-metric-card[b-nzqpfybjbb] {
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
}

.admin-metric-card strong[b-nzqpfybjbb] {
    min-width: 0;
    overflow: hidden;
    color: #111827;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-metric-card small[b-nzqpfybjbb] {
    color: #7a8494;
    font-size: 12px;
    font-weight: 700;
}

.admin-dashboard-grid[b-nzqpfybjbb] {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(0, 2fr);
    gap: 10px;
}

.admin-table-grid[b-nzqpfybjbb] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 10px;
}

.admin-panel[b-nzqpfybjbb] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
    overflow: hidden;
}

.admin-panel-header[b-nzqpfybjbb] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid #e6ebf2;
    background: #fbfcfe;
}

.admin-panel-header div[b-nzqpfybjbb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.admin-panel-header strong[b-nzqpfybjbb] {
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.admin-panel-header small[b-nzqpfybjbb] {
    flex: 0 0 auto;
    color: #123f35;
    font-size: 12px;
    font-weight: 900;
}

.admin-status-list[b-nzqpfybjbb] {
    display: grid;
    gap: 0;
    padding: 6px 14px 14px;
}

.admin-status-row[b-nzqpfybjbb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 18px 0;
    border-bottom: 1px solid #edf1f6;
}

.admin-status-row:last-child[b-nzqpfybjbb] {
    border-bottom: 0;
}

.admin-status-row span[b-nzqpfybjbb] {
    color: #475467;
    font-size: 13px;
    font-weight: 800;
}

.admin-status-row strong[b-nzqpfybjbb] {
    color: #111827;
    font-size: 18px;
    font-weight: 900;
}

.admin-chart[b-nzqpfybjbb] {
    min-height: 180px;
    display: grid;
    grid-template-columns: repeat(7, minmax(34px, 1fr));
    align-items: end;
    gap: 12px;
    padding: 24px 22px 10px;
}

.admin-chart-column[b-nzqpfybjbb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.admin-chart-bars[b-nzqpfybjbb] {
    height: 104px;
    display: flex;
    align-items: end;
    gap: 5px;
}

.admin-bar[b-nzqpfybjbb] {
    width: 16px;
    display: block;
    border-radius: 5px 5px 0 0;
}

.admin-bar-primary[b-nzqpfybjbb] {
    background: #123f35;
}

.admin-bar-secondary[b-nzqpfybjbb] {
    background: #f2c94c;
}

.admin-chart-column small[b-nzqpfybjbb] {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

.admin-chart-legend[b-nzqpfybjbb] {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 0 16px 16px;
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

.admin-chart-legend span[b-nzqpfybjbb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.admin-chart-legend i[b-nzqpfybjbb] {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 3px;
}

.admin-chart-legend i.primary[b-nzqpfybjbb] {
    background: #123f35;
}

.admin-chart-legend i.secondary[b-nzqpfybjbb] {
    background: #f2c94c;
}

.admin-table[b-nzqpfybjbb] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.admin-table td[b-nzqpfybjbb] {
    padding: 11px 14px;
    border-bottom: 1px solid #edf1f6;
    color: #475467;
    font-size: 13px;
    line-height: 1.35;
    vertical-align: middle;
}

.admin-table tr:last-child td[b-nzqpfybjbb] {
    border-bottom: 0;
}

.admin-table td:first-child[b-nzqpfybjbb] {
    width: 86px;
    color: #123f35;
    font-weight: 900;
}

.admin-table td:last-child[b-nzqpfybjbb] {
    width: 70px;
    color: #667085;
    text-align: right;
    font-size: 12px;
    font-weight: 800;
}

.admin-queue-table td:first-child[b-nzqpfybjbb] {
    width: auto;
    color: #475467;
}

.admin-pill[b-nzqpfybjbb] {
    display: inline-flex;
    justify-content: center;
    min-width: 44px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff7d6;
    color: #123f35;
    font-size: 12px;
    font-weight: 900;
}

.admin-pill.is-muted[b-nzqpfybjbb] {
    background: #f2f4f7;
    color: #667085;
}

.admin-guide-grid[b-nzqpfybjbb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-guide-card[b-nzqpfybjbb] {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #ffffff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
}

.admin-guide-icon[b-nzqpfybjbb] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 2px solid #123f35;
    border-radius: 16px;
    color: #123f35;
    font-size: 21px;
    font-weight: 900;
}

.admin-guide-card strong[b-nzqpfybjbb] {
    color: #111827;
    font-size: 15px;
    font-weight: 900;
}

.admin-guide-card span[b-nzqpfybjbb] {
    max-width: 220px;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 1180px) {
    .admin-metric-grid[b-nzqpfybjbb],
    .admin-guide-grid[b-nzqpfybjbb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-dashboard-grid[b-nzqpfybjbb],
    .admin-table-grid[b-nzqpfybjbb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admin-home-overview[b-nzqpfybjbb],
    .admin-metric-grid[b-nzqpfybjbb],
    .admin-guide-grid[b-nzqpfybjbb] {
        grid-template-columns: 1fr;
    }

    .admin-home-overview[b-nzqpfybjbb] {
        padding: 16px;
    }

    .admin-home-overview h2[b-nzqpfybjbb] {
        font-size: 21px;
    }

    .admin-chart[b-nzqpfybjbb] {
        gap: 8px;
        padding-inline: 12px;
    }

    .admin-bar[b-nzqpfybjbb] {
        width: 12px;
    }

    .admin-table td[b-nzqpfybjbb] {
        padding-inline: 10px;
    }
}
/* /Components/Views/Mobile/UserHome.razor.rz.scp.css */
.user-home-page[b-j13p9letop] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.welcome-card[b-j13p9letop] {
    padding: 24px 20px;
    border-radius: 22px;
    background: linear-gradient(135deg, #6b5b2a, #9b8440);
    color: white;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .12);
}

.welcome-badge[b-j13p9letop] {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 10px;
}

.welcome-card h2[b-j13p9letop] {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
}

.welcome-card p[b-j13p9letop] {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.55;
    opacity: .92;
}

.status-card[b-j13p9letop],
.notice-card[b-j13p9letop] {
    padding: 18px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .045);
}

    .status-card h3[b-j13p9letop],
    .notice-card h3[b-j13p9letop] {
        margin: 0 0 12px 0;
        font-size: 17px;
        font-weight: 900;
        color: #222;
    }

.status-row[b-j13p9letop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

    .status-row:last-child[b-j13p9letop] {
        border-bottom: 0;
    }

    .status-row span[b-j13p9letop] {
        color: #777;
        font-weight: 700;
    }

    .status-row b[b-j13p9letop] {
        color: #222;
        text-align: right;
    }

.status-ok[b-j13p9letop] {
    color: #176b34 !important;
}

.status-wait[b-j13p9letop] {
    color: #b36b00 !important;
}

.notice-card p[b-j13p9letop] {
    margin: 0;
    color: #666;
    line-height: 1.55;
    font-size: 14px;
}

.menu-grid[b-j13p9letop] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.menu-card[b-j13p9letop] {
    border: 0;
    text-align: left;
    background: #ffffff;
    border-radius: 18px;
    padding: 18px;
    min-height: 110px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .045);
    border: 1px solid rgba(0, 0, 0, .06);
}

    .menu-card:active[b-j13p9letop] {
        transform: scale(.99);
    }

.menu-title[b-j13p9letop] {
    font-size: 17px;
    font-weight: 900;
    color: #222;
    margin-bottom: 8px;
}

.menu-desc[b-j13p9letop] {
    font-size: 13px;
    color: #777;
    line-height: 1.45;
}

@@media (max-width: 700px) {
    .menu-grid[b-j13p9letop] {
        grid-template-columns: 1fr;
    }

    .welcome-card h2[b-j13p9letop] {
        font-size: 24px;
    }
}

/* /Components/Views/Mobile/UserLogin.razor.rz.scp.css */
.user-login-page[b-mxc3juwayd] {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.login-card[b-mxc3juwayd] {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 22px;
    padding: 24px 20px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .08);
    border: 1px solid rgba(0, 0, 0, .06);
}

.login-badge[b-mxc3juwayd] {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: #f3ead1;
    color: #6b5b2a;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 10px;
}

.login-card h2[b-mxc3juwayd] {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    color: #222;
}

.login-card p[b-mxc3juwayd] {
    margin: 10px 0 18px 0;
    color: #666;
    font-size: 14px;
    line-height: 1.55;
}

.login-field[b-mxc3juwayd] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 14px;
}

    .login-field label[b-mxc3juwayd] {
        font-size: 13px;
        font-weight: 800;
        color: #444;
    }

    .login-field input[b-mxc3juwayd] {
        height: 46px;
        border-radius: 13px;
        border: 1px solid #dddddd;
        padding: 0 13px;
        font-size: 15px;
        outline: none;
        background: #ffffff;
    }

        .login-field input:focus[b-mxc3juwayd] {
            border-color: #9b8440;
            box-shadow: 0 0 0 3px rgba(155, 132, 64, .16);
        }

.remember-row[b-mxc3juwayd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 16px 0;
    color: #555;
    font-size: 14px;
    font-weight: 700;
}

.login-button[b-mxc3juwayd] {
    width: 100%;
    height: 48px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #6b5b2a, #9b8440);
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

    .login-button:disabled[b-mxc3juwayd] {
        opacity: .65;
        cursor: not-allowed;
    }

.login-sub-button[b-mxc3juwayd] {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 14px;
    background: #f3f3f3;
    color: #444;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    margin-top: 10px;
}

.recovery-links[b-mxc3juwayd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 13px;
    color: #8a7a45;
    font-size: 13px;
    font-weight: 800;
}

    .recovery-links span[b-mxc3juwayd] {
        width: 1px;
        height: 12px;
        background: #d8cfb9;
    }

    .recovery-links button[b-mxc3juwayd] {
        border: 0;
        background: transparent;
        color: #6b5b2a;
        font: inherit;
        cursor: pointer;
        padding: 4px;
    }

        .recovery-links button:focus-visible[b-mxc3juwayd],
        .recovery-links button:hover[b-mxc3juwayd] {
            text-decoration: underline;
            outline: none;
        }

.recovery-panel[b-mxc3juwayd] {
    margin-top: 4px;
}

.found-list[b-mxc3juwayd] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #e4dcc8;
    border-radius: 12px;
    background: #fffaf0;
}

.found-list-title[b-mxc3juwayd] {
    color: #5c4d22;
    font-size: 13px;
    font-weight: 900;
}

.found-list button[b-mxc3juwayd] {
    min-height: 38px;
    border: 1px solid #d8cfb9;
    border-radius: 10px;
    background: #ffffff;
    color: #2d2718;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.login-message[b-mxc3juwayd] {
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
    line-height: 1.45;
}

.login-error[b-mxc3juwayd] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

.login-ok[b-mxc3juwayd] {
    background: #effaf2;
    color: #176b34;
    border: 1px solid #ccebd4;
}
/* /Components/Views/Mobile/UserMyInfo.razor.rz.scp.css */
.mobile-form-page[b-xp15zirsap] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mobile-card[b-xp15zirsap] {
    background: #fff;
    border: 1px solid #e6e1d6;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.page-head[b-xp15zirsap] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.page-head h2[b-xp15zirsap] {
    margin: 0;
    font-size: 20px;
}

.page-head p[b-xp15zirsap] {
    margin: 6px 0 0;
    color: #666;
    font-size: 13px;
}

.readonly-row[b-xp15zirsap] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid #f0ece3;
    font-size: 14px;
}

.readonly-row span[b-xp15zirsap] {
    color: #777;
}

.form-field[b-xp15zirsap] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 13px;
}

.form-field span[b-xp15zirsap] {
    font-size: 13px;
    font-weight: 700;
    color: #4e452f;
}

.form-field input[b-xp15zirsap] {
    height: 42px;
    border: 1px solid #d8d1c2;
    border-radius: 6px;
    padding: 0 11px;
    font-size: 15px;
    box-sizing: border-box;
}

.primary-btn[b-xp15zirsap],
.secondary-btn[b-xp15zirsap],
.ghost-btn[b-xp15zirsap] {
    height: 42px;
    border-radius: 6px;
    border: 0;
    padding: 0 14px;
    font-weight: 800;
    cursor: pointer;
}

.primary-btn[b-xp15zirsap] {
    width: 100%;
    margin-top: 16px;
    background: #5f542f;
    color: #fff;
}

.secondary-btn[b-xp15zirsap] {
    background: #ede6d8;
    color: #40371f;
}

.ghost-btn[b-xp15zirsap] {
    height: 34px;
    background: #f4efe5;
    color: #5a5136;
}

.message[b-xp15zirsap] {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    margin-bottom: 12px;
}

.message.ok[b-xp15zirsap] {
    background: #eef7ed;
    color: #1f642d;
}

.message.error[b-xp15zirsap] {
    background: #fff1f0;
    color: #9b1c1c;
}

.empty-state[b-xp15zirsap] {
    padding: 18px;
    background: #faf7ef;
    border-radius: 8px;
    color: #665d45;
}
/* /Components/Views/Mobile/UserNotifications.razor.rz.scp.css */
.notification-page[b-wjyll145v6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mobile-card[b-wjyll145v6] {
    background: #fff;
    border: 1px solid #e6e1d6;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}

.page-head[b-wjyll145v6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.page-head h2[b-wjyll145v6] {
    margin: 0;
    font-size: 20px;
}

.page-head p[b-wjyll145v6] {
    margin: 6px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 1.45;
}

.notify-actions[b-wjyll145v6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}

.ghost-btn[b-wjyll145v6],
.secondary-btn[b-wjyll145v6],
.notify-bottom button[b-wjyll145v6],
.edit-toolbar button[b-wjyll145v6] {
    min-height: 34px;
    border-radius: 6px;
    border: 0;
    padding: 0 12px;
    font-weight: 800;
    cursor: pointer;
}

.ghost-btn[b-wjyll145v6],
.secondary-btn[b-wjyll145v6] {
    background: #f4efe5;
    color: #5a5136;
}

.ghost-btn:disabled[b-wjyll145v6],
.secondary-btn:disabled[b-wjyll145v6],
.notify-bottom button:disabled[b-wjyll145v6],
.edit-toolbar button:disabled[b-wjyll145v6] {
    opacity: .55;
    cursor: default;
}

.edit-toolbar[b-wjyll145v6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid #d7e3d9;
    border-radius: 8px;
    background: #f3faf4;
    color: #22502f;
    font-size: 13px;
    font-weight: 800;
}

.edit-toolbar button[b-wjyll145v6] {
    background: #2f6f44;
    color: #fff;
}

.edit-toolbar button:last-child[b-wjyll145v6] {
    background: #e8eee9;
    color: #31563b;
}

.notify-list[b-wjyll145v6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notify-item[b-wjyll145v6] {
    border: 1px solid #e8e1d2;
    border-radius: 8px;
    padding: 12px;
    background: #fff;
    touch-action: pan-y;
    transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}

.notify-item:active[b-wjyll145v6] {
    transform: scale(.995);
}

.notify-item.unread[b-wjyll145v6] {
    border-left: 5px solid #6b5b2a;
}

.notify-item.read[b-wjyll145v6] {
    opacity: .84;
}

.notify-item.selected[b-wjyll145v6] {
    border-color: #2f6f44;
    background: #f5fbf6;
}

.select-check[b-wjyll145v6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #31563b;
    font-size: 13px;
    font-weight: 800;
}

.select-check input[b-wjyll145v6] {
    width: 18px;
    height: 18px;
}

.notify-top[b-wjyll145v6],
.notify-bottom[b-wjyll145v6] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
}

.notify-top strong[b-wjyll145v6] {
    min-width: 0;
    font-size: 15px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.notify-top span[b-wjyll145v6],
.notify-bottom small[b-wjyll145v6] {
    flex: 0 0 auto;
    color: #777;
    font-size: 12px;
}

.notify-body[b-wjyll145v6] {
    margin: 8px 0 10px;
    color: #4a4638;
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.notify-bottom[b-wjyll145v6] {
    align-items: center;
}

.notify-buttons[b-wjyll145v6] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.notify-bottom button[b-wjyll145v6] {
    background: #ede6d8;
    color: #40371f;
}

.notify-bottom .danger-btn[b-wjyll145v6] {
    background: #fff1f0;
    color: #a12822;
}

.message[b-wjyll145v6],
.empty-state[b-wjyll145v6] {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.45;
}

.empty-state[b-wjyll145v6] {
    background: #faf7ef;
    color: #665d45;
}

.message.ok[b-wjyll145v6] {
    background: #eef7ed;
    color: #1f642d;
}

.message.error[b-wjyll145v6] {
    background: #fff1f0;
    color: #9b1c1c;
}

@media (max-width: 480px) {
    .page-head[b-wjyll145v6],
    .notify-bottom[b-wjyll145v6] {
        flex-direction: column;
    }

    .page-head .ghost-btn[b-wjyll145v6],
    .notify-buttons[b-wjyll145v6] {
        width: 100%;
    }

    .notify-buttons button[b-wjyll145v6] {
        flex: 1 1 110px;
    }

    .edit-toolbar[b-wjyll145v6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Views/Mobile/UserReceiptList.razor.rz.scp.css */
.receipt-page[b-z2ekz18kgo] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.receipt-card[b-z2ekz18kgo] {
    background: white;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
    border: 1px solid rgba(0, 0, 0, .06);
}

.receipt-head[b-z2ekz18kgo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.receipt-card h2[b-z2ekz18kgo],
.receipt-card h3[b-z2ekz18kgo] {
    margin: 0;
    color: #222;
    font-weight: 900;
}

.receipt-card h2[b-z2ekz18kgo] {
    font-size: 24px;
}

.receipt-card h3[b-z2ekz18kgo] {
    font-size: 17px;
    margin-bottom: 12px;
}

.receipt-card p[b-z2ekz18kgo] {
    margin: 10px 0 0 0;
    color: #666;
    line-height: 1.55;
    font-size: 14px;
}

.receipt-refresh[b-z2ekz18kgo] {
    border: 0;
    border-radius: 12px;
    background: #f0eadc;
    color: #4b3f1f;
    font-size: 13px;
    font-weight: 900;
    padding: 9px 12px;
    cursor: pointer;
    white-space: nowrap;
}

.receipt-refresh:disabled[b-z2ekz18kgo] {
    opacity: .65;
    cursor: not-allowed;
}

.receipt-message[b-z2ekz18kgo] {
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.receipt-error[b-z2ekz18kgo] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

.receipt-ok[b-z2ekz18kgo] {
    background: #effaf2;
    color: #176b34;
    border: 1px solid #ccebd4;
}

.receipt-status-row[b-z2ekz18kgo],
.receipt-item-row[b-z2ekz18kgo],
.receipt-preview[b-z2ekz18kgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

.receipt-status-row:last-child[b-z2ekz18kgo],
.receipt-item-row:last-child[b-z2ekz18kgo] {
    border-bottom: 0;
}

.receipt-status-row span[b-z2ekz18kgo],
.receipt-item-row span[b-z2ekz18kgo],
.receipt-preview span[b-z2ekz18kgo] {
    color: #777;
    font-size: 14px;
    font-weight: 800;
}

.receipt-status-row b[b-z2ekz18kgo],
.receipt-item-row b[b-z2ekz18kgo],
.receipt-preview b[b-z2ekz18kgo] {
    color: #222;
    font-size: 14px;
    text-align: right;
}

.receipt-field[b-z2ekz18kgo] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 13px;
}

.receipt-field label[b-z2ekz18kgo] {
    color: #555;
    font-size: 13px;
    font-weight: 900;
}

.receipt-field select[b-z2ekz18kgo],
.receipt-field input[b-z2ekz18kgo],
.receipt-field textarea[b-z2ekz18kgo] {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 13px;
    background: #ffffff;
    color: #222;
    font-size: 15px;
    padding: 0 12px;
    outline: none;
    box-sizing: border-box;
}

.receipt-field select[b-z2ekz18kgo],
.receipt-field input[b-z2ekz18kgo] {
    height: 45px;
}

.receipt-field textarea[b-z2ekz18kgo] {
    padding-top: 10px;
    resize: vertical;
}

.receipt-field select:focus[b-z2ekz18kgo],
.receipt-field input:focus[b-z2ekz18kgo],
.receipt-field textarea:focus[b-z2ekz18kgo] {
    border-color: #9b8440;
    box-shadow: 0 0 0 3px rgba(155, 132, 64, .16);
}

.receipt-preview[b-z2ekz18kgo] {
    margin: 2px 0 14px 0;
    border-bottom: 0;
    border-radius: 13px;
    background: #faf7ef;
    padding: 12px;
}

.receipt-event-memo[b-z2ekz18kgo] {
    align-items: flex-start;
}

.receipt-event-memo b[b-z2ekz18kgo] {
    white-space: pre-wrap;
    line-height: 1.45;
}

.receipt-calendar[b-z2ekz18kgo] {
    border: 1px solid #e4dcc8;
    border-radius: 16px;
    background: #fffdf8;
    padding: 12px;
}

.receipt-calendar-head[b-z2ekz18kgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.receipt-calendar-head strong[b-z2ekz18kgo] {
    color: #25210f;
    font-size: 16px;
    font-weight: 900;
}

.receipt-calendar-head button[b-z2ekz18kgo] {
    width: 38px;
    height: 34px;
    border: 1px solid #e0d5b9;
    border-radius: 11px;
    background: #fff7e7;
    color: #5f4b16;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
}

.receipt-calendar-head button:disabled[b-z2ekz18kgo] {
    opacity: .45;
    cursor: not-allowed;
}

.receipt-weekdays[b-z2ekz18kgo],
.receipt-calendar-grid[b-z2ekz18kgo] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.receipt-weekdays[b-z2ekz18kgo] {
    margin-bottom: 7px;
}

.receipt-weekdays span[b-z2ekz18kgo] {
    color: #8a806d;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.receipt-date-cell[b-z2ekz18kgo] {
    height: 38px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #f6f6f6;
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 700;
}

.receipt-date-cell.is-outside[b-z2ekz18kgo] {
    background: transparent;
}

.receipt-date-cell.is-available[b-z2ekz18kgo] {
    border-color: #d7a847;
    background: #fff0c8;
    color: #7a4d00;
    font-weight: 900;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}

.receipt-date-cell.is-available:active[b-z2ekz18kgo] {
    transform: scale(.98);
}

.receipt-date-cell.is-applied[b-z2ekz18kgo] {
    border-color: #1f7a4a;
    background: #e6f6ed;
    color: #126238;
}

.receipt-date-cell.is-pending[b-z2ekz18kgo] {
    border-color: #9b9282;
    background: #eeeae2;
    color: #60594c;
}

.receipt-date-cell.is-selected[b-z2ekz18kgo] {
    border-color: #123d31;
    background: #123d31;
    color: #ffffff;
}

.receipt-calendar-help[b-z2ekz18kgo] {
    margin-top: 10px;
    border-radius: 12px;
    background: #f7f1e2;
    color: #6a5a2b;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    padding: 10px 12px;
}

.receipt-main-button[b-z2ekz18kgo] {
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #6b5b2a, #9b8440);
    color: white;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    margin-top: 14px;
}

.receipt-main-button:disabled[b-z2ekz18kgo] {
    opacity: .65;
    cursor: not-allowed;
}

.receipt-main-button.compact[b-z2ekz18kgo] {
    width: auto;
    min-width: 108px;
    margin-top: 0;
    padding: 0 18px;
}

.receipt-sub-button[b-z2ekz18kgo] {
    height: 40px;
    border: 1px solid #dfd5bd;
    border-radius: 12px;
    background: #fffaf0;
    color: #5f4b16;
    font-size: 13px;
    font-weight: 900;
    padding: 0 14px;
    cursor: pointer;
    white-space: nowrap;
}

.receipt-family-select[b-z2ekz18kgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e4dcc8;
    border-radius: 15px;
    background: #fffdf8;
    padding: 12px;
    margin-bottom: 13px;
}

.receipt-family-select div[b-z2ekz18kgo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.receipt-family-select strong[b-z2ekz18kgo] {
    color: #25210f;
    font-size: 14px;
    font-weight: 900;
}

.receipt-family-select span[b-z2ekz18kgo] {
    color: #777;
    font-size: 13px;
    font-weight: 800;
}

.receipt-family-sheet-backdrop[b-z2ekz18kgo] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: rgba(0, 0, 0, .38);
    padding: 14px;
    box-sizing: border-box;
}

.receipt-family-sheet[b-z2ekz18kgo] {
    width: min(520px, 100%);
    max-height: min(76vh, 560px);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
    overflow: hidden;
}

.receipt-family-sheet header[b-z2ekz18kgo],
.receipt-family-sheet footer[b-z2ekz18kgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px;
    background: #faf7ef;
    border-bottom: 1px solid #ece4d2;
}

.receipt-family-sheet footer[b-z2ekz18kgo] {
    justify-content: flex-end;
    border-top: 1px solid #ece4d2;
    border-bottom: 0;
}

.receipt-family-sheet h3[b-z2ekz18kgo] {
    margin: 0;
    color: #222;
    font-size: 17px;
    font-weight: 900;
}

.receipt-family-sheet p[b-z2ekz18kgo] {
    margin: 4px 0 0;
    color: #777;
    font-size: 13px;
}

.receipt-family-sheet header button[b-z2ekz18kgo] {
    border: 0;
    background: transparent;
    color: #5f4b16;
    font-weight: 900;
    cursor: pointer;
}

.receipt-family-list[b-z2ekz18kgo] {
    overflow: auto;
    padding: 8px 14px;
}

.receipt-family-row[b-z2ekz18kgo] {
    min-height: 48px;
    display: grid;
    grid-template-columns: 1fr .8fr 1.1fr auto;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #f0ece3;
}

.receipt-family-row span[b-z2ekz18kgo] {
    color: #777;
    font-size: 13px;
    font-weight: 800;
}

.receipt-family-row strong[b-z2ekz18kgo] {
    color: #222;
    font-size: 14px;
    font-weight: 900;
}

.receipt-family-row input[b-z2ekz18kgo] {
    width: 22px;
    height: 22px;
}

.receipt-family-empty[b-z2ekz18kgo] {
    padding: 24px 16px;
    text-align: center;
}

.receipt-section-title[b-z2ekz18kgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.receipt-section-title h3[b-z2ekz18kgo] {
    margin-bottom: 0;
}

.receipt-section-title span[b-z2ekz18kgo] {
    color: #777;
    font-size: 13px;
    font-weight: 900;
}

.receipt-list[b-z2ekz18kgo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.receipt-item[b-z2ekz18kgo] {
    border: 1px solid #eeeeee;
    border-radius: 16px;
    padding: 14px;
    background: #ffffff;
}

.receipt-item-top[b-z2ekz18kgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.receipt-item-top strong[b-z2ekz18kgo] {
    min-width: 0;
    color: #222;
    font-size: 16px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receipt-item-top span[b-z2ekz18kgo] {
    border-radius: 999px;
    background: #f0eadc;
    color: #4b3f1f;
    font-size: 12px;
    font-weight: 900;
    padding: 5px 9px;
    white-space: nowrap;
}

.receipt-item-memo[b-z2ekz18kgo] {
    border-radius: 12px;
    background: #fafafa;
    padding: 10px;
    margin-top: 10px !important;
}

.receipt-delete-button[b-z2ekz18kgo] {
    width: 100%;
    height: 40px;
    margin-top: 12px;
    border: 1px solid #ffd1d1;
    border-radius: 12px;
    background: #fff6f6;
    color: #b42318;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.receipt-delete-button:disabled[b-z2ekz18kgo] {
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 560px) {
    .receipt-head[b-z2ekz18kgo] {
        flex-direction: column;
    }

    .receipt-refresh[b-z2ekz18kgo] {
        width: 100%;
        height: 42px;
    }
}
/* /Components/Views/Mobile/UserSettings.razor.rz.scp.css */
.mobile-form-page[b-lfbnuuv9or] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mobile-card[b-lfbnuuv9or] {
    background: #fff;
    border: 1px solid #e6e1d6;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.mobile-card h3[b-lfbnuuv9or],
.page-head h2[b-lfbnuuv9or] {
    margin: 0;
    font-size: 20px;
}

.page-head p[b-lfbnuuv9or] {
    margin: 6px 0 0;
    color: #666;
    font-size: 13px;
}

.card-desc[b-lfbnuuv9or] {
    margin: 8px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 1.45;
}

.setting-list[b-lfbnuuv9or] {
    margin: 14px 0;
    border-top: 1px solid #f0ece3;
}

.setting-row[b-lfbnuuv9or] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #f0ece3;
}

.setting-row span[b-lfbnuuv9or] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.setting-row b[b-lfbnuuv9or] {
    font-size: 14px;
}

.setting-row small[b-lfbnuuv9or] {
    color: #777;
    font-size: 12px;
}

.setting-row input[b-lfbnuuv9or] {
    width: 22px;
    height: 22px;
}

.form-field[b-lfbnuuv9or] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 13px;
}

.form-field span[b-lfbnuuv9or] {
    font-size: 13px;
    font-weight: 700;
    color: #4e452f;
}

.form-field input[b-lfbnuuv9or] {
    height: 42px;
    border: 1px solid #d8d1c2;
    border-radius: 6px;
    padding: 0 11px;
    font-size: 15px;
    box-sizing: border-box;
}

.primary-btn[b-lfbnuuv9or],
.secondary-btn[b-lfbnuuv9or] {
    width: 100%;
    height: 42px;
    border-radius: 6px;
    border: 0;
    padding: 0 14px;
    font-weight: 800;
    cursor: pointer;
}

.primary-btn[b-lfbnuuv9or] {
    background: #5f542f;
    color: #fff;
}

.secondary-btn[b-lfbnuuv9or] {
    margin-top: 16px;
    background: #ede6d8;
    color: #40371f;
}

.secondary-btn.compact[b-lfbnuuv9or] {
    margin-top: 0;
}

.danger-btn[b-lfbnuuv9or] {
    width: 100%;
    height: 42px;
    border-radius: 6px;
    border: 1px solid #d9b8b8;
    background: #fff1f0;
    color: #8b1a1a;
    padding: 0 14px;
    font-weight: 800;
    cursor: pointer;
}

.push-status[b-lfbnuuv9or] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #f7f3ea;
    color: #4e452f;
    font-size: 13px;
}

.push-actions[b-lfbnuuv9or] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.connection-info[b-lfbnuuv9or] {
    margin-top: 14px;
    border-top: 1px solid #f0ece3;
}

.connection-info div[b-lfbnuuv9or] {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #f0ece3;
}

.connection-info span[b-lfbnuuv9or] {
    color: #777;
    font-size: 13px;
    font-weight: 800;
}

.connection-info b[b-lfbnuuv9or] {
    color: #222;
    font-size: 14px;
    text-align: right;
}

.message[b-lfbnuuv9or] {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    margin-top: 12px;
}

.message.ok[b-lfbnuuv9or] {
    background: #eef7ed;
    color: #1f642d;
}

.message.error[b-lfbnuuv9or] {
    background: #fff1f0;
    color: #9b1c1c;
}
/* /Components/Views/Mobile/UserTempleLink.razor.rz.scp.css */
.temple-link-page[b-ngketvtv2g] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.temple-link-card[b-ngketvtv2g] {
    background: white;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.06);
}

    .temple-link-card h2[b-ngketvtv2g] {
        margin: 0;
        font-size: 24px;
        font-weight: 900;
        color: #222;
    }

    .temple-link-card h3[b-ngketvtv2g] {
        margin: 0 0 12px 0;
        font-size: 17px;
        font-weight: 900;
        color: #222;
    }

    .temple-link-card p[b-ngketvtv2g] {
        margin: 10px 0 0 0;
        color: #666;
        line-height: 1.55;
        font-size: 14px;
    }

.temple-message[b-ngketvtv2g] {
    margin-top: 14px;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.temple-error[b-ngketvtv2g] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd4d4;
}

.temple-ok[b-ngketvtv2g] {
    background: #effaf2;
    color: #176b34;
    border: 1px solid #ccebd4;
}

.temple-search-row[b-ngketvtv2g] {
    display: flex;
    gap: 8px;
}

    .temple-search-row input[b-ngketvtv2g] {
        flex: 1;
        min-width: 0;
        height: 44px;
        border-radius: 12px;
        border: 1px solid #dddddd;
        padding: 0 12px;
        font-size: 15px;
        outline: none;
    }

        .temple-search-row input:focus[b-ngketvtv2g] {
            border-color: #9b8440;
            box-shadow: 0 0 0 3px rgba(155, 132, 64, .16);
        }

    .temple-search-row button[b-ngketvtv2g] {
        width: 78px;
        border: 0;
        border-radius: 12px;
        background: #6b5b2a;
        color: white;
        font-weight: 900;
        cursor: pointer;
    }

        .temple-search-row button:disabled[b-ngketvtv2g] {
            opacity: .65;
            cursor: not-allowed;
        }

.temple-result-list[b-ngketvtv2g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
}

.temple-result-item[b-ngketvtv2g] {
    border: 1px solid #eeeeee;
    background: #ffffff;
    border-radius: 14px;
    padding: 13px 14px;
    text-align: left;
    cursor: pointer;
}

    .temple-result-item strong[b-ngketvtv2g] {
        display: block;
        color: #222;
        font-size: 15px;
        font-weight: 900;
        margin-bottom: 4px;
    }

    .temple-result-item span[b-ngketvtv2g] {
        color: #777;
        font-size: 13px;
        font-weight: 700;
    }

.temple-status-row[b-ngketvtv2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

    .temple-status-row:last-child[b-ngketvtv2g] {
        border-bottom: 0;
    }

    .temple-status-row span[b-ngketvtv2g] {
        color: #777;
        font-size: 14px;
        font-weight: 800;
    }

    .temple-status-row b[b-ngketvtv2g] {
        color: #222;
        font-size: 14px;
        text-align: right;
    }

.temple-main-button[b-ngketvtv2g] {
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #6b5b2a, #9b8440);
    color: white;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    margin-top: 14px;
}

    .temple-main-button:disabled[b-ngketvtv2g] {
        opacity: .65;
        cursor: not-allowed;
    }

.temple-sub-button[b-ngketvtv2g] {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 14px;
    background: #f3f3f3;
    color: #444;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    margin-top: 14px;
}

.temple-help-text[b-ngketvtv2g] {
    margin-top: 12px !important;
    color: #777 !important;
}
/* /Components/Views/Sindo/SindoCardView5.razor.rz.scp.css */
/* SindoCardView4.razor.css */

/* =========================================================
   1) 화면 큰 레이아웃(좌/우) - 법회동참 쪽 밀도에 맞춤
   ========================================================= */

.sindo-view-root[b-c4t1kvz8oh] {
    display: flex;
    height: 100%;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
}

.sindo-view-left[b-c4t1kvz8oh] {
    width: 96px;
    min-width: 96px;
    flex: 0 0 96px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.sindo-view-right[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

    .sindo-view-right > .receipt-top-wrap[b-c4t1kvz8oh] {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        position: relative;
        z-index: 20;
        margin-bottom: 0;
    }

.sindo-view-top[b-c4t1kvz8oh] {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    position: relative;
    z-index: 100;
}

.sindo-view-bottom[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    display: grid;
    grid-template-rows: 300px minmax(170px, 1fr);
    gap: 8px;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.sindo-related-grid-wrap[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
    height: 300px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* =========================================================
   2) Grid Header 숨김 / 공통 축소 허용
   ========================================================= */

[b-c4t1kvz8oh] .hiddenHeader .dxbl-grid-header,
[b-c4t1kvz8oh] .hiddenHeader .dxbl-grid-header-content {
    display: none !important;
}

[b-c4t1kvz8oh] .min0,
.min0[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
}

/* =========================================================
   3) Bottom form layout shell
   ========================================================= */

[b-c4t1kvz8oh] dxbl-form-layout-item.min0 > .dxbl-fl-ctrl {
    height: 100%;
    min-height: 0;
    display: flex;
}
/* =========================================================
   4) Popup / EditForm / Ganji
   ========================================================= */

.family-edit-scope[b-c4t1kvz8oh],
.dxbl-editform[b-c4t1kvz8oh],
.dxbl-grid-editform[b-c4t1kvz8oh],
.dxbl-popup .dxbl-popup-content[b-c4t1kvz8oh],
.dxbl-popup .dxbl-popup-body[b-c4t1kvz8oh],
.dxbl-popup .dxbl-popup-content > div[b-c4t1kvz8oh] {
    overflow: visible !important;
}

.ganji-wrap[b-c4t1kvz8oh] {
    position: relative;
    width: 100%;
}

.dxbl-popup[b-c4t1kvz8oh] {
    z-index: 2147482000;
}

.ganji-suggest[b-c4t1kvz8oh] {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 220px;
    max-height: 260px;
    z-index: 2147483000;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    overflow: hidden;
    pointer-events: auto;
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.ganji-suggest-list[b-c4t1kvz8oh] {
    width: 100%;
    max-height: 260px;
    overflow: auto;
}

.ganji-item[b-c4t1kvz8oh] {
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
}

    .ganji-item:hover[b-c4t1kvz8oh] {
        background: rgba(0,0,0,.06);
    }

    .ganji-item.sel[b-c4t1kvz8oh] {
        font-weight: 600;
    }

.ganji-box-evt[b-c4t1kvz8oh] {
    width: 100%;
}

/* =========================================================
   8) 가족 Grid / EditForm
   ========================================================= */

[b-c4t1kvz8oh] .family-edit-scope {
    padding: 4px 0;
}

    [b-c4t1kvz8oh] .family-edit-scope .dxbl-fl {
        row-gap: 6px;
    }

/* =========================================================
   9) 신도카드 상단 폼
   ========================================================= */

.sindo-card-form[b-c4t1kvz8oh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
    padding: 8px;
    border: 1px solid #efc7c7;
    background: #fff;
    box-sizing: border-box;
}

.sindo-card-title-row[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    min-height: 32px;
    gap: 6px;
    min-width: 0;
}

.sindo-card-title-box[b-c4t1kvz8oh] {
    height: 32px;
    min-width: 90px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1;
}

.sindo-form-row[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
}

.sf-label[b-c4t1kvz8oh] {
    flex: 0 0 auto;
    height: 32px;
    min-width: 60px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    color: #222;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
    white-space: nowrap;
}

.sf-editor[b-c4t1kvz8oh] {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    height: 32px;
}

.sf-readonly[b-c4t1kvz8oh] {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #cfcfcf;
    background: #fffde8;
    color: #333;
    font-size: 12px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}

.sf-flex-1[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    min-width: 0;
}

.sf-w-120[b-c4t1kvz8oh] {
    width: 120px;
}

.sf-w-200[b-c4t1kvz8oh] {
    width: 200px;
}

.sf-editor-sindo-no[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.sf-sep[b-c4t1kvz8oh] {
    width: 8px;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 1;
}

[b-c4t1kvz8oh] .sf-editor .dxbl-text-edit,
[b-c4t1kvz8oh] .sf-editor .dxbl-spin-edit,
[b-c4t1kvz8oh] .sf-editor .dxbl-date-edit,
[b-c4t1kvz8oh] .sf-editor .dxbl-dropdown-edit {
    width: 100%;
    height: 32px;
    min-height: 32px;
}

[b-c4t1kvz8oh] .sf-editor .dxbl-text-edit-input,
[b-c4t1kvz8oh] .sf-editor input {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 12px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-c4t1kvz8oh] .sf-editor-sindo-no .dxbl-text-edit:nth-of-type(1) {
    width: 42px;
}

[b-c4t1kvz8oh] .sf-editor-sindo-no .dxbl-text-edit:nth-of-type(2) {
    width: 74px;
}

[b-c4t1kvz8oh] .sf-editor-sindo-no .dxbl-text-edit:nth-of-type(3) {
    width: 36px;
}

.sf-address-host[b-c4t1kvz8oh] {
    height: auto;
    min-height: 68px;
    align-items: flex-start;
}

[b-c4t1kvz8oh] .sf-address-host > * {
    width: 100%;
    min-width: 0;
}

[b-c4t1kvz8oh] .sf-address-host .dxbl-text-edit,
[b-c4t1kvz8oh] .sf-address-host .dxbl-button,
[b-c4t1kvz8oh] .sf-address-host input {
    min-height: 32px !important;
    height: 32px !important;
    font-size: 12px;
}

[b-c4t1kvz8oh] .sf-editor .dxbl-btn,
[b-c4t1kvz8oh] .sf-address-host .dxbl-btn {
    min-height: 32px !important;
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 12px;
}

@media (max-width: 1400px) {
    .sindo-form-row[b-c4t1kvz8oh] {
        flex-wrap: wrap;
    }
}

.sindo-form-row-address[b-c4t1kvz8oh],
.sindo-form-row-memo[b-c4t1kvz8oh] {
    width: 100%;
    max-width: 1200px;
}

.sindo-form-row-address[b-c4t1kvz8oh] {
    align-items: flex-start;
    margin-top: 3px;
    min-height: 68px;
}

    .sindo-form-row-address .sf-address-host[b-c4t1kvz8oh],
    .sindo-form-row-memo .sf-memo-host[b-c4t1kvz8oh] {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host > * {
    width: 100%;
    min-width: 0;
}

[b-c4t1kvz8oh] .sindo-form-row-address .addr-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .scroll-row,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .addr-row,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .address-row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
}

[b-c4t1kvz8oh] .sindo-form-row-address .addr-row-detail {
    margin-top: 4px;
    padding-left: 96px;
}

[b-c4t1kvz8oh] .sindo-form-row-address .addr-main {
    flex: 0 1 1040px;
    max-width: 1040px;
}

[b-c4t1kvz8oh] .sindo-form-row-address .addr-detail {
    flex: 0 1 1040px;
    max-width: 1040px;
}

[b-c4t1kvz8oh] .sindo-form-row-address .addr-search-btn {
    height: 32px;
    min-height: 32px;
}

[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .w-80,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .zip,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .zipcode {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
}

[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .w-500,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .addr1,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .address1 {
    flex: 1 1 0;
    min-width: 0;
}

[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .addr2,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .address2 {
    flex: 1 1 0;
    min-width: 0;
}

[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .dxbl-text-edit,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host .dxbl-button,
[b-c4t1kvz8oh] .sindo-form-row-address .sf-address-host input {
    height: 32px !important;
    min-height: 32px !important;
    width: 100%;
    min-width: 0;
    font-size: 12px;
}

.sf-memo-host[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

[b-c4t1kvz8oh] .sf-memo-host .dxbl-text-edit,
[b-c4t1kvz8oh] .sf-memo-host input {
    width: 100%;
    min-width: 0;
    height: 32px !important;
    min-height: 32px !important;
}


/* =========================================================
   10) Bottom grid layout shell
   ========================================================= */

[b-c4t1kvz8oh] .sindo-related-grid-wrap > .dxbl-fl,
[b-c4t1kvz8oh] .sindo-related-grid-wrap > .dxbl-fl > .dxbl-fl-g {
    height: 100%;
    min-height: 0;
}

[b-c4t1kvz8oh] .grid-item-host > .dxbl-fl-ctrl {
    height: 100%;
    min-height: 0;
    display: flex;
}

[b-c4t1kvz8oh] .sindo-related-grid-wrap .grid-fill-host,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-panel,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-grid {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid > .dxbl-grid,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid > .dxbl-grid,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-grid-root,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-grid-root,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-grid-wrapper,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-grid-wrapper {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-grid-content,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-grid-content,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-scroll-viewer,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-scroll-viewer,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid [class*="scroll"],
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid [class*="scroll"] {
    max-height: 244px !important;
    min-height: 162px !important;
    overflow: auto !important;
    background-image: none !important;
}

[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-grid-empty-data-area,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-grid-empty-data-area {
    min-height: 162px !important;
}

[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-grid-table,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-grid-table,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid table,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid table {
    width: 100% !important;
}

[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid th,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid th,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .family-grid .dxbl-grid-header-row > th,
[b-c4t1kvz8oh] .sindo-related-grid-wrap .yonga-sub-grid .dxbl-grid-header-row > th {
    text-align: center !important;
}

.sindo-quick-receipt-panel[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
    border: 1px solid #d8dee8;
    background: #fff;
    display: grid;
    grid-template-rows: 34px 1fr;
    overflow: hidden;
}

.sindo-quick-receipt-tabs[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border-bottom: 1px solid #d8dee8;
    background: #f8fafc;
    min-width: 0;
}

.sindo-quick-receipt-tab[b-c4t1kvz8oh] {
    height: 26px;
    padding: 0 12px;
    border: 1px solid #d8dee8;
    border-radius: 6px;
    background: #fff;
    color: #475467;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.sindo-quick-receipt-tab.is-active[b-c4t1kvz8oh] {
    border-color: #123f35;
    background: #edf5ef;
    color: #0b3129;
}

.sindo-quick-receipt-tab:disabled[b-c4t1kvz8oh] {
    border-color: #e3e7ef;
    background: #f3f5f7;
    color: #9aa3b2;
    cursor: not-allowed;
}

.sindo-quick-receipt-body[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.sindo-quick-receipt-line[b-c4t1kvz8oh] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.sindo-quick-receipt-line.is-editing[b-c4t1kvz8oh] {
    padding: 5px;
    border: 2px solid #93c5fd;
    background: #eff6ff;
}

[b-c4t1kvz8oh] .quick-beophoe-select-btn {
    height: 30px;
    min-height: 30px;
    font-size: 12px;
    font-weight: 800;
}

.sindo-law-workspace[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    position: relative;
}

.sindo-law-busy[b-c4t1kvz8oh] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
}

.sindo-law-busy-box[b-c4t1kvz8oh] {
    min-width: 150px;
    padding: 14px 18px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #123f35;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

.sindo-law-busy-spinner[b-c4t1kvz8oh] {
    width: 28px;
    height: 28px;
    margin: 0 auto 8px;
    border: 3px solid #dbe4ee;
    border-top-color: #123f35;
    border-radius: 50%;
    animation: sindo-law-spin-b-c4t1kvz8oh 0.8s linear infinite;
}

@keyframes sindo-law-spin-b-c4t1kvz8oh {
    to {
        transform: rotate(360deg);
    }
}

.sindo-law-split[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(420px, 3fr) 8px minmax(260px, 1fr);
    gap: 0;
    overflow: hidden;
}

.sindo-law-splitter[b-c4t1kvz8oh] {
    cursor: col-resize;
    background: linear-gradient(to right, transparent 0, transparent 2px, #cbd5e1 2px, #cbd5e1 6px, transparent 6px);
    border-top: 1px solid #d8dee8;
    border-bottom: 1px solid #d8dee8;
}

.sindo-law-splitter:hover[b-c4t1kvz8oh] {
    background: linear-gradient(to right, transparent 0, transparent 2px, #123f35 2px, #123f35 6px, transparent 6px);
}

.sindo-law-panel[b-c4t1kvz8oh] {
    min-width: 0;
    min-height: 0;
    border: 1px solid #d8dee8;
    background: #fff;
    display: grid;
    overflow: hidden;
}

.sindo-law-history-panel[b-c4t1kvz8oh] {
    grid-template-rows: 28px minmax(0, 1fr);
}

.sindo-law-payment-panel[b-c4t1kvz8oh] {
    grid-template-rows: 28px auto minmax(0, 1fr);
}

.sindo-law-panel-title[b-c4t1kvz8oh] {
    height: 28px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d8dee8;
    background: #f3f5f7;
    color: #1f2937;
    font-size: 12px;
    font-weight: 800;
}

.sindo-law-payment-line[b-c4t1kvz8oh] {
    min-width: 0;
    padding: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    border-bottom: 1px solid #e3e7ef;
}

[b-c4t1kvz8oh] .sindo-law-grid {
    min-height: 0;
    height: 100%;
    font-size: 12px;
    line-height: 1.2;
}

[b-c4t1kvz8oh] .sindo-law-grid > .dxbl-grid,
[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-root,
[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-wrapper,
[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-content {
    height: 100% !important;
    min-height: 0 !important;
}

[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-content,
[b-c4t1kvz8oh] .sindo-law-grid .dxbl-scroll-viewer,
[b-c4t1kvz8oh] .sindo-law-grid [class*="scroll"] {
    overflow: auto !important;
    background-image: none !important;
}

[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-table-view,
[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-table {
    height: auto !important;
    min-height: 0 !important;
}

[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-header-row,
[b-c4t1kvz8oh] .sindo-law-grid thead > tr {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
}

[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-header-row > th,
[b-c4t1kvz8oh] .sindo-law-grid thead > tr > th,
[b-c4t1kvz8oh] .sindo-law-grid th {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

[b-c4t1kvz8oh] .sindo-law-grid tbody > tr,
[b-c4t1kvz8oh] .sindo-law-grid tbody > tr[role="row"] {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
}

[b-c4t1kvz8oh] .sindo-law-grid tbody > tr > td,
[b-c4t1kvz8oh] .sindo-law-grid tbody > tr[role="row"] > td {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}

[b-c4t1kvz8oh] .sindo-law-grid td > div {
    min-height: 22px;
    display: flex;
    align-items: center;
}

[b-c4t1kvz8oh] .sindo-law-grid .dxbl-grid-table,
[b-c4t1kvz8oh] .sindo-law-grid table {
    width: 100% !important;
}

.qr-label[b-c4t1kvz8oh] {
    flex: 0 0 auto;
    height: 30px;
    min-width: 54px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    box-sizing: border-box;
    white-space: nowrap;
}

.qr-editor[b-c4t1kvz8oh] {
    flex: 0 0 auto;
    min-width: 0;
    height: 30px;
    display: flex;
    align-items: center;
}

.qr-flex[b-c4t1kvz8oh] {
    flex: 1 1 220px;
}

.qr-w-100[b-c4t1kvz8oh] {
    width: 100px;
}

.qr-w-80[b-c4t1kvz8oh] {
    width: 80px;
}

.qr-w-110[b-c4t1kvz8oh] {
    width: 110px;
}

.qr-w-130[b-c4t1kvz8oh] {
    width: 130px;
}

.qr-w-160[b-c4t1kvz8oh] {
    width: 160px;
}

.qr-w-180[b-c4t1kvz8oh] {
    width: 180px;
}

.qr-w-240[b-c4t1kvz8oh] {
    width: 240px;
}

[b-c4t1kvz8oh] .qr-editor .dxbl-text-edit,
[b-c4t1kvz8oh] .qr-editor .dxbl-spin-edit,
[b-c4t1kvz8oh] .qr-editor .dxbl-date-edit,
[b-c4t1kvz8oh] .qr-editor .dxbl-dropdown-edit {
    width: 100%;
    min-height: 30px !important;
    height: 30px !important;
}

[b-c4t1kvz8oh] .qr-editor input {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 12px;
}

[b-c4t1kvz8oh] .money-edit input,
[b-c4t1kvz8oh] .sindo-law-grid td:nth-last-child(-n+3) {
    text-align: right !important;
}

.sindo-quick-receipt-placeholder[b-c4t1kvz8oh] {
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px dashed #d8dee8;
    background: #fbfcfe;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
}

.sindo-quick-summary[b-c4t1kvz8oh] {
    min-width: 0;
    max-width: 760px;
    border: 1px solid #d8dee8;
    overflow: hidden;
}

.sindo-quick-summary table[b-c4t1kvz8oh] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

.sindo-quick-summary th[b-c4t1kvz8oh],
.sindo-quick-summary td[b-c4t1kvz8oh] {
    height: 27px;
    padding: 0 8px;
    border: 1px solid #e3e7ef;
    text-align: center;
    white-space: nowrap;
}

.sindo-quick-summary th[b-c4t1kvz8oh] {
    background: #f3f5f7;
    font-weight: 800;
}

.sindo-quick-memo-line[b-c4t1kvz8oh] {
    align-items: stretch;
}

.qr-textarea[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    min-width: 260px;
    height: 58px;
    padding: 6px 8px;
    border: 1px solid #cfd7e3;
    border-radius: 4px;
    font-size: 12px;
    resize: none;
    outline: none;
}

.sindo-quick-receipt-msg[b-c4t1kvz8oh] {
    color: #123f35;
    font-size: 12px;
    font-weight: 800;
}

.quick-partial-family-popup[b-c4t1kvz8oh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
}

.quick-partial-family-head[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 14px;
    border: 1px solid #d8dee8;
    background: #f3f5f7;
    box-sizing: border-box;
}

.quick-partial-family-title[b-c4t1kvz8oh] {
    min-width: 0;
    overflow: hidden;
    color: #111827;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-partial-family-toolbar[b-c4t1kvz8oh],
.quick-partial-family-footer[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
}

.quick-partial-family-count[b-c4t1kvz8oh] {
    flex: 0 0 auto;
    min-width: 86px;
    padding: 6px 10px;
    border: 1px solid #cfd6e3;
    background: #fff;
    color: #1f2937;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    box-sizing: border-box;
}

.quick-partial-family-actions[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.quick-partial-family-grid[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid #d8dee8;
    background: #fff;
}

.quick-partial-family-check[b-c4t1kvz8oh] {
    display: flex;
    justify-content: flex-end;
    padding-right: 12px;
}

[b-c4t1kvz8oh] .quick-partial-family-grid,
[b-c4t1kvz8oh] .quick-partial-family-grid > .dxbl-grid,
[b-c4t1kvz8oh] .quick-partial-family-grid .dxbl-grid-root,
[b-c4t1kvz8oh] .quick-partial-family-grid .dxbl-grid-wrapper,
[b-c4t1kvz8oh] .quick-partial-family-grid .dxbl-grid-content {
    width: 100%;
    height: 100%;
    min-height: 0;
}

[b-c4t1kvz8oh] .quick-partial-family-grid .dxbl-grid-table th,
[b-c4t1kvz8oh] .quick-partial-family-grid .dxbl-grid-table td {
    vertical-align: middle;
}

.quick-partial-family-footer[b-c4t1kvz8oh] {
    padding-top: 2px;
    justify-content: flex-end;
}

.quick-partial-family-footer-actions[b-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid #d8dee8;
    background: #f3f5f7;
    box-sizing: border-box;
}

[b-c4t1kvz8oh] .quick-partial-family-action-button {
    min-width: 86px;
}
/* /Components/Views/Sindo/SindoCardViewTest.razor.rz.scp.css */
.sindo-no-part1[b-4rxdlm1d0b] {
    width: 50px;
    display: inline-block;
}

.sindo-no-part2[b-4rxdlm1d0b] {
    width: 150px !important;
    display: inline-block;
}

.sindo-no-part3[b-4rxdlm1d0b] {
    width: 30px;
    display: inline-block;
}
.sindo-no-input[b-4rxdlm1d0b] {
    width: 100%;
}
.sindo-no[b-4rxdlm1d0b] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}


.sindo-part[b-4rxdlm1d0b] {
    flex: 0 0 auto;
}

.part1[b-4rxdlm1d0b] {
    width: 50px;
}

.part2[b-4rxdlm1d0b] {
    width: 150px;
}

.part3[b-4rxdlm1d0b] {
    width: 30px;
}

/* 바깥 래퍼 폭 */
.sindo-no-50[b-4rxdlm1d0b] {
    width: 50px !important;
    display: inline-block;
}

    /* 내부 input 폭 */
    .sindo-no-50 .dxbl-text-edit-input[b-4rxdlm1d0b] {
        width: 100% !important;
        min-width: 0 !important;
    }
.fixed-50[b-4rxdlm1d0b] {
    width: 50px;
    flex: 0 0 50px;
}

.fixed-150[b-4rxdlm1d0b] {
    width: 150px;
    flex: 0 0 150px;
}
/* /Components/Views/Sindo/SindoReceiptTop.razor.rz.scp.css */
/* SindoCardView4.razor.css */

/* =========================================================
   1) 화면 큰 레이아웃(좌/우) - 법회동참 쪽 밀도에 맞춤
   ========================================================= */

.sindo-view-root[b-t2fu4l5r3b] {
    display: flex;
    height: 100%;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
}

.sindo-view-left[b-t2fu4l5r3b] {
    width: 96px;
    min-width: 96px;
    flex: 0 0 96px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.sindo-view-right[b-t2fu4l5r3b] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

    .sindo-view-right > .receipt-top-wrap[b-t2fu4l5r3b] {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        position: relative;
        z-index: 20;
        margin-bottom: 0;
    }

.sindo-view-top[b-t2fu4l5r3b] {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.sindo-view-bottom[b-t2fu4l5r3b] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 1;
}

/* =========================================================
   2) Grid Header 숨김 / 공통 축소 허용
   ========================================================= */

[b-t2fu4l5r3b] .hiddenHeader .dxbl-grid-header,
[b-t2fu4l5r3b] .hiddenHeader .dxbl-grid-header-content {
    display: none !important;
}

[b-t2fu4l5r3b] .min0,
.min0[b-t2fu4l5r3b] {
    min-width: 0;
    min-height: 0;
}

/* =========================================================
   3) 영가 우측 패널
   ========================================================= */

.yonga-panel[b-t2fu4l5r3b] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    align-items: stretch;
    gap: 6px;
}

.yonga-row[b-t2fu4l5r3b] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 0;
}

    .yonga-row .cell[b-t2fu4l5r3b] {
        flex: 0 0 auto;
        min-width: 0;
    }

        .yonga-row .rep-name[b-t2fu4l5r3b],
        .yonga-row .cell.w-label[b-t2fu4l5r3b] {
            white-space: nowrap;
        }

.yonga-grid[b-t2fu4l5r3b] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    display: flex;
}

[b-t2fu4l5r3b] dxbl-form-layout-item.min0 > .dxbl-fl-ctrl {
    height: 100%;
    min-height: 0;
    display: flex;
}

    [b-t2fu4l5r3b] dxbl-form-layout-item.min0 > .dxbl-fl-ctrl > .yonga-panel {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

[b-t2fu4l5r3b] .yonga-panel > .yonga-row {
    flex: 0 0 auto;
}

[b-t2fu4l5r3b] .yonga-panel > .yonga-grid {
    flex: 1 1 auto;
    min-height: 0;
}

.rep-item.rep-master[b-t2fu4l5r3b] {
    border-left: 4px solid #1a73e8;
    padding-left: 6px;
}

.rep-master-badge[b-t2fu4l5r3b] {
    margin-left: 6px;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #e8f0fe;
    color: #1a73e8;
    white-space: nowrap;
}

[b-t2fu4l5r3b] .yonga-editform .dxbl-edit,
[b-t2fu4l5r3b] .yonga-editform input {
    width: 100%;
}

.rep-item[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 6px;
}

.rep-has-yonga .rep-name[b-t2fu4l5r3b] {
    font-weight: 700;
}

.rep-badge[b-t2fu4l5r3b] {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid #ff9800;
    color: #ff9800;
    background: rgba(255,152,0,.08);
}

/* =========================================================
   4) Popup / EditForm / Ganji
   ========================================================= */

.family-edit-scope[b-t2fu4l5r3b],
.dxbl-editform[b-t2fu4l5r3b],
.dxbl-grid-editform[b-t2fu4l5r3b],
.dxbl-popup .dxbl-popup-content[b-t2fu4l5r3b],
.dxbl-popup .dxbl-popup-body[b-t2fu4l5r3b],
.dxbl-popup .dxbl-popup-content > div[b-t2fu4l5r3b] {
    overflow: visible !important;
}

.ganji-wrap[b-t2fu4l5r3b] {
    position: relative;
    width: 100%;
}

.dxbl-popup[b-t2fu4l5r3b] {
    z-index: 2147482000;
}

.ganji-suggest[b-t2fu4l5r3b] {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 220px;
    max-height: 260px;
    z-index: 2147483000;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    overflow: hidden;
    pointer-events: auto;
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.ganji-suggest-list[b-t2fu4l5r3b] {
    width: 100%;
    max-height: 260px;
    overflow: auto;
}

.ganji-item[b-t2fu4l5r3b] {
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
}

    .ganji-item:hover[b-t2fu4l5r3b] {
        background: rgba(0,0,0,.06);
    }

    .ganji-item.sel[b-t2fu4l5r3b] {
        font-weight: 600;
    }

.ganji-box-evt[b-t2fu4l5r3b] {
    width: 100%;
}

/* =========================================================
   5) 접수현황 상단 바
   ========================================================= */

.receipt-top-wrap[b-t2fu4l5r3b] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 0;
    overflow: visible;
    box-sizing: border-box;
}

.receipt-top-strip[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    width: 100%;
    min-width: 0;
    padding: 2px 4px;
    border: 1px solid #9a9a9a;
    background: #dcdcdc;
    min-height: 30px;
    box-sizing: border-box;
    overflow: visible;
}

.receipt-top-title[b-t2fu4l5r3b] {
    height: 24px;
    min-width: 78px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8a8a8a;
    background: #f0e2a0;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    box-sizing: border-box;
}

.receipt-btn[b-t2fu4l5r3b] {
    height: 24px;
    min-width: 56px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d9d9d;
    background: #ececec;
    color: #666;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

    .receipt-btn:hover[b-t2fu4l5r3b] {
        background: #f6f6f6;
        color: #222;
    }

    .receipt-btn.has-data[b-t2fu4l5r3b] {
        background: #f6df8d;
        border-color: #b69632;
        color: #111;
        font-weight: 600;
    }

        .receipt-btn.has-data:hover[b-t2fu4l5r3b] {
            background: #fbe8a5;
        }

    .receipt-btn.active[b-t2fu4l5r3b] {
        background: #ffffff;
        border-color: #555;
        color: #000;
        font-weight: 700;
        position: relative;
        z-index: 2;
    }

    .receipt-btn.has-data.active[b-t2fu4l5r3b] {
        background: #fff9e8;
        border-color: #6f5a18;
        color: #000;
    }

/* =========================================================
   6) 접수현황 하단 요약 패널
   ========================================================= */

.receipt-preview-panel[b-t2fu4l5r3b] {
    width: 100%;
    min-width: 0;
    border: 1px solid #8f8f8f;
    border-top: none;
    background: #ffffff;
    padding: 8px 10px;
    box-sizing: border-box;
}

.receipt-preview-header[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.receipt-preview-title[b-t2fu4l5r3b] {
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.receipt-preview-actions[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.receipt-mini-btn[b-t2fu4l5r3b] {
    height: 24px;
    min-width: 52px;
    padding: 0 8px;
    border: 1px solid #999;
    background: #f3f3f3;
    color: #222;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

    .receipt-mini-btn:hover[b-t2fu4l5r3b] {
        background: #fafafa;
    }

.receipt-preview-body[b-t2fu4l5r3b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.receipt-preview-summary[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid #d6d6d6;
    background: #fafafa;
}

.receipt-summary-badge[b-t2fu4l5r3b] {
    min-width: 74px;
    height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #999;
    box-sizing: border-box;
    white-space: nowrap;
}

    .receipt-summary-badge.has-data[b-t2fu4l5r3b] {
        background: #ffe39b;
        border-color: #b28d1a;
        color: #222;
    }

    .receipt-summary-badge.no-data[b-t2fu4l5r3b] {
        background: #eeeeee;
        border-color: #b0b0b0;
        color: #666;
    }

.receipt-summary-text[b-t2fu4l5r3b] {
    font-size: 12px;
    color: #333;
}

.receipt-preview-empty[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 8px;
    border: 1px solid #d9d9d9;
    background: #fafafa;
}

.receipt-empty-text[b-t2fu4l5r3b] {
    font-size: 12px;
    color: #666;
}

/* =========================================================
   7) 디자인 확인용 mock grid
   ========================================================= */

.receipt-preview-grid-mock[b-t2fu4l5r3b] {
    border: 1px solid #cfcfcf;
    overflow: hidden;
}

.receipt-mock-head[b-t2fu4l5r3b],
.receipt-mock-row[b-t2fu4l5r3b] {
    display: grid;
    grid-template-columns: 120px 100px 100px 1fr;
    align-items: center;
}

.receipt-mock-head[b-t2fu4l5r3b] {
    background: #efefef;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 700;
    color: #222;
    font-size: 12px;
}

    .receipt-mock-head > div[b-t2fu4l5r3b],
    .receipt-mock-row > div[b-t2fu4l5r3b] {
        padding: 7px 8px;
        border-right: 1px solid #dddddd;
        box-sizing: border-box;
    }

        .receipt-mock-head > div:last-child[b-t2fu4l5r3b],
        .receipt-mock-row > div:last-child[b-t2fu4l5r3b] {
            border-right: none;
        }

.receipt-mock-row[b-t2fu4l5r3b] {
    font-size: 12px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #ececec;
}

    .receipt-mock-row:last-child[b-t2fu4l5r3b] {
        border-bottom: none;
    }

    .receipt-mock-row:hover[b-t2fu4l5r3b] {
        background: #fafafa;
    }

/* =========================================================
   8) 가족 Grid / EditForm
   ========================================================= */

[b-t2fu4l5r3b] .family-edit-scope {
    padding: 4px 0;
}

    [b-t2fu4l5r3b] .family-edit-scope .dxbl-fl {
        row-gap: 6px;
    }

/* =========================================================
   9) 신도카드 상단 폼
   ========================================================= */

.sindo-card-form[b-t2fu4l5r3b] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
    padding: 8px;
    border: 1px solid #efc7c7;
    background: #fff;
    box-sizing: border-box;
}

.sindo-card-title-row[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    min-height: 32px;
    gap: 6px;
    min-width: 0;
}

.sindo-card-title-box[b-t2fu4l5r3b] {
    height: 32px;
    min-width: 90px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1;
}

.sindo-form-row[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
}

.sf-label[b-t2fu4l5r3b] {
    flex: 0 0 auto;
    height: 32px;
    min-width: 60px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    color: #222;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
    white-space: nowrap;
}

.sf-editor[b-t2fu4l5r3b] {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    height: 32px;
}

.sf-readonly[b-t2fu4l5r3b] {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #cfcfcf;
    background: #fffde8;
    color: #333;
    font-size: 12px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}

.sf-flex-1[b-t2fu4l5r3b] {
    flex: 1 1 auto;
    min-width: 0;
}

.sf-w-120[b-t2fu4l5r3b] {
    width: 120px;
}

.sf-w-200[b-t2fu4l5r3b] {
    width: 200px;
}

.sf-editor-sindo-no[b-t2fu4l5r3b] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.sf-sep[b-t2fu4l5r3b] {
    width: 8px;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 1;
}

[b-t2fu4l5r3b] .sf-editor .dxbl-text-edit,
[b-t2fu4l5r3b] .sf-editor .dxbl-spin-edit,
[b-t2fu4l5r3b] .sf-editor .dxbl-date-edit,
[b-t2fu4l5r3b] .sf-editor .dxbl-dropdown-edit {
    width: 100%;
    height: 32px;
    min-height: 32px;
}

[b-t2fu4l5r3b] .sf-editor .dxbl-text-edit-input,
[b-t2fu4l5r3b] .sf-editor input {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 12px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-t2fu4l5r3b] .sf-editor-sindo-no .dxbl-text-edit:nth-of-type(1) {
    width: 42px;
}

[b-t2fu4l5r3b] .sf-editor-sindo-no .dxbl-text-edit:nth-of-type(2) {
    width: 74px;
}

[b-t2fu4l5r3b] .sf-editor-sindo-no .dxbl-text-edit:nth-of-type(3) {
    width: 36px;
}

.sf-address-host[b-t2fu4l5r3b] {
    height: auto;
    min-height: 32px;
    align-items: stretch;
}

[b-t2fu4l5r3b] .sf-address-host > * {
    width: 100%;
    min-width: 0;
}

[b-t2fu4l5r3b] .sf-address-host .dxbl-text-edit,
[b-t2fu4l5r3b] .sf-address-host .dxbl-button,
[b-t2fu4l5r3b] .sf-address-host input {
    min-height: 32px !important;
    height: 32px !important;
    font-size: 12px;
}

[b-t2fu4l5r3b] .sf-editor .dxbl-btn,
[b-t2fu4l5r3b] .sf-address-host .dxbl-btn {
    min-height: 32px !important;
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 12px;
}

@media (max-width: 1400px) {
    .sindo-form-row[b-t2fu4l5r3b] {
        flex-wrap: wrap;
    }
}

.sindo-form-row-address[b-t2fu4l5r3b],
.sindo-form-row-memo[b-t2fu4l5r3b] {
    width: 100%;
    max-width: 1200px;
}

    .sindo-form-row-address .sf-address-host[b-t2fu4l5r3b],
    .sindo-form-row-memo .sf-memo-host[b-t2fu4l5r3b] {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host > * {
    width: 100%;
    min-width: 0;
}

[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .scroll-row,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .addr-row,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .address-row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
}

[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .w-80,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .zip,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .zipcode {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
}

[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .w-500,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .addr1,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .address1 {
    flex: 1 1 0;
    min-width: 0;
}

[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .addr2,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .address2 {
    flex: 1 1 0;
    min-width: 0;
}

[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .dxbl-text-edit,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host .dxbl-button,
[b-t2fu4l5r3b] .sindo-form-row-address .sf-address-host input {
    height: 32px !important;
    min-height: 32px !important;
    width: 100%;
    min-width: 0;
    font-size: 12px;
}

.sf-memo-host[b-t2fu4l5r3b] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

[b-t2fu4l5r3b] .sf-memo-host .dxbl-text-edit,
[b-t2fu4l5r3b] .sf-memo-host input {
    width: 100%;
    min-width: 0;
    height: 32px !important;
    min-height: 32px !important;
}


/* =========================================================
   10) 좌우 그리드 행높이 통일(33px) / 공간 꽉 채우기 / 명령컬럼 우측
   ========================================================= */

/* FormLayout 바깥 껍데기만 높이 100% */
[b-t2fu4l5r3b] .sindo-view-bottom > .dxbl-fl,
[b-t2fu4l5r3b] .sindo-view-bottom > .dxbl-fl > .dxbl-fl-g {
    height: 100%;
    min-height: 0;
}

/* 좌측 item도 높이 전체 사용 */
[b-t2fu4l5r3b] .grid-item-host > .dxbl-fl-ctrl {
    height: 100%;
    min-height: 0;
    display: flex;
}

.grid-fill-host[b-t2fu4l5r3b] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
}

/* grid 루트까지만 꽉 채움 */
[b-t2fu4l5r3b] .fill-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

    [b-t2fu4l5r3b] .fill-grid .dxbl-grid,
    [b-t2fu4l5r3b] .fill-grid .dxbl-grid-root,
    [b-t2fu4l5r3b] .fill-grid .dxbl-grid-content {
        height: 100%;
        min-height: 0;
    }

    /* 중요: table/view는 늘리지 않음
   이걸 100%로 두면 row가 세로 분배되어 다시 비정상적으로 커질 수 있음 */
    [b-t2fu4l5r3b] .fill-grid .dxbl-grid-table-view,
    [b-t2fu4l5r3b] .fill-grid .dxbl-grid-table {
        height: auto !important;
        min-height: 0;
    }

/* 우측 영가 wrapper도 동일 */
[b-t2fu4l5r3b] .yonga-grid > .fill-grid,
[b-t2fu4l5r3b] .yonga-grid > .dxbl-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

/* 공통 폰트 */
[b-t2fu4l5r3b] .family-grid,
[b-t2fu4l5r3b] .yonga-sub-grid {
    font-size: 12px;
    line-height: 1.2;
}

    /* 헤더 높이 통일 */
    [b-t2fu4l5r3b] .family-grid .dxbl-grid-header-row,
    [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-header-row,
    [b-t2fu4l5r3b] .family-grid thead > tr,
    [b-t2fu4l5r3b] .yonga-sub-grid thead > tr {
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
    }

        [b-t2fu4l5r3b] .family-grid .dxbl-grid-header-row > th,
        [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-header-row > th,
        [b-t2fu4l5r3b] .family-grid thead > tr > th,
        [b-t2fu4l5r3b] .yonga-sub-grid thead > tr > th {
            padding-top: 3px !important;
            padding-bottom: 3px !important;
            vertical-align: middle !important;
            box-sizing: border-box !important;
        }

    /* 데이터 행 높이 통일 - 위패구분 editor 기준 */
    [b-t2fu4l5r3b] .family-grid tbody > tr,
    [b-t2fu4l5r3b] .yonga-sub-grid tbody > tr,
    [b-t2fu4l5r3b] .family-grid tbody > tr[role="row"],
    [b-t2fu4l5r3b] .yonga-sub-grid tbody > tr[role="row"] {
        height: 33px !important;
        min-height: 33px !important;
        max-height: 33px !important;
    }

        /* 셀 높이/패딩 통일 */
        [b-t2fu4l5r3b] .family-grid tbody > tr > td,
        [b-t2fu4l5r3b] .yonga-sub-grid tbody > tr > td,
        [b-t2fu4l5r3b] .family-grid tbody > tr[role="row"] > td,
        [b-t2fu4l5r3b] .yonga-sub-grid tbody > tr[role="row"] > td,
        [b-t2fu4l5r3b] .family-grid tbody > tr[role="row"] > td.dxbl-grid-command-cell,
        [b-t2fu4l5r3b] .yonga-sub-grid tbody > tr[role="row"] > td.dxbl-grid-command-cell {
            height: 33px !important;
            min-height: 33px !important;
            max-height: 33px !important;
            padding-top: 3px !important;
            padding-bottom: 3px !important;
            vertical-align: middle !important;
            box-sizing: border-box !important;
            line-height: 1.2 !important;
        }

    /* 일반 셀 내부 컨텐츠 정렬 */
    [b-t2fu4l5r3b] .family-grid td > div,
    [b-t2fu4l5r3b] .yonga-sub-grid td > div {
        min-height: 26px;
        display: flex;
        align-items: center;
    }

    /* 명령셀 내부 wrapper */
    [b-t2fu4l5r3b] .family-grid .dxbl-grid-command-cell .dxbl-grid-full-cell-content,
    [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-command-cell .dxbl-grid-full-cell-content {
        height: 26px !important;
        min-height: 26px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2px;
        overflow: hidden;
    }

    /* 명령 버튼 크기 */
    [b-t2fu4l5r3b] .family-grid .dxbl-grid-command-button,
    [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-command-button {
        height: 24px !important;
        min-height: 24px !important;
        width: 24px;
        min-width: 24px;
        padding: 0 !important;
        line-height: 1 !important;
    }

        [b-t2fu4l5r3b] .family-grid .dxbl-grid-command-button .dxbl-image,
        [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-command-button .dxbl-image {
            width: 16px;
            height: 16px;
        }

    /* 위패구분 셀 editor는 현재 높이를 유지
   다른 row를 이 높이에 맞추는 방향이므로 줄이지 않음 */
    [b-t2fu4l5r3b] .yonga-sub-grid td dxbl-input-editor,
    [b-t2fu4l5r3b] .yonga-sub-grid td .dxbl-text-edit,
    [b-t2fu4l5r3b] .yonga-sub-grid td .dxbl-text-edit-input,
    [b-t2fu4l5r3b] .yonga-sub-grid td input {
        box-sizing: border-box !important;
    }

    /* 툴바 간격 */
    [b-t2fu4l5r3b] .family-grid .dxbl-grid-toolbar-container,
    [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-toolbar-container {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    /* 번호 컬럼 가운데 정렬 (맨 앞 컬럼) */
    [b-t2fu4l5r3b] .family-grid td:nth-child(1),
    [b-t2fu4l5r3b] .family-grid th:nth-child(1),
    [b-t2fu4l5r3b] .yonga-sub-grid td:nth-child(1),
    [b-t2fu4l5r3b] .yonga-sub-grid th:nth-child(1) {
        text-align: center;
    }

    /* 명령 컬럼 */
    [b-t2fu4l5r3b] .family-grid .dxbl-grid-command-cell,
    [b-t2fu4l5r3b] .yonga-sub-grid .dxbl-grid-command-cell {
        white-space: nowrap;
        text-align: center;
    }    
/* /Components/Views/TestView/FocusMoveTest.razor.rz.scp.css */