/* /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/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: 3000;
    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/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/SindoSearchPopup.razor.rz.scp.css */
/* /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/Pages/Login.razor.rz.scp.css */
.login-page[b-t0x05angyj] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f3ee;
    padding: 24px;
    box-sizing: border-box;
}

.login-card[b-t0x05angyj] {
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    border: 1px solid #ddd4c7;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    padding: 24px 22px;
    box-sizing: border-box;
}

.login-title[b-t0x05angyj] {
    font-size: 24px;
    font-weight: 700;
    color: #4c3b28;
    margin-bottom: 6px;
}

.login-subtitle[b-t0x05angyj] {
    font-size: 14px;
    color: #7b6a56;
    margin-bottom: 18px;
}

.login-btn-row[b-t0x05angyj] {
    display: flex;
    justify-content: stretch;
    margin-top: 8px;
}

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

.login-message[b-t0x05angyj] {
    min-height: 22px;
    font-size: 14px;
    margin-top: 4px;
}

    .login-message.error[b-t0x05angyj] {
        color: #c62828;
    }

    .login-message.success[b-t0x05angyj] {
        color: #2e7d32;
    }
.signup-btn[b-t0x05angyj] {
    width: 100%;
    margin-top: 6px;
    background-color: #6c757d;
    color: white;
}
/* /Components/Pages/Signup.razor.rz.scp.css */
.signup-page[b-5ygu5n080l] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f7f8fa 0%, #eef2f7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 18px;
    box-sizing: border-box;
}

.signup-card[b-5ygu5n080l] {
    width: 100%;
    max-width: 860px;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.13);
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-sizing: border-box;
}

.signup-header[b-5ygu5n080l] {
    text-align: center;
    margin-bottom: 28px;
}

.signup-badge[b-5ygu5n080l] {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 12px;
}

.signup-header h2[b-5ygu5n080l] {
    margin: 0;
    font-size: 30px;
    letter-spacing: -0.04em;
    color: #111827;
}

.signup-header p[b-5ygu5n080l] {
    margin: 10px 0 0 0;
    color: #6b7280;
    font-size: 15px;
}

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

.type-card[b-5ygu5n080l] {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 22px;
    padding: 20px;
    text-align: left;
    cursor: pointer;
    transition: all 0.18s ease;
}

    .type-card:hover[b-5ygu5n080l] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    }

    .type-card.active[b-5ygu5n080l] {
        border-color: #2563eb;
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
    }

.type-title[b-5ygu5n080l] {
    font-size: 18px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 8px;
}

.type-desc[b-5ygu5n080l] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.45;
    margin-bottom: 12px;
}

.type-flow[b-5ygu5n080l] {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #374151;
    font-size: 12px;
    font-weight: 700;
}

.type-card.active .type-flow[b-5ygu5n080l] {
    background: #dbeafe;
    color: #1d4ed8;
}

.signup-empty-guide[b-5ygu5n080l] {
    margin-top: 22px;
    padding: 20px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #64748b;
    text-align: center;
    font-weight: 700;
}

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

.signup-actions[b-5ygu5n080l] {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

.signup-main-btn[b-5ygu5n080l],
.signup-sub-btn[b-5ygu5n080l] {
    min-height: 44px;
    border-radius: 14px;
    font-weight: 700;
}

.signup-main-btn[b-5ygu5n080l] {
    flex: 1;
}

.signup-sub-btn[b-5ygu5n080l] {
    flex: 0 0 150px;
}

.signup-message[b-5ygu5n080l] {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 700;
}

    .signup-message.success[b-5ygu5n080l] {
        background: #ecfdf5;
        color: #047857;
        border: 1px solid #a7f3d0;
    }

    .signup-message.error[b-5ygu5n080l] {
        background: #fef2f2;
        color: #b91c1c;
        border: 1px solid #fecaca;
    }

@media (max-width: 768px) {
    .signup-page[b-5ygu5n080l] {
        align-items: flex-start;
        padding: 18px 12px;
    }

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

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

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

    .signup-actions[b-5ygu5n080l] {
        flex-direction: column;
    }

    .signup-sub-btn[b-5ygu5n080l] {
        flex: 1;
    }
}
/* /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;
}

.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;
}

.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;
}

.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] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 6px;
    gap: 8px;
    box-sizing: border-box;
    background: #f7f7f7;
    overflow: hidden;
}

.beophoe-search-title[b-m2i73hlnb8] {
    display: flex;
    align-items: center;
    padding: 4px 6px 8px 6px;
    border-bottom: 1px solid #e7bcbc;
    flex: 0 0 auto;
    min-width: 0;
}

.title-text[b-m2i73hlnb8] {
    font-size: 26px;
    font-weight: 700;
    color: #a12aa0;
    letter-spacing: 2px;
}

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

.left-panel[b-m2i73hlnb8] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    border: 1px solid #efc9c9;
    padding: 6px;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

.right-panel[b-m2i73hlnb8] {
    width: 480px;
    min-width: 480px;
    flex: 0 0 480px;
    min-height: 0;
    border: 1px solid #efc9c9;
    padding: 8px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

.guide-box[b-m2i73hlnb8] {
    border: 1px solid #b9a9a9;
    background: #f0dede;
    text-align: center;
    padding: 10px 6px;
    font-size: 18px;
    line-height: 1.35;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.right-middle[b-m2i73hlnb8] {
    display: flex;
    gap: 10px;
    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 #cfcfcf;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

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

.bottom-bar[b-m2i73hlnb8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 0;
}

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

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

.search-label[b-m2i73hlnb8] {
    width: 110px;
    height: 32px;
    border: 1px solid #999;
    background: #f3f0d8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    white-space: nowrap;
    box-sizing: border-box;
    flex: 0 0 auto;
}

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

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

.arrow-box[b-m2i73hlnb8] {
    display: flex;
    height: 32px;
    border: 1px solid #999;
    overflow: hidden;
    flex: 0 0 auto;
}

.mini-arrow[b-m2i73hlnb8] {
    width: 32px;
    border: 0;
    background: #efefef;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    flex: 0 0 32px;
}

    .mini-arrow.red[b-m2i73hlnb8] {
        color: #cc0000;
        border-right: 1px solid #999;
    }

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

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

.msg-line[b-m2i73hlnb8] {
    font-size: 12px;
    color: #555;
    padding-left: 2px;
    flex: 0 0 auto;
    min-width: 0;
}

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

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

    [b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table td,
    [b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table th,
    [b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-table td,
    [b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-table th {
        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;
        }

/* ------------------------------
   패널 상태 구분
   - pane-active   : 현재 활성 패널
   - pane-inactive : 비활성 패널
   ------------------------------ */

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

    .left-panel.pane-active[b-m2i73hlnb8],
    .date-grid-wrap.pane-active[b-m2i73hlnb8] {
        outline: 3px solid #d97706;
        outline-offset: 2px;
        box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.10);
    }

    .left-panel.pane-inactive[b-m2i73hlnb8],
    .date-grid-wrap.pane-inactive[b-m2i73hlnb8] {
        outline: 1px solid #f3c892;
        outline-offset: 1px;
        box-shadow: none;
    }

/* ------------------------------
   1. 선택(selected) 색
   - 연한 주황
   ------------------------------ */
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-selected-row > td,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-selected-row > td {
    background-color: #fff1df !important;
    color: #6b3f12 !important;
    box-shadow: none !important;
}

/* ------------------------------
   2. 포커스(focused) 색
   - 선택보다 더 진한 주황 + 내부선
   - selected/focused 둘 다 걸리더라도 focused가 더 위에 오도록 아래쪽에 배치
   ------------------------------ */
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-focused-row > td,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-focused-row > td {
    background-color: #f8c16a !important;
    color: #4a2a07 !important;
    box-shadow: inset 0 0 0 1px #c2410c !important;
}

/* ------------------------------
   3. 활성 패널에서의 포커스
   - 현재 활성 pane에 있는 focused row만 가장 진하게
   ------------------------------ */
.left-panel.pane-active[b-m2i73hlnb8]  .beophoe-main-grid .dxbl-grid-focused-row > td {
    background-color: #f59e0b !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 2px #9a3412 !important;
}

.date-grid-wrap.pane-active[b-m2i73hlnb8]  .beophoe-date-grid .dxbl-grid-focused-row > td {
    background-color: #f59e0b !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 2px #9a3412 !important;
}

/* ------------------------------
   비활성 패널의 focused row는
   selected보다는 약간 진하지만 active보다는 연하게
   ------------------------------ */
.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: #fde7c2 !important;
    color: #6b3f12 !important;
    box-shadow: inset 0 0 0 1px #e6a85c !important;
}

/* hover는 중간톤 */
[b-m2i73hlnb8] .beophoe-main-grid tbody tr:hover > td,
[b-m2i73hlnb8] .beophoe-date-grid tbody tr:hover > td {
    background-color: #fde7c2 !important;
    color: #5b3714 !important;
}

/* 디버그 보기 쉽게 */
[b-m2i73hlnb8] .beophoe-main-grid .dxbl-grid-table,
[b-m2i73hlnb8] .beophoe-date-grid .dxbl-grid-table {
    user-select: none;
}
/* /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;
}

.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 */
.simple-user-page[b-xp15zirsap] {
    background: white;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
}

    .simple-user-page h2[b-xp15zirsap] {
        margin: 0 0 10px 0;
    }

    .simple-user-page p[b-xp15zirsap] {
        margin: 0;
        color: #666;
    }
/* /Components/Views/Mobile/UserReceiptList.razor.rz.scp.css */
.simple-user-page[b-z2ekz18kgo] {
    background: white;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
}

    .simple-user-page h2[b-z2ekz18kgo] {
        margin: 0 0 10px 0;
    }

    .simple-user-page p[b-z2ekz18kgo] {
        margin: 0;
        color: #666;
    }
/* /Components/Views/Mobile/UserSettings.razor.rz.scp.css */
.simple-user-page[b-lfbnuuv9or] {
    background: white;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
}

    .simple-user-page h2[b-lfbnuuv9or] {
        margin: 0 0 10px 0;
    }

    .simple-user-page p[b-lfbnuuv9or] {
        margin: 0;
        color: #666;
    }
/* /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: 1;
}

.sindo-view-bottom[b-c4t1kvz8oh] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 1;
}

/* =========================================================
   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) 영가 우측 패널
   ========================================================= */

.yonga-panel[b-c4t1kvz8oh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    align-items: stretch;
    gap: 6px;
}

.yonga-row[b-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
        flex: 0 0 auto;
        min-width: 0;
    }

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

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

[b-c4t1kvz8oh] dxbl-form-layout-item.min0 > .dxbl-fl-ctrl {
    height: 100%;
    min-height: 0;
    display: flex;
}

    [b-c4t1kvz8oh] dxbl-form-layout-item.min0 > .dxbl-fl-ctrl > .yonga-panel {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

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

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

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

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

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

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

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

.rep-badge[b-c4t1kvz8oh] {
    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-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%;
}

/* =========================================================
   5) 접수현황 상단 바
   ========================================================= */

.receipt-top-wrap[b-c4t1kvz8oh] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 0;
    overflow: visible;
    box-sizing: border-box;
}

.receipt-top-strip[b-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
        background: #f6f6f6;
        color: #222;
    }

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

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

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

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

/* =========================================================
   6) 접수현황 하단 요약 패널
   ========================================================= */

.receipt-preview-panel[b-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

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

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

.receipt-mini-btn[b-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
        background: #fafafa;
    }

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

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

.receipt-summary-badge[b-c4t1kvz8oh] {
    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-c4t1kvz8oh] {
        background: #ffe39b;
        border-color: #b28d1a;
        color: #222;
    }

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

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

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

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

/* =========================================================
   7) 디자인 확인용 mock grid
   ========================================================= */

.receipt-preview-grid-mock[b-c4t1kvz8oh] {
    border: 1px solid #cfcfcf;
    overflow: hidden;
}

.receipt-mock-head[b-c4t1kvz8oh],
.receipt-mock-row[b-c4t1kvz8oh] {
    display: grid;
    grid-template-columns: 120px 100px 100px 1fr;
    align-items: center;
}

.receipt-mock-head[b-c4t1kvz8oh] {
    background: #efefef;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 700;
    color: #222;
    font-size: 12px;
}

    .receipt-mock-head > div[b-c4t1kvz8oh],
    .receipt-mock-row > div[b-c4t1kvz8oh] {
        padding: 7px 8px;
        border-right: 1px solid #dddddd;
        box-sizing: border-box;
    }

        .receipt-mock-head > div:last-child[b-c4t1kvz8oh],
        .receipt-mock-row > div:last-child[b-c4t1kvz8oh] {
            border-right: none;
        }

.receipt-mock-row[b-c4t1kvz8oh] {
    font-size: 12px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #ececec;
}

    .receipt-mock-row:last-child[b-c4t1kvz8oh] {
        border-bottom: none;
    }

    .receipt-mock-row:hover[b-c4t1kvz8oh] {
        background: #fafafa;
    }

/* =========================================================
   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: 32px;
    align-items: stretch;
}

[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 .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 .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 .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) 좌우 그리드 행높이 통일(33px) / 공간 꽉 채우기 / 명령컬럼 우측
   ========================================================= */

/* FormLayout 바깥 껍데기만 높이 100% */
[b-c4t1kvz8oh] .sindo-view-bottom > .dxbl-fl,
[b-c4t1kvz8oh] .sindo-view-bottom > .dxbl-fl > .dxbl-fl-g {
    height: 100%;
    min-height: 0;
}

/* 좌측 item도 높이 전체 사용 */
[b-c4t1kvz8oh] .grid-item-host > .dxbl-fl-ctrl {
    height: 100%;
    min-height: 0;
    display: flex;
}

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

/* grid 루트까지만 꽉 채움 */
[b-c4t1kvz8oh] .fill-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

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

    /* 중요: table/view는 늘리지 않음
   이걸 100%로 두면 row가 세로 분배되어 다시 비정상적으로 커질 수 있음 */
    [b-c4t1kvz8oh] .fill-grid .dxbl-grid-table-view,
    [b-c4t1kvz8oh] .fill-grid .dxbl-grid-table {
        height: auto !important;
        min-height: 0;
    }

/* 우측 영가 wrapper도 동일 */
[b-c4t1kvz8oh] .yonga-grid > .fill-grid,
[b-c4t1kvz8oh] .yonga-grid > .dxbl-grid {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

/* 공통 폰트 */
[b-c4t1kvz8oh] .family-grid,
[b-c4t1kvz8oh] .yonga-sub-grid {
    font-size: 12px;
    line-height: 1.2;
}

    /* 헤더 높이 통일 */
    [b-c4t1kvz8oh] .family-grid .dxbl-grid-header-row,
    [b-c4t1kvz8oh] .yonga-sub-grid .dxbl-grid-header-row,
    [b-c4t1kvz8oh] .family-grid thead > tr,
    [b-c4t1kvz8oh] .yonga-sub-grid thead > tr {
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
    }

        [b-c4t1kvz8oh] .family-grid .dxbl-grid-header-row > th,
        [b-c4t1kvz8oh] .yonga-sub-grid .dxbl-grid-header-row > th,
        [b-c4t1kvz8oh] .family-grid thead > tr > th,
        [b-c4t1kvz8oh] .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-c4t1kvz8oh] .family-grid tbody > tr,
    [b-c4t1kvz8oh] .yonga-sub-grid tbody > tr,
    [b-c4t1kvz8oh] .family-grid tbody > tr[role="row"],
    [b-c4t1kvz8oh] .yonga-sub-grid tbody > tr[role="row"] {
        height: 33px !important;
        min-height: 33px !important;
        max-height: 33px !important;
    }

        /* 셀 높이/패딩 통일 */
        [b-c4t1kvz8oh] .family-grid tbody > tr > td,
        [b-c4t1kvz8oh] .yonga-sub-grid tbody > tr > td,
        [b-c4t1kvz8oh] .family-grid tbody > tr[role="row"] > td,
        [b-c4t1kvz8oh] .yonga-sub-grid tbody > tr[role="row"] > td,
        [b-c4t1kvz8oh] .family-grid tbody > tr[role="row"] > td.dxbl-grid-command-cell,
        [b-c4t1kvz8oh] .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-c4t1kvz8oh] .family-grid td > div,
    [b-c4t1kvz8oh] .yonga-sub-grid td > div {
        min-height: 26px;
        display: flex;
        align-items: center;
    }

    /* 명령셀 내부 wrapper */
    [b-c4t1kvz8oh] .family-grid .dxbl-grid-command-cell .dxbl-grid-full-cell-content,
    [b-c4t1kvz8oh] .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-c4t1kvz8oh] .family-grid .dxbl-grid-command-button,
    [b-c4t1kvz8oh] .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-c4t1kvz8oh] .family-grid .dxbl-grid-command-button .dxbl-image,
        [b-c4t1kvz8oh] .yonga-sub-grid .dxbl-grid-command-button .dxbl-image {
            width: 16px;
            height: 16px;
        }

    /* 위패구분 셀 editor는 현재 높이를 유지
   다른 row를 이 높이에 맞추는 방향이므로 줄이지 않음 */
    [b-c4t1kvz8oh] .yonga-sub-grid td dxbl-input-editor,
    [b-c4t1kvz8oh] .yonga-sub-grid td .dxbl-text-edit,
    [b-c4t1kvz8oh] .yonga-sub-grid td .dxbl-text-edit-input,
    [b-c4t1kvz8oh] .yonga-sub-grid td input {
        box-sizing: border-box !important;
    }

    /* 툴바 간격 */
    [b-c4t1kvz8oh] .family-grid .dxbl-grid-toolbar-container,
    [b-c4t1kvz8oh] .yonga-sub-grid .dxbl-grid-toolbar-container {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    /* 번호 컬럼 가운데 정렬 (맨 앞 컬럼) */
    [b-c4t1kvz8oh] .family-grid td:nth-child(1),
    [b-c4t1kvz8oh] .family-grid th:nth-child(1),
    [b-c4t1kvz8oh] .yonga-sub-grid td:nth-child(1),
    [b-c4t1kvz8oh] .yonga-sub-grid th:nth-child(1) {
        text-align: center;
    }

    /* 명령 컬럼 */
    [b-c4t1kvz8oh] .family-grid .dxbl-grid-command-cell,
    [b-c4t1kvz8oh] .yonga-sub-grid .dxbl-grid-command-cell {
        white-space: nowrap;
        text-align: center;
    }    
/* /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 */