@import '_content/Clevi.App.Components.Accounts/Clevi.App.Components.Accounts.1j0qcfqir8.bundle.scp.css';
@import '_content/Clevi.App.Components.Base/Clevi.App.Components.Base.9syh4mpa3j.bundle.scp.css';
@import '_content/Clevi.App.Components.Boards/Clevi.App.Components.Boards.gdmxnz4i4s.bundle.scp.css';
@import '_content/Clevi.App.Components.Communications/Clevi.App.Components.Communications.ddvjakg9b0.bundle.scp.css';
@import '_content/Clevi.App.Components.Erp/Clevi.App.Components.Erp.qgvjw3ed9t.bundle.scp.css';
@import '_content/Clevi.App.Components.Files/Clevi.App.Components.Files.ur0wauq3ei.bundle.scp.css';
@import '_content/Clevi.App.Components.Levi/Clevi.App.Components.Levi.cm8qjfahhp.bundle.scp.css';
@import '_content/Clevi.App.Components.SmartConnect/Clevi.App.Components.SmartConnect.afl1j0p45p.bundle.scp.css';
@import '_content/Clevi.App.Components.Widget/Clevi.App.Components.Widget.lke9ffe56q.bundle.scp.css';
@import '_content/Clevi.App.Components/Clevi.App.Components.80gt0ag90i.bundle.scp.css';
@import '_content/Clevi.Extension.Component.Shinjin/Clevi.Extension.Component.Shinjin.c80vwx6ycx.bundle.scp.css';

/* /Pages/Account/Login.cshtml.rz.scp.css */
.cl-account[b-zc7dgk1lgy]{
    height:100vh;
    display:flex;
}

.wrap[b-zc7dgk1lgy]{
    margin:auto;
}
/* /Pages/Account/Logout.cshtml.rz.scp.css */
/* /Pages/Admin/AccountDetails.razor.rz.scp.css */


.container-fluid[b-p9aztxpgq1] {
    padding: 10px;
}

.cl-card[b-p9aztxpgq1] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
}
.card-inner[b-p9aztxpgq1] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
h3[b-p9aztxpgq1]{
    font-size:17px;
    font-weight:500;
}
.details-info-wrap[b-p9aztxpgq1] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 10px;
}

    .details-info-wrap h6[b-p9aztxpgq1] {
        font-size: 15px;
        margin-right:10px;
        margin-bottom:0;
    }

    .details-info-wrap p[b-p9aztxpgq1] {
        font-size: 15px;
        font-weight:500;
        margin-bottom: 0;
    }

.button_wrap[b-p9aztxpgq1] {
    display: flex;
    margin:20px 0 0 auto;
}

[b-p9aztxpgq1] .shinjin-account-btn {
    padding: 5px 10px;
    min-width: 80px;
    border-radius: 8px;
}
/* /Pages/Admin/AccountList.razor.rz.scp.css */
.container-fluid[b-0h72o38bon]{
    padding:10px;
}

.cl-page-title[b-0h72o38bon]{
    margin-bottom:20px;
}
h2[b-0h72o38bon] {
    font-size: 18px;
    font-weight: 600;
}

h3[b-0h72o38bon] {
    font-size: 16px;
    font-weight: 600;
    margin: 0 5px 0 0;
}
.cl-simpleprofile-card_wrap[b-0h72o38bon] {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.cl-simpleprofile-card[b-0h72o38bon] {
    width: 250px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin: 10px 0;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 0 10px 10px 0;
}

.cl-simpleprofile-card_body[b-0h72o38bon] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 20px;
}
.cl-simpleprofile-card_body span[b-0h72o38bon]{
    font-size:13px;
    margin-bottom:5px;
}
.cl-simpleprofile-card_body span:last-child[b-0h72o38bon]{
    font-size:13px;
    margin-bottom:0;
}
/* /Pages/Admin/MasterSettings.razor.rz.scp.css */

.container-fluid[b-ehneukc8p6] {
    padding: 10px;
}

.cl-card[b-ehneukc8p6] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
}

.card-inner[b-ehneukc8p6] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

h2[b-ehneukc8p6] {
    font-size: 18px;
    font-weight: 600;
}
h3[b-ehneukc8p6] {
    font-size: 17px;
    font-weight: 500;
    margin-bottom:20px;
}

.cl-setting-row_wrap[b-ehneukc8p6] {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.cl-setting-row_wrap h5[b-ehneukc8p6]{
    font-size:15px;
    margin-right:10px;
}
    .cl-setting-row_wrap .input_button[b-ehneukc8p6] {
        display: flex;
        justify-content:space-between;
        -webkit-justify-content:space-between;
        align-items:center;
        -webkit-align-items:center;
    }

    .cl-setting-row_wrap .input_button input[b-ehneukc8p6]{
        flex:1;
    }

    .cl-setting-row_wrap .contents[b-ehneukc8p6] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .cl-setting-row_wrap .contents img[b-ehneukc8p6] {
        width:50px;
        height:auto;
        margin: 10px 0;
        object-fit:contain;
    }
/* /Pages/Admin/Services/AccountSettings.razor.rz.scp.css */
.container-fluid[b-spdpxm01ao]{
    padding:10px;
}

.cl-page-title[b-spdpxm01ao] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

h2[b-spdpxm01ao] {
    font-size: 18px;
    font-weight: 600;
}

.cl-card[b-spdpxm01ao] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom:15px;
}

.card-title[b-spdpxm01ao]{
    margin-bottom:10px;
}
.card-title h4[b-spdpxm01ao]{
    font-size:15px;
    font-weight:600;
}

.cl-setting-row_wrap[b-spdpxm01ao]{
    margin-bottom:20px;
}
.cl-setting-row_wrap h5[b-spdpxm01ao]{
    font-size:15px;
}

.contents[b-spdpxm01ao]{
    display:flex;
}
/* /Pages/Admin/Services/CommunicationsSettings.razor.rz.scp.css */


.container-fluid[b-7fbs0gltf6] {
    padding: 10px;
}

.cl-page-title[b-7fbs0gltf6] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

h2[b-7fbs0gltf6] {
    font-size: 18px;
    font-weight: 600;
}

/* /Pages/Admin/Services/Components/EmailServiceSettings.razor.rz.scp.css */


.card-title .wrap[b-qwncg077fd] {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .card-title .wrap h4[b-qwncg077fd] {
        font-size: 15px;
        font-weight: 600;
    }

    .card-title .wrap h6[b-qwncg077fd] {
        font-size: 15px;
    }

    .card-title .wrap h6[b-qwncg077fd] {
        font-size: 15px;
    }

.card-title h4[b-qwncg077fd] {
    font-size: 16px;
}

.cl-setting-row_wrap[b-qwncg077fd] {
    margin-bottom: 15px;
}

    .cl-setting-row_wrap h5[b-qwncg077fd] {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .cl-setting-row_wrap .contents[b-qwncg077fd] {
        display: flex;
        align-items: center;
    }

        .cl-setting-row_wrap .contents .clc-button[b-qwncg077fd] {
            margin-left: 10px;
            padding: 5px 10px;
        }
/* /Pages/Admin/Services/CustomerAccountSplit.razor.rz.scp.css */
.account-split-page[b-1bsfytdqkd] {
    padding-bottom: 32px;
}

.cl-page-title h2[b-1bsfytdqkd] {
    margin-bottom: 6px;
}

.page-description[b-1bsfytdqkd],
.card-title p[b-1bsfytdqkd] {
    color: #5b6472;
    font-size: 14px;
    margin: 0 0 6px;
}

.rule-table[b-1bsfytdqkd] {
    max-width: 960px;
    margin: 8px 0 10px;
}

.cl-card[b-1bsfytdqkd] {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
}

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

.inline-message[b-1bsfytdqkd] {
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 12px;
    font-size: 14px;
}

.error-message[b-1bsfytdqkd] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.warning-message[b-1bsfytdqkd] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.field-help[b-1bsfytdqkd] {
    color: #6b7280;
    font-size: 13px;
    margin: 8px 0 0;
}

.form-row[b-1bsfytdqkd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.form-row label[b-1bsfytdqkd] {
    font-weight: 600;
}

.form-row .form-select[b-1bsfytdqkd] {
    max-width: 320px;
}

.empty-state[b-1bsfytdqkd] {
    color: #6b7280;
    padding: 8px 0;
}

.summary-grid[b-1bsfytdqkd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.summary-item[b-1bsfytdqkd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #f8fafc;
}

.summary-item strong[b-1bsfytdqkd] {
    font-size: 20px;
}

.summary-item.ok[b-1bsfytdqkd] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.summary-item.warning[b-1bsfytdqkd] {
    border-color: #fde68a;
    background: #fffbeb;
}

.summary-label[b-1bsfytdqkd] {
    color: #64748b;
    font-size: 12px;
}

.table-toolbar[b-1bsfytdqkd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 8px 0;
}

.table-toolbar .field-help[b-1bsfytdqkd] {
    margin: 0;
}

.toggle[b-1bsfytdqkd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.table-scroll[b-1bsfytdqkd] {
    overflow-x: auto;
}

.board-table[b-1bsfytdqkd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.board-table th[b-1bsfytdqkd],
.board-table td[b-1bsfytdqkd] {
    border-bottom: 1px solid #e5e7eb;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.board-table th[b-1bsfytdqkd] {
    background: #f1f5f9;
    font-weight: 600;
    white-space: nowrap;
}

.muted-row td[b-1bsfytdqkd] {
    color: #6b7280;
    background: #fafafa;
}

.chip[b-1bsfytdqkd] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.chip-ready[b-1bsfytdqkd] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.chip-review[b-1bsfytdqkd] {
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.chip-muted[b-1bsfytdqkd] {
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
}

.member-cell[b-1bsfytdqkd],
.profile-cell[b-1bsfytdqkd] {
    min-width: 200px;
}

.profile-sub[b-1bsfytdqkd] {
    color: #64748b;
    font-size: 12px;
}

.changes[b-1bsfytdqkd] {
    margin-top: 4px;
    padding: 4px 6px;
    border-left: 3px solid #93c5fd;
    background: #f8fbff;
    font-size: 12px;
}

.change-field[b-1bsfytdqkd] {
    font-weight: 700;
    color: #1e3a8a;
}

.change-before[b-1bsfytdqkd] {
    color: #9ca3af;
    text-decoration: line-through;
}

.change-after[b-1bsfytdqkd] {
    color: #166534;
    font-weight: 700;
}

.reasons[b-1bsfytdqkd] {
    min-width: 220px;
}

.execution-panel[b-1bsfytdqkd],
.execution-disabled[b-1bsfytdqkd] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 10px;
}

.execution-panel[b-1bsfytdqkd] {
    border: 1px solid #fecaca;
    background: #fff7f7;
}

.execution-panel code[b-1bsfytdqkd] {
    display: inline-block;
    margin: 6px 0;
    padding: 4px 8px;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 6px;
}

.execution-panel .code-input[b-1bsfytdqkd] {
    max-width: 420px;
    margin: 8px 0;
    font-family: Consolas, "Courier New", monospace;
}

.execution-disabled[b-1bsfytdqkd] {
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #6b7280;
}

.log-panel ul[b-1bsfytdqkd] {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: #475569;
}
/* /Pages/Admin/Services/CustomerAliasFold.razor.rz.scp.css */
.alias-fold-page[b-jhwu1a1rch] { max-width: 1440px; margin: 0 auto; padding: 24px; color: #243447; }
section[b-jhwu1a1rch] { padding: 20px; margin: 20px 0; border: 1px solid #d9e0e7; border-radius: 8px; background: #fff; }
h2[b-jhwu1a1rch] { font-size: 26px; } h3[b-jhwu1a1rch] { font-size: 19px; margin-bottom: 16px; }
p[b-jhwu1a1rch] { line-height: 1.6; } label[b-jhwu1a1rch] { margin-right: 12px; }
select[b-jhwu1a1rch], input[b-jhwu1a1rch] { padding: 8px; border: 1px solid #aab8c5; border-radius: 4px; margin-right: 12px; max-width: 100%; }
.table-scroll[b-jhwu1a1rch] { overflow-x: auto; } table[b-jhwu1a1rch] { width: 100%; border-collapse: collapse; }
th[b-jhwu1a1rch], td[b-jhwu1a1rch] { text-align: left; padding: 12px; border-bottom: 1px solid #e1e6ec; vertical-align: top; }
th[b-jhwu1a1rch] { background: #f1f5f9; white-space: nowrap; } .ready[b-jhwu1a1rch] { color: #196c44; } .held[b-jhwu1a1rch] { color: #975317; }
.message[b-jhwu1a1rch] { padding: 12px; background: #fff6da; } button:disabled[b-jhwu1a1rch] { opacity: .55; }
@media (max-width: 640px) { .alias-fold-page[b-jhwu1a1rch] { padding: 12px; } section[b-jhwu1a1rch] { padding: 12px; } input[b-jhwu1a1rch], select[b-jhwu1a1rch] { display: block; margin: 8px 0; } }
/* /Pages/Admin/Services/CustomerContactRoster.razor.rz.scp.css */
.account-split-page[b-hlrs6s6251] {
    padding-bottom: 32px;
}

.cl-page-title h2[b-hlrs6s6251] {
    margin-bottom: 6px;
}

.page-description[b-hlrs6s6251],
.card-title p[b-hlrs6s6251] {
    color: #5b6472;
    font-size: 14px;
    margin: 0 0 6px;
}

.rule-table[b-hlrs6s6251] {
    max-width: 960px;
    margin: 8px 0 10px;
}

.cl-card[b-hlrs6s6251] {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
}

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

.inline-message[b-hlrs6s6251] {
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 12px;
    font-size: 14px;
}

.error-message[b-hlrs6s6251] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.warning-message[b-hlrs6s6251] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.field-help[b-hlrs6s6251] {
    color: #6b7280;
    font-size: 13px;
    margin: 8px 0 0;
}

.form-row[b-hlrs6s6251] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.form-row label[b-hlrs6s6251] {
    font-weight: 600;
}

.form-row .form-select[b-hlrs6s6251] {
    max-width: 320px;
}

.empty-state[b-hlrs6s6251] {
    color: #6b7280;
    padding: 8px 0;
}

.summary-grid[b-hlrs6s6251] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.summary-item[b-hlrs6s6251] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #f8fafc;
}

.summary-item strong[b-hlrs6s6251] {
    font-size: 20px;
}

.summary-item.ok[b-hlrs6s6251] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.summary-item.warning[b-hlrs6s6251] {
    border-color: #fde68a;
    background: #fffbeb;
}

.summary-label[b-hlrs6s6251] {
    color: #64748b;
    font-size: 12px;
}

.table-toolbar[b-hlrs6s6251] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 8px 0;
}

.table-toolbar .field-help[b-hlrs6s6251] {
    margin: 0;
}

.toggle[b-hlrs6s6251] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.table-scroll[b-hlrs6s6251] {
    overflow-x: auto;
}

.board-table[b-hlrs6s6251] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.board-table th[b-hlrs6s6251],
.board-table td[b-hlrs6s6251] {
    border-bottom: 1px solid #e5e7eb;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.board-table th[b-hlrs6s6251] {
    background: #f1f5f9;
    font-weight: 600;
    white-space: nowrap;
}

.muted-row td[b-hlrs6s6251] {
    color: #6b7280;
    background: #fafafa;
}

.chip[b-hlrs6s6251] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.chip-ready[b-hlrs6s6251] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.chip-review[b-hlrs6s6251] {
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.chip-muted[b-hlrs6s6251] {
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
}

.member-cell[b-hlrs6s6251],
.profile-cell[b-hlrs6s6251] {
    min-width: 200px;
}

.profile-sub[b-hlrs6s6251] {
    color: #64748b;
    font-size: 12px;
}

.changes[b-hlrs6s6251] {
    margin-top: 4px;
    padding: 4px 6px;
    border-left: 3px solid #93c5fd;
    background: #f8fbff;
    font-size: 12px;
}

.change-field[b-hlrs6s6251] {
    font-weight: 700;
    color: #1e3a8a;
}

.change-before[b-hlrs6s6251] {
    color: #9ca3af;
    text-decoration: line-through;
}

.change-after[b-hlrs6s6251] {
    color: #166534;
    font-weight: 700;
}

.reasons[b-hlrs6s6251] {
    min-width: 220px;
}

.execution-panel[b-hlrs6s6251],
.execution-disabled[b-hlrs6s6251] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 10px;
}

.execution-panel[b-hlrs6s6251] {
    border: 1px solid #fecaca;
    background: #fff7f7;
}

.execution-panel code[b-hlrs6s6251] {
    display: inline-block;
    margin: 6px 0;
    padding: 4px 8px;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 6px;
}

.execution-panel .code-input[b-hlrs6s6251] {
    max-width: 420px;
    margin: 8px 0;
    font-family: Consolas, "Courier New", monospace;
}

.execution-disabled[b-hlrs6s6251] {
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #6b7280;
}

.log-panel ul[b-hlrs6s6251] {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: #475569;
}

/* 여러 회사 일괄 처리 — 회사 체크 목록 (NeoeCustomerMigration.razor.css 의 branch-fieldset 계열을 이 페이지 단위계에 맞춰 옮김) */
.branch-fieldset[b-hlrs6s6251] {
    min-width: 0;
    margin: 0 0 12px;
    padding: 12px 14px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
}

.branch-fieldset legend[b-hlrs6s6251] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 6px;
    color: #343d4d;
    font-size: 14px;
    font-weight: 700;
}

.branch-list[b-hlrs6s6251] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    max-height: 260px;
    overflow-y: auto;
}

.branch-option[b-hlrs6s6251] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #e5e8ee;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
}

.branch-option:hover[b-hlrs6s6251] {
    background: #f8fafc;
}

.branch-option span[b-hlrs6s6251] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-company-group[b-hlrs6s6251] {
    margin-top: 12px;
}

.batch-company-group:first-of-type[b-hlrs6s6251] {
    margin-top: 0;
}

.batch-company-group-heading[b-hlrs6s6251] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.batch-company-group-heading h6[b-hlrs6s6251] {
    margin: 0;
    color: #343d4d;
    font-size: 14px;
}

.batch-company-group-heading h6 span[b-hlrs6s6251] {
    margin-left: 6px;
    color: #6b7280;
    font-weight: 400;
}

.batch-company-group-heading .btn-link[b-hlrs6s6251] {
    padding: 0 4px;
    font-size: 13px;
    text-decoration: none;
}

.batch-company-list[b-hlrs6s6251] {
    max-height: 260px;
}

@media (max-width: 720px) {
    .branch-list[b-hlrs6s6251] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Services/CustomerDetailCompletion.razor.rz.scp.css */
.completion-page[b-0otclu9ydw]{max-width:1440px;margin:0 auto;padding:28px 24px 56px;color:#183042;font-size:14px}
.completion-heading[b-0otclu9ydw]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.completion-eyebrow[b-0otclu9ydw]{font-size:12px;font-weight:700;color:#477583;letter-spacing:.05em}
.completion-heading h2[b-0otclu9ydw]{font-size:28px;letter-spacing:-.04em;margin:8px 0 10px;font-weight:750}
.completion-heading p[b-0otclu9ydw],.completion-step p[b-0otclu9ydw],.completion-apply p[b-0otclu9ydw]{color:#5c6d78;line-height:1.6;margin:0}
.completion-source-badge[b-0otclu9ydw]{padding:8px 12px;background:#e9f3f4;border:1px solid #cfdee2;border-radius:20px;white-space:nowrap;font-size:12px;color:#245a64}
.completion-card[b-0otclu9ydw]{background:white;border:1px solid #dae3e8;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 5px #172e3a05}
.completion-step[b-0otclu9ydw]{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.completion-step>span[b-0otclu9ydw]{background:#e8f0f6;border-radius:8px;padding:5px 11px;color:#275d7c;font-weight:700}
.completion-step h3[b-0otclu9ydw],.completion-apply h3[b-0otclu9ydw]{font-size:18px;margin:2px 0 6px;font-weight:700}
.completion-filters[b-0otclu9ydw]{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;padding:18px;background:#f5f8fa;border-radius:8px}
.completion-filters label[b-0otclu9ydw]{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin:0}.completion-filters input[type=search][b-0otclu9ydw],.completion-filters select[b-0otclu9ydw]{height:39px;padding:7px 10px;border:1px solid #bdced8;border-radius:6px;background:white;min-width:185px;font-size:14px;color:#183042}
.completion-search[b-0otclu9ydw]{flex:1;min-width:240px}.completion-filters .completion-check[b-0otclu9ydw],.completion-check[b-0otclu9ydw]{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:39px;margin:0;font-weight:500;font-size:13px}
.completion-button[b-0otclu9ydw]{border:1px solid #beced9;background:white;color:#23445b;padding:9px 15px;border-radius:6px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}.completion-button:hover:enabled[b-0otclu9ydw]{background:#edf4f8}.completion-primary[b-0otclu9ydw]{background:#225f7b;color:white;border-color:#225f7b}.completion-primary:hover:enabled[b-0otclu9ydw]{background:#194d65}.completion-button:disabled[b-0otclu9ydw]{opacity:.45;cursor:default}
.completion-toolbar[b-0otclu9ydw]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.completion-table-wrap[b-0otclu9ydw]{overflow-x:auto;width:100%}
table[b-0otclu9ydw]{width:100%;border-collapse:collapse;text-align:left;font-size:13px}thead[b-0otclu9ydw]{background:#f3f6f8}th[b-0otclu9ydw],td[b-0otclu9ydw]{padding:12px 10px;border-bottom:1px solid #e3e9ee;vertical-align:top}thead th[b-0otclu9ydw]{font-size:12px;color:#526777;font-weight:600;white-space:nowrap}td strong[b-0otclu9ydw]{display:block;font-weight:600}small[b-0otclu9ydw]{display:block;color:#6b7d88;font-size:12px;margin-top:5px;line-height:1.5}.completion-code[b-0otclu9ydw]{font-family:ui-monospace,monospace;font-size:12px;white-space:nowrap}
.completion-status[b-0otclu9ydw]{display:inline-block;font-size:12px;background:#eef3f6;padding:3px 8px;border-radius:4px;white-space:nowrap;color:#506777}
summary[b-0otclu9ydw]{cursor:pointer;color:#285f7b}td summary[b-0otclu9ydw]{white-space:nowrap;font-size:12px}dl[b-0otclu9ydw]{min-width:210px;max-width:350px;margin:12px 0}dt[b-0otclu9ydw]{font-size:11px;color:#667c88;font-weight:500;margin-top:10px}dd[b-0otclu9ydw]{margin:2px 0;overflow-wrap:anywhere}
.completion-pagination[b-0otclu9ydw]{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 0 0;color:#657582;font-size:13px}.completion-empty[b-0otclu9ydw]{text-align:center;padding:40px;color:#72838d}
.completion-preview[b-0otclu9ydw]{border:1px solid #dce5e9;border-radius:8px;margin-bottom:14px;overflow:hidden}.completion-preview>summary[b-0otclu9ydw]{padding:15px 17px;background:#f8fafb}.completion-preview>summary>span[b-0otclu9ydw]{margin-left:12px;font-size:12px}.completion-preview>summary>strong[b-0otclu9ydw]{color:#213e50}
.completion-comparison[b-0otclu9ydw]{min-width:840px;table-layout:fixed}.completion-comparison th:first-child[b-0otclu9ydw],.completion-comparison td:first-child[b-0otclu9ydw]{width:50px}.completion-comparison th:nth-child(2)[b-0otclu9ydw]{width:108px}.completion-comparison td[b-0otclu9ydw]{overflow-wrap:anywhere;line-height:1.55}.completion-comparison th:last-child[b-0otclu9ydw]{width:24%}.completion-fillable[b-0otclu9ydw]{background:#f0f8f3}.completion-fillable td:last-child strong[b-0otclu9ydw]{color:#21604c}.completion-blocked[b-0otclu9ydw]{margin:12px 16px;color:#946124;font-size:13px}
.completion-apply[b-0otclu9ydw]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#eaf2f6;border:1px solid #cfdee7;border-radius:12px}.completion-apply p[b-0otclu9ydw]{font-size:13px}.completion-message[b-0otclu9ydw]{padding:14px 18px;border-radius:8px;margin-bottom:18px;line-height:1.5}.completion-error[b-0otclu9ydw]{background:#fff4e9;border:1px solid #ecd0ac;color:#825527}.completion-success[b-0otclu9ydw]{background:#ecf7f1;border:1px solid #bfdccc;color:#215a40}
input[type=checkbox][b-0otclu9ydw]{accent-color:#225f7b;width:15px;height:15px;flex-shrink:0}input:focus-visible[b-0otclu9ydw],select:focus-visible[b-0otclu9ydw],button:focus-visible[b-0otclu9ydw],summary:focus-visible[b-0otclu9ydw]{outline:3px solid #8ec6df;outline-offset:2px}
@media(max-width:760px){.completion-page[b-0otclu9ydw]{padding:18px 12px}.completion-heading[b-0otclu9ydw]{flex-direction:column;gap:8px}.completion-heading h2[b-0otclu9ydw]{font-size:24px}.completion-card[b-0otclu9ydw]{padding:16px}.completion-filters[b-0otclu9ydw]{padding:12px}.completion-filters label[b-0otclu9ydw],.completion-search[b-0otclu9ydw]{width:100%;min-width:0}.completion-toolbar[b-0otclu9ydw],.completion-apply[b-0otclu9ydw]{align-items:flex-start;flex-direction:column}.completion-preview>summary>span[b-0otclu9ydw]{display:block;margin:8px 0 0}.completion-apply .completion-button[b-0otclu9ydw]{width:100%}}
/* /Pages/Admin/Services/CustomerRuleRelink.razor.rz.scp.css */
.rule-relink-page[b-fdx1kb1yfj] {
    padding-bottom: 32px;
}

.cl-page-title h2[b-fdx1kb1yfj] {
    margin-bottom: 6px;
}

.page-description[b-fdx1kb1yfj],
.card-title p[b-fdx1kb1yfj] {
    color: #5b6472;
    font-size: 14px;
    margin: 0 0 6px;
}

.rule-table[b-fdx1kb1yfj] {
    max-width: 960px;
    margin: 8px 0 10px;
}

.cl-card[b-fdx1kb1yfj] {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
}

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

.inline-message[b-fdx1kb1yfj] {
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 12px;
    font-size: 14px;
}

.error-message[b-fdx1kb1yfj] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.warning-message[b-fdx1kb1yfj] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.field-help[b-fdx1kb1yfj] {
    color: #6b7280;
    font-size: 13px;
    margin: 8px 0 0;
}

.form-row[b-fdx1kb1yfj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.form-row label[b-fdx1kb1yfj] {
    font-weight: 600;
}

.form-row .form-select[b-fdx1kb1yfj] {
    max-width: 320px;
}

.empty-state[b-fdx1kb1yfj] {
    color: #6b7280;
    padding: 8px 0;
}

.summary-grid[b-fdx1kb1yfj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.summary-item[b-fdx1kb1yfj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #f8fafc;
}

.summary-item strong[b-fdx1kb1yfj] {
    font-size: 20px;
}

.summary-item.ok[b-fdx1kb1yfj] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.summary-item.warning[b-fdx1kb1yfj] {
    border-color: #fde68a;
    background: #fffbeb;
}

.summary-label[b-fdx1kb1yfj] {
    color: #64748b;
    font-size: 12px;
}

.table-toolbar[b-fdx1kb1yfj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 8px 0;
}

.table-toolbar .field-help[b-fdx1kb1yfj] {
    margin: 0;
}

.toggle[b-fdx1kb1yfj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.table-scroll[b-fdx1kb1yfj] {
    overflow-x: auto;
}

.board-table[b-fdx1kb1yfj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.board-table th[b-fdx1kb1yfj],
.board-table td[b-fdx1kb1yfj] {
    border-bottom: 1px solid #e5e7eb;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.board-table th[b-fdx1kb1yfj] {
    background: #f1f5f9;
    font-weight: 600;
    white-space: nowrap;
}

.muted-row td[b-fdx1kb1yfj] {
    color: #6b7280;
    background: #fafafa;
}

.chip[b-fdx1kb1yfj] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.chip-ready[b-fdx1kb1yfj] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.chip-review[b-fdx1kb1yfj] {
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.chip-muted[b-fdx1kb1yfj] {
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
}

.member-cell[b-fdx1kb1yfj],
.profile-cell[b-fdx1kb1yfj] {
    min-width: 200px;
}

.profile-sub[b-fdx1kb1yfj] {
    color: #64748b;
    font-size: 12px;
}

.changes[b-fdx1kb1yfj] {
    margin-top: 4px;
    padding: 4px 6px;
    border-left: 3px solid #93c5fd;
    background: #f8fbff;
    font-size: 12px;
}

.change-field[b-fdx1kb1yfj] {
    font-weight: 700;
    color: #1e3a8a;
}

.change-before[b-fdx1kb1yfj] {
    color: #9ca3af;
    text-decoration: line-through;
}

.change-after[b-fdx1kb1yfj] {
    color: #166534;
    font-weight: 700;
}

.reasons[b-fdx1kb1yfj] {
    min-width: 220px;
}

.execution-panel[b-fdx1kb1yfj],
.execution-disabled[b-fdx1kb1yfj] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 10px;
}

.execution-panel[b-fdx1kb1yfj] {
    border: 1px solid #fecaca;
    background: #fff7f7;
}

.execution-panel code[b-fdx1kb1yfj] {
    display: inline-block;
    margin: 6px 0;
    padding: 4px 8px;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 6px;
}

.execution-panel .code-input[b-fdx1kb1yfj] {
    max-width: 420px;
    margin: 8px 0;
    font-family: Consolas, "Courier New", monospace;
}

.execution-disabled[b-fdx1kb1yfj] {
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #6b7280;
}

.log-panel ul[b-fdx1kb1yfj] {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: #475569;
}

.relink-table td:last-child[b-fdx1kb1yfj] {
    max-width: 520px;
    white-space: normal;
}

.row-change td[b-fdx1kb1yfj] {
    background: #f0fdf4;
}

.row-blocked td[b-fdx1kb1yfj] {
    background: #fffbeb;
}
/* /Pages/Admin/Services/Ivy/IvySettings.razor.rz.scp.css */


.container-fluid[b-y16xis19qw] {
    padding: 10px;
}

.cl-page-title[b-y16xis19qw] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

.button_wrap[b-y16xis19qw]{
    display:flex;
}

h2[b-y16xis19qw] {
    font-size: 18px;
    font-weight: 600;
}

.clc-card_wrap[b-y16xis19qw] {
    display: flex;
    flex-wrap:wrap;
}

[b-y16xis19qw] .sj-memory-btn {
    padding: 0px 10px;
    border-radius: 8px;
}
/* /Pages/Admin/Services/NeoeCustomerMigration.razor.rz.scp.css */
.neoe-migration-page[b-1h3m1sj5hu] {
    max-width: 1180px;
    padding-bottom: 3rem;
}

.cl-page-title[b-1h3m1sj5hu] {
    align-items: flex-start;
}

.page-description[b-1h3m1sj5hu],
.card-title p[b-1h3m1sj5hu] {
    margin: .35rem 0 0;
    color: #687386;
}

.migration-card[b-1h3m1sj5hu],
.feature-message[b-1h3m1sj5hu] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
}

.feature-message h4[b-1h3m1sj5hu],
.feature-message p[b-1h3m1sj5hu] {
    margin-bottom: .5rem;
}

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

.inline-message[b-1h3m1sj5hu] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid transparent;
    border-radius: .5rem;
}

.error-message[b-1h3m1sj5hu] {
    border-color: #f1b7b7;
    background: #fff3f3;
    color: #8f2525;
}

.success-message[b-1h3m1sj5hu] {
    border-color: #a9ddbd;
    background: #f1fbf5;
    color: #24663c;
}

.form-grid[b-1h3m1sj5hu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem 1.5rem;
    margin-top: 1.25rem;
}

.field-group[b-1h3m1sj5hu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .45rem;
}

.field-group > label[b-1h3m1sj5hu],
.branch-fieldset legend[b-1h3m1sj5hu] {
    color: #343d4d;
    font-size: .93rem;
    font-weight: 700;
}

.field-help[b-1h3m1sj5hu] {
    color: #707b8d;
    font-size: .82rem;
}

.code-input[b-1h3m1sj5hu],
.code-text[b-1h3m1sj5hu],
.execution-panel code[b-1h3m1sj5hu] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.branch-fieldset[b-1h3m1sj5hu] {
    min-width: 0;
    margin: 1.5rem 0 0;
    padding: 1rem;
    border: 1px solid #dde2ea;
    border-radius: .5rem;
}

.branch-fieldset legend[b-1h3m1sj5hu] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 .35rem;
}

.branch-list[b-1h3m1sj5hu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .8rem;
    max-height: 230px;
    overflow-y: auto;
}

.branch-option[b-1h3m1sj5hu] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .5rem;
    padding: .65rem .75rem;
    border: 1px solid #e5e8ee;
    border-radius: .4rem;
    cursor: pointer;
}

.branch-option:hover[b-1h3m1sj5hu] {
    background: #f8fafc;
}

.branch-option span:not(.default-badge)[b-1h3m1sj5hu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.default-badge[b-1h3m1sj5hu] {
    margin-left: auto;
    padding: .15rem .4rem;
    border-radius: 1rem;
    background: #eaf2ff;
    color: #315f9d;
    font-size: .72rem;
}

.empty-state[b-1h3m1sj5hu] {
    margin: 0;
    color: #707b8d;
}

.action-row[b-1h3m1sj5hu] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: 1.5rem;
}

.title-with-action[b-1h3m1sj5hu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.summary-grid[b-1h3m1sj5hu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1.25rem;
}

.summary-item[b-1h3m1sj5hu] {
    display: flex;
    min-height: 78px;
    flex-direction: column;
    justify-content: center;
    padding: .85rem 1rem;
    border: 1px solid #e2e7ef;
    border-radius: .5rem;
    background: #fafbfd;
}

.summary-item strong[b-1h3m1sj5hu] {
    margin-top: .2rem;
    color: #25344d;
    font-size: 1.35rem;
}

.summary-item.warning[b-1h3m1sj5hu] {
    border-color: #efc88c;
    background: #fff9ef;
}

.summary-label[b-1h3m1sj5hu] {
    color: #687386;
    font-size: .85rem;
}

.preview-details[b-1h3m1sj5hu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 1.25rem 0 0;
}

.preview-details > div[b-1h3m1sj5hu] {
    padding: .7rem 0;
    border-bottom: 1px solid #e9ecf1;
}

.preview-details dt[b-1h3m1sj5hu] {
    color: #6c7688;
    font-size: .8rem;
    font-weight: 500;
}

.preview-details dd[b-1h3m1sj5hu] {
    margin: .25rem 0 0;
    color: #283448;
    font-weight: 600;
}

.issue-breakdown[b-1h3m1sj5hu] {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid #dfe4ec;
    border-radius: .5rem;
    background: #fbfcfe;
}

.issue-breakdown-heading h5[b-1h3m1sj5hu],
.issue-breakdown-heading p[b-1h3m1sj5hu],
.issue-group h6[b-1h3m1sj5hu],
.issue-note[b-1h3m1sj5hu] {
    margin: 0;
}

.issue-breakdown-heading p[b-1h3m1sj5hu],
.issue-note[b-1h3m1sj5hu] {
    margin-top: .35rem;
    color: #6f798a;
    font-size: .82rem;
}

.issue-group[b-1h3m1sj5hu] {
    margin-top: 1rem;
}

.issue-group h6[b-1h3m1sj5hu] {
    display: flex;
    justify-content: space-between;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e4e8ef;
}

.conflict-group h6[b-1h3m1sj5hu] {
    color: #8a5720;
}

.invalid-group h6[b-1h3m1sj5hu] {
    color: #8b3434;
}

.issue-list[b-1h3m1sj5hu] {
    display: grid;
    gap: .5rem;
    margin-top: .65rem;
}

.issue-row[b-1h3m1sj5hu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem .75rem;
    border-radius: .4rem;
    background: #fff;
}

.issue-row > div[b-1h3m1sj5hu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.issue-row span[b-1h3m1sj5hu] {
    color: #6f798a;
    font-size: .8rem;
}

.issue-row b[b-1h3m1sj5hu] {
    flex: 0 0 auto;
    color: #344158;
}

.status-panel[b-1h3m1sj5hu],
.execution-disabled[b-1h3m1sj5hu],
.execution-queued[b-1h3m1sj5hu] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: 1.25rem;
    padding: 1rem;
    border-radius: .5rem;
}

.status-panel[b-1h3m1sj5hu] {
    border: 1px solid #d9e2ef;
    background: #f7f9fc;
}

.status-error[b-1h3m1sj5hu] {
    color: #9b2f2f;
}

.execution-disabled[b-1h3m1sj5hu] {
    border: 1px solid #e2c98d;
    background: #fff9e9;
    color: #715622;
}

.execution-queued[b-1h3m1sj5hu] {
    border: 1px solid #a9ddbd;
    background: #f1fbf5;
    color: #24663c;
}

.execution-panel[b-1h3m1sj5hu] {
    display: grid;
    max-width: 700px;
    gap: .75rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e0e4ea;
}

.execution-panel h5[b-1h3m1sj5hu],
.execution-panel p[b-1h3m1sj5hu] {
    margin: 0;
}

.execution-panel code[b-1h3m1sj5hu] {
    width: fit-content;
    padding: .35rem .5rem;
    border-radius: .25rem;
    background: #f3f5f8;
    color: #7c2830;
}

.execution-panel .btn[b-1h3m1sj5hu] {
    width: fit-content;
}

.reset-card[b-1h3m1sj5hu] {
    border: 1px solid #e2b9bd;
    background: #fffdfd;
}

.reset-warning[b-1h3m1sj5hu] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: 1.1rem;
    padding: 1rem;
    border: 1px solid #e7c1c5;
    border-radius: .5rem;
    background: #fff5f5;
    color: #7e3038;
}

.reset-warning span[b-1h3m1sj5hu] {
    color: #73575b;
    font-size: .85rem;
}

.reset-empty[b-1h3m1sj5hu] {
    margin-top: 1rem;
}

.reset-preview[b-1h3m1sj5hu] {
    margin-top: 1.4rem;
    padding-top: 1.25rem;
    border-top: 1px solid #ead7d9;
}

.reset-preview h5[b-1h3m1sj5hu],
.reset-preview p[b-1h3m1sj5hu] {
    margin: 0;
}

.reset-code-breakdown[b-1h3m1sj5hu] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-top: 1.1rem;
    padding: .9rem 1rem;
    border: 1px solid #e2e7ef;
    border-radius: .5rem;
    background: #fafbfd;
}

.reset-code-breakdown > div[b-1h3m1sj5hu] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
}

.reset-code-breakdown span[b-1h3m1sj5hu] {
    color: #596579;
    font-size: .85rem;
}

.reset-code-breakdown code[b-1h3m1sj5hu] {
    color: #7c2830;
}

.reset-execution-panel[b-1h3m1sj5hu] {
    border-top-color: #ead7d9;
}

@media (max-width: 768px) {
    .form-grid[b-1h3m1sj5hu],
    .branch-list[b-1h3m1sj5hu],
    .summary-grid[b-1h3m1sj5hu],
    .preview-details[b-1h3m1sj5hu] {
        grid-template-columns: 1fr;
    }

    .title-with-action[b-1h3m1sj5hu] {
        flex-direction: column;
    }

    .action-row[b-1h3m1sj5hu] {
        justify-content: stretch;
    }

    .action-row .btn[b-1h3m1sj5hu] {
        flex: 1;
    }
}

/* 여러 회사 일괄 모드 */
.mode-switch[b-1h3m1sj5hu] {
    display: flex;
    flex: 0 0 auto;
    gap: .35rem;
}

.batch-company-group[b-1h3m1sj5hu] {
    margin-top: .75rem;
}

.batch-company-group:first-of-type[b-1h3m1sj5hu] {
    margin-top: 0;
}

.batch-company-group-heading[b-1h3m1sj5hu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .5rem;
}

.batch-company-group-heading h6[b-1h3m1sj5hu] {
    margin: 0;
    color: #343d4d;
    font-size: .9rem;
}

.batch-company-group-heading h6 span[b-1h3m1sj5hu] {
    margin-left: .4rem;
    color: #707b8d;
    font-weight: 400;
}

.batch-company-group-heading .btn-link[b-1h3m1sj5hu] {
    padding: 0 .25rem;
    font-size: .8rem;
    text-decoration: none;
}

.batch-company-list[b-1h3m1sj5hu] {
    max-height: 260px;
}

.warning-badge[b-1h3m1sj5hu] {
    background: #fff4e5;
    color: #8a5720;
}

.batch-table-wrap[b-1h3m1sj5hu] {
    margin-top: 1.25rem;
    overflow-x: auto;
}

.batch-table[b-1h3m1sj5hu] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
    font-size: .85rem;
}

.batch-table th[b-1h3m1sj5hu],
.batch-table td[b-1h3m1sj5hu] {
    padding: .55rem .6rem;
    border-bottom: 1px solid #e4e8ef;
    text-align: left;
    vertical-align: top;
}

.batch-table th[b-1h3m1sj5hu] {
    color: #6c7688;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
    background: #f7f9fc;
}

.batch-table td.warning[b-1h3m1sj5hu] {
    color: #8a5720;
    font-weight: 700;
}

.batch-table tr.blocked td[b-1h3m1sj5hu] {
    background: #fffaf3;
}

.batch-job-id[b-1h3m1sj5hu] {
    color: #6c7688;
    font-size: .72rem;
}

.batch-muted[b-1h3m1sj5hu] {
    color: #707b8d;
    font-size: .8rem;
}

.batch-verdict[b-1h3m1sj5hu] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 1rem;
    font-size: .76rem;
    font-weight: 700;
}

.batch-verdict.ok[b-1h3m1sj5hu] {
    background: #e9f8ef;
    color: #24663c;
}

.batch-verdict.blocked[b-1h3m1sj5hu] {
    background: #fff1e5;
    color: #8a5720;
}

.batch-reasons[b-1h3m1sj5hu] {
    margin: .35rem 0 0;
    padding-left: 1rem;
    color: #596579;
    font-size: .76rem;
}

.batch-reasons li[b-1h3m1sj5hu] {
    margin-top: .1rem;
}

@media (max-width: 768px) {
    .mode-switch[b-1h3m1sj5hu] {
        width: 100%;
    }

    .mode-switch .btn[b-1h3m1sj5hu] {
        flex: 1;
    }
}

.batch-verdict.pending[b-1h3m1sj5hu] {
    background: #eef2f7;
    color: #596579;
}

/* 계정 미생성(보고) 상세 + 막는 계정 삭제 */
.account-reports[b-1h3m1sj5hu] {
    margin-top: 12px;
    display: grid;
    gap: 10px;
}

.account-reports-heading h6[b-1h3m1sj5hu] {
    margin: 0 0 4px;
    font-size: 0.95rem;
}

.account-reports-heading h6 span[b-1h3m1sj5hu],
.account-reports-heading p[b-1h3m1sj5hu] {
    color: #6b7280;
    font-size: 0.85rem;
    margin: 0;
}

.account-report[b-1h3m1sj5hu] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px 12px;
    background: #fafafa;
    display: grid;
    gap: 8px;
}

.account-report-head[b-1h3m1sj5hu] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: baseline;
    font-size: 0.9rem;
}

.blocker-row[b-1h3m1sj5hu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    align-items: center;
    padding: 8px 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px dashed #d1d5db;
}

.blocker-row.removed[b-1h3m1sj5hu] {
    opacity: 0.6;
}

.blocker-facts[b-1h3m1sj5hu] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    font-size: 0.85rem;
    color: #374151;
}

.blocker-actions[b-1h3m1sj5hu] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.warning-text[b-1h3m1sj5hu] {
    color: #b45309;
    font-weight: 600;
}

.batch-detail-row > td[b-1h3m1sj5hu] {
    background: #f9fafb;
}
/* /Pages/Admin/Services/NeoeMaMigration.razor.rz.scp.css */
.neoe-ma-page[b-94od7jwos8] {
    max-width: 1180px;
    padding-bottom: 3rem;
}

.cl-page-title[b-94od7jwos8] {
    align-items: flex-start;
}

.page-description[b-94od7jwos8],
.card-title p[b-94od7jwos8] {
    margin: .35rem 0 0;
    color: #687386;
}

.ma-card[b-94od7jwos8],
.feature-message[b-94od7jwos8] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
}

.feature-message h4[b-94od7jwos8],
.feature-message p[b-94od7jwos8] {
    margin-bottom: .5rem;
}

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

.inline-message[b-94od7jwos8] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid transparent;
    border-radius: .5rem;
}

.error-message[b-94od7jwos8] {
    border-color: #f1b7b7;
    background: #fff3f3;
    color: #8f2525;
}

.success-message[b-94od7jwos8] {
    border-color: #a9ddbd;
    background: #f1fbf5;
    color: #24663c;
}

.form-grid[b-94od7jwos8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem 1.5rem;
    margin-top: 1.25rem;
}

.field-group[b-94od7jwos8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .45rem;
}

.field-group > label[b-94od7jwos8],
.branch-fieldset legend[b-94od7jwos8] {
    color: #343d4d;
    font-size: .93rem;
    font-weight: 700;
}

.field-help[b-94od7jwos8] {
    color: #707b8d;
    font-size: .82rem;
}

.code-input[b-94od7jwos8],
.code-text[b-94od7jwos8],
.execution-panel code[b-94od7jwos8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.branch-fieldset[b-94od7jwos8] {
    min-width: 0;
    margin: 1.5rem 0 0;
    padding: 1rem;
    border: 1px solid #dde2ea;
    border-radius: .5rem;
}

.branch-fieldset legend[b-94od7jwos8] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 .35rem;
}

.branch-list[b-94od7jwos8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .8rem;
    max-height: 230px;
    overflow-y: auto;
}

.branch-option[b-94od7jwos8] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .5rem;
    padding: .65rem .75rem;
    border: 1px solid #e5e8ee;
    border-radius: .4rem;
    cursor: pointer;
}

.branch-option:hover[b-94od7jwos8] {
    background: #f8fafc;
}

.branch-option span:not(.default-badge)[b-94od7jwos8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.default-badge[b-94od7jwos8] {
    margin-left: auto;
    padding: .15rem .4rem;
    border-radius: 1rem;
    background: #eaf2ff;
    color: #315f9d;
    font-size: .72rem;
}

.empty-state[b-94od7jwos8] {
    margin: 0;
    color: #707b8d;
}

.action-row[b-94od7jwos8] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: 1.5rem;
}

.title-with-action[b-94od7jwos8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.summary-grid[b-94od7jwos8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1.25rem;
}

.summary-item[b-94od7jwos8] {
    display: flex;
    min-height: 78px;
    flex-direction: column;
    justify-content: center;
    padding: .85rem 1rem;
    border: 1px solid #e2e7ef;
    border-radius: .5rem;
    background: #fafbfd;
}

.summary-item strong[b-94od7jwos8] {
    margin-top: .2rem;
    color: #25344d;
    font-size: 1.35rem;
}

.summary-item.warning[b-94od7jwos8] {
    border-color: #efc88c;
    background: #fff9ef;
}

.summary-label[b-94od7jwos8] {
    color: #687386;
    font-size: .85rem;
}

.preview-details[b-94od7jwos8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 1.25rem 0 0;
}

.preview-details > div[b-94od7jwos8] {
    padding: .7rem 0;
    border-bottom: 1px solid #e9ecf1;
}

.preview-details dt[b-94od7jwos8] {
    color: #6c7688;
    font-size: .8rem;
    font-weight: 500;
}

.preview-details dd[b-94od7jwos8] {
    margin: .25rem 0 0;
    color: #283448;
    font-weight: 600;
}

.issue-breakdown[b-94od7jwos8] {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid #dfe4ec;
    border-radius: .5rem;
    background: #fbfcfe;
}

.issue-breakdown-heading h5[b-94od7jwos8],
.issue-breakdown-heading p[b-94od7jwos8],
.issue-group h6[b-94od7jwos8],
.issue-note[b-94od7jwos8] {
    margin: 0;
}

.issue-breakdown-heading p[b-94od7jwos8],
.issue-note[b-94od7jwos8] {
    margin-top: .35rem;
    color: #6f798a;
    font-size: .82rem;
}

.issue-group[b-94od7jwos8] {
    margin-top: 1rem;
}

.issue-group h6[b-94od7jwos8] {
    display: flex;
    justify-content: space-between;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e4e8ef;
}

.conflict-group h6[b-94od7jwos8] {
    color: #8a5720;
}

.invalid-group h6[b-94od7jwos8] {
    color: #8b3434;
}

.issue-list[b-94od7jwos8] {
    display: grid;
    gap: .5rem;
    margin-top: .65rem;
}

.issue-row[b-94od7jwos8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem .75rem;
    border-radius: .4rem;
    background: #fff;
}

.issue-row > div[b-94od7jwos8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.issue-row span[b-94od7jwos8] {
    color: #6f798a;
    font-size: .8rem;
}

.issue-row b[b-94od7jwos8] {
    flex: 0 0 auto;
    color: #344158;
}

.status-panel[b-94od7jwos8],
.execution-disabled[b-94od7jwos8],
.execution-queued[b-94od7jwos8] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: 1.25rem;
    padding: 1rem;
    border-radius: .5rem;
}

.status-panel[b-94od7jwos8] {
    border: 1px solid #d9e2ef;
    background: #f7f9fc;
}

.status-error[b-94od7jwos8] {
    color: #9b2f2f;
}

.execution-disabled[b-94od7jwos8] {
    border: 1px solid #e2c98d;
    background: #fff9e9;
    color: #715622;
}

.execution-queued[b-94od7jwos8] {
    border: 1px solid #a9ddbd;
    background: #f1fbf5;
    color: #24663c;
}

.execution-panel[b-94od7jwos8] {
    display: grid;
    max-width: 700px;
    gap: .75rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e0e4ea;
}

.execution-panel h5[b-94od7jwos8],
.execution-panel p[b-94od7jwos8] {
    margin: 0;
}

.execution-panel code[b-94od7jwos8] {
    width: fit-content;
    padding: .35rem .5rem;
    border-radius: .25rem;
    background: #f3f5f8;
    color: #7c2830;
}

.execution-panel .btn[b-94od7jwos8] {
    width: fit-content;
}

@media (max-width: 768px) {
    .form-grid[b-94od7jwos8],
    .branch-list[b-94od7jwos8],
    .summary-grid[b-94od7jwos8],
    .preview-details[b-94od7jwos8] {
        grid-template-columns: 1fr;
    }

    .title-with-action[b-94od7jwos8] {
        flex-direction: column;
    }

    .action-row[b-94od7jwos8] {
        justify-content: stretch;
    }

    .action-row .btn[b-94od7jwos8] {
        flex: 1;
    }
}

/* MA 전용: 대상 고객코드 입력 */
.neoe-ma-page .target-fieldset[b-94od7jwos8] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem 1.25rem 1.25rem;
    margin-top: 1rem;
}

.neoe-ma-page .target-fieldset legend[b-94od7jwos8] {
    font-size: 0.9rem;
    font-weight: 600;
    width: auto;
    padding: 0 0.5rem;
}

.neoe-ma-page .target-input[b-94od7jwos8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.9rem;
    resize: vertical;
}
/* /Pages/Admin/Services/Sjb2bDiscountMigration.razor.rz.scp.css */
.sjb2b-discount-migration-page[b-eee5ivjq8r] {
    max-width: 1500px;
    padding-bottom: 3rem;
}

.cl-page-title[b-eee5ivjq8r] {
    align-items: flex-start;
}

.page-description[b-eee5ivjq8r],
.card-title p[b-eee5ivjq8r] {
    margin: .35rem 0 0;
    color: #687386;
}

.migration-card[b-eee5ivjq8r],
.feature-message[b-eee5ivjq8r] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
}

.feature-message h4[b-eee5ivjq8r],
.feature-message p[b-eee5ivjq8r] {
    margin-bottom: .5rem;
}

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

.inline-message[b-eee5ivjq8r] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid transparent;
    border-radius: .5rem;
}

.error-message[b-eee5ivjq8r] {
    border-color: #f1b7b7;
    background: #fff3f3;
    color: #8f2525;
}

.success-message[b-eee5ivjq8r] {
    border-color: #a9ddbd;
    background: #f1fbf5;
    color: #24663c;
}

.title-with-action[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.company-toolbar[b-eee5ivjq8r],
.history-filters[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
}

.search-field[b-eee5ivjq8r],
.history-filters label[b-eee5ivjq8r] {
    display: flex;
    min-width: 260px;
    flex-direction: column;
    gap: .4rem;
    color: #343d4d;
    font-size: .88rem;
    font-weight: 700;
}

.history-filters[b-eee5ivjq8r] {
    justify-content: flex-start;
}

.selection-actions[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #687386;
    font-size: .84rem;
}

.company-grid[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    max-height: 330px;
    margin-top: 1rem;
    overflow-y: auto;
}

.company-option[b-eee5ivjq8r] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem .8rem;
    border: 1px solid #e2e7ef;
    border-radius: .45rem;
    background: #fff;
    cursor: pointer;
}

.company-option:hover[b-eee5ivjq8r] {
    background: #f8fafc;
}

.company-name[b-eee5ivjq8r] {
    overflow: hidden;
    color: #2d3748;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-type[b-eee5ivjq8r] {
    padding: .15rem .45rem;
    border-radius: 999px;
    background: #eef3ff;
    color: #365f99;
    font-size: .72rem;
}

.action-row[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1.35rem;
}

.progress-message[b-eee5ivjq8r] {
    margin-right: auto;
    color: #4f5f76;
    font-size: .86rem;
}

.empty-state[b-eee5ivjq8r] {
    margin: 1rem 0 0;
    color: #707b8d;
}

.code-text[b-eee5ivjq8r] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.summary-grid[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1.25rem;
}

.summary-item[b-eee5ivjq8r] {
    display: flex;
    min-height: 82px;
    flex-direction: column;
    justify-content: center;
    padding: .8rem .9rem;
    border: 1px solid #e2e7ef;
    border-radius: .5rem;
    background: #fafbfd;
}

.summary-item strong[b-eee5ivjq8r] {
    margin-top: .2rem;
    color: #25344d;
    font-size: 1.2rem;
}

.summary-item small[b-eee5ivjq8r] {
    color: #315f9d;
    font-weight: 700;
}

.summary-item.warning[b-eee5ivjq8r] {
    border-color: #efc88c;
    background: #fff9ef;
}

.summary-label[b-eee5ivjq8r] {
    color: #687386;
    font-size: .79rem;
}

.comparison-scroll[b-eee5ivjq8r] {
    margin-top: 1.25rem;
    overflow-x: auto;
    border: 1px solid #e2e7ef;
    border-radius: .5rem;
}

.comparison-table[b-eee5ivjq8r] {
    width: 100%;
    min-width: 1240px;
    border-collapse: collapse;
    background: #fff;
    font-size: .82rem;
}

.comparison-table th[b-eee5ivjq8r],
.comparison-table td[b-eee5ivjq8r] {
    padding: .72rem .65rem;
    border-bottom: 1px solid #e8ebf0;
    text-align: center;
    vertical-align: top;
}

.comparison-table th[b-eee5ivjq8r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f7f9fc;
    color: #526078;
    white-space: nowrap;
}

.comparison-table tbody tr:last-child td[b-eee5ivjq8r] {
    border-bottom: 0;
}

.comparison-table td > strong[b-eee5ivjq8r],
.comparison-table td > small[b-eee5ivjq8r] {
    display: block;
}

.comparison-table td > small[b-eee5ivjq8r] {
    margin-top: .18rem;
    color: #758196;
}

.comparison-table tr.status-warning[b-eee5ivjq8r] {
    background: #fffaf2;
}

.comparison-table tr.status-success[b-eee5ivjq8r] {
    background: #f5fbf7;
}

.warning-cell[b-eee5ivjq8r] {
    color: #9a4f20;
    font-weight: 700;
}

.rate-list[b-eee5ivjq8r] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    gap: .25rem;
    text-align: left;
}

.rate-list span:not(.muted)[b-eee5ivjq8r] {
    padding: .25rem .4rem;
    border-radius: .3rem;
    background: #f2f6fc;
    color: #3c506d;
    white-space: nowrap;
}

.muted[b-eee5ivjq8r] {
    color: #8b95a5;
}

.status-badge[b-eee5ivjq8r] {
    display: inline-flex;
    padding: .25rem .5rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge.status-ready[b-eee5ivjq8r] {
    background: #eaf2ff;
    color: #275d9f;
}

.status-badge.status-success[b-eee5ivjq8r] {
    background: #e8f7ed;
    color: #247043;
}

.status-badge.status-no-change[b-eee5ivjq8r],
.result-badge.status-no-change[b-eee5ivjq8r] {
    background: #edf7f5;
    color: #276c62;
}

.status-badge.status-warning[b-eee5ivjq8r] {
    background: #fff0dc;
    color: #8b4e20;
}

.status-badge.status-neutral[b-eee5ivjq8r] {
    background: #edf0f4;
    color: #5c6677;
}

.status-badge.status-conflict[b-eee5ivjq8r],
.result-badge.status-conflict[b-eee5ivjq8r] {
    background: #f3edff;
    color: #6b3aa4;
}

.status-badge.status-error[b-eee5ivjq8r],
.result-badge.status-error[b-eee5ivjq8r] {
    background: #fdecec;
    color: #a13838;
}

.status-badge.status-expired[b-eee5ivjq8r],
.result-badge.status-expired[b-eee5ivjq8r] {
    background: #edf0f4;
    color: #5d6675;
}

.status-badge.status-progress[b-eee5ivjq8r],
.result-badge.status-progress[b-eee5ivjq8r] {
    background: #e9f3ff;
    color: #32679f;
}

.comparison-table details[b-eee5ivjq8r] {
    min-width: 185px;
    text-align: left;
}

.comparison-table summary[b-eee5ivjq8r] {
    color: #315f9d;
    font-weight: 700;
    cursor: pointer;
}

.detail-grid[b-eee5ivjq8r] {
    display: grid;
    gap: .3rem;
    margin-top: .55rem;
    padding: .55rem;
    border-radius: .35rem;
    background: #f7f9fc;
}

.detail-grid span[b-eee5ivjq8r] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    color: #667287;
    white-space: nowrap;
}

.detail-grid strong[b-eee5ivjq8r] {
    color: #344158;
}

.blocking-reason[b-eee5ivjq8r] {
    margin: .55rem 0 0;
    color: #8f3d35;
    font-size: .78rem;
}

.draft-confirmation[b-eee5ivjq8r] {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid #b9d2f3;
    border-radius: .5rem;
    background: #f1f6fd;
}

.draft-confirmation label[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: 0;
    color: #38506f;
    font-size: .88rem;
    cursor: pointer;
}

.draft-confirmation input[b-eee5ivjq8r] {
    margin-top: .2rem;
}

.history-table[b-eee5ivjq8r] {
    min-width: 980px;
}

@media (max-width: 1100px) {
    .company-grid[b-eee5ivjq8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .summary-grid[b-eee5ivjq8r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .title-with-action[b-eee5ivjq8r],
    .company-toolbar[b-eee5ivjq8r],
    .history-filters[b-eee5ivjq8r],
    .selection-actions[b-eee5ivjq8r] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-field[b-eee5ivjq8r],
    .history-filters label[b-eee5ivjq8r] {
        min-width: 0;
    }

    .company-grid[b-eee5ivjq8r],
    .summary-grid[b-eee5ivjq8r] {
        grid-template-columns: 1fr;
    }

    .action-row[b-eee5ivjq8r] {
        align-items: stretch;
        flex-direction: column;
    }

    .progress-message[b-eee5ivjq8r] {
        margin-right: 0;
    }
}

/* Redesigned control-plane layout */
.sjb2b-discount-migration-page[b-eee5ivjq8r] {
    --migration-ink: #17243a;
    --migration-muted: #647188;
    --migration-line: #dfe5ee;
    --migration-soft: #f6f8fb;
    --migration-blue: #2864b4;
    --migration-blue-soft: #edf5ff;
    --migration-teal: #087f76;
    --migration-teal-soft: #eaf8f6;
    --migration-amber: #9a5b08;
    --migration-amber-soft: #fff7e8;
    max-width: 1600px;
}

.cl-page-title[b-eee5ivjq8r] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.page-heading-copy[b-eee5ivjq8r] {
    min-width: 0;
}

.page-heading-copy h2[b-eee5ivjq8r] {
    margin: .2rem 0 0;
    color: var(--migration-ink);
    letter-spacing: -.025em;
}

.page-eyebrow[b-eee5ivjq8r],
.step-label[b-eee5ivjq8r],
.panel-kicker[b-eee5ivjq8r],
.safety-card-label[b-eee5ivjq8r] {
    display: block;
    color: var(--migration-blue);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.safety-pill[b-eee5ivjq8r] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    align-self: center;
    gap: .55rem;
    padding: .62rem .85rem;
    border: 1px solid #b9dfd6;
    border-radius: 999px;
    background: #f0fbf8;
    color: #28665f;
    font-size: .8rem;
}

.safety-dot[b-eee5ivjq8r],
.busy-dot[b-eee5ivjq8r] {
    width: .52rem;
    height: .52rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #18a18e;
}

.busy-dot[b-eee5ivjq8r] {
    background: var(--migration-blue);
    box-shadow: 0 0 0 .25rem rgba(40, 100, 180, .12);
}

.migration-card[b-eee5ivjq8r] {
    border: 1px solid #e1e6ee;
    border-radius: .85rem;
    box-shadow: 0 5px 22px rgba(31, 48, 74, .055);
}

.card-title h4[b-eee5ivjq8r],
.draft-panel-heading h4[b-eee5ivjq8r] {
    margin: .22rem 0 0;
    color: var(--migration-ink);
    font-size: 1.12rem;
    font-weight: 750;
    letter-spacing: -.012em;
}

.company-toolbar[b-eee5ivjq8r] {
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--migration-line);
    border-radius: .7rem .7rem 0 0;
    background: var(--migration-soft);
}

.search-field[b-eee5ivjq8r] {
    flex: 1 1 420px;
    max-width: 620px;
}

.search-input-wrap[b-eee5ivjq8r] {
    position: relative;
    display: block;
}

.search-input-wrap .form-control[b-eee5ivjq8r] {
    min-height: 42px;
    padding-left: 2.45rem;
    border-color: #cfd7e3;
    background: #fff;
}

.search-input-wrap .form-control:focus[b-eee5ivjq8r] {
    border-color: #79a5dc;
    box-shadow: 0 0 0 .2rem rgba(40, 100, 180, .12);
}

.search-icon[b-eee5ivjq8r] {
    position: absolute;
    top: 50%;
    left: .85rem;
    z-index: 1;
    color: #718096;
    font-size: 1.25rem;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.selection-summary[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: var(--migration-muted);
    font-size: .82rem;
}

.selection-count[b-eee5ivjq8r],
.selected-run-count[b-eee5ivjq8r] {
    display: inline-flex;
    align-items: baseline;
    gap: .2rem;
    padding: .45rem .68rem;
    border: 1px solid #bad2ee;
    border-radius: .55rem;
    background: #fff;
    color: #315f99;
    white-space: nowrap;
}

.selection-count strong[b-eee5ivjq8r],
.selected-run-count strong[b-eee5ivjq8r] {
    font-size: 1.18rem;
}

.list-action-bar[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 1rem;
    border-right: 1px solid var(--migration-line);
    border-bottom: 1px solid var(--migration-line);
    border-left: 1px solid var(--migration-line);
    color: var(--migration-muted);
    font-size: .82rem;
}

.list-action-bar strong[b-eee5ivjq8r] {
    color: var(--migration-ink);
}

.company-list[b-eee5ivjq8r] {
    max-height: 390px;
    overflow: auto;
    border-right: 1px solid var(--migration-line);
    border-bottom: 1px solid var(--migration-line);
    border-left: 1px solid var(--migration-line);
    border-radius: 0 0 .7rem .7rem;
    background: #fff;
    scrollbar-color: #b8c3d1 transparent;
    scrollbar-width: thin;
}

.company-list-heading[b-eee5ivjq8r],
.company-option[b-eee5ivjq8r] {
    display: grid;
    min-width: 650px;
    grid-template-columns: 54px minmax(240px, 1fr) 110px 100px;
    align-items: center;
    gap: .7rem;
}

.company-list-heading[b-eee5ivjq8r] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .58rem 1rem;
    border-bottom: 1px solid var(--migration-line);
    background: #f9fafc;
    color: #737f91;
    font-size: .72rem;
    font-weight: 750;
}

.company-option[b-eee5ivjq8r] {
    margin: 0;
    padding: .72rem 1rem;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    border-radius: 0;
    transition: background .15s ease, box-shadow .15s ease;
}

.company-option:last-child[b-eee5ivjq8r] {
    border-bottom: 0;
}

.company-option:hover[b-eee5ivjq8r] {
    background: #f7faff;
}

.company-option.selected[b-eee5ivjq8r] {
    background: var(--migration-blue-soft);
    box-shadow: inset 3px 0 0 var(--migration-blue);
}

.company-option:has(input:focus-visible)[b-eee5ivjq8r] {
    outline: 2px solid #5d95d7;
    outline-offset: -2px;
}

.company-option input[b-eee5ivjq8r],
.run-selector input[b-eee5ivjq8r],
.draft-confirmation input[b-eee5ivjq8r] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    accent-color: var(--migration-blue);
}

.company-name-wrap[b-eee5ivjq8r] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .12rem;
}

.company-name-wrap small[b-eee5ivjq8r] {
    color: #8993a3;
    font-size: .72rem;
}

.company-type[b-eee5ivjq8r] {
    display: inline-flex;
    width: max-content;
    align-items: center;
    justify-content: center;
    padding: .23rem .55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 750;
    white-space: nowrap;
}

.company-type.type-direct[b-eee5ivjq8r] {
    border-color: #bed3f0;
    background: #edf4ff;
    color: #315f9d;
}

.company-type.type-distributor[b-eee5ivjq8r] {
    border-color: #bce2d9;
    background: #edf9f6;
    color: #276d62;
}

.company-type.type-default[b-eee5ivjq8r] {
    border-color: #d9dee6;
    background: #f4f5f7;
    color: #667085;
}

.company-selection-state[b-eee5ivjq8r] {
    color: #8791a1;
    font-size: .76rem;
    font-weight: 650;
}

.company-option.selected .company-selection-state[b-eee5ivjq8r] {
    color: var(--migration-blue);
}

.section-action-row[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid #edf0f4;
}

.section-action-row .btn-primary[b-eee5ivjq8r] {
    min-width: 190px;
    min-height: 42px;
    font-weight: 700;
}

.action-hint[b-eee5ivjq8r] {
    margin-right: auto;
    color: var(--migration-muted);
    font-size: .8rem;
}

.progress-message[b-eee5ivjq8r] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.summary-grid[b-eee5ivjq8r] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .8rem;
}

.summary-item[b-eee5ivjq8r] {
    position: relative;
    min-height: 104px;
    justify-content: flex-start;
    overflow: hidden;
    padding: .95rem 1rem;
    border-radius: .7rem;
    background: #fbfcfe;
}

.summary-item[b-eee5ivjq8r]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: #c7d1de;
    content: "";
}

.summary-item.source-kpi[b-eee5ivjq8r]::before {
    background: var(--migration-teal);
}

.summary-item.eligible-kpi[b-eee5ivjq8r]::before,
.summary-item.import-kpi[b-eee5ivjq8r]::before {
    background: var(--migration-blue);
}

.summary-item.warning[b-eee5ivjq8r]::before {
    background: #d58a26;
}

.summary-item strong[b-eee5ivjq8r] {
    font-size: 1.34rem;
    letter-spacing: -.02em;
}

.summary-item small[b-eee5ivjq8r] {
    margin-top: auto;
    color: var(--migration-muted);
    font-size: .72rem;
    font-weight: 600;
}

.scope-explainer[b-eee5ivjq8r] {
    display: flex;
    gap: .8rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid #cbdcf0;
    border-radius: .65rem;
    background: #f5f9fe;
    color: #44546c;
}

.scope-explainer-icon[b-eee5ivjq8r] {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: var(--migration-blue);
    color: #fff;
    font-family: Georgia, serif;
    font-size: .85rem;
    font-weight: 800;
}

.scope-explainer strong[b-eee5ivjq8r] {
    color: #27466f;
}

.scope-explainer p[b-eee5ivjq8r] {
    margin: .2rem 0 0;
    font-size: .8rem;
    line-height: 1.55;
}

.scope-explainer .scope-warning[b-eee5ivjq8r] {
    margin-top: .45rem;
    padding-top: .45rem;
    border-top: 1px solid #d8e5f4;
    color: #87540e;
    font-weight: 650;
}

.effective-rate-overview[b-eee5ivjq8r] {
    display: grid;
    gap: .7rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid #b9d9d1;
    border-radius: .7rem;
    background: #f4fbf9;
}

.effective-rate-overview-heading[b-eee5ivjq8r] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.effective-rate-overview-heading strong[b-eee5ivjq8r] {
    color: #245e57;
    font-size: .86rem;
}

.effective-rate-overview-heading span[b-eee5ivjq8r] {
    color: #617a76;
    font-size: .72rem;
}

.effective-rate-chips[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .55rem;
}

.effective-rate-chip[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    gap: .18rem .45rem;
    padding: .62rem .7rem;
    border: 1px solid #cfe4df;
    border-radius: .55rem;
    background: #fff;
    color: #425c58;
    font-size: .76rem;
}

.effective-rate-chip > strong[b-eee5ivjq8r] {
    color: #11746a;
    font-size: 1rem;
}

.effective-rate-chip > small[b-eee5ivjq8r] {
    grid-column: 1 / -1;
    color: #6c7d7a;
    font-size: .66rem;
    line-height: 1.45;
}

.comparison-list[b-eee5ivjq8r] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.comparison-company-row[b-eee5ivjq8r] {
    overflow: hidden;
    border: 1px solid var(--migration-line);
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 48, 74, .035);
}

.comparison-company-row.selected[b-eee5ivjq8r] {
    border-color: #8cb5e6;
    box-shadow: 0 0 0 2px rgba(40, 100, 180, .1);
}

.comparison-company-row.status-warning[b-eee5ivjq8r] {
    border-color: #e5c28f;
}

.comparison-company-row.status-success[b-eee5ivjq8r] {
    border-color: #abd8bd;
}

.comparison-company-row.status-no-change[b-eee5ivjq8r] {
    border-color: #aed7cf;
}

.comparison-company-row.status-no-change .company-row-header[b-eee5ivjq8r] {
    background: #f5fbf9;
}

.comparison-company-row.status-conflict[b-eee5ivjq8r] {
    border-color: #cdb7e8;
}

.comparison-company-row.status-error[b-eee5ivjq8r] {
    border-color: #e5adad;
}

.comparison-company-row.status-expired[b-eee5ivjq8r] {
    border-color: #cfd5de;
}

.company-row-header[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--migration-line);
    background: #fafbfd;
}

.comparison-company-row.selected .company-row-header[b-eee5ivjq8r] {
    background: #f2f7fd;
}

.run-selector[b-eee5ivjq8r] {
    display: flex;
    min-width: 92px;
    align-items: center;
    gap: .45rem;
    margin: 0;
    color: #59677b;
    font-size: .74rem;
    font-weight: 700;
    cursor: pointer;
}

.run-selector:has(input:disabled)[b-eee5ivjq8r] {
    color: #9aa3b1;
    cursor: not-allowed;
}

.company-identity[b-eee5ivjq8r] {
    min-width: 0;
}

.company-title-line[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.company-title-line h5[b-eee5ivjq8r] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--migration-ink);
    font-size: 1rem;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-availability[b-eee5ivjq8r] {
    display: block;
    margin-top: .25rem;
    color: #768298;
    font-size: .72rem;
}

.company-row-body[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 1rem;
    padding: 1rem;
}

.source-panel[b-eee5ivjq8r],
.migration-panel[b-eee5ivjq8r] {
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--migration-line);
    border-radius: .65rem;
}

.source-panel[b-eee5ivjq8r] {
    border-color: #cbe5df;
    background: #f8fcfb;
}

.migration-panel[b-eee5ivjq8r] {
    background: #fafbfd;
}

.panel-heading[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.panel-heading strong[b-eee5ivjq8r] {
    display: block;
    margin-top: .18rem;
    color: var(--migration-ink);
    font-size: .93rem;
}

.source-panel .panel-kicker[b-eee5ivjq8r] {
    color: var(--migration-teal);
}

.source-badge[b-eee5ivjq8r] {
    padding: .24rem .5rem;
    border-radius: 999px;
    background: var(--migration-teal-soft);
    color: #2d6e67;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}

.source-metric-grid[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .45rem;
    margin-bottom: .8rem;
}

.source-metric-grid > div[b-eee5ivjq8r] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .14rem;
    padding: .5rem;
    border: 1px solid #d5e8e4;
    border-radius: .45rem;
    background: rgba(255, 255, 255, .82);
}

.source-metric-grid span[b-eee5ivjq8r] {
    overflow: hidden;
    color: #638079;
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.source-metric-grid strong[b-eee5ivjq8r] {
    color: #255c55;
    font-size: .92rem;
}

.rate-distribution[b-eee5ivjq8r] {
    display: grid;
    gap: .55rem;
}

.rate-row[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: 64px minmax(120px, 1fr) auto;
    align-items: center;
    gap: .65rem;
}

.rate-chip[b-eee5ivjq8r] {
    display: inline-flex;
    justify-content: center;
    padding: .28rem .45rem;
    border: 1px solid #a9d5cc;
    border-radius: 999px;
    background: #fff;
    color: #146c63;
    font-size: .75rem;
    font-weight: 800;
}

.rate-bar-copy[b-eee5ivjq8r] {
    display: grid;
    min-width: 0;
    gap: .2rem;
    color: #647488;
    font-size: .69rem;
}

.rate-track[b-eee5ivjq8r] {
    height: .48rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dcebe8;
}

.rate-fill[b-eee5ivjq8r] {
    display: block;
    min-width: 3px;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #21a391, #087f76);
}

.rate-importable[b-eee5ivjq8r] {
    color: #36516f;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.source-rate-note[b-eee5ivjq8r] {
    margin-top: .65rem;
    padding: .55rem .65rem;
    border: 1px solid #ead7a1;
    border-radius: .5rem;
    background: #fff9e8;
    color: #725b1b;
    font-size: .72rem;
    line-height: 1.45;
}

.source-rate-note.cleanup-note[b-eee5ivjq8r] {
    border-color: #dfc2e8;
    background: #fcf7fe;
    color: #664674;
}

.effective-rate-details[b-eee5ivjq8r] {
    overflow: hidden;
    margin-top: .7rem;
    border: 1px solid #cfe2dd;
    border-radius: .55rem;
    background: #fff;
}

.effective-rate-details > summary[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .62rem .7rem;
    background: #f5fbf9;
    color: #285f58;
    font-size: .76rem;
    font-weight: 750;
    cursor: pointer;
}

.effective-rate-caption[b-eee5ivjq8r] {
    margin: 0;
    padding: .55rem .7rem;
    border-top: 1px solid #e0ece9;
    color: #647671;
    font-size: .68rem;
    line-height: 1.45;
}

.effective-rate-table td:first-child strong[b-eee5ivjq8r] {
    color: #11746a;
}

.rate-empty[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    min-height: 70px;
    padding: .75rem;
    border: 1px dashed #b9d6d0;
    border-radius: .55rem;
    background: rgba(255, 255, 255, .7);
    color: #62736f;
}

.rate-empty > span[b-eee5ivjq8r] {
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #e4f2ef;
    color: #4c7b74;
}

.rate-empty strong[b-eee5ivjq8r] {
    color: #3a5f59;
    font-size: .8rem;
}

.rate-empty p[b-eee5ivjq8r] {
    margin: .18rem 0 0;
    font-size: .73rem;
    line-height: 1.45;
}

.metric-grid[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    gap: .45rem;
}

.metric-item[b-eee5ivjq8r] {
    display: flex;
    min-width: 0;
    min-height: 76px;
    flex-direction: column;
    padding: .55rem;
    border: 1px solid #e2e7ee;
    border-radius: .5rem;
    background: #fff;
}

.metric-item > span[b-eee5ivjq8r] {
    overflow: hidden;
    color: #738095;
    font-size: .67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-item strong[b-eee5ivjq8r] {
    margin-top: .2rem;
    color: #29384f;
    font-size: 1rem;
}

.metric-item small[b-eee5ivjq8r] {
    margin-top: auto;
    color: #8a94a3;
    font-size: .64rem;
}

.metric-item.emphasis[b-eee5ivjq8r] {
    border-color: #b9d2ef;
    background: #f4f8fd;
}

.metric-item.metric-warning[b-eee5ivjq8r] {
    border-color: #e9c991;
    background: var(--migration-amber-soft);
}

.material-migration-block[b-eee5ivjq8r] {
    display: grid;
    gap: .65rem;
    margin-top: .85rem;
    padding-top: .8rem;
    border-top: 1px dashed #ccd8e5;
}

.material-migration-heading[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.material-migration-heading > div[b-eee5ivjq8r] {
    display: grid;
    gap: .15rem;
}

.material-migration-heading strong[b-eee5ivjq8r] {
    color: #31445c;
    font-size: .78rem;
}

.material-metric-grid[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: .4rem;
}

.material-metric-grid > div[b-eee5ivjq8r] {
    display: grid;
    gap: .1rem;
    min-width: 0;
    padding: .45rem .5rem;
    border: 1px solid #e1e8f0;
    border-radius: .45rem;
    background: #f9fbfd;
}

.material-metric-grid span[b-eee5ivjq8r],
.material-metric-grid small[b-eee5ivjq8r] {
    color: #728097;
    font-size: .64rem;
}

.material-metric-grid strong[b-eee5ivjq8r] {
    color: #2d4058;
    font-size: .9rem;
}

.material-metric-grid .material-emphasis[b-eee5ivjq8r] {
    border-color: #b9d2ef;
    background: #f1f7fd;
}

.material-metric-grid .material-warning[b-eee5ivjq8r] {
    border-color: #e9c991;
    background: var(--migration-amber-soft);
}

.material-metric-grid .material-fallback[b-eee5ivjq8r] {
    border-color: #b9d7e8;
    background: #f2f8fc;
}

.material-metric-grid .material-reconciled[b-eee5ivjq8r] {
    border-color: #b9ddcf;
    background: #f1faf7;
}

.material-metric-grid .material-reconciled strong[b-eee5ivjq8r] {
    color: #277060;
}

.material-summary-details[b-eee5ivjq8r] {
    overflow: hidden;
    border: 1px solid #e1e8f0;
    border-radius: .5rem;
    background: #fff;
}

.material-summary-details > summary[b-eee5ivjq8r] {
    padding: .55rem .65rem;
    color: #42536a;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}

.material-summary-table-wrap[b-eee5ivjq8r] {
    overflow: auto;
    max-height: 310px;
    border-top: 1px solid #e7edf3;
}

.material-summary-table[b-eee5ivjq8r] {
    width: 100%;
    border-collapse: collapse;
    font-size: .68rem;
    white-space: nowrap;
}

.material-summary-table th[b-eee5ivjq8r],
.material-summary-table td[b-eee5ivjq8r] {
    padding: .4rem .5rem;
    border-bottom: 1px solid #edf1f5;
    text-align: right;
}

.material-summary-table th:first-child[b-eee5ivjq8r],
.material-summary-table td:first-child[b-eee5ivjq8r],
.material-summary-table th:nth-child(2)[b-eee5ivjq8r],
.material-summary-table td:nth-child(2)[b-eee5ivjq8r] {
    text-align: left;
}

.material-summary-table thead th[b-eee5ivjq8r] {
    position: sticky;
    top: 0;
    background: #f6f8fb;
    color: #56667b;
    z-index: 1;
}

.company-details[b-eee5ivjq8r] {
    border-top: 1px solid var(--migration-line);
}

.company-details > summary[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .78rem 1rem;
    color: #355f95;
    font-size: .78rem;
    font-weight: 750;
    list-style-position: inside;
    cursor: pointer;
}

.company-details > summary:hover[b-eee5ivjq8r] {
    background: #f8fafc;
}

.detail-summary-count[b-eee5ivjq8r] {
    color: #7b8799;
    font-size: .7rem;
    font-weight: 650;
}

.detail-groups[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 0 1rem 1rem;
}

.detail-group[b-eee5ivjq8r] {
    padding: .8rem;
    border: 1px solid #e3e7ed;
    border-radius: .55rem;
    background: #fafbfd;
}

.detail-group h6[b-eee5ivjq8r] {
    margin: 0 0 .55rem;
    color: #344258;
    font-size: .78rem;
    font-weight: 750;
}

.detail-grid[b-eee5ivjq8r] {
    margin: 0;
    padding: 0;
    background: transparent;
}

.detail-grid span[b-eee5ivjq8r] {
    padding-bottom: .28rem;
    border-bottom: 1px dashed #e1e5eb;
    font-size: .74rem;
    white-space: normal;
}

.detail-grid span:last-child[b-eee5ivjq8r] {
    padding-bottom: 0;
    border-bottom: 0;
}

.blocking-reason[b-eee5ivjq8r] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin: 0 1rem 1rem;
    padding: .7rem .8rem;
    border: 1px solid #ecc4ae;
    border-radius: .5rem;
    background: #fff6f1;
    color: #82452f;
}

.blocking-reason strong[b-eee5ivjq8r] {
    color: #713a27;
}

.draft-execution-panel[b-eee5ivjq8r] {
    margin-top: 1.25rem;
    padding: 1.1rem;
    border: 1px solid #c7d8ec;
    border-radius: .8rem;
    background: #f7faff;
}

.draft-panel-heading[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.draft-panel-heading p[b-eee5ivjq8r] {
    margin: .28rem 0 0;
    color: var(--migration-muted);
    font-size: .8rem;
}

.draft-safety-grid[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.safety-card[b-eee5ivjq8r] {
    display: flex;
    min-height: 100px;
    flex-direction: column;
    padding: .8rem .9rem;
    border: 1px solid #dce3ec;
    border-radius: .6rem;
    background: #fff;
}

.safety-card strong[b-eee5ivjq8r] {
    margin: .22rem 0;
    color: var(--migration-ink);
    font-size: .88rem;
}

.safety-card > span:last-child[b-eee5ivjq8r] {
    margin-top: auto;
    color: #6d798b;
    font-size: .72rem;
}

.safety-card.creates[b-eee5ivjq8r] {
    border-color: #bcd2ec;
}

.safety-card.changes[b-eee5ivjq8r] {
    border-color: #efb3b3;
    background: #fff7f7;
}

.safety-card.changes .safety-card-label[b-eee5ivjq8r] {
    color: #a63232;
}

.safety-card.attention[b-eee5ivjq8r] {
    border-color: #e8c48d;
    background: #fffaf2;
}

.safety-card.attention .safety-card-label[b-eee5ivjq8r] {
    color: var(--migration-amber);
}

.safety-card.fallback[b-eee5ivjq8r] {
    border-color: #b9d7e8;
    background: #f5faff;
}

.safety-card.fallback .safety-card-label[b-eee5ivjq8r] {
    color: #326b91;
}

.safety-card.cleanup[b-eee5ivjq8r] {
    border-color: #dac2e3;
    background: #fcf8fd;
}

.safety-card.cleanup .safety-card-label[b-eee5ivjq8r] {
    color: #714c7d;
}

.safety-card.muted-card[b-eee5ivjq8r] {
    border-color: #e1e5eb;
    background: #f8f9fb;
}

.draft-confirmation[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin: 1rem 0 0;
    padding: .9rem;
    border: 1px solid #d7b271;
    border-radius: .6rem;
    background: #fff8eb;
    color: #674a1c;
    cursor: pointer;
}

.draft-confirmation.acknowledged[b-eee5ivjq8r] {
    border-color: #91c5b6;
    background: #f1faf7;
    color: #2f655b;
}

.draft-confirmation:has(input:disabled)[b-eee5ivjq8r] {
    opacity: .72;
    cursor: not-allowed;
}

.draft-confirmation input[b-eee5ivjq8r] {
    margin-top: .14rem;
}

.draft-confirmation > span[b-eee5ivjq8r] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    font-size: .8rem;
    line-height: 1.5;
}

.draft-confirmation strong[b-eee5ivjq8r] {
    color: inherit;
}

.draft-action-row[b-eee5ivjq8r] {
    margin-top: .9rem;
    border-color: #dce5f0;
}

.draft-button[b-eee5ivjq8r] {
    min-width: 220px !important;
}

.history-filters[b-eee5ivjq8r] {
    align-items: flex-end;
    padding: .9rem;
    border: 1px solid var(--migration-line);
    border-radius: .65rem;
    background: var(--migration-soft);
}

.history-result-count[b-eee5ivjq8r] {
    margin-left: auto;
    padding-bottom: .48rem;
    color: var(--migration-muted);
    font-size: .8rem;
}

.history-result-count strong[b-eee5ivjq8r] {
    color: var(--migration-ink);
}

.history-scroll[b-eee5ivjq8r] {
    border-radius: .7rem;
}

.history-table[b-eee5ivjq8r] {
    min-width: 1080px;
    table-layout: fixed;
    font-size: .78rem;
}

.history-table th:nth-child(1)[b-eee5ivjq8r] { width: 145px; }
.history-table th:nth-child(2)[b-eee5ivjq8r] { width: 180px; }
.history-table th:nth-child(3)[b-eee5ivjq8r] { width: 130px; }
.history-table th:nth-child(4)[b-eee5ivjq8r] { width: 220px; }
.history-table th:nth-child(5)[b-eee5ivjq8r] { width: 145px; }
.history-table th:nth-child(6)[b-eee5ivjq8r] { width: 145px; }
.history-table th:nth-child(7)[b-eee5ivjq8r] { width: 220px; }

.history-table th[b-eee5ivjq8r],
.history-table td[b-eee5ivjq8r] {
    padding: .8rem .75rem;
    text-align: left;
    vertical-align: middle;
}

.history-table tbody tr:hover[b-eee5ivjq8r] {
    background: #fafcff;
}

.history-company-cell > strong[b-eee5ivjq8r] {
    display: block;
    margin-bottom: .35rem;
    color: var(--migration-ink);
}

.history-counts[b-eee5ivjq8r],
.history-result[b-eee5ivjq8r],
.draft-result[b-eee5ivjq8r] {
    display: flex;
    flex-direction: column;
    gap: .24rem;
}

.history-counts span[b-eee5ivjq8r] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    color: #68758a;
    font-size: .72rem;
}

.history-counts strong[b-eee5ivjq8r] {
    margin-left: auto;
    color: #2d3d54;
}

.history-counts small[b-eee5ivjq8r] {
    color: #6682a6;
}

.draft-result[b-eee5ivjq8r] {
    padding: .5rem .6rem;
    border: 1px solid #dfe4eb;
    border-radius: .45rem;
    background: #f7f8fa;
}

.draft-result.success[b-eee5ivjq8r] {
    border-color: #b9ddc7;
    background: #f2faf5;
    color: #286845;
}

.draft-result.no-change[b-eee5ivjq8r] {
    border-color: #b9d9d1;
    background: #f2faf8;
    color: #276c62;
}

.draft-result strong[b-eee5ivjq8r] {
    font-size: .76rem;
}

.draft-result span[b-eee5ivjq8r] {
    font-size: .68rem;
}

.history-result[b-eee5ivjq8r] {
    align-items: flex-start;
    color: #6d788a;
    font-size: .7rem;
    line-height: 1.35;
}

.result-badge[b-eee5ivjq8r] {
    display: inline-flex;
    padding: .23rem .48rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 750;
}

.result-badge.status-ready[b-eee5ivjq8r],
.result-badge.status-neutral[b-eee5ivjq8r] {
    background: #eaf2ff;
    color: #275d9f;
}

.result-badge.status-success[b-eee5ivjq8r] {
    background: #e8f7ed;
    color: #247043;
}

.result-badge.status-warning[b-eee5ivjq8r] {
    background: #fff0dc;
    color: #8b4e20;
}

.result-badge.status-conflict[b-eee5ivjq8r] {
    background: #f3edff;
    color: #6b3aa4;
}

.result-badge.status-error[b-eee5ivjq8r] {
    background: #fdecec;
    color: #a13838;
}

.result-badge.status-expired[b-eee5ivjq8r] {
    background: #edf0f4;
    color: #5d6675;
}

.date-value[b-eee5ivjq8r] {
    color: #5f6b7e;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .company-row-body[b-eee5ivjq8r] {
        grid-template-columns: 1fr;
    }

    .metric-grid[b-eee5ivjq8r] {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    }
}

@media (max-width: 900px) {
    .cl-page-title[b-eee5ivjq8r],
    .draft-panel-heading[b-eee5ivjq8r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .safety-pill[b-eee5ivjq8r] {
        align-self: flex-start;
    }

    .draft-safety-grid[b-eee5ivjq8r] {
        grid-template-columns: 1fr;
    }

    .safety-card[b-eee5ivjq8r] {
        min-height: 82px;
    }
}

@media (max-width: 768px) {
    .migration-card[b-eee5ivjq8r],
    .feature-message[b-eee5ivjq8r] {
        padding: 1rem;
    }

    .effective-rate-overview-heading[b-eee5ivjq8r] {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }

    .title-with-action .btn[b-eee5ivjq8r] {
        align-self: flex-start;
    }

    .selection-summary[b-eee5ivjq8r],
    .list-action-bar[b-eee5ivjq8r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .list-action-bar .selection-actions[b-eee5ivjq8r] {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .company-list-heading[b-eee5ivjq8r] {
        display: none;
    }

    .company-option[b-eee5ivjq8r] {
        min-width: 0;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .55rem;
        padding: .8rem;
    }

    .company-selection-state[b-eee5ivjq8r] {
        grid-column: 2 / 4;
    }

    .section-action-row[b-eee5ivjq8r] {
        align-items: stretch;
        flex-direction: column;
    }

    .section-action-row .btn[b-eee5ivjq8r],
    .draft-button[b-eee5ivjq8r] {
        width: 100%;
        min-width: 0 !important;
    }

    .action-hint[b-eee5ivjq8r] {
        margin-right: 0;
    }

    .summary-grid[b-eee5ivjq8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-row-header[b-eee5ivjq8r] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .company-row-header > .status-badge[b-eee5ivjq8r] {
        grid-column: 2;
        justify-self: start;
    }

    .run-selector[b-eee5ivjq8r] {
        min-width: 0;
        align-self: start;
    }

    .run-selector-copy[b-eee5ivjq8r] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .company-row-body[b-eee5ivjq8r] {
        padding: .75rem;
    }

    .rate-row[b-eee5ivjq8r] {
        grid-template-columns: 58px minmax(100px, 1fr);
    }

    .rate-importable[b-eee5ivjq8r] {
        grid-column: 2;
    }

    .metric-grid[b-eee5ivjq8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .source-metric-grid[b-eee5ivjq8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .detail-groups[b-eee5ivjq8r] {
        grid-template-columns: 1fr;
        padding: 0 .75rem .75rem;
    }

    .company-details > summary[b-eee5ivjq8r] {
        align-items: flex-start;
        flex-direction: column;
        gap: .25rem;
        padding: .75rem;
    }

    .blocking-reason[b-eee5ivjq8r] {
        margin: 0 .75rem .75rem;
    }

    .draft-execution-panel[b-eee5ivjq8r] {
        padding: .85rem;
    }

    .history-result-count[b-eee5ivjq8r] {
        margin-left: 0;
        padding-bottom: 0;
    }

    .history-scroll[b-eee5ivjq8r] {
        overflow: visible;
        border: 0;
    }

    .history-table[b-eee5ivjq8r],
    .history-table tbody[b-eee5ivjq8r],
    .history-table tr[b-eee5ivjq8r],
    .history-table td[b-eee5ivjq8r] {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .history-table thead[b-eee5ivjq8r] {
        display: none;
    }

    .history-table tbody[b-eee5ivjq8r] {
        display: grid;
        gap: .8rem;
    }

    .history-table tbody tr[b-eee5ivjq8r] {
        overflow: hidden;
        border: 1px solid var(--migration-line);
        border-radius: .65rem;
        background: #fff;
    }

    .history-table td[b-eee5ivjq8r] {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        align-items: start;
        gap: .7rem;
        padding: .65rem .75rem;
        border-bottom: 1px solid #edf0f4;
        text-align: left;
    }

    .history-table td:last-child[b-eee5ivjq8r] {
        border-bottom: 0;
    }

    .history-table td[b-eee5ivjq8r]::before {
        color: #7a8595;
        font-size: .7rem;
        font-weight: 750;
        content: attr(data-label);
    }

    .history-company-cell > strong[b-eee5ivjq8r] {
        margin-bottom: .25rem;
    }
}

@media (max-width: 480px) {
    .summary-grid[b-eee5ivjq8r] {
        grid-template-columns: 1fr;
    }

    .company-title-line[b-eee5ivjq8r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .history-table td[b-eee5ivjq8r] {
        grid-template-columns: 92px minmax(0, 1fr);
    }
}

/* Read-only source candidate diagnostics */
.summary-item.diagnostic-kpi[b-eee5ivjq8r]::before {
    background: #7a65bc;
}

.status-badge.status-diagnostic[b-eee5ivjq8r],
.result-badge.status-diagnostic[b-eee5ivjq8r] {
    background: #f0ecfb;
    color: #614b9e;
}

.comparison-company-row.status-diagnostic[b-eee5ivjq8r] {
    border-color: #cbbfe8;
}

.scenario-comparison[b-eee5ivjq8r] {
    border-top: 1px solid var(--migration-line);
    background: #fcfbff;
}

.scenario-comparison > summary[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .82rem 1rem;
    color: #59458f;
    font-size: .8rem;
    font-weight: 780;
    cursor: pointer;
}

.scenario-comparison > summary > span:first-child[b-eee5ivjq8r] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.scenario-comparison > summary small[b-eee5ivjq8r] {
    color: #81779a;
    font-size: .68rem;
    font-weight: 600;
}

.scenario-comparison[open] > summary[b-eee5ivjq8r] {
    border-bottom: 1px solid #e6e0f2;
    background: #f8f5fe;
}

.scenario-explainer[b-eee5ivjq8r],
.scenario-limit-warning[b-eee5ivjq8r] {
    margin: .85rem 1rem 0;
    padding: .68rem .78rem;
    border: 1px solid #d9d0ed;
    border-radius: .5rem;
    background: #f8f6fd;
    color: #665b7d;
    font-size: .73rem;
    line-height: 1.5;
}

.scenario-limit-warning[b-eee5ivjq8r] {
    border-color: #e7c58c;
    background: #fff8e9;
    color: #805b1f;
}

.scenario-list[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: .85rem 1rem 1rem;
}

.scenario-card[b-eee5ivjq8r] {
    min-width: 0;
    padding: .78rem;
    border: 1px solid #ddd7ea;
    border-radius: .58rem;
    background: #fff;
}

.scenario-card.scenario-success[b-eee5ivjq8r] {
    border-color: #a8d7ca;
    background: #f8fcfb;
}

.scenario-card.scenario-conflict[b-eee5ivjq8r] {
    border-color: #e7c38e;
    background: #fffaf0;
}

.scenario-card.scenario-failed[b-eee5ivjq8r] {
    border-color: #e4b4b4;
    background: #fffafa;
}

.scenario-card.scenario-pending[b-eee5ivjq8r] {
    border-color: #d9dde5;
    background: #fafbfc;
}

.scenario-card-header[b-eee5ivjq8r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
}

.scenario-card-header > div[b-eee5ivjq8r] {
    min-width: 0;
}

.scenario-card-header strong[b-eee5ivjq8r] {
    color: #2c3340;
    font-size: .83rem;
}

.scenario-provenance[b-eee5ivjq8r] {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
    margin-top: .38rem;
}

.scenario-provenance span[b-eee5ivjq8r] {
    padding: .18rem .38rem;
    border-radius: 999px;
    background: #eef1f5;
    color: #667083;
    font-size: .62rem;
    font-weight: 700;
}

.scenario-provenance .strict-chip[b-eee5ivjq8r] {
    background: #e8f2ff;
    color: #315f9d;
}

.scenario-result[b-eee5ivjq8r] {
    flex: 0 0 auto;
    padding: .22rem .42rem;
    border-radius: 999px;
    background: #f0edf7;
    color: #67558d;
    font-size: .65rem;
    font-weight: 760;
    white-space: nowrap;
}

.scenario-success .scenario-result[b-eee5ivjq8r] {
    background: #e6f5f1;
    color: #277267;
}

.scenario-conflict .scenario-result[b-eee5ivjq8r] {
    background: #fff0d5;
    color: #8a5a12;
}

.scenario-failed .scenario-result[b-eee5ivjq8r] {
    background: #fdeaea;
    color: #974c4c;
}

.scenario-metrics[b-eee5ivjq8r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .36rem;
    margin-top: .68rem;
}

.scenario-metrics span[b-eee5ivjq8r] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .12rem;
    padding: .4rem;
    border: 1px solid #e6e7eb;
    border-radius: .38rem;
    background: rgba(255, 255, 255, .8);
    color: #727b8a;
    font-size: .62rem;
}

.scenario-metrics strong[b-eee5ivjq8r] {
    overflow: hidden;
    color: #344158;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scenario-note[b-eee5ivjq8r] {
    margin: .62rem 0 0;
    color: #6e7684;
    font-size: .68rem;
    line-height: 1.45;
}

.scenario-rate-list[b-eee5ivjq8r],
.history-scenario-rates[b-eee5ivjq8r] {
    display: flex;
    flex-wrap: wrap;
    gap: .34rem;
    margin-top: .62rem;
}

.scenario-rate-list > span[b-eee5ivjq8r],
.history-scenario-rates > span[b-eee5ivjq8r] {
    display: inline-flex;
    gap: .32rem;
    padding: .25rem .42rem;
    border: 1px solid #cae0db;
    border-radius: 999px;
    background: #fff;
    color: #58716c;
    font-size: .63rem;
}

.scenario-rate-list strong[b-eee5ivjq8r] {
    color: #14776c;
}

.history-scenario-details[b-eee5ivjq8r] {
    min-width: 0 !important;
    margin-top: .55rem;
    padding-top: .48rem;
    border-top: 1px dashed #d9deE7;
}

.history-stage-note[b-eee5ivjq8r] {
    margin-top: .42rem;
    padding: .34rem .46rem;
    border-radius: .35rem;
    background: #f4f1fb;
    color: #665199;
    font-size: .65rem;
    font-weight: 700;
}

.history-scenario-details > summary[b-eee5ivjq8r] {
    color: #665199;
    font-size: .68rem;
    font-weight: 750;
}

.history-scenario-details > p[b-eee5ivjq8r] {
    margin: .4rem 0 0;
    color: #8a641f;
    font-size: .65rem;
}

.history-scenario-list[b-eee5ivjq8r] {
    display: grid;
    gap: .45rem;
    margin-top: .5rem;
}

.history-scenario-item[b-eee5ivjq8r] {
    display: grid;
    gap: .22rem;
    padding: .48rem;
    border: 1px solid #e1deea;
    border-radius: .4rem;
    background: #fcfbff;
}

.history-scenario-item > div:first-child[b-eee5ivjq8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}

.history-scenario-item > div:first-child strong[b-eee5ivjq8r] {
    color: #394257;
    font-size: .68rem;
}

.history-scenario-item > div:first-child span[b-eee5ivjq8r],
.history-scenario-item > small[b-eee5ivjq8r] {
    color: #737b8b;
    font-size: .61rem;
}

@media (max-width: 900px) {
    .scenario-list[b-eee5ivjq8r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .scenario-comparison > summary[b-eee5ivjq8r] {
        align-items: flex-start;
        flex-direction: column;
        gap: .28rem;
        padding: .75rem;
    }

    .scenario-explainer[b-eee5ivjq8r],
    .scenario-limit-warning[b-eee5ivjq8r] {
        margin: .75rem .75rem 0;
    }

    .scenario-list[b-eee5ivjq8r] {
        padding: .75rem;
    }
}

@media (max-width: 480px) {
    .scenario-card-header[b-eee5ivjq8r] {
        flex-direction: column;
    }

    .scenario-metrics[b-eee5ivjq8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Admin/Services/Template/CreateTemplate.razor.rz.scp.css */
@media(min-width:768px) {
}


@media(max-width:767px) {
}

.cl_ivy-project-create[b-tcv30xzbqm] {
    padding: 0px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-height: calc(100vh - 300px);
}

    .cl_ivy-project-create span[b-tcv30xzbqm] {
        font-size: 14px;
        width: 70px;
    }

.body[b-tcv30xzbqm] {
    width: 100%;
}

    .body .project-info .wrap[b-tcv30xzbqm] {
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        border: none !important;
        margin-bottom: 10px;
    }

        .body .project-info .wrap .box-wrap[b-tcv30xzbqm] {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

.bottom[b-tcv30xzbqm] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
}

.cbx[b-tcv30xzbqm] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-tcv30xzbqm] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-tcv30xzbqm] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-tcv30xzbqm] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-tcv30xzbqm]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .cbx span:last-child[b-tcv30xzbqm] {
            margin-left: 8px;
        }

.check-wrap[b-tcv30xzbqm] {
    width: 10px;
}

.employeelist .head span[b-tcv30xzbqm] {
    font-size: 14px;
}

.table_wrap[b-tcv30xzbqm] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
}

.cbx span:last-child[b-tcv30xzbqm]:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.cbx:hover span:first-child[b-tcv30xzbqm] {
    border-color: #B9B8C3;
}

.inp-cbx:checked + .cbx span:first-child[b-tcv30xzbqm] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-tcv30xzbqm 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-tcv30xzbqm] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-tcv30xzbqm]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-tcv30xzbqm] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-tcv30xzbqm]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-tcv30xzbqm {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}



.project-info .row[b-tcv30xzbqm] {
    display: flex;
}

.project-info[b-tcv30xzbqm] {
    padding: 15px 10px;
}

.employeelist[b-tcv30xzbqm] {
    padding: 10px 0;
}

.project-info .wrap[b-tcv30xzbqm] {
    display: flex;
}

.table-td img[b-tcv30xzbqm] {
    width: 40px;
    height: 40px;
}

.project-info .wrap[b-tcv30xzbqm] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.head[b-tcv30xzbqm] {
    width: 100%;
    /*display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;*/
}

    .head div[b-tcv30xzbqm] {
        display: flex;
    }

.head-title[b-tcv30xzbqm] {
    font-size: 18px;
    font-weight: 600;
}

.project-info .wrap .detail[b-tcv30xzbqm] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 10px;
}

    .project-info .wrap .detail span[b-tcv30xzbqm] {
        width: 30%;
        margin-right: 10px;
    }

.employeelist .head[b-tcv30xzbqm] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width:570px) {
    .project-info .wrap[b-tcv30xzbqm] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0px;
    }

        .project-info .wrap .detail[b-tcv30xzbqm] {
            padding: 10px 0;
        }

    .head-wrap[b-tcv30xzbqm] {
        display: flex;
    }
}

.head-wrap span[b-tcv30xzbqm] {
    width: 20%;
}



table[b-tcv30xzbqm] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    margin: 0 auto;
    font-size: 13px;
}

thead[b-tcv30xzbqm] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
}

/* 테이블 행 */
td[b-tcv30xzbqm] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}

th[b-tcv30xzbqm] {
    padding: 6px;
    text-align: left;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border: none;
}

/* 테이블 올렸을 때 */
tbody tr:hover[b-tcv30xzbqm] {
    background-color: #d3d3d3;
    opacity: 0.9;
    cursor: pointer;
}

/* 테이블 비율 */


.table-th[b-tcv30xzbqm] {
    width: calc(100% / 6);
    padding: 5px 2px;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border-left: none;
    border-right: none;
}

th:nth-child(2)[b-tcv30xzbqm],
td:nth-child(2)[b-tcv30xzbqm] {
    width: 13%;
}

th:nth-child(1)[b-tcv30xzbqm],
td:nth-child(1)[b-tcv30xzbqm] {
    width: 10%;
}


th:nth-child(3)[b-tcv30xzbqm], td:nth-child(3)[b-tcv30xzbqm], th:nth-child(4)[b-tcv30xzbqm], td:nth-child(4)[b-tcv30xzbqm], th:nth-child(5)[b-tcv30xzbqm], td:nth-child(5)[b-tcv30xzbqm] {
    width: 13%;
}


th:nth-child(6)[b-tcv30xzbqm], td:nth-child(6)[b-tcv30xzbqm] {
    width: 5%;
}

th[b-tcv30xzbqm], td[b-tcv30xzbqm] {
    border-left: none;
    border-right: none;
}

.p_wrap[b-tcv30xzbqm] {
}

    .p_wrap span[b-tcv30xzbqm] {
        width: fit-content;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 6px;
        box-shadow: 1px 1px 3px #e2e2e2;
        text-align: center;
        white-space: nowrap;
    }

        .p_wrap span:last-child[b-tcv30xzbqm] {
            display: none;
        }

.btn-wrap[b-tcv30xzbqm] {
    display: flex;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-bottom: 20px;
}

.second-btn-wrap[b-tcv30xzbqm] {
    margin-top: 20px;
}
/* /Pages/Admin/Services/Template/TemplateDetail.razor.rz.scp.css */


.container-fluid[b-oal7t1nnww] {
    padding: 10px;
}

h2[b-oal7t1nnww] {
    font-size: 18px;
    font-weight: 600;
}

.cl-page-title .wrap[b-oal7t1nnww]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.cl-page-title[b-oal7t1nnww] {
    margin-bottom:20px;
}

.write[b-oal7t1nnww]{
    margin-bottom:20px;
}

.cl-card[b-oal7t1nnww] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
}

@media(min-width:768px) {
}


@media(max-width:767px) {
}

.cl_ivy-project-create[b-oal7t1nnww] {
    padding: 0px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-height: calc(100vh - 300px);
}

    .cl_ivy-project-create span[b-oal7t1nnww] {
        font-size: 14px;
        width: 70px;
    }

.body[b-oal7t1nnww] {
    width: 100%;
}

    .body .project-info .wrap[b-oal7t1nnww] {
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        border: none !important;
    }

        .body .project-info .wrap .box-wrap[b-oal7t1nnww] {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

.bottom[b-oal7t1nnww] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
}

.cbx[b-oal7t1nnww] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-oal7t1nnww] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-oal7t1nnww] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-oal7t1nnww] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-oal7t1nnww]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .cbx span:last-child[b-oal7t1nnww] {
            margin-left: 8px;
        }

.check-wrap[b-oal7t1nnww] {
    width: 10px;
}

.employeelist .head span[b-oal7t1nnww] {
    font-size: 14px;
}

.table_wrap[b-oal7t1nnww] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
}

.cbx span:last-child[b-oal7t1nnww]:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.cbx:hover span:first-child[b-oal7t1nnww] {
    border-color: #B9B8C3;
}

.inp-cbx:checked + .cbx span:first-child[b-oal7t1nnww] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-oal7t1nnww 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-oal7t1nnww] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-oal7t1nnww]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-oal7t1nnww] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-oal7t1nnww]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-oal7t1nnww {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}



.project-info .row[b-oal7t1nnww] {
    display: flex;
}

.project-info[b-oal7t1nnww] {
    padding: 15px 10px;
}

.employeelist[b-oal7t1nnww] {
    padding: 10px 0;
}

.project-info .wrap[b-oal7t1nnww] {
    display: flex;
}

.table-td img[b-oal7t1nnww] {
    width: 40px;
    height: 40px;
}

.project-info .wrap[b-oal7t1nnww] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.head[b-oal7t1nnww] {
    width: 100%;
    /*display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;*/
}

    .head div[b-oal7t1nnww] {
        display: flex;
    }

.head-title[b-oal7t1nnww] {
    font-size: 18px;
    font-weight: 600;
}

.project-info .wrap .detail[b-oal7t1nnww] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 10px;
}

    .project-info .wrap .detail span[b-oal7t1nnww] {
        width: 30%;
        margin-right: 10px;
    }

.employeelist .head[b-oal7t1nnww] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width:570px) {
    .project-info .wrap[b-oal7t1nnww] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0px;
    }

        .project-info .wrap .detail[b-oal7t1nnww] {
            padding: 10px 0;
        }

    .head-wrap[b-oal7t1nnww] {
        display: flex;
    }
}

.head-wrap span[b-oal7t1nnww] {
    width: 20%;
}



table[b-oal7t1nnww] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    margin: 0 auto;
    font-size: 13px;
}

thead[b-oal7t1nnww] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
}

/* 테이블 행 */
td[b-oal7t1nnww] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}

th[b-oal7t1nnww] {
    padding: 6px;
    text-align: left;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border: none;
}

/* 테이블 올렸을 때 */
tbody tr:hover[b-oal7t1nnww] {
    background-color: #d3d3d3;
    opacity: 0.9;
    cursor: pointer;
}

/* 테이블 비율 */


.table-th[b-oal7t1nnww] {
    width: calc(100% / 6);
    padding: 6px;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border-left: none;
    border-right: none;
}

th:nth-child(2)[b-oal7t1nnww],
td:nth-child(2)[b-oal7t1nnww] {
    width: 13%;
}

th:nth-child(1)[b-oal7t1nnww],
td:nth-child(1)[b-oal7t1nnww] {
    width: 5%;
}


th:nth-child(3)[b-oal7t1nnww], td:nth-child(3)[b-oal7t1nnww], th:nth-child(4)[b-oal7t1nnww], td:nth-child(4)[b-oal7t1nnww], th:nth-child(5)[b-oal7t1nnww], td:nth-child(5)[b-oal7t1nnww] {
    width: 13%;
}


th:nth-child(6)[b-oal7t1nnww], td:nth-child(6)[b-oal7t1nnww] {
    width: 5%;
}

th[b-oal7t1nnww], td[b-oal7t1nnww] {
    border-left: none;
    border-right: none;
}

.p_wrap[b-oal7t1nnww] {
}

    .p_wrap span[b-oal7t1nnww] {
        width: fit-content;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 6px;
        box-shadow: 1px 1px 3px #e2e2e2;
        text-align: center;
        white-space: nowrap;
    }

        .p_wrap span:last-child[b-oal7t1nnww] {
            display: none;
        }

.btn-wrap[b-oal7t1nnww] {
    display: flex;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-bottom: 20px;
}
/* /Pages/Admin/Services/Template/Templates.razor.rz.scp.css */
.container-fluid[b-8jfbk6d19g]{
    padding:10px;
}

.cl-page-title[b-8jfbk6d19g] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
}

h2[b-8jfbk6d19g] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}

.cl-qna-card_wrap[b-8jfbk6d19g]{
    display:flex;
    flex-wrap:wrap;
}

.cl-qna-ticket[b-8jfbk6d19g] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
    width:300px;
    margin: 0 15px 15px 0;
}

.top[b-8jfbk6d19g]{
    display:flex;
    align-items:baseline;
    margin-bottom:10px;
}

h6[b-8jfbk6d19g]{
    font-weight:600;
    font-size:15px;
    margin:0 8px 0 0;
}
p[b-8jfbk6d19g] {
    font-size: 15px;
    margin:0;
}

.body[b-8jfbk6d19g] {
    display: flex;
    align-items: baseline;
}

.bottom[b-8jfbk6d19g]{
    display:flex;
    justify-content:end;
    margin-top:10px;
}
/* /Pages/Clv/Index.razor.rz.scp.css */

.cl-landing-header[b-lw36dr26mn] {
    position: fixed;
    height: fit-content;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 500;
}

    .cl-landing-header .wrap[b-lw36dr26mn] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 10px 20px;
        align-items: center;
        -webkit-align-items: center;
    }

        .cl-landing-header .wrap .logo_wrap[b-lw36dr26mn] {
        }

            .cl-landing-header .wrap .logo_wrap img[b-lw36dr26mn] {
                width: 40px;
                height: 40px;
            }

            .cl-landing-header .wrap .logo_wrap h4[b-lw36dr26mn] {
                color: #0b26a3;
                letter-spacing: 3px;
                font-size: 20px;
                margin: 0;
            }

                .cl-landing-header .wrap .logo_wrap h4 a[b-lw36dr26mn] {
                    text-decoration: none;
                }

        .cl-landing-header .wrap .button_wrap[b-lw36dr26mn] {
        }

            .cl-landing-header .wrap .button_wrap .header-ul[b-lw36dr26mn] {
                display: flex;
                justify-content: center;
                -webkit-justify-content: center;
                margin-bottom: 0;
                align-items: center;
                -webkit-align-items: center;
            }

                .cl-landing-header .wrap .button_wrap .header-ul .header-li[b-lw36dr26mn] {
                    color: #0b26a3;
                }

                    .cl-landing-header .wrap .button_wrap .header-ul .header-li button[b-lw36dr26mn] {
                        color: #0b26a3;
                        font-weight: 600;
                    }

                .cl-landing-header .wrap .button_wrap .header-ul .login[b-lw36dr26mn] {
                }

                    .cl-landing-header .wrap .button_wrap .header-ul .login a[b-lw36dr26mn] {
                        color: #0b26a3;
                        font-weight: 600;
                        cursor: pointer;
                        text-decoration: none;
                    }

                        .cl-landing-header .wrap .button_wrap .header-ul .login a:hover[b-lw36dr26mn] {
                            transform: scale(1.05);
                            -webkit-transform: scale(1.05);
                            transition-duration: 0.2s;
                            -webkit-transition-duration: 0.2s;
                        }
헤더 끝

메인
.cl-landing-main[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
메인 끝

메인 탑
#cl-landing-top[b-lw36dr26mn] {
    padding: 57px 0 6rem;
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cl-landing-top .wrap .ct_img[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        position: relative;
        align-items: center;
        -webkit-align-items: center;
    }

        #cl-landing-top .wrap .ct_img .ct_1[b-lw36dr26mn] {
            width: 220px;
            z-index: 10;
            margin-top: 100px;
        }

        #cl-landing-top .wrap .ct_img .ct_2[b-lw36dr26mn] {
            width: 200px;
            position: absolute;
            animation-name: ct-ivy_hello-b-lw36dr26mn;
            animation-duration: 1.5s;
            animation-fill-mode: forwards;
            animation-timing-function: ease-in-out;
            -webkit-animation-name: ct-ivy_hello;
            -webkit-animation-duration: 1.5s;
            -webkit-animation-fill-mode: forwards;
            -webkit-animation-timing-function: ease-in-out;
        }

@keyframes ct-ivy_hello-b-lw36dr26mn {
    from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    to {
        transform: translateY(-47px);
        -webkit-transform: translateY(-47px);
    }
}

#cl-landing-top .wrap[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
    width: 100%;
}

    #cl-landing-top .wrap .text[b-lw36dr26mn] {
        margin: auto;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

        #cl-landing-top .wrap .text div[b-lw36dr26mn] {
            display: flex;
            justify-content: center;
            -webkit-justify-content: center;
        }

        #cl-landing-top .wrap .text h3[b-lw36dr26mn] {
            font-size: 35px;
            text-align: center;
            margin: 0 auto;
            color: white;
        }

        #cl-landing-top .wrap .text p[b-lw36dr26mn] {
            text-align: center;
            font-size: 20px;
        }

        #cl-landing-top .wrap .text img[b-lw36dr26mn] {
            width: 200px;
        }
메인 탑 끝

메인 소개
#cl-landing-introduce[b-lw36dr26mn] {
    padding: 5em 0;
}

    #cl-landing-introduce .container[b-lw36dr26mn] {
        height: fit-content;
    }

    #cl-landing-introduce .box[b-lw36dr26mn] {
        box-shadow: 1px 1px 7px #ededed;
        -webkit-box-shadow: 1px 1px 7px #ededed;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 40px 20px;
        display: flex;
    }

        #cl-landing-introduce .box img[b-lw36dr26mn] {
            width: 40%;
            border-radius: 10px;
        }

    #cl-landing-introduce .right[b-lw36dr26mn] {
        padding-left: 30px;
    }

        #cl-landing-introduce .right h3[b-lw36dr26mn] {
            font-size: 23px;
            text-align: center;
        }

        #cl-landing-introduce .right h6[b-lw36dr26mn] {
            font-size: 18px;
            text-align: center;
            color: lightslategray;
            margin-bottom: 30px;
        }

        #cl-landing-introduce .right .wrap[b-lw36dr26mn] {
            display: flex;
            margin-top: 20px;
        }

            #cl-landing-introduce .right .wrap .img[b-lw36dr26mn] {
                height: 50px;
                min-width: 50px;
                display: flex;
                background-color: #e8ebed;
                margin-right: 30px;
                border-radius: 10px;
                -webkit-border-radius: 10px;
            }

            #cl-landing-introduce .right .wrap img[b-lw36dr26mn] {
                width: 35px;
                height: 35px;
                margin: auto;
            }

            #cl-landing-introduce .right .wrap .img_update[b-lw36dr26mn] {
                animation: clv-landing-update-b-lw36dr26mn 2.5s linear infinite;
                transform-origin: 50% 50%;
                -webkit-animation: clv-landing-update 2.5s linear infinite;
                -webkit-transform-origin: 50% 50%;
            }

@keyframes clv-landing-update-b-lw36dr26mn {
    100% {
        transform: rotate(360deg);
    }
}

#cl-landing-introduce .right .wrap .img_security[b-lw36dr26mn] {
    width: 35px;
    height: 35px;
    margin: auto;
    animation: clv-landing-security-b-lw36dr26mn 1s linear infinite alternate;
    -webkit-animation: clv-landing-security 1s linear infinite alternate;
}

@keyframes clv-landing-security-b-lw36dr26mn {
    from {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

#cl-landing-introduce .right .wrap text[b-lw36dr26mn] {
}

    #cl-landing-introduce .right .wrap text h5[b-lw36dr26mn] {
        font-size: 18px;
    }

    #cl-landing-introduce .right .wrap text p[b-lw36dr26mn] {
    }
메인 소개 끝

사용 활용
#cl-landing-uses[b-lw36dr26mn] {
    padding: 5em 0;
}

    #cl-landing-uses .wrap[b-lw36dr26mn] {
        overflow: hidden;
    }

        #cl-landing-uses .wrap .box[b-lw36dr26mn] {
            padding: 20px 30px;
            border-left: 2px dotted rgba(45, 3, 252, 0.2);
            border-bottom: 2px dotted rgba(45, 3, 252, 0.2);
            margin: -2px;
        }

            #cl-landing-uses .wrap .box h5[b-lw36dr26mn] {
                color: rgba(45, 3, 252, 0.7);
                font-size: 18px;
            }

            #cl-landing-uses .wrap .box h3[b-lw36dr26mn] {
                font-size: 21px;
                color: darkslategray;
            }

            #cl-landing-uses .wrap .box p[b-lw36dr26mn] {
            }
사용 활용 끝

.cl-landing-OnPremise[b-lw36dr26mn] {
    display: flex;
    margin: 150px 0 150px 0;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    overflow-x: hidden;
}

.pic-wrap[b-lw36dr26mn] {
    display: flex;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
    align-items: center;
    -webkit-align-items: center;
    width: 42%;
    margin: 0 auto;
}

@media(max-width:767px) {
    .pic-wrap[b-lw36dr26mn] {
        width: 100%;
        margin-bottom: 50px;
    }
}

.server-img[b-lw36dr26mn] {
    height: 120px;
    width: 120px;
}

.server-arrow[b-lw36dr26mn] {
    height: 100%;
    animation-name: arrow-move-b-lw36dr26mn;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 1.5;
    -webkit-animation-name: arrow-move;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1.5;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.server-company[b-lw36dr26mn] {
    height: 300px;
    width: 100%;
}

@-webkit-keyframes arrow-move {
    0% {
        width: 0%;
        opacity: 0.5;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

@keyframes arrow-move-b-lw36dr26mn {
    0% {
        width: 0%;
        opacity: 0;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

.Onpremise-border-color[b-lw36dr26mn] {
    height: 230px;
    width: 2px;
    background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);
    margin-right: 30px;
}

.OnPremise-text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: 20px 0 0 0px;
    width: 80%;
}

    .OnPremise-text h4[b-lw36dr26mn] {
        margin-bottom: 30px;
    }

@media(max-width:767px) {
    .OnPremise-text[b-lw36dr26mn] {
        margin-top: 30px;
        margin-left: 0;
    }
}



.cl-landing-Server-Feature[b-lw36dr26mn] {
    display: flex;
    margin: 100px 0 100px 0;
    overflow-x: hidden;
}

    .cl-landing-Server-Feature .box_wrap[b-lw36dr26mn] {
        display: flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }



.Feature-line[b-lw36dr26mn] {
    height: 2px;
    width: 80%;
    background-color:rgba(4,4,4,0.4);
    margin: 10px 0 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-style:dashed;
}

.server-datasave[b-lw36dr26mn] {
    margin: 200px 0 200px 0;
    display: flex;
}

.server-datasave-text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    -webkit-flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-justify-content: center;
}

    .server-datasave-text p[b-lw36dr26mn] {
        margin-top: 10px;
    }

@media(max-wdth:600px) {
    .server-datasave-text[b-lw36dr26mn] {
        width: 90%;
        margin: 0 auto;
    }

        .server-datasave-text .p[b-lw36dr26mn] {
            margin-top: 20px;
        }
}

.server-datasave-img-wrap[b-lw36dr26mn] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

@media(max-width:767px) {
    .server-datasave-img-wrap[b-lw36dr26mn] {
        margin-top: 70px;
    }
}

.datasave-img[b-lw36dr26mn] {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 100%;
    width: 80px;
    height: 80px;
    z-index: 1;
}

.hardware-img[b-lw36dr26mn] {
    position: relative;
    width: 100px;
    height: 100px;
}

.server-waiting-img[b-lw36dr26mn] {
    max-width: 100px;
    height: 100px;
    min-width: 70px;
    min-height: 70px;
}


.server-in-operation[b-lw36dr26mn] {
    max-width: 100px;
    height: 100px;
    min-width: 70px;
    min-height: 70px;
}

.img-loading[b-lw36dr26mn] {
    width: 100px;
    height: 100px;
    animation: rotate-img 6s linear infinite;
    transform-origin: 50% 50%;
    -webkit-animation: rotate_img 6s linear infinite;
    -webkit-transform-origin: 50% 50%;
}

@keyframes rotate_img-b-lw36dr26mn {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate_img {
    100% {
        -webkit-transform: rotate(360deg);
    }
}



@media (min-width:992px) {
    .Feature-img-wrap[b-lw36dr26mn] {
        width: 100%;
    }
}

erp 소개
#cl-landing-erp[b-lw36dr26mn] {
    padding: 5em 0;
    background-color: #f8f7fa;
}

    #cl-landing-erp .text_wrap[b-lw36dr26mn] {
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
    }

        #cl-landing-erp .text_wrap div[b-lw36dr26mn] {
            width: fit-content;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            padding: 50px 0;
        }

        #cl-landing-erp .text_wrap h3[b-lw36dr26mn] {
            margin-bottom: 20px;
            padding: 0 10px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
        }

        #cl-landing-erp .text_wrap p[b-lw36dr26mn] {
            font-size: 18px;
            margin-bottom: 0px;
            padding: 0 10px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            word-break: keep-all;
            text-align: center;
        }

            #cl-landing-erp .text_wrap p strong[b-lw36dr26mn] {
                font-weight: 500;
                text-decoration: underline;
            }

    #cl-landing-erp .img_wrap[b-lw36dr26mn] {
        display: flex;
    }

        #cl-landing-erp .img_wrap div[b-lw36dr26mn] {
            display: flex;
            width: 100%;
        }

        #cl-landing-erp .img_wrap img[b-lw36dr26mn] {
            margin: auto;
            max-width: 200px;
        }
erp 소개 끝

케이스 case
#cl-landing-case[b-lw36dr26mn] {
    padding: 5em 0;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

    #cl-landing-case .container[b-lw36dr26mn] {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #cl-landing-case .box_wrap[b-lw36dr26mn] {
        display: flex;
        align-items: center;
        justify-content: space-around;
        -webkit-align-items: center;
        -webkit-justify-content: space-around;
        height: fit-content;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }


@media(max-width:992px) {
    #cl-landing-case .box_wrap[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        height: fit-content;
    }
}

@media(max-width:700px) {
    #cl-landing-case .row[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        height: fit-content;
        width: fit-content;
    }
}

#cl-landing-case .box_wrap .col-lg-6[b-lw36dr26mn] {
    padding: 0 10px;
}

#cl-landing-case .box_wrap .box[b-lw36dr26mn] {
    box-shadow: 3px 3px 2px 3px #ededed;
    -webkit-box-shadow: 3px 3px 2px 3px #ededed;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 250px;
    min-width: 200px;
    height: 70px;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 3px 3px 2px 3px #ededed;
    -webkit-border-radius: 5px;
}

.cl-landing-case .landing-case-text[b-lw36dr26mn] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}


#cl-landing-case .box_wrap .box .text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 100%;
}

    #cl-landing-case .box_wrap .box .text p[b-lw36dr26mn] {
        margin: 0;
        text-align: center;
        font-weight: 600;
        color: #0b26a3;
    }

        #cl-landing-case .box_wrap .box .text p:last-child[b-lw36dr26mn] {
            font-size: 1.2rem;
        }

#cl-landing-case .text_wrap[b-lw36dr26mn] {
    margin-top: 50px;
}

    #cl-landing-case .text_wrap h3[b-lw36dr26mn] {
        text-align: center;
        font-size: 25px;
    }

    #cl-landing-case .text_wrap h6[b-lw36dr26mn] {
        text-align: center;
        font-size: 18px;
        color: darkgray;
    }

.landing-img-test[b-lw36dr26mn] {
    width: 100px;
    height: 100px;
    margin: 0;
}
케이스 case 끝

레비 사용 설명
#lv-landing-intro[b-lw36dr26mn] {
    padding: 5em 0;
}

    #lv-landing-intro .col-12[b-lw36dr26mn] {
        position: relative;
    }

    #lv-landing-intro .img[b-lw36dr26mn] {
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-content: center;
        -webkit-align-content: center;
        position: relative;
    }

        #lv-landing-intro .img img[b-lw36dr26mn] {
            margin: auto;
            max-width: 400px;
            min-width: 250px;
            width: 70%;
            opacity: 0.6;
        }

    #lv-landing-intro .col-12 .text[b-lw36dr26mn] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        #lv-landing-intro .col-12 .text .box[b-lw36dr26mn] {
            margin: auto;
        }

        #lv-landing-intro .col-12 .text h3[b-lw36dr26mn] {
            text-align: center;
            text-shadow: 1.5px 1.5px 3px rgba(0,0,0,0.5);
        }


@media(max-width:700px) {
    #lv-landing-intro .col-12 .text h3[b-lw36dr26mn] {
        font-size: 15px;
        white-space: break-spaces;
        word-break: break-word;
        word-wrap: break-word;
    }
}

#lv-landing-text[b-lw36dr26mn] {
    margin-top: 3em;
}

    #lv-landing-text h2[b-lw36dr26mn] {
    }
레비 사용 설명 끝
레비 스케줄
#lv-landing-schedule[b-lw36dr26mn] {
    padding: 3em 0 5em;
    height: fit-content;
}

    #lv-landing-schedule .img[b-lw36dr26mn] {
        display: flex;
        height: 100%;
    }

        #lv-landing-schedule .img img[b-lw36dr26mn] {
            max-height: 500px;
            width: 80%;
            max-width: auto;
            margin: auto;
            object-fit: scale-down;
        }

    #lv-landing-schedule .col-sm-4[b-lw36dr26mn] {
        display: flex;
    }

    #lv-landing-schedule .text[b-lw36dr26mn] {
        margin: auto;
    }

        #lv-landing-schedule .text p[b-lw36dr26mn] {
            font-size: 18px;
        }


@media(max-width:500px) {

    #lv-landing-schedule .text[b-lw36dr26mn] {
        margin-top: 30px;
    }

        #lv-landing-schedule .text p[b-lw36dr26mn] {
            font-size: 15px;
        }
레비 스케줄 끝[b-lw36dr26mn]
}

레비 드라이브

#lv-landing-drive[b-lw36dr26mn] {
    padding: 5em 0;
    height: fit-content;
}

    #lv-landing-drive .img[b-lw36dr26mn] {
        display: flex;
    }

        #lv-landing-drive .img img[b-lw36dr26mn] {
            max-height: 500px;
            width: 80%;
            max-width: auto;
            margin: auto;
            object-fit: scale-down;
        }

    #lv-landing-drive .col-sm-4[b-lw36dr26mn] {
        display: flex;
    }

    #lv-landing-drive .text[b-lw36dr26mn] {
        margin: auto;
    }

        #lv-landing-drive .text p[b-lw36dr26mn] {
            font-size: 18px;
        }


@media(max-width:500px) {

    #lv-landing-drive .row[b-lw36dr26mn] {
    }

    #lv-landing-drive .text[b-lw36dr26mn] {
        margin-top: 30px;
    }

        #lv-landing-drive .text p[b-lw36dr26mn] {
            font-size: 15px;
        }
}
레비 드라이브 끝
푸터 연락 문의
.cl-Project-Function[b-lw36dr26mn] {
    padding: 150px 0 150px 0;
}

    .cl-Project-Function .col-lg-6[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        height: 300px;
    }

.Project-Function-text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    width: 80%;
    margin: 0 auto;
}

    .Project-Function-text h4[b-lw36dr26mn] {
        margin-bottom: 15px;
    }

    .Project-Function-text p[b-lw36dr26mn] {
    }

.percent-bar[b-lw36dr26mn] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 90%;
    margin-top: 30px;
    position: relative;
}

.percent-gauge[b-lw36dr26mn] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 20px;
}
/* /Pages/Clv/Introduce.razor.rz.scp.css */
/* /Pages/_Host.cshtml.rz.scp.css */
.my-reconnect-modal > div[b-fenmctxh8z] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-show > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-show > .show[b-fenmctxh8z] {
    display: block;
}

.components-reconnect-failed > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-failed > .failed[b-fenmctxh8z] {
    display: block;
}

.components-reconnect-rejected > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-rejected > .rejected[b-fenmctxh8z] {
    display: block;
}
/* /Pages/_InAppHost.cshtml.rz.scp.css */
.my-reconnect-modal > div[b-qzonvb5ixr] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-show > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-show > .show[b-qzonvb5ixr] {
    display: block;
}

.components-reconnect-failed > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-failed > .failed[b-qzonvb5ixr] {
    display: block;
}

.components-reconnect-rejected > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-rejected > .rejected[b-qzonvb5ixr] {
    display: block;
}

/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
/* /Shared/LoadingDisplay.razor.rz.scp.css */
/*body {
    background-color: #222;
}

#clevi-circle-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#clevi-circle-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}

    #clevi-circle-loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #BA55D3;
        -webkit-animation: spin 5s linear infinite;
        animation: spin 5s linear infinite;
    }

    #clevi-circle-loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FF00FF;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
*/