/* _content/E360_Client/Components/DOCUMENT_EDITOR_ACTIONS.razor.rz.scp.css */
.document-editor-actions[b-43ce9tooiz]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.document-action[b-43ce9tooiz]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid #d5dfec;border-radius:7px;background:#fff;color:#486280;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.document-action:hover:not(:disabled)[b-43ce9tooiz]{background:#f0f5fb;border-color:#9bb9d9}
.document-action.complete[b-43ce9tooiz]{background:#276db4;border-color:#276db4;color:#fff}
.document-action.complete:hover:not(:disabled)[b-43ce9tooiz]{background:#205e9d;border-color:#205e9d}
.document-action.danger[b-43ce9tooiz]{background:#fff8f8;border-color:#ebccd0;color:#ad4254}
.document-action.danger:hover:not(:disabled)[b-43ce9tooiz]{background:#ffedef;border-color:#d99aa5}
.document-action:disabled[b-43ce9tooiz]{opacity:.55;cursor:not-allowed}
.document-action:focus-visible[b-43ce9tooiz]{outline:3px solid #a9c8ed;outline-offset:2px}
/* _content/E360_Client/Components/DOCUMENT_FUNCTION_ACTIONS.razor.rz.scp.css */
.action-access-error[b-27p0v93v9d]{color:#b24f60;font-size:12px;max-width:350px;line-height:1.5}
/* _content/E360_Client/Components/DOCUMENT_LIST_WORKSPACE.razor.rz.scp.css */
.document-list[b-8hhurp3q1c]{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;gap:10px;color:#192d43;font-size:12px}.document-list-header[b-8hhurp3q1c],.document-heading[b-8hhurp3q1c],.document-actions[b-8hhurp3q1c]{display:flex;align-items:center;gap:9px}.document-list-header[b-8hhurp3q1c]{justify-content:space-between;flex:none;min-height:36px;gap:14px}.document-heading h1[b-8hhurp3q1c]{margin:0;font-size:18px;line-height:1.3;font-weight:650}.document-icon[b-8hhurp3q1c]{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e1edff;color:#286cc1;font-size:18px}.document-actions[b-8hhurp3q1c]{flex-wrap:wrap;justify-content:flex-end;gap:6px}.document-list[b-8hhurp3q1c]  .document-button,.document-button[b-8hhurp3q1c]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid #dbe3ee;border-radius:5px;background:#fff;color:#354d67;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.document-list[b-8hhurp3q1c]  .document-button:hover:not(:disabled),.document-button:hover:not(:disabled)[b-8hhurp3q1c]{background:#eef4fc;border-color:#b8cbea}.document-list[b-8hhurp3q1c]  .document-button.primary{background:#255dc9;border-color:#255dc9;color:white}.document-list[b-8hhurp3q1c]  button:disabled,.document-button:disabled[b-8hhurp3q1c]{opacity:.45;cursor:not-allowed}.document-filter[b-8hhurp3q1c]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none}.document-filter[b-8hhurp3q1c]  .document-search{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;border:1px solid #d8e0ea;border-radius:5px;padding:0 9px;background:white;color:#8a9cb1}.document-filter[b-8hhurp3q1c]  .document-search input{width:100%;height:30px;padding:4px 0;border:0;outline:0;background:transparent;font:inherit;color:#344054;box-sizing:border-box}.document-filter[b-8hhurp3q1c]  select,.document-filter[b-8hhurp3q1c]  input[type=date]{height:30px;min-width:0;border:1px solid #d8e0ea;border-radius:4px;background:white;color:#344054;font:inherit;padding:4px 8px;box-sizing:border-box}.document-filter[b-8hhurp3q1c]  input[type=date]{width:128px}.document-filter[b-8hhurp3q1c]  label{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;color:#718198}.document-filter[b-8hhurp3q1c]  .document-filter-combo{min-width:150px;max-width:220px;flex:1;min-height:30px;font-size:12px}.document-split[b-8hhurp3q1c]{display:grid;grid-template-rows:minmax(165px,1fr) minmax(145px,.7fr);flex:1;min-height:0;gap:10px}.document-list-panel[b-8hhurp3q1c],.document-preview[b-8hhurp3q1c]{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #e0e8f2;border-radius:8px;background:white}.document-list-scroll[b-8hhurp3q1c],.document-preview-scroll[b-8hhurp3q1c]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.document-list-table[b-8hhurp3q1c],.document-detail-table[b-8hhurp3q1c]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}.document-list-table th[b-8hhurp3q1c],.document-list-table[b-8hhurp3q1c]  th,.document-detail-table th[b-8hhurp3q1c]{position:sticky;top:0;z-index:1;padding:10px 12px;background:#f4f7fc;border-bottom:1px solid #e1e8f1;color:#6a7d94;font-size:11px;font-weight:600;text-align:left}.document-list-table td[b-8hhurp3q1c],.document-list-table[b-8hhurp3q1c]  td,.document-detail-table td[b-8hhurp3q1c]{padding:8px 12px;border-bottom:1px solid #edf1f7;color:#38516d}.document-list-table tr[b-8hhurp3q1c]{cursor:pointer}.document-list-table tbody tr:hover[b-8hhurp3q1c]{background:#f6f9ff}.document-list-table tr.selected[b-8hhurp3q1c]  td,.document-list-table tr.selected>td[b-8hhurp3q1c]{background:#eaf2ff}.document-list-table tr.selected[b-8hhurp3q1c]  td:first-child{box-shadow:inset 3px 0 #3972b6}.document-list-table[b-8hhurp3q1c]  .document-number{color:#234269;font-weight:600}.document-list[b-8hhurp3q1c]  .numeric,.numeric[b-8hhurp3q1c]{text-align:right!important;font-variant-numeric:tabular-nums}.document-list[b-8hhurp3q1c]  .document-sub,.document-cell-sub[b-8hhurp3q1c]{display:block;margin-top:3px;color:#7c8da5;font-size:11px;font-weight:400}.document-open[b-8hhurp3q1c]{border:0;background:transparent;color:#2a60bd;font:inherit;padding:3px;cursor:pointer}.document-pager[b-8hhurp3q1c]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:8px 12px;border-top:1px solid #e5ebf3;color:#7c8fa4;font-size:11px}.document-pager>div[b-8hhurp3q1c]{display:flex;gap:6px}.document-preview[b-8hhurp3q1c]{padding:0 10px 10px}.document-preview>header[b-8hhurp3q1c]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:8px 0}.document-preview>header>div[b-8hhurp3q1c]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.document-preview h2[b-8hhurp3q1c]{margin:0;color:#3d536d;font-size:13px;font-weight:600}.document-preview>header strong[b-8hhurp3q1c]{color:#45668d;font-size:12px}.document-preview>header span[b-8hhurp3q1c]{padding:2px 7px;border-radius:10px;background:#eef2f7;color:#687c94;font-size:10px}.document-preview-scroll[b-8hhurp3q1c]{border:1px solid #e4ebf3;border-radius:6px}.document-detail-table[b-8hhurp3q1c]{min-width:750px}.document-detail-table strong[b-8hhurp3q1c]{font-weight:600}.document-detail-table .amount[b-8hhurp3q1c]{color:#244c85;font-weight:600}.document-line-note[b-8hhurp3q1c]{white-space:normal;min-width:130px;max-width:240px}.document-empty[b-8hhurp3q1c]{text-align:center!important;padding:35px 16px!important;color:#8595a7!important}.document-preview-error[b-8hhurp3q1c]{padding:14px;color:#b44853;display:flex;align-items:center;gap:12px}.document-preview-note[b-8hhurp3q1c]{flex:none;padding-top:8px;color:#73859d;font-size:11px;max-height:54px;overflow:auto;white-space:pre-wrap}.document-preview-fields[b-8hhurp3q1c]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:auto;margin:0;padding:12px;border:1px solid #e4ebf3;border-radius:6px}.document-preview-fields>div[b-8hhurp3q1c]{min-width:0}.document-preview-fields dt[b-8hhurp3q1c]{color:#7a8da6;font-size:11px;font-weight:400}.document-preview-fields dd[b-8hhurp3q1c]{margin:4px 0 0;color:#34506e;font-weight:600;white-space:pre-wrap}.document-list[b-8hhurp3q1c]  .document-state{display:inline-flex;padding:4px 8px;border-radius:20px;background:#eef2f7;color:#687b93;font-size:10px;font-weight:600}.document-list[b-8hhurp3q1c]  .document-state.approved,.document-list[b-8hhurp3q1c]  .document-state.accepted,.document-list[b-8hhurp3q1c]  .document-state.completed,.document-list[b-8hhurp3q1c]  .document-state.active,.document-list[b-8hhurp3q1c]  .document-state.converted{background:#e3f5ed;color:#208358}.document-list[b-8hhurp3q1c]  .document-state.submitted,.document-list[b-8hhurp3q1c]  .document-state.partial_received,.document-list[b-8hhurp3q1c]  .document-state.partial_ordered{background:#fff2d9;color:#ac7917}.document-list[b-8hhurp3q1c]  .document-state.cancelled,.document-list[b-8hhurp3q1c]  .document-state.rejected,.document-list[b-8hhurp3q1c]  .document-state.inactive{background:#fce9ec;color:#b44853}.document-message[b-8hhurp3q1c]{flex:none;padding:8px 12px;border:1px solid #d5eddf;border-radius:6px;background:#edf8f2;color:#2c7850}.document-message.error[b-8hhurp3q1c]{border-color:#f5d6dc;background:#fff0f1;color:#a7434c}@media(max-width:750px),(max-height:650px){.document-split[b-8hhurp3q1c]{overflow:auto;grid-template-rows:minmax(200px,1fr) minmax(180px,.8fr)}.document-list-header[b-8hhurp3q1c]{align-items:flex-start}.document-preview-fields[b-8hhurp3q1c]{grid-template-columns:repeat(2,minmax(0,1fr))}.document-filter[b-8hhurp3q1c]  .document-filter-combo{max-width:none}}@media(max-width:500px){.document-list-header[b-8hhurp3q1c]{flex-direction:column}.document-actions[b-8hhurp3q1c]{justify-content:flex-start}.document-pager[b-8hhurp3q1c]{flex-wrap:wrap}.document-preview-fields[b-8hhurp3q1c]{grid-template-columns:1fr}}

.document-loading[b-8hhurp3q1c]{flex:none;color:#4d78ba;font-size:11px}
/* _content/E360_Client/Components/Layout/CHANGE_PASSWORD_DIALOG.razor.rz.scp.css */
.password-body[b-7pdcwr5d95] { display: grid; gap: 16px; padding: 6px 4px 16px; color: #334155; }
.password-account[b-7pdcwr5d95] { display: flex; align-items: center; gap: 12px; padding: 12px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 7px; }
.password-icon[b-7pdcwr5d95] { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 8px; background: #e8f0ff; color: #2563eb; font-size: 20px; }
.password-account > div[b-7pdcwr5d95] { display: grid; gap: 3px; } .password-account strong[b-7pdcwr5d95] { font-size: 13px; } .password-account > div > span[b-7pdcwr5d95] { color: #64748b; font-size: 12px; }
.password-field[b-7pdcwr5d95] { display: grid; gap: 6px; font-size: 12px; font-weight: 600; }
.password-field[b-7pdcwr5d95]  input { width: 100%; height: 38px; padding: 0 11px; border: 1px solid #cbd5e1; border-radius: 6px; color: #334155; background: #fff; font-size: 14px; }
.password-field[b-7pdcwr5d95]  input:focus { outline: 0; border-color: #3b82f6; box-shadow: 0 0 0 3px #dbeafe; }
.password-field small[b-7pdcwr5d95] { color: #64748b; font-size: 11px; font-weight: 400; }
.password-field[b-7pdcwr5d95]  .validation-message { color: #b91c1c; font-size: 11px; font-weight: 400; }
.password-toggle[b-7pdcwr5d95] { display: flex; align-items: center; gap: 7px; color: #64748b; font-size: 12px; }
.password-toggle input[b-7pdcwr5d95] { accent-color: #2563eb; }
.password-error[b-7pdcwr5d95] { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 6px; color: #991b1b; font-size: 12px; }
.password-note[b-7pdcwr5d95] { margin: 0; color: #64748b; font-size: 11px; line-height: 1.5; }
.password-footer[b-7pdcwr5d95] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 12px; border-top: 1px solid #e2e8f0; }
.password-footer button[b-7pdcwr5d95] { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; color: #334155; font-size: 12px; font-weight: 600; }
.password-footer button.primary[b-7pdcwr5d95] { color: #fff; border-color: #2563eb; background: #2563eb; }
button:disabled[b-7pdcwr5d95] { opacity: .55; cursor: wait; }

/* _content/E360_Client/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-lva0g6kgyv] {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
/* _content/E360_Client/Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   ROOT
   ========================================================= */
.app-shell[b-o3wqoghzum] {
    width: 100%;
    height: 100vh;
    display: flex;
    overflow: hidden;
    background: #f4f6f9;
    color: #1f2937;
    font-family: "Segoe UI", Arial, sans-serif;
}
/* =========================================================
   SIDEBAR
   ========================================================= */

.app-sidebar[b-o3wqoghzum] {
    width: 245px;
    flex-shrink: 0;
    height: 100vh;
    background: linear-gradient( 180deg, #06275f 0%, #0b3b82 55%, #0d4b99 100% );
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.08);
    transition: width 0.2s ease;
    z-index: 100;
}

    .app-sidebar.collapsed[b-o3wqoghzum] {
        width: 68px;
    }

/* =========================================================
   MAIN
   ========================================================= */

.app-main[b-o3wqoghzum] {
    min-width: 0;
    flex: 1;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* =========================================================
   HEADER
   ========================================================= */

.app-header[b-o3wqoghzum] {
    gap: 20px;
    height: 64px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    z-index: 50;
}

/* =========================================================
   BRAND
   ========================================================= */

.header-brand[b-o3wqoghzum] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    min-width: 0;
}

.brand-icon[b-o3wqoghzum] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border-radius: 9px;
    background: #eaf2ff;
    color: #0b4ea2;
    font-size: 20px;
}

.brand-text[b-o3wqoghzum] {
    min-width: 0;
}

.brand-icon img[b-o3wqoghzum] { display: block; width: 100%; height: 100%; border-radius: inherit; }

.brand-title[b-o3wqoghzum] {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 20px;
    color: #123d73;
}

.brand-subtitle[b-o3wqoghzum] {
    margin-top: 1px;
    max-width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    color: #7a8494;
}

/* =========================================================
   HEADER ACTIONS
   ========================================================= */

.header-actions[b-o3wqoghzum] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.header-icon-button[b-o3wqoghzum] {
    position: relative;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #667085;
    cursor: pointer;
    font-size: 17px;
    transition: background 0.15s ease;
}

    .header-icon-button:hover[b-o3wqoghzum] {
        background: #f3f5f8;
    }

.notification-dot[b-o3wqoghzum] {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #dc3545;
    border: 2px solid #ffffff;
}

.header-divider[b-o3wqoghzum] {
    width: 1px;
    height: 28px;
    margin: 0 13px;
    background: #e5e7eb;
}

/* =========================================================
   USER
   ========================================================= */

.user-menu[b-o3wqoghzum] {
    border: 1px solid transparent;
    background: transparent;
    font: inherit;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 9px;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .user-menu:hover[b-o3wqoghzum] {
        background: #f6f7f9;
    }

.user-avatar[b-o3wqoghzum] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    border-radius: 50%;
    background: #dceaff;
    color: #0b4ea2;
    font-size: 12px;
    font-weight: 700;
}

.user-details[b-o3wqoghzum] {
    min-width: 100px;
    max-width: 170px;
}

.user-name[b-o3wqoghzum] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    color: #27364b;
}

.user-role[b-o3wqoghzum] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1px;
    font-size: 10px;
    color: #8a94a6;
}

.user-arrow[b-o3wqoghzum] {
    margin-left: 9px;
    color: #98a2b3;
    font-size: 10px;
}

/* =========================================================
   WORKSPACE
   ========================================================= */

.workspace[b-o3wqoghzum] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px 12px 0;
    overflow: hidden;
}


.workspace-tabs[b-o3wqoghzum] {
    height: 100%;
    overflow: hidden;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e2e6eb;
    border-radius: 7px 7px 0 0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* =========================================================
   DEVEXPRESS TABS
   ========================================================= */

.main-tabs[b-o3wqoghzum] {
    height: 100%;
    min-height: 0;
}


/*
   Tab content
*/

.tab-content[b-o3wqoghzum] {
    height: 100%;
    min-height: 0;
    padding: 6px;
    overflow: auto;
    background: #ffffff;
}



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

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

.app-footer[b-o3wqoghzum] {
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    padding: 0 16px;
    font-size: 10px;
    background: #f4f6f9;
}

    /* E360 Version */
    .app-footer span:first-child[b-o3wqoghzum] {
        color: #3f86c7;
        font-weight: 600;
        letter-spacing: 0.2px;
        text-shadow: 0 0 6px rgba(63, 134, 199, 0.20);
    }

    /* Separator */
    .app-footer .footer-separator[b-o3wqoghzum] {
        color: #8bb5d9;
        font-size: 11px;
    }

    /* Copyright */
    .app-footer span:last-child[b-o3wqoghzum] {
        color: #6f8da8;
        font-weight: 500;
    }

/* =========================================================
   ERROR
   ========================================================= */

#blazor-error-ui[b-o3wqoghzum] {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 9999;
    padding: 10px 14px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #f0caca;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    color: #842029;
    font-size: 13px;
}

.error-content[b-o3wqoghzum] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .error-content i[b-o3wqoghzum] {
        color: #dc3545;
    }

    .error-content .reload[b-o3wqoghzum] {
        margin-left: 8px;
        color: #0b5ed7;
        font-weight: 600;
        text-decoration: none;
    }

.dismiss[b-o3wqoghzum] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    color: #6c757d;
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .brand-subtitle[b-o3wqoghzum] {
        display: none;
    }

    .user-details[b-o3wqoghzum],
    .user-arrow[b-o3wqoghzum] {
        display: none;
    }

    .app-header[b-o3wqoghzum] {
        padding: 0 12px;
    }
}

@media (max-width: 600px) {

    .workspace[b-o3wqoghzum] {
        padding: 6px 6px 0;
    }

    .tab-content[b-o3wqoghzum] {
        padding: 8px;
    }
}

/* =========================================================
   LANGUAGE MENU
   ========================================================= */

.language-menu[b-o3wqoghzum] {
    position: relative;
    display: flex;
    align-items: center;
}

.language-button[b-o3wqoghzum] {
    height: 36px;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center;
    gap: 7px;
    color: #4b5563 !important;
    text-decoration: none !important;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .language-button:hover[b-o3wqoghzum] {
        background-color: #f3f4f6;
        color: #1f2937 !important;
    }

    .language-button i:first-child[b-o3wqoghzum] {
        font-size: 17px;
    }

    .language-button i:last-child[b-o3wqoghzum] {
        font-size: 10px;
        margin-left: 2px;
    }

    .language-button span[b-o3wqoghzum] {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.2px;
    }


/* =========================================================
   LANGUAGE DROPDOWN
   ========================================================= */

.language-dropdown[b-o3wqoghzum] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 155px;
    padding: 6px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 25px rgba(0, 0, 0, 0.10);
    z-index: 1000;
    animation: languageDropdownShow-b-o3wqoghzum 0.15s ease-out;
}

    .language-dropdown button[b-o3wqoghzum] {
        width: 100%;
        height: 38px;
        display: flex;
        align-items: center;
        padding: 0 10px;
        border: none;
        background: transparent;
        border-radius: 6px;
        font-size: 13px;
        color: #374151;
        text-align: left;
        cursor: pointer;
        transition: background-color 0.15s ease;
    }

        .language-dropdown button:hover[b-o3wqoghzum] {
            background-color: #f3f4f6;
        }

        .language-dropdown button:active[b-o3wqoghzum] {
            background-color: #e5e7eb;
        }


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes languageDropdownShow-b-o3wqoghzum {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* QUAN TRỌNG: DxTabs phải chiếm toàn bộ workspace-tabs */
[b-o3wqoghzum] .dxbl-tabs {
    height: 100% !important;
}

[b-o3wqoghzum] .dxbl-tabs-content-panel {
    height: 100% !important;
}
[b-o3wqoghzum] .dxbl-tabs-text-container .dxbl-text {
    font-size: 12px !important;
}

/* ================================
   COMPANY
   ================================ */
.header-company[b-o3wqoghzum] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    padding-left: 20px;
    border-left: 1px solid #e5eaf1;
}
.company-context-icon[b-o3wqoghzum] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 9px;
    background: #f3f6fa;
    color: #53708f;
    font-size: 17px;
}
.company-context-text[b-o3wqoghzum] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.company-name[b-o3wqoghzum] {
    font-size: 13px;
    font-weight: 600;
    color: #253d58;
}
.company-branch[b-o3wqoghzum] {
    font-size: 11px;
    color: #738298;
}
.company-name[b-o3wqoghzum], .company-branch[b-o3wqoghzum] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.company-branch i[b-o3wqoghzum] { margin-right: 3px; }
.user-menu-wrap[b-o3wqoghzum] { position: relative; }
.user-menu[aria-expanded="true"][b-o3wqoghzum] { background: #eef4fc; border-color: #dce7f7; }
.account-dropdown[b-o3wqoghzum] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 280px;
    max-width: calc(100vw - 24px);
    padding: 6px;
    background: #fff;
    border: 1px solid #dfe6ef;
    border-radius: 12px;
    box-shadow: 0 14px 40px #1a36542b;
    animation: languageDropdownShow-b-o3wqoghzum .15s ease-out;
}
.account-profile[b-o3wqoghzum] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #edf0f5;
    overflow-wrap: anywhere;
}
.account-profile strong[b-o3wqoghzum] { color: #243953; font-size: 14px; }
.account-profile span[b-o3wqoghzum] { color: #66788e; font-size: 12px; }
.account-profile small[b-o3wqoghzum] { color: #366ba7; font-size: 11px; }
.account-dropdown button[b-o3wqoghzum] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #354d68;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
}
.account-dropdown button:hover[b-o3wqoghzum] { background: #f0f5fc; color: #1759a7; }
.account-dropdown button span[b-o3wqoghzum] { flex: 1; }
.account-dropdown button i[b-o3wqoghzum] { font-size: 16px; }
.account-dropdown button i:last-child:not(:first-child)[b-o3wqoghzum] { font-size: 10px; }
.account-dropdown .account-logout[b-o3wqoghzum] { color: #b43b49; }
.account-dropdown .account-logout:hover[b-o3wqoghzum] { background: #fff1f2; color: #a32a38; }
.account-info-error[b-o3wqoghzum] { margin: 6px; padding: 8px; border-radius: 6px; background: #fff7e6; color: #865c16; font-size: 11px; }
.header-menu-dismiss[b-o3wqoghzum] { position: fixed; inset: 0; z-index: 45; background: transparent; border: 0; cursor: default; }
.user-menu:focus-visible[b-o3wqoghzum], .account-dropdown button:focus-visible[b-o3wqoghzum], .header-icon-button:focus-visible[b-o3wqoghzum] {
    outline: 2px solid #397cce;
    outline-offset: 2px;
}
@media (max-width: 1100px) {
    .brand-subtitle[b-o3wqoghzum] { display: none; }
    .app-header[b-o3wqoghzum] { gap: 14px; }
    .header-company[b-o3wqoghzum] { padding-left: 14px; }
}
@media (max-width: 600px) {
    .app-header[b-o3wqoghzum] { gap: 8px; padding: 0 8px; }
    .header-company[b-o3wqoghzum] { padding-left: 8px; gap: 6px; }
    .company-context-icon[b-o3wqoghzum], .header-actions > .header-icon-button[b-o3wqoghzum], .language-menu[b-o3wqoghzum], .header-divider[b-o3wqoghzum] { display: none; }
    .brand-icon[b-o3wqoghzum] { width: 30px; height: 30px; margin-right: 6px; font-size: 17px; }
    .brand-title[b-o3wqoghzum] { font-size: 15px; }
    .company-name[b-o3wqoghzum] { font-size: 12px; }
    .company-branch[b-o3wqoghzum] { font-size: 10px; }
    .user-menu[b-o3wqoghzum] { padding: 4px; }
    .user-avatar[b-o3wqoghzum] { margin-right: 0; width: 32px; height: 32px; }
}
/* _content/E360_Client/Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   E360 ERP SIDEBAR
   ========================================================= */

.wdrms-sidebar[b-7066ssqpgf] {
    --sidebar-width: 245px;
    --sidebar-collapsed-width: 68px;
    width: var(--sidebar-width);
   
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
    overflow: hidden;
    transition: width .22s ease, box-shadow .22s ease;
    position: relative;
    z-index: 100;
}


    /* =========================================================
   COLLAPSED
   ========================================================= */

    .wdrms-sidebar.collapsed[b-7066ssqpgf] {
        width: var(--sidebar-collapsed-width);
    }


/* =========================================================
   HEADER
   ========================================================= */

.sidebar-top[b-7066ssqpgf] {
    height: 64px;
    min-height: 64px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid #edf0f4;
    background: #ffffff;
}


/* =========================================================
   BRAND
   ========================================================= */

.brand[b-7066ssqpgf] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}


.brand-logo[b-7066ssqpgf] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #111827;
    color: #ffffff;
    font-size: 19px;
}


.brand-text[b-7066ssqpgf] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    min-width: 0;
    white-space: nowrap;
    transition: opacity .15s ease, width .2s ease;
}


.brand-name[b-7066ssqpgf] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    color: #111827;
}


.brand-subtitle[b-7066ssqpgf] {
    margin-top: 2px;
    font-size: 9px;
    color: #718096;
    line-height: 1.4;
    white-space: normal;
    letter-spacing: .1px;
}


/* =========================================================
   COLLAPSED BRAND
   ========================================================= */

.wdrms-sidebar.collapsed .brand-text[b-7066ssqpgf] {
    width: 0;
    opacity: 0;
    margin-left: 0;
}


/* =========================================================
   TOGGLE
   ========================================================= */

.sidebar-toggle[b-7066ssqpgf] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #7b8494;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}


    .sidebar-toggle:hover[b-7066ssqpgf] {
        background: #f1f3f6;
        color: #111827;
    }


.wdrms-sidebar.collapsed .sidebar-top[b-7066ssqpgf] {
    justify-content: center;
    padding: 0 8px;
}


.wdrms-sidebar.collapsed .sidebar-toggle[b-7066ssqpgf] {
    margin-left: 4px;
}


/* =========================================================
   NAV
   ========================================================= */

.sidebar-nav[b-7066ssqpgf] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 8px 20px;
}


    /* scrollbar */

    .sidebar-nav[b-7066ssqpgf]::-webkit-scrollbar {
        width: 5px;
    }

    .sidebar-nav[b-7066ssqpgf]::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar-nav[b-7066ssqpgf]::-webkit-scrollbar-thumb {
        background: #d7dce3;
        border-radius: 10px;
    }


/* =========================================================
   SECTION
   ========================================================= */

.menu-section[b-7066ssqpgf] {
    margin-bottom: 3px;
}

/* ERP module switcher */
.module-switcher[b-7066ssqpgf] { position: relative; padding: 10px 8px 9px; border-bottom: 1px solid #e7edf5; }
.module-switcher-trigger[b-7066ssqpgf] { width: 100%; min-height: 60px; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 2px solid #93c5fd; border-radius: 11px; background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%); color: #123b69; text-align: left; cursor: pointer; box-shadow: 0 2px 7px rgba(37,99,235,.10); transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.module-switcher-trigger:hover[b-7066ssqpgf], .module-switcher-trigger:focus-visible[b-7066ssqpgf] { border-color: #2563eb; background: #dbeafe; box-shadow: 0 3px 11px rgba(37,99,235,.19); outline: none; }
.module-switcher-trigger:active[b-7066ssqpgf] { transform: translateY(1px); }
.module-switcher-icon[b-7066ssqpgf] { width: 35px; height: 35px; flex: 0 0 35px; display: grid; place-items: center; border-radius: 9px; background: #2563eb; color: #fff; font-size: 16px; box-shadow: 0 2px 5px rgba(37,99,235,.22); }
.module-switcher-copy[b-7066ssqpgf] { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.module-switcher-copy small[b-7066ssqpgf] { color: #2563eb; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.module-switcher-copy strong[b-7066ssqpgf] { overflow: hidden; color: #123b69; font-size: 13px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.module-switcher-chevron[b-7066ssqpgf] { color: #1d4ed8; font-size: 13px; }
.module-switcher-panel[b-7066ssqpgf] { display: grid; gap: 3px; max-height: 330px; margin-top: 7px; padding: 5px; overflow-y: auto; border: 1px solid #bfdbfe; border-radius: 10px; background: #123b69; box-shadow: 0 10px 24px rgba(15,23,42,.22); }
.module-switcher-heading[b-7066ssqpgf] { padding: 5px 8px 6px; color: #dbeafe; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.module-option[b-7066ssqpgf] { width: 100%; min-height: 45px; display: flex; align-items: center; gap: 9px; padding: 6px 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #eaf2ff; text-align: left; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.module-option:hover[b-7066ssqpgf], .module-option.selected[b-7066ssqpgf] { border-color: rgba(191,219,254,.38); background: #2563eb; color: #fff; }
.module-option.selected[b-7066ssqpgf] { box-shadow: inset 3px 0 #bfdbfe; }
.module-option-icon[b-7066ssqpgf] { width: 27px; flex: 0 0 27px; display: grid; place-items: center; color: #bfdbfe; font-size: 15px; }
.module-option-copy[b-7066ssqpgf] { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.module-option-copy strong[b-7066ssqpgf] { font-size: 11px; font-weight: 620; }
.module-option-copy small[b-7066ssqpgf] { color: #c7d8ef; font-size: 9px; }
.module-option-status[b-7066ssqpgf] { padding: 3px 6px; border-radius: 99px; background: #ffedd5; color: #9a3412; font-size: 8px; font-weight: 800; }
.module-option-check[b-7066ssqpgf] { color: #bbf7d0; font-size: 14px; }
.module-menu:not(.module-active)[b-7066ssqpgf] { display: none; }

.wdrms-sidebar.collapsed .module-switcher[b-7066ssqpgf] { padding: 8px 7px; }
.wdrms-sidebar.collapsed .module-switcher-trigger[b-7066ssqpgf] { justify-content: center; padding: 7px; }
.wdrms-sidebar.collapsed .module-switcher-copy[b-7066ssqpgf], .wdrms-sidebar.collapsed .module-switcher-chevron[b-7066ssqpgf], .wdrms-sidebar.collapsed .module-switcher-heading[b-7066ssqpgf], .wdrms-sidebar.collapsed .module-option-copy[b-7066ssqpgf], .wdrms-sidebar.collapsed .module-option-status[b-7066ssqpgf], .wdrms-sidebar.collapsed .module-option-check[b-7066ssqpgf] { display: none; }
.wdrms-sidebar.collapsed .module-switcher-panel[b-7066ssqpgf] { max-height: 280px; padding: 3px; }
.wdrms-sidebar.collapsed .module-option[b-7066ssqpgf] { justify-content: center; padding: 6px; }
.wdrms-sidebar.collapsed .module-option-icon[b-7066ssqpgf] { width: 30px; height: 30px; flex-basis: 30px; }


/* =========================================================
   MENU ITEM
   ========================================================= */

.menu-item[b-7066ssqpgf],
.menu-group[b-7066ssqpgf] {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #4b5563;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}


/* =========================================================
   ICON
   ========================================================= */

.menu-icon[b-7066ssqpgf] {
    width: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #697386;
    font-size: 17px;
}


    .menu-icon i[b-7066ssqpgf] {
        line-height: 1;
    }


/* =========================================================
   TEXT
   ========================================================= */

.menu-text[b-7066ssqpgf] {
    flex: 1;
    min-width: 0;
    margin-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* =========================================================
   ARROW
   ========================================================= */

.menu-arrow[b-7066ssqpgf] {
    font-size: 10px;
    color: #9aa2af;
    transition: transform .18s ease;
}


.menu-group.expanded .menu-arrow[b-7066ssqpgf] {
    transform: rotate(180deg);
}


/* =========================================================
   HOVER
   ========================================================= */

.menu-item:hover[b-7066ssqpgf],
.menu-group:hover[b-7066ssqpgf] {
    background: #f5f7fa;
    color: #111827;
}


    .menu-item:hover .menu-icon[b-7066ssqpgf],
    .menu-group:hover .menu-icon[b-7066ssqpgf] {
        color: #374151;
    }


/* =========================================================
   ACTIVE
   ========================================================= */

.menu-item.active[b-7066ssqpgf] {
    background: #eef2f7;
    color: #111827;
    font-weight: 600;
}


    .menu-item.active[b-7066ssqpgf]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        bottom: 8px;
        width: 3px;
        border-radius: 0 3px 3px 0;
        background: #374151;
    }


    .menu-item.active .menu-icon[b-7066ssqpgf] {
        color: #111827;
    }


/* =========================================================
   SUBMENU
   ========================================================= */

.submenu[b-7066ssqpgf] {
    margin: 2px 0 5px 15px;
    padding-left: 13px;
    border-left: 1px solid #e5e7eb;
    animation: submenuOpen-b-7066ssqpgf .15s ease;
}

.submenu-caption[b-7066ssqpgf] {
    margin: 12px 8px 4px;
    padding-top: 9px;
    border-top: 1px solid #e5eaf2;
    color: #8a98ac;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .04em;
}

.catalog-submenu[b-7066ssqpgf] {
    margin-top: 8px;
    padding-bottom: 4px;
}

.catalog-menu-group + .catalog-menu-group[b-7066ssqpgf] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e6ebf2;
}

.catalog-menu-heading[b-7066ssqpgf] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 5px;
    padding: 8px;
    border-radius: 6px;
    background: #edf2f8;
    color: #4c6684;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.catalog-menu-heading i[b-7066ssqpgf] {
    flex: 0 0 17px;
    color: #6b86a5;
    font-size: 13px;
}

.catalog-menu-group .submenu-item[b-7066ssqpgf] {
    padding-left: 12px;
}

.warehouse-submenu .catalog-menu-heading[b-7066ssqpgf] {
    background: #edf5f1;
    color: #3e6956;
}

.warehouse-submenu .catalog-menu-heading i[b-7066ssqpgf] {
    color: #5d8b75;
}


@keyframes submenuOpen-b-7066ssqpgf {

    from {
        opacity: 0;
        transform: translateY(-3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   SUBMENU ITEM
   ========================================================= */

.submenu-item[b-7066ssqpgf] {
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #687386;
    font-family: inherit;
    font-size: 12.5px;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}


    .submenu-item i[b-7066ssqpgf] {
        width: 25px;
        flex-shrink: 0;
        font-size: 14px;
        color: #8993a3;
    }


    .submenu-item span[b-7066ssqpgf] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .submenu-item:hover[b-7066ssqpgf] {
        background: #f5f7fa;
        color: #111827;
    }


        .submenu-item:hover i[b-7066ssqpgf] {
            color: #374151;
        }

.submenu-item.menu-item-disabled[b-7066ssqpgf],
.submenu-item.menu-item-disabled:hover[b-7066ssqpgf] {
    color: #98a2b3;
    cursor: not-allowed;
    background: transparent;
}

.submenu-item.menu-item-disabled i[b-7066ssqpgf] {
    color: #b7bec8;
}


/* =========================================================
   SUBMENU GROUP
   ========================================================= */

.submenu-group[b-7066ssqpgf] {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #4b5563;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}


    .submenu-group > i:first-child[b-7066ssqpgf] {
        width: 25px;
        color: #7c8798;
    }


    .submenu-group span[b-7066ssqpgf] {
        flex: 1;
    }


.submenu-arrow[b-7066ssqpgf] {
    font-size: 9px;
    color: #9ca3af;
    transition: transform .18s ease;
}


.submenu-group:hover[b-7066ssqpgf] {
    background: #f5f7fa;
    color: #111827;
}


/* =========================================================
   LEVEL 2
   ========================================================= */

.submenu-level-2[b-7066ssqpgf] {
    margin-left: 14px;
    padding-left: 11px;
    border-left: 1px solid #edf0f3;
}


/* =========================================================
   SYSTEM
   ========================================================= */

.section-divider[b-7066ssqpgf] {
    height: 1px;
    margin: 9px 6px 10px;
    background: #e8ebef;
}


/* =========================================================
   COLLAPSED MODE
   ========================================================= */

.wdrms-sidebar.collapsed .sidebar-nav[b-7066ssqpgf] {
    padding-left: 8px;
    padding-right: 8px;
}


.wdrms-sidebar.collapsed .menu-item[b-7066ssqpgf],
.wdrms-sidebar.collapsed .menu-group[b-7066ssqpgf] {
    justify-content: center;
    padding: 0;
    height: 44px;
}


.wdrms-sidebar.collapsed .menu-icon[b-7066ssqpgf] {
    width: 44px;
}


.wdrms-sidebar.collapsed .menu-text[b-7066ssqpgf],
.wdrms-sidebar.collapsed .menu-arrow[b-7066ssqpgf] {
    display: none;
}


/* =========================================================
   HIDE SUBMENUS WHEN COLLAPSED
   ========================================================= */

.wdrms-sidebar.collapsed .submenu[b-7066ssqpgf] {
    display: none;
}


.wdrms-sidebar.collapsed .section-divider[b-7066ssqpgf] {
    margin-left: 8px;
    margin-right: 8px;
}


/* =========================================================
   COLLAPSED ACTIVE
   ========================================================= */

.wdrms-sidebar.collapsed .menu-item.active[b-7066ssqpgf]::before {
    top: 7px;
    bottom: 7px;
}


.wdrms-sidebar.collapsed .menu-item.active[b-7066ssqpgf] {
    background: #eef2f7;
}


/* =========================================================
   TOOLTIP
   ========================================================= */

.wdrms-sidebar.collapsed .menu-item[title][b-7066ssqpgf],
.wdrms-sidebar.collapsed .menu-group[title][b-7066ssqpgf] {
    position: relative;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .wdrms-sidebar[b-7066ssqpgf] {
        width: 68px;
    }

        .wdrms-sidebar .brand-text[b-7066ssqpgf] {
            display: none;
        }

        .wdrms-sidebar .menu-text[b-7066ssqpgf],
        .wdrms-sidebar .menu-arrow[b-7066ssqpgf] {
            display: none;
        }

        .wdrms-sidebar .menu-item[b-7066ssqpgf],
        .wdrms-sidebar .menu-group[b-7066ssqpgf] {
            justify-content: center;
            padding: 0;
        }

        .wdrms-sidebar .submenu[b-7066ssqpgf] {
            display: none;
        }

        .wdrms-sidebar .brand[b-7066ssqpgf] {
            justify-content: center;
        }
}

.customer-menu-heading[b-7066ssqpgf]{padding:16px 18px 6px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#a991ad;}

.finance-menu-label[b-7066ssqpgf]{padding:14px 16px 6px 20px;color:#8094ac;font-size:10px;font-weight:650;letter-spacing:.035em}.finance-menu-label:first-child[b-7066ssqpgf]{padding-top:7px}
/* _content/E360_Client/Components/MessagePopup.razor.rz.scp.css */
.warning-message[b-ur899x9ugp] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 10px 5px;
    font-size: 14px;
}

    .warning-message > i[b-ur899x9ugp] {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
    }

.btn-complete-later[b-ur899x9ugp] {
    min-width: 85px;
}

.btn-complete-new[b-ur899x9ugp] {
    min-width: 100px;
}
/* _content/E360_Client/Components/Pages/Admin/LOGIN.razor.rz.scp.css */
/* Full viewport shell. Columns scroll only when content exceeds their height. */
.login-page[b-wcpqybx2q2] {
    --ink: #172d42;
    --muted: #748394;
    --primary: #175c85;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
    padding: 16px;
    overflow: hidden;
    background: #f6f8fa;
    color: var(--ink);
    font-family: "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.login-page[b-wcpqybx2q2], .login-page *[b-wcpqybx2q2], .login-page *[b-wcpqybx2q2]::before, .login-page *[b-wcpqybx2q2]::after { box-sizing: border-box; }
.login-page button[b-wcpqybx2q2] { font: inherit; cursor: pointer; }
.login-page button:disabled[b-wcpqybx2q2] { opacity: .6; cursor: wait; }
.login-page button:focus-visible[b-wcpqybx2q2] { outline: 3px solid #83bdde; outline-offset: 4px; }

/* Brand panel. */
.login-brand[b-wcpqybx2q2] {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 3vh, 32px);
    min-width: 0;
    min-height: 0;
    padding: clamp(22px, 3.6vh, 40px) clamp(26px, 3.6vw, 64px);
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: #102c43;
}
.login-brand[b-wcpqybx2q2]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: radial-gradient(ellipse at 100% 0%, #21607555, transparent 60%), linear-gradient(145deg, transparent 58%, #ffffff03 58%, #ffffff03 77%, transparent 77%);
    pointer-events: none;
}
.login-brand[b-wcpqybx2q2]::after {
    position: absolute;
    z-index: -1;
    right: -240px;
    bottom: -330px;
    width: 660px;
    height: 660px;
    border: 1px solid #ffffff09;
    border-radius: 50%;
    box-shadow: 0 0 0 70px #ffffff02, 0 0 0 140px #ffffff02;
    content: "";
    pointer-events: none;
}
.brand-topbar[b-wcpqybx2q2] { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand-logo[b-wcpqybx2q2] { display: flex; align-items: center; gap: 12px; }
.brand-logo img[b-wcpqybx2q2] { flex: none; border-radius: 12px; box-shadow: 0 4px 16px #00000014; }
.brand-logo > div[b-wcpqybx2q2] { display: flex; flex-direction: column; gap: 1px; }
.logo-name[b-wcpqybx2q2] { color: #fff; font-size: 25px; font-weight: 700; line-height: 1.15; letter-spacing: 1px; }
.logo-subtitle[b-wcpqybx2q2] { max-width: 250px; color: #a9bac9; font-size: 10px; line-height: 1.5; letter-spacing: .1px; }
.platform-label[b-wcpqybx2q2] { padding: 6px 9px; border: 1px solid #ffffff24; border-radius: 6px; color: #c1d4e1; font-size: 9px; font-weight: 600; letter-spacing: 1.1px; white-space: nowrap; }
.brand-scroll[b-wcpqybx2q2] { display: flex; flex: 1; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #7696ac55 transparent; }
.brand-content[b-wcpqybx2q2] { display: flex; flex-direction: column; gap: clamp(22px, 3.6vh, 40px); width: 100%; max-width: 720px; margin: auto 0; padding: 2px 2px 2px 0; }
.brand-eyebrow[b-wcpqybx2q2] { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #a8c8d5; font-size: 10px; font-weight: 600; letter-spacing: 1.7px; }
.brand-eyebrow > span[b-wcpqybx2q2] { width: 6px; height: 6px; flex: none; border-radius: 50%; background: #9cddcf; box-shadow: 0 0 0 4px #9cddcf12; }
.brand-hero h2[b-wcpqybx2q2] { margin: 0; color: #fff; font-size: clamp(33px, 3.2vw, 54px); font-weight: 650; line-height: 1.13; letter-spacing: -1.4px; }
.brand-hero h2 > span[b-wcpqybx2q2] { display: block; }
.brand-hero .title-accent[b-wcpqybx2q2] { color: #a5e2d5; }
.brand-hero > p[b-wcpqybx2q2] { max-width: 520px; margin: 18px 0 0; color: #b7c8d6; font-size: 13px; line-height: 1.75; text-wrap: pretty; }
.modules-heading[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.modules-heading h3[b-wcpqybx2q2] { margin: 0; color: #e2ecf2; font-size: 12px; font-weight: 600; }
.modules-heading > span[b-wcpqybx2q2] { color: #93acbd; font-size: 10px; white-space: nowrap; }
.module-grid[b-wcpqybx2q2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.module-card[b-wcpqybx2q2] { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 13px 12px; border: 1px solid #ffffff17; border-radius: 10px; background: #ffffff04; }
.module-icon[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: center; flex: none; width: 29px; height: 29px; margin-top: 1px; border: 1px solid #a9d3df1f; border-radius: 8px; color: #a4cbd6; background: #a9d3df0b; font-size: 14px; }
.module-card > div[b-wcpqybx2q2] { min-width: 0; }
.module-card h4[b-wcpqybx2q2] { margin: 0 0 5px; color: #e9f0f5; font-size: 12px; font-weight: 600; line-height: 1.4; }
.module-card p[b-wcpqybx2q2] { margin: 0; color: #b6c8d5; font-size: 11px; line-height: 1.65; text-wrap: pretty; }
.brand-footer[b-wcpqybx2q2] { display: flex; align-items: center; gap: 8px; flex: none; padding-top: 13px; border-top: 1px solid #ffffff14; color: #97afbf; font-size: 10px; line-height: 1.6; }
.brand-footer-mark[b-wcpqybx2q2] { width: 13px; height: 13px; flex: none; border: 1px solid #95b5c5; border-radius: 4px; transform: rotate(45deg); }

/* Native form controls, independent of DevExpress theme selectors. */
.login-panel[b-wcpqybx2q2] { display: flex; flex-direction: column; gap: 20px; min-width: 0; min-height: 0; padding: 16px clamp(18px, 2.8vw, 52px) 8px; border-radius: 22px; background: radial-gradient(ellipse at 100% 12%, #d9e8f580, transparent 60%), radial-gradient(ellipse at 12% 90%, #dceee780, transparent 58%), #f1f5f9; }
.panel-topbar[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; min-height: 36px; }
.panel-brand[b-wcpqybx2q2] { display: flex; align-items: center; gap: 8px; color: #304a61; font-size: 13px; font-weight: 700; letter-spacing: .2px; }
.panel-brand img[b-wcpqybx2q2] { display: block; flex: none; border-radius: 7px; box-shadow: 0 3px 8px #16324e14; }
.panel-brand small[b-wcpqybx2q2] { margin-left: 4px; color: #8b98a5; font-size: 11px; font-weight: 400; }
.language-menu[b-wcpqybx2q2] { position: relative; }
.language-button[b-wcpqybx2q2] { display: flex; align-items: center; gap: 7px; min-height: 36px; padding: 6px 9px; border: 1px solid #dce5ed; border-radius: 8px; background: #ffffffd9; color: #526b80; font-size: 11px !important; }
.language-button:hover[b-wcpqybx2q2] { border-color: #dce4ec; background: #fff; }
.language-button > i:first-child[b-wcpqybx2q2] { color: #8396a6; font-size: 13px; }
.language-button > i:last-child[b-wcpqybx2q2] { font-size: 8px; }
.language-dropdown[b-wcpqybx2q2] { position: absolute; z-index: 10; top: calc(100% + 6px); right: 0; min-width: 150px; padding: 5px; border: 1px solid #e0e7ee; border-radius: 9px; background: #fff; box-shadow: 0 10px 35px #16324e14; }
.language-dropdown button[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 36px; padding: 7px 10px; border: 0; border-radius: 5px; background: transparent; color: #415a70; text-align: left; font-size: 12px; }
.language-dropdown button:hover[b-wcpqybx2q2] { background: #eff5fa; }
.login-form-area[b-wcpqybx2q2] { display: flex; align-items: safe center; justify-content: center; flex: 1; min-height: 0; padding: 22px 14px 28px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c7d3df transparent; }
.login-card[b-wcpqybx2q2] { position: relative; flex: none; width: 100%; max-width: 440px; margin: auto 0; padding: 32px; border: 1px solid #dce5ee; border-radius: 22px; background: #fff; box-shadow: 0 18px 42px -18px #17365240, 0 4px 12px #1736520b, inset 0 1px 0 #fff; }
.login-card[b-wcpqybx2q2]::before { position: absolute; top: -1px; left: 30px; right: 30px; height: 4px; border-radius: 0 0 6px 6px; background: linear-gradient(90deg, #175c85, #278b94 65%, #a5dfca); content: ""; pointer-events: none; }
.login-header[b-wcpqybx2q2] { margin-bottom: 26px; }
.access-label[b-wcpqybx2q2] { display: flex; align-items: center; gap: 7px; margin-bottom: 14px; color: #6c8599; font-size: 9px; font-weight: 600; letter-spacing: 1.4px; }
.access-label > span[b-wcpqybx2q2] { width: 17px; height: 2px; flex: none; border-radius: 2px; background: #3d849b; }
.login-header h1[b-wcpqybx2q2] { margin: 0; color: #172d42; font-size: clamp(29px, 2.4vw, 36px); font-weight: 650; letter-spacing: -1.1px; line-height: 1.25; }
.heading-dot[b-wcpqybx2q2] { color: #348c96; }
.login-header p[b-wcpqybx2q2] { max-width: 330px; margin: 11px 0 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.form-group[b-wcpqybx2q2] { margin-bottom: 20px; }
.form-group > label[b-wcpqybx2q2] { display: block; margin-bottom: 8px; color: #344b60; font-size: 12px; font-weight: 600; }
.input-wrapper[b-wcpqybx2q2] { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 49px; padding: 0 13px; border: 1px solid #d6e0e8; border-radius: 10px; background: #f8fafc; box-shadow: inset 0 1px 2px #17365204; transition: border-color .15s, box-shadow .15s; }
.input-icon[b-wcpqybx2q2] { flex: none; color: #91a1b0; font-size: 16px; }
.input-wrapper[b-wcpqybx2q2]  input { flex: 1; width: 100%; min-width: 0; min-height: 47px; padding: 10px 0; border: 0; outline: none !important; background: transparent; color: #263f55; font: inherit; font-size: 13px; box-shadow: none; }
.input-wrapper[b-wcpqybx2q2]  input::placeholder { color: #a2aeb9; font-size: 12px; }
.input-wrapper:focus-within[b-wcpqybx2q2] { border-color: #6098b5; background: #fff; box-shadow: 0 0 0 4px #2b719212; }
.input-wrapper:focus-within .input-icon[b-wcpqybx2q2] { color: #337b9a; }
.input-wrapper:has(input.invalid):not(:focus-within)[b-wcpqybx2q2] { border-color: #d78c8c; background: #fffdfd; }
.input-wrapper:has(input:disabled)[b-wcpqybx2q2] { background: #f0f3f6; }
.password-toggle[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; margin-right: -5px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #8294a4; }
.password-toggle:hover[b-wcpqybx2q2] { color: var(--primary); background: #edf4f8; }
.field-validation[b-wcpqybx2q2]  .validation-message { margin-top: 6px; color: #b74747; font-size: 11px; line-height: 1.5; }
.login-options[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 1px 0 25px; }
.remember-me[b-wcpqybx2q2] { display: flex; align-items: center; gap: 7px; margin: 0; color: #748394; font-size: 11px; cursor: pointer; }
.remember-me[b-wcpqybx2q2]  input { width: 15px; height: 15px; flex: none; margin: 0; accent-color: var(--primary); cursor: pointer; }
.remember-me[b-wcpqybx2q2]  input:focus-visible { outline: 3px solid #83bdde; outline-offset: 3px; }
.text-button[b-wcpqybx2q2] { padding: 0; border: 0; background: transparent; color: #276584; font-size: 11px !important; line-height: 1.6; }
.text-button:hover[b-wcpqybx2q2] { color: #163e59; text-decoration: underline; text-underline-offset: 3px; }
.login-notice[b-wcpqybx2q2] { display: flex; align-items: flex-start; gap: 8px; padding: 11px 12px; margin-bottom: 16px; border: 1px solid; border-radius: 8px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.login-notice > i[b-wcpqybx2q2] { flex: none; margin-top: 1px; }
.help-notice[b-wcpqybx2q2] { border-color: #cedfea; background: #eff6fb; color: #3e657e; }
.success-notice[b-wcpqybx2q2] { border-color: #c5e4d6; background: #edf8f2; color: #29684c; }
.error-notice[b-wcpqybx2q2] { border-color: #edcccc; background: #fdf2f2; color: #a44141; }
.login-button[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 49px; padding: 11px 18px; border: 1px solid var(--primary); border-radius: 10px; background: linear-gradient(110deg, #175c85, #206d91); color: #fff; font-size: 13px !important; font-weight: 600 !important; box-shadow: 0 7px 16px #175c852b, inset 0 1px 0 #ffffff14; transition: background .15s, border-color .15s, box-shadow .15s; }
.login-button > i[b-wcpqybx2q2] { font-size: 16px; }
.login-button:hover:not(:disabled)[b-wcpqybx2q2] { border-color: #10466a; background: #10466a; box-shadow: 0 6px 16px #175c8526; }
.login-button:active:not(:disabled)[b-wcpqybx2q2] { background: #103c58; }
.loading-spinner[b-wcpqybx2q2] { width: 16px; height: 16px; border: 2px solid #ffffff55; border-top-color: #fff; border-radius: 50%; animation: login-spin-b-wcpqybx2q2 .8s linear infinite; }
@keyframes login-spin-b-wcpqybx2q2 { to { transform: rotate(360deg); } }
.register-section[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 23px; color: #8a97a4; font-size: 11px; }
.register-link[b-wcpqybx2q2] { font-weight: 600 !important; }
.register-link i[b-wcpqybx2q2] { font-size: 9px; }
.login-security[b-wcpqybx2q2] { display: flex; align-items: center; gap: 10px; margin-top: 24px; padding: 13px 12px; border: 1px solid #e4ecf2; border-radius: 11px; background: #f5f8fb; }
.security-icon[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: center; flex: none; width: 31px; height: 35px; border: 1px solid #d7e8e7; border-radius: 8px; background: #e5f1ee; color: #367c72; font-size: 17px; }
.login-security p[b-wcpqybx2q2] { margin: 0; color: #61798c; font-size: 10px; font-weight: 600; line-height: 1.8; }
.login-security p > span[b-wcpqybx2q2] { display: block; color: #708496; font-size: 10px; font-weight: 400; }
.panel-footer[b-wcpqybx2q2] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; flex: none; padding-top: 4px; color: #9ba8b4; font-size: 9px; line-height: 1.6; }

@media (min-width: 1600px) {
    .login-brand[b-wcpqybx2q2] { padding-left: 72px; padding-right: 72px; }
    .brand-content[b-wcpqybx2q2] { margin-left: auto; margin-right: auto; }
    .module-card[b-wcpqybx2q2] { padding: 16px; }
    .module-card h4[b-wcpqybx2q2] { font-size: 13px; }
    .module-card p[b-wcpqybx2q2] { font-size: 11.5px; }
    .brand-hero > p[b-wcpqybx2q2] { font-size: 14px; }
}
@media (max-width: 1150px) and (min-width: 861px) {
    .login-page[b-wcpqybx2q2] { grid-template-columns: minmax(0, 1.05fr) minmax(355px, .95fr); padding: 12px; }
    .login-brand[b-wcpqybx2q2] { padding-left: 26px; padding-right: 26px; }
    .login-panel[b-wcpqybx2q2] { padding-left: 14px; padding-right: 14px; }
    .login-form-area[b-wcpqybx2q2] { padding-left: 8px; padding-right: 8px; }
    .login-card[b-wcpqybx2q2] { padding: 28px 24px; border-radius: 18px; }
    .platform-label[b-wcpqybx2q2] { display: none; }
    .module-card[b-wcpqybx2q2] { gap: 8px; padding: 11px 10px; }
    .module-icon[b-wcpqybx2q2] { width: 24px; height: 26px; font-size: 12px; }
    .module-card h4[b-wcpqybx2q2] { font-size: 12px; }
    .module-card p[b-wcpqybx2q2] { font-size: 11px; }
}
@media (max-height: 740px) and (min-width: 861px) {
    .login-brand[b-wcpqybx2q2] { gap: 18px; padding-top: 22px; padding-bottom: 22px; }
    .brand-content[b-wcpqybx2q2] { gap: 20px; }
    .brand-eyebrow[b-wcpqybx2q2] { margin-bottom: 10px; }
    .brand-hero h2[b-wcpqybx2q2] { font-size: clamp(30px, 2.9vw, 42px); }
    .brand-hero > p[b-wcpqybx2q2] { margin-top: 12px; font-size: 12px; line-height: 1.6; }
    .module-card[b-wcpqybx2q2] { padding-top: 10px; padding-bottom: 10px; }
    .module-card h4[b-wcpqybx2q2] { margin-bottom: 3px; }
    .brand-footer[b-wcpqybx2q2] { padding-top: 9px; }
    .login-panel[b-wcpqybx2q2] { gap: 10px; padding-top: 8px; }
    .login-form-area[b-wcpqybx2q2] { padding-top: 14px; padding-bottom: 18px; }
    .login-card[b-wcpqybx2q2] { padding-top: 24px; padding-bottom: 24px; }
    .login-header[b-wcpqybx2q2] { margin-bottom: 23px; }
    .access-label[b-wcpqybx2q2] { margin-bottom: 10px; }
    .form-group[b-wcpqybx2q2] { margin-bottom: 16px; }
    .login-options[b-wcpqybx2q2] { margin-bottom: 20px; }
    .register-section[b-wcpqybx2q2] { margin-top: 18px; }
    .login-security[b-wcpqybx2q2] { margin-top: 18px; padding: 11px 12px; }
}
@media (max-width: 860px) {
    .login-page[b-wcpqybx2q2] { display: flex; padding: 0; background: #f6f8fa; }
    .login-brand[b-wcpqybx2q2] { display: none; }
    .login-panel[b-wcpqybx2q2] { width: 100%; gap: 16px; padding: 22px clamp(10px, 4vw, 40px) max(16px, env(safe-area-inset-bottom)); border-radius: 0; }
    .panel-brand img[b-wcpqybx2q2] { display: block; }
    .panel-brand small[b-wcpqybx2q2] { display: none; }
    .login-card[b-wcpqybx2q2] { max-width: 440px; padding: 30px; }
    .login-header h1[b-wcpqybx2q2] { font-size: 34px; }
    .login-form-area[b-wcpqybx2q2] { padding: 18px 12px 24px; }
    .panel-footer[b-wcpqybx2q2] { max-width: 520px; width: 100%; margin: 0 auto; }
    .input-wrapper[b-wcpqybx2q2]  input { font-size: 16px; }
    .input-wrapper[b-wcpqybx2q2] { padding-right: 6px; }
    .password-toggle[b-wcpqybx2q2] { width: 44px; height: 44px; margin-right: 0; }
    .remember-me[b-wcpqybx2q2] { min-height: 40px; font-size: 12px; }
    .remember-me[b-wcpqybx2q2]  input { width: 18px; height: 18px; }
    .text-button[b-wcpqybx2q2] { min-height: 40px; font-size: 12px !important; }
    .login-security p[b-wcpqybx2q2], .login-security p > span[b-wcpqybx2q2] { font-size: 11px; }
}
@media (max-height: 520px) and (max-width: 860px) {
    .login-panel[b-wcpqybx2q2] { gap: 10px; padding-top: 12px; }
    .login-header[b-wcpqybx2q2] { margin-bottom: 20px; }
    .login-options[b-wcpqybx2q2] { margin-bottom: 18px; }
    .register-section[b-wcpqybx2q2] { margin-top: 14px; }
    .login-security[b-wcpqybx2q2] { margin-top: 18px; padding: 11px 12px; }
    .login-card[b-wcpqybx2q2] { padding-top: 22px; padding-bottom: 22px; }
}
@media (max-width: 380px) {
    .login-panel[b-wcpqybx2q2] { padding-left: 8px; padding-right: 8px; }
    .login-form-area[b-wcpqybx2q2] { padding-left: 8px; padding-right: 8px; }
    .login-card[b-wcpqybx2q2] { padding: 25px 20px; border-radius: 18px; }
    .login-header h1[b-wcpqybx2q2] { font-size: 29px; }
    .access-label[b-wcpqybx2q2] { font-size: 8px; letter-spacing: 1.1px; }
    .login-options[b-wcpqybx2q2] { gap: 10px; flex-wrap: wrap; }
    .panel-footer > span:last-child[b-wcpqybx2q2] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .login-page *[b-wcpqybx2q2], .login-page *[b-wcpqybx2q2]::before, .login-page *[b-wcpqybx2q2]::after { transition: none !important; }
    .loading-spinner[b-wcpqybx2q2] { animation: none; }
}
/* _content/E360_Client/Components/Pages/Admin/REGISTER.razor.rz.scp.css */
.registration-shell[b-37tehv8cvg] {
    --registration-ink: #183149;
    --registration-primary: #175c85;
    --registration-muted: #79899a;
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    width: 100%;
    height: min(880px, calc(100dvh - 40px));
    min-height: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    color: var(--registration-ink);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
}
.registration-shell[b-37tehv8cvg], .registration-shell *[b-37tehv8cvg], .registration-shell *[b-37tehv8cvg]::before, .registration-shell *[b-37tehv8cvg]::after { box-sizing: border-box; }
.registration-shell button[b-37tehv8cvg] { font: inherit; cursor: pointer; }
.registration-shell button:disabled[b-37tehv8cvg] { opacity: .55; cursor: wait; }
.registration-shell button:focus-visible[b-37tehv8cvg] { outline: 3px solid #80b8d4; outline-offset: 3px; }

/* The brand column follows the login palette without repeating its module list. */
.registration-brand[b-37tehv8cvg] {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    gap: clamp(26px, 4vh, 46px);
    padding: 34px 28px 26px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #fff;
    background: #102c43;
    scrollbar-width: thin;
    scrollbar-color: #7ca4b544 transparent;
}
.registration-brand[b-37tehv8cvg]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(ellipse at 100% 0%, #28738c45, transparent 65%), linear-gradient(150deg, transparent 55%, #ffffff03 55%, #ffffff03 73%, transparent 73%);
    pointer-events: none;
}
.registration-logo[b-37tehv8cvg] { display: flex; align-items: center; gap: 11px; flex: none; }
.registration-logo img[b-37tehv8cvg] { border-radius: 10px; flex: none; }
.registration-logo > div[b-37tehv8cvg] { display: flex; flex-direction: column; gap: 3px; }
.registration-logo strong[b-37tehv8cvg] { font-size: 25px; font-weight: 700; letter-spacing: 1px; line-height: 1.2; }
.registration-logo > div > span[b-37tehv8cvg] { max-width: 170px; color: #a8bdcc; font-size: 9px; line-height: 1.5; letter-spacing: .1px; }
.registration-intro[b-37tehv8cvg] { flex: none; }
.registration-eyebrow[b-37tehv8cvg] { display: flex; align-items: center; gap: 7px; margin-bottom: 16px; color: #acc9d5; font-size: 9px; font-weight: 600; letter-spacing: 1px; }
.registration-eyebrow > span[b-37tehv8cvg] { width: 5px; height: 5px; flex: none; border-radius: 50%; background: #9bdecd; box-shadow: 0 0 0 4px #9bdecd10; }
.registration-intro h2[b-37tehv8cvg] { margin: 0; color: #fff; font-size: 35px; font-weight: 650; line-height: 1.2; letter-spacing: -.9px; }
.registration-intro h2 em[b-37tehv8cvg] { color: #a5e2d5; font-style: normal; }
.registration-intro > p[b-37tehv8cvg] { margin: 17px 0 0; color: #b4c8d7; font-size: 12px; line-height: 1.8; text-wrap: pretty; }
.registration-steps[b-37tehv8cvg] { display: flex; flex-direction: column; flex: none; gap: 23px; margin: 0; padding: 0; list-style: none; }
.registration-steps > li[b-37tehv8cvg] { display: flex; align-items: flex-start; gap: 12px; }
.registration-step-icon[b-37tehv8cvg] { display: grid; place-items: center; width: 31px; height: 33px; flex: none; border: 1px solid #ffffff1e; border-radius: 8px; background: #ffffff07; color: #a9d1db; font-size: 15px; }
.registration-steps strong[b-37tehv8cvg] { display: block; margin-top: 1px; color: #e5eff5; font-size: 12px; font-weight: 600; }
.registration-steps p[b-37tehv8cvg] { margin: 5px 0 0; color: #9fb7c8; font-size: 11px; line-height: 1.65; }
.registration-brand-footer[b-37tehv8cvg] { display: flex; align-items: center; gap: 8px; flex: none; margin-top: auto; padding-top: 19px; border-top: 1px solid #ffffff19; color: #a4bfcc; font-size: 10px; }
.registration-brand-footer > i[b-37tehv8cvg] { font-size: 14px; }

/* Keep the heading and actions visible; only the actual form content scrolls. */
.registration-main[b-37tehv8cvg] { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.registration-header[b-37tehv8cvg] { display: flex; align-items: flex-start; justify-content: space-between; flex: none; gap: 16px; padding: 27px 30px 23px; border-bottom: 1px solid #eaf0f5; background: #fff; }
.registration-kicker[b-37tehv8cvg] { display: block; margin-bottom: 7px; color: #7191a4; font-size: 9px; font-weight: 650; letter-spacing: 1.25px; }
.registration-header h1[b-37tehv8cvg] { margin: 0; color: var(--registration-ink); font-size: 27px; font-weight: 650; line-height: 1.25; letter-spacing: -.7px; }
.registration-header p[b-37tehv8cvg] { margin: 8px 0 0; color: var(--registration-muted); font-size: 12px; line-height: 1.6; }
.registration-close[b-37tehv8cvg] { display: grid; place-items: center; flex: none; width: 34px; height: 34px; margin: -3px -9px 0 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #8797a6; }
.registration-close:hover:enabled[b-37tehv8cvg] { border-color: #e1e8ef; background: #f3f7fa; color: #294c66; }
.registration-main[b-37tehv8cvg]  .registration-form { display: flex; flex-direction: column; flex: 1; min-height: 0; margin: 0; overflow: hidden; }
.registration-scroll[b-37tehv8cvg] { flex: 1; min-height: 0; padding: 22px 30px 26px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c7d6e1 transparent; }
.registration-fields[b-37tehv8cvg] { min-width: 0; margin: 0; padding: 0; border: 0; }
.registration-section + .registration-section[b-37tehv8cvg] { margin-top: 23px; padding-top: 22px; border-top: 1px solid #e7edf3; }
.registration-section-heading[b-37tehv8cvg] { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.registration-section-number[b-37tehv8cvg] { display: grid; place-items: center; width: 31px; height: 32px; flex: none; border: 1px solid #dce8f0; border-radius: 9px; background: #eff6fa; color: #347290; font-size: 10px; font-weight: 700; }
.registration-section-heading h2[b-37tehv8cvg] { margin: 0; color: #29455b; font-size: 14px; font-weight: 650; }
.registration-section-heading p[b-37tehv8cvg] { margin: 5px 0 0; color: #8997a7; font-size: 11px; line-height: 1.4; }
.registration-grid[b-37tehv8cvg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; }
.registration-field[b-37tehv8cvg] { min-width: 0; }
.registration-field.full[b-37tehv8cvg] { grid-column: 1 / -1; }
.registration-field > label[b-37tehv8cvg] { display: flex; align-items: baseline; gap: 4px; margin-bottom: 6px; color: #3a5369; font-size: 11px; font-weight: 600; line-height: 1.4; }
.registration-required[b-37tehv8cvg] { color: #c16666; }
.registration-optional[b-37tehv8cvg] { margin-left: auto; color: #97a3af; font-size: 10px; font-weight: 400; }
.registration-input[b-37tehv8cvg] { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 40px; padding: 0 12px; border: 1px solid #d8e2eb; border-radius: 7px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.registration-input > i[b-37tehv8cvg] { flex: none; color: #93a7b8; font-size: 14px; }
.registration-input[b-37tehv8cvg]  input { flex: 1; width: 100%; min-width: 0; min-height: 38px; padding: 9px 0; border: 0; border-radius: 0; outline: none; background: transparent; color: #274258; font: inherit; font-size: 12px; box-shadow: none; }
.registration-input[b-37tehv8cvg]  input::placeholder { color: #9baab7; opacity: 1; font-size: 11px; }
.registration-input:focus-within[b-37tehv8cvg] { border-color: #6a9fb9; box-shadow: 0 0 0 3px #2b71920c; }
.registration-input:focus-within > i[b-37tehv8cvg] { color: #317893; }
.registration-input:has(input.invalid):not(:focus-within)[b-37tehv8cvg] { border-color: #d89b9b; background: #fffdfd; }
.registration-field > small[b-37tehv8cvg] { display: block; margin-top: 5px; color: #93a0ad; font-size: 10px; line-height: 1.45; }
.registration-password-toggle[b-37tehv8cvg] { display: grid; place-items: center; width: 30px; height: 30px; flex: none; margin-right: -6px; border: 0; border-radius: 5px; background: transparent; color: #8aa0b1; font-size: 14px !important; }
.registration-password-toggle:hover:enabled[b-37tehv8cvg] { background: #edf4f8; color: #275f7f; }
.registration-validation:empty[b-37tehv8cvg] { display: none; }
.registration-validation[b-37tehv8cvg]  .validation-message { margin-top: 5px; color: #b34d4d; font-size: 10px; line-height: 1.5; }
.registration-feedback[b-37tehv8cvg] { display: flex; align-items: center; gap: 5px; margin-top: 5px; font-size: 10px; line-height: 1.5; }
.registration-feedback.available[b-37tehv8cvg] { color: #398168; }
.registration-feedback.unavailable[b-37tehv8cvg] { color: #b34d4d; }
.registration-feedback.checking[b-37tehv8cvg] { color: #6d8497; }
.registration-admin-note[b-37tehv8cvg] { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; padding: 12px 13px; border: 1px solid #ddeaf0; border-radius: 8px; background: #f3f8fa; }
.registration-admin-note > i[b-37tehv8cvg] { flex: none; margin-top: 1px; color: #5d8c9c; font-size: 18px; }
.registration-admin-note p[b-37tehv8cvg] { margin: 0; font-size: 10px; line-height: 1.7; }
.registration-admin-note strong[b-37tehv8cvg] { display: block; margin-bottom: 3px; color: #3c6479; font-weight: 650; }
.registration-admin-note span[b-37tehv8cvg] { color: #7d94a3; }
.registration-alert[b-37tehv8cvg] { display: flex; align-items: flex-start; flex: none; gap: 8px; margin: 14px 30px 0; padding: 11px 13px; max-height: 110px; overflow: auto; border: 1px solid #edcfd0; border-radius: 8px; background: #fff5f5; color: #a34848; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.registration-alert > i[b-37tehv8cvg] { flex: none; margin-top: 2px; }
.registration-footer[b-37tehv8cvg] { display: flex; align-items: center; justify-content: space-between; flex: none; gap: 12px; padding: 17px 30px; border-top: 1px solid #e6edf3; background: #fcfdfe; }
.registration-footer > div:first-child[b-37tehv8cvg] { color: #95a1ad; font-size: 10px; white-space: nowrap; }
.registration-actions[b-37tehv8cvg] { display: flex; align-items: center; gap: 10px; }
.registration-actions button[b-37tehv8cvg] { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 41px; padding: 10px 15px; border: 1px solid #d9e3eb; border-radius: 7px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.registration-back[b-37tehv8cvg] { color: #687f92; background: #fff; }
.registration-back:hover:enabled[b-37tehv8cvg] { background: #f1f6f9; border-color: #c0d1dd; }
.registration-submit[b-37tehv8cvg] { min-width: 147px; color: #fff; background: var(--registration-primary); border-color: var(--registration-primary) !important; box-shadow: 0 4px 10px #175c8512; }
.registration-submit:hover:enabled[b-37tehv8cvg] { background: #104b71; }
.registration-spinner[b-37tehv8cvg] { display: inline-block; flex: none; width: 13px; height: 13px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: registration-spin-b-37tehv8cvg .75s linear infinite; }
@keyframes registration-spin-b-37tehv8cvg { to { transform: rotate(360deg); } }

@media (max-width: 1000px) {
    .registration-shell[b-37tehv8cvg] { grid-template-columns: 250px minmax(0, 1fr); }
    .registration-brand[b-37tehv8cvg] { padding-left: 23px; padding-right: 23px; }
    .registration-intro h2[b-37tehv8cvg] { font-size: 30px; }
    .registration-header[b-37tehv8cvg] { padding-left: 24px; padding-right: 24px; }
    .registration-scroll[b-37tehv8cvg] { padding-left: 24px; padding-right: 24px; }
    .registration-alert[b-37tehv8cvg] { margin-left: 24px; margin-right: 24px; }
    .registration-footer[b-37tehv8cvg] { padding-left: 24px; padding-right: 24px; }
    .registration-footer > div:first-child[b-37tehv8cvg] { display: none; }
    .registration-actions[b-37tehv8cvg] { width: 100%; justify-content: flex-end; }
}
@media (max-width: 760px), (max-height: 600px) {
    .registration-shell[b-37tehv8cvg] { grid-template-columns: minmax(0, 1fr); }
    .registration-brand[b-37tehv8cvg] { display: none; }
}
@media (max-width: 520px) {
    .registration-shell[b-37tehv8cvg] { height: calc(100dvh - 40px); border-radius: 10px; }
    .registration-header[b-37tehv8cvg] { gap: 10px; padding: 21px 20px 18px; }
    .registration-header h1[b-37tehv8cvg] { font-size: 24px; }
    .registration-header p[b-37tehv8cvg] { max-width: 270px; font-size: 11px; }
    .registration-kicker[b-37tehv8cvg] { font-size: 8px; }
    .registration-scroll[b-37tehv8cvg] { padding: 19px 20px 22px; }
    .registration-alert[b-37tehv8cvg] { margin-left: 20px; margin-right: 20px; font-size: 11px; }
    .registration-grid[b-37tehv8cvg] { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .registration-field.full[b-37tehv8cvg] { grid-column: auto; }
    .registration-input[b-37tehv8cvg] { min-height: 44px; }
    .registration-input[b-37tehv8cvg]  input { min-height: 42px; font-size: 16px; }
    .registration-input[b-37tehv8cvg]  input::placeholder { font-size: 12px; }
    .registration-field > label[b-37tehv8cvg] { font-size: 12px; }
    .registration-password-toggle[b-37tehv8cvg] { width: 38px; height: 38px; }
    .registration-close[b-37tehv8cvg] { width: 40px; height: 40px; }
    .registration-footer[b-37tehv8cvg] { padding: 13px 20px max(13px, env(safe-area-inset-bottom)); }
    .registration-actions[b-37tehv8cvg] { gap: 8px; }
    .registration-actions button[b-37tehv8cvg] { flex: 1; min-width: 0; min-height: 44px; padding-left: 10px; padding-right: 10px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .registration-input[b-37tehv8cvg] { transition: none; }
    .registration-spinner[b-37tehv8cvg] { animation: none; }
}

.registration-plan-section[b-37tehv8cvg]{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #e4eaf3}.registration-plan-section h3[b-37tehv8cvg]{font-size:17px}.registration-plan-section>p[b-37tehv8cvg]{font-size:12px;color:#61758b}.registration-plan-grid[b-37tehv8cvg]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.registration-plan[b-37tehv8cvg]{display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #dce4ef;background:#fff;border-radius:10px;padding:12px;color:#28415c;cursor:pointer}.registration-plan.selected[b-37tehv8cvg]{border-color:#2670c8;box-shadow:0 0 0 2px #2670c820;background:#edf5ff}.registration-plan strong[b-37tehv8cvg]{font-size:13px}.registration-plan span[b-37tehv8cvg],.registration-plan-features[b-37tehv8cvg],.registration-plan-note[b-37tehv8cvg]{font-size:12px;line-height:1.6}.registration-plan-features[b-37tehv8cvg]{padding:12px;background:#f1f6fc;border-radius:8px;margin-bottom:12px}.registration-plan-features p[b-37tehv8cvg]{margin:7px 0 0;color:#6b7d92}.registration-plan-section label[b-37tehv8cvg]{display:flex;gap:10px;align-items:center;font-size:12px}.registration-plan-section input[b-37tehv8cvg]{flex:1;border:1px solid #d5dfec;border-radius:7px;padding:9px}.registration-plan-note[b-37tehv8cvg]{padding:10px;background:#fff6dd}@media(max-width:600px){.registration-plan-grid[b-37tehv8cvg]{grid-template-columns:1fr}}
/* _content/E360_Client/Components/Pages/BU_BUDGET/BUDGET_WORKSPACE_PAGE.razor.rz.scp.css */
.budget-workspace[b-qi1d3oi5wn]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 20px;overflow:hidden;background:#f3f6fb;color:#334c68;font:13px "Segoe UI",Arial,sans-serif;container:budget/inline-size}.budget-workspace *[b-qi1d3oi5wn]{box-sizing:border-box}.workspace-header[b-qi1d3oi5wn],.actions[b-qi1d3oi5wn],.list-toolbar[b-qi1d3oi5wn],.filters[b-qi1d3oi5wn],.section-bar[b-qi1d3oi5wn],.document-bar[b-qi1d3oi5wn],.pager[b-qi1d3oi5wn]{display:flex;align-items:center;gap:9px}.workspace-header[b-qi1d3oi5wn],.list-toolbar[b-qi1d3oi5wn],.section-bar[b-qi1d3oi5wn],.document-bar[b-qi1d3oi5wn],.pager[b-qi1d3oi5wn]{justify-content:space-between;flex:none}.workspace-header h1[b-qi1d3oi5wn]{font-size:22px;font-weight:650;margin:5px 0}.workspace-header h1 i[b-qi1d3oi5wn]{color:#a08045;margin-right:6px}.workspace-header p[b-qi1d3oi5wn]{margin:0;color:#8193aa;font-size:11px}.eyebrow[b-qi1d3oi5wn]{font-size:9px;letter-spacing:.1em;font-weight:700;color:#a58b60}.actions[b-qi1d3oi5wn]{justify-content:flex-end;flex-wrap:wrap}button[b-qi1d3oi5wn],input[b-qi1d3oi5wn],select[b-qi1d3oi5wn],textarea[b-qi1d3oi5wn]{font:inherit}button[b-qi1d3oi5wn]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;background:#fff;color:#506886;border:1px solid #d4deeb;border-radius:7px;cursor:pointer;white-space:nowrap}button.primary[b-qi1d3oi5wn]{background:#426ca5;border-color:#426ca5;color:#fff;box-shadow:0 3px 8px #426ca51c}button.success[b-qi1d3oi5wn]{background:#34836e;color:#fff;border-color:#34836e}button.danger[b-qi1d3oi5wn]{color:#ac586a}button.quiet[b-qi1d3oi5wn]{border:0;background:transparent;padding:5px 7px}button:disabled[b-qi1d3oi5wn]{opacity:.48;cursor:default}button:hover:not(:disabled)[b-qi1d3oi5wn]{filter:brightness(.97);border-color:#8da7c8}button:focus-visible[b-qi1d3oi5wn],input:focus-visible[b-qi1d3oi5wn],select:focus-visible[b-qi1d3oi5wn],textarea:focus-visible[b-qi1d3oi5wn]{outline:2px solid #86acdb;outline-offset:2px}input[b-qi1d3oi5wn],select[b-qi1d3oi5wn],textarea[b-qi1d3oi5wn]{min-width:0;border:1px solid #d4dfec;border-radius:6px;padding:7px 9px;background:#fff;color:#334d6a}input:disabled[b-qi1d3oi5wn],select:disabled[b-qi1d3oi5wn],textarea:disabled[b-qi1d3oi5wn]{background:#f5f7fa;color:#768ba4}input[type=number][b-qi1d3oi5wn]{text-align:right;font-variant-numeric:tabular-nums}input[type=checkbox][b-qi1d3oi5wn]{width:16px;height:16px;accent-color:#456ea5}textarea[b-qi1d3oi5wn]{resize:vertical;min-height:45px;max-height:90px}.list-toolbar[b-qi1d3oi5wn]{flex-wrap:wrap}.search-group[b-qi1d3oi5wn]{display:flex;gap:8px;align-items:center;min-width:270px;flex:1;max-width:520px}.search-group>i[b-qi1d3oi5wn]{color:#7e97b5}.search-group input[b-qi1d3oi5wn]{flex:1;width:140px}.filters[b-qi1d3oi5wn]{flex-wrap:wrap;justify-content:flex-end}.filters>label[b-qi1d3oi5wn]{display:flex;align-items:center;gap:6px;font-size:11px;color:#8193aa}.filters input[type=number][b-qi1d3oi5wn]{width:85px}.filters select[b-qi1d3oi5wn]{max-width:190px}.filters[b-qi1d3oi5wn]  .budget-select{width:175px}.panel[b-qi1d3oi5wn]{border:1px solid #dce5f0;border-radius:10px;background:#fff;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:0 2px 8px #36547504}.list-panel[b-qi1d3oi5wn]{flex:1 1 49%;min-height:110px}.detail-panel[b-qi1d3oi5wn]{flex:1 1 45%;min-height:120px}.editor-panel[b-qi1d3oi5wn]{flex:1;min-height:0}.table-scroll[b-qi1d3oi5wn],.detail-body[b-qi1d3oi5wn],.editor-scroll[b-qi1d3oi5wn]{min-height:0;overflow:auto;flex:1}.detail-body[b-qi1d3oi5wn]{display:flex;flex-direction:column}.editor-scroll[b-qi1d3oi5wn]{display:flex;flex-direction:column;padding:14px 16px;gap:12px}.editor-scroll>.line-table-wrap[b-qi1d3oi5wn]{flex:1;min-height:130px}.table-scroll table[b-qi1d3oi5wn]{min-width:800px}table[b-qi1d3oi5wn]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th[b-qi1d3oi5wn]{text-align:left;position:sticky;top:0;background:#eef3fa;border-bottom:1px solid #dce5ef;color:#6c829f;font-size:10px;font-weight:650;padding:10px 12px;white-space:nowrap;z-index:1}td[b-qi1d3oi5wn]{padding:9px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}td small[b-qi1d3oi5wn]{display:block;color:#8a9eb5;font-size:10px;margin-top:4px}td strong[b-qi1d3oi5wn]{font-weight:650}tbody tr.selected[b-qi1d3oi5wn]{background:#edf4ff;box-shadow:inset 3px 0 #517caf}tbody tr:hover[b-qi1d3oi5wn]{background:#f8fbff}.num[b-qi1d3oi5wn]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.num input[b-qi1d3oi5wn]{width:130px}.line-table-wrap[b-qi1d3oi5wn]{overflow:auto;min-height:0}.line-table[b-qi1d3oi5wn]{min-width:1020px}.line-table td[b-qi1d3oi5wn]{padding:8px}.line-table .dimension-cell[b-qi1d3oi5wn]{min-width:270px}.line-table .dimension-cell[b-qi1d3oi5wn]  .budget-select{width:100%;min-width:100px}.line-dimensions[b-qi1d3oi5wn]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.line-table td>select[b-qi1d3oi5wn]{max-width:95px}.line-table input:not([type=number])[b-qi1d3oi5wn]{width:170px}.report-table[b-qi1d3oi5wn]{min-width:1180px!important}.pager[b-qi1d3oi5wn]{padding:6px 12px;background:#f8fafd;border-top:1px solid #e2e9f3;font-size:11px;color:#8498b1}.pager button[b-qi1d3oi5wn]{padding:5px 8px}.section-bar[b-qi1d3oi5wn]{padding:10px 13px;border-bottom:1px solid #e3eaf4}.section-bar strong[b-qi1d3oi5wn]{font-size:12px}.section-bar small[b-qi1d3oi5wn]{display:block;font-size:10px;color:#879ab3;margin-top:4px}.section-bar>span[b-qi1d3oi5wn]{font-size:10px;color:#8a9bb2}.tabs[b-qi1d3oi5wn]{display:flex;gap:5px;padding:6px 10px;flex:none;border-bottom:1px solid #e2e9f2}.tabs button[b-qi1d3oi5wn]{border:0;font-size:11px;background:transparent;color:#7c92ac;padding:7px 10px}.tabs button.active[b-qi1d3oi5wn]{background:#eef4fd;color:#3d6da7;font-weight:650}.badge[b-qi1d3oi5wn]{display:inline-flex;border-radius:20px;background:#edf1f6;color:#7a8da5;font-size:10px;padding:4px 8px;white-space:nowrap;margin-right:4px}.badge.active[b-qi1d3oi5wn]{background:#e8f6ef;color:#3a8067}.badge.approved[b-qi1d3oi5wn]{background:#eaf2ff;color:#426da5}.badge.pending[b-qi1d3oi5wn],.badge.submitted[b-qi1d3oi5wn]{background:#fff5dc;color:#9e7a39}.badge.cancelled[b-qi1d3oi5wn],.badge.rejected[b-qi1d3oi5wn]{background:#faedf1;color:#ab6374}.badge.closed[b-qi1d3oi5wn],.badge.superseded[b-qi1d3oi5wn],.badge.released[b-qi1d3oi5wn]{background:#f0eef7;color:#8a7ba0}.notice[b-qi1d3oi5wn]{flex:none;border:1px solid;border-radius:7px;padding:9px 13px;font-size:12px}.notice.error[b-qi1d3oi5wn]{background:#fff2f3;border-color:#efc8cf;color:#a95267}.notice.success[b-qi1d3oi5wn]{background:#edf8f2;border-color:#cce8d8;color:#3c8066}.empty[b-qi1d3oi5wn]{text-align:center;color:#8fa2b8;padding:25px 16px;line-height:1.8}.empty i[b-qi1d3oi5wn]{margin-right:7px}.negative-text[b-qi1d3oi5wn]{color:#b4576b}.kpis[b-qi1d3oi5wn]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:none}.kpis>div[b-qi1d3oi5wn]{border:1px solid #dce6f3;border-radius:9px;padding:11px 14px;background:linear-gradient(130deg,#fff,#edf4fd);box-shadow:0 3px 8px #406a9b07}.kpis>div:nth-child(2)[b-qi1d3oi5wn]{background:linear-gradient(130deg,#fff,#ecf8f2);border-color:#d4e9df}.kpis>div:nth-child(3)[b-qi1d3oi5wn]{background:linear-gradient(130deg,#fff,#fff7e7);border-color:#eee2cb}.kpis>div:nth-child(4)[b-qi1d3oi5wn]{background:linear-gradient(130deg,#fff,#f2effb);border-color:#e1daef}.kpis span[b-qi1d3oi5wn]{display:block;font-size:10px;color:#8396ad}.kpis strong[b-qi1d3oi5wn]{display:block;font-size:20px;font-weight:650;margin-top:5px;font-variant-numeric:tabular-nums}.kpis .negative strong[b-qi1d3oi5wn]{color:#af596b}.document-bar[b-qi1d3oi5wn]{padding:9px 12px;border:1px solid #dce6f3;border-radius:9px;background:#fff;flex-wrap:wrap}.document-bar>div:first-child[b-qi1d3oi5wn]{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.unsaved[b-qi1d3oi5wn]{font-size:10px;color:#ad8341}.form-grid[b-qi1d3oi5wn]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 16px;flex:none}.form-grid label[b-qi1d3oi5wn],.document-footer label[b-qi1d3oi5wn]{display:flex;flex-direction:column;gap:5px;min-width:0}.form-grid label>span[b-qi1d3oi5wn],.document-footer label>span[b-qi1d3oi5wn]{font-size:11px;color:#7187a1;font-weight:550}.form-grid input[b-qi1d3oi5wn],.form-grid select[b-qi1d3oi5wn]{width:100%}.form-grid[b-qi1d3oi5wn]  .budget-select{width:100%}.span-2[b-qi1d3oi5wn]{grid-column:span 2}.span-3[b-qi1d3oi5wn]{grid-column:span 3}.form-grid label.check[b-qi1d3oi5wn]{flex-direction:row;align-items:center;gap:7px;color:#7389a3;font-size:12px}.form-grid label.check input[b-qi1d3oi5wn]{width:16px}.quick-entry[b-qi1d3oi5wn]{flex:none;border:1px solid #dbe6f4;border-radius:8px;background:#f4f8fe;padding:11px 12px}.quick-heading[b-qi1d3oi5wn]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.quick-heading strong[b-qi1d3oi5wn]{font-size:12px;color:#5277a5}.quick-heading small[b-qi1d3oi5wn]{font-size:10px;color:#8b9eb6}.quick-fields[b-qi1d3oi5wn]{display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1.3fr) minmax(130px,1.3fr) 90px 110px auto auto;gap:7px;align-items:center}.quick-fields.revision[b-qi1d3oi5wn]{grid-template-columns:minmax(250px,1fr) 150px auto}.quick-fields[b-qi1d3oi5wn]  .budget-select{width:100%;min-width:0}.quick-fields input[b-qi1d3oi5wn]{width:100%}.quick-fields button[b-qi1d3oi5wn]{font-size:11px}.document-footer[b-qi1d3oi5wn]{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);gap:15px;flex:none;padding-top:10px;border-top:1px solid #e1e9f3}.footer-totals[b-qi1d3oi5wn]{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px;color:#7f94ae;font-size:11px}.footer-totals strong[b-qi1d3oi5wn]{font-size:22px;color:#3b638f;font-weight:650}.footer-totals small[b-qi1d3oi5wn]{font-size:10px}.helper[b-qi1d3oi5wn]{padding:10px 12px;border-radius:7px;border:1px solid #e4eafa;background:#f6f9fe;color:#7b91ad;font-size:11px;line-height:1.8;flex:none}.helper i[b-qi1d3oi5wn]{color:#5a7fac;margin-right:6px}.history[b-qi1d3oi5wn]{font-size:11px;color:#7d92ab;flex:none}.history summary[b-qi1d3oi5wn]{cursor:pointer;padding:8px 0}.history .line-table-wrap[b-qi1d3oi5wn]{max-height:180px}.rule-summary[b-qi1d3oi5wn]{padding:18px;color:#748ba6;font-size:12px;line-height:1.9}.rule-summary strong[b-qi1d3oi5wn]{color:#4a6c96}
@container budget (max-width:1100px){.quick-fields[b-qi1d3oi5wn]{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid[b-qi1d3oi5wn]{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-header h1[b-qi1d3oi5wn]{font-size:20px}.kpis strong[b-qi1d3oi5wn]{font-size:17px}.filters[b-qi1d3oi5wn]{gap:6px}.filters[b-qi1d3oi5wn]  .budget-select{width:155px}}
@container budget (max-width:750px){.form-grid[b-qi1d3oi5wn]{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3[b-qi1d3oi5wn]{grid-column:span 2}.quick-fields[b-qi1d3oi5wn]{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-fields.revision[b-qi1d3oi5wn]{grid-template-columns:minmax(0,1fr) 120px}.quick-fields.revision>button[b-qi1d3oi5wn]{grid-column:span 2}.kpis[b-qi1d3oi5wn]{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kpis>div[b-qi1d3oi5wn]{padding:8px 11px}.kpis strong[b-qi1d3oi5wn]{font-size:15px}.workspace-header[b-qi1d3oi5wn]{flex-wrap:wrap}.workspace-header p[b-qi1d3oi5wn]{font-size:10px}.document-footer[b-qi1d3oi5wn]{grid-template-columns:minmax(0,1fr) 200px}.document-bar button[b-qi1d3oi5wn]{font-size:11px}.editor-scroll[b-qi1d3oi5wn]{padding:12px}}
@container budget (max-width:480px){.form-grid[b-qi1d3oi5wn]{grid-template-columns:minmax(0,1fr)}.span-2[b-qi1d3oi5wn],.span-3[b-qi1d3oi5wn]{grid-column:auto}.document-footer[b-qi1d3oi5wn]{grid-template-columns:minmax(0,1fr)}.footer-totals[b-qi1d3oi5wn]{align-items:flex-start}.workspace-header h1[b-qi1d3oi5wn]{font-size:18px}.quick-fields[b-qi1d3oi5wn]{grid-template-columns:minmax(0,1fr)}.search-group[b-qi1d3oi5wn]{min-width:0;width:100%}.filters[b-qi1d3oi5wn]{justify-content:flex-start}}
/* _content/E360_Client/Components/Pages/CO_COSTING/COSTING_WORKSPACE_PAGE.razor.rz.scp.css */
.cost-workspace[b-offv8k18df]{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:15px;background:#f4f6fa;color:#26364f;overflow:hidden;font-size:13px}.page-heading[b-offv8k18df]{display:flex;align-items:center;gap:12px;flex-shrink:0}.heading-icon[b-offv8k18df]{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#fff;font-size:22px;background:linear-gradient(135deg,#6557b5,#8677d5);box-shadow:0 5px 12px #6557b522}.page-heading h1[b-offv8k18df]{font-size:20px;font-weight:700;margin:0 0 4px}.page-heading p[b-offv8k18df]{font-size:12px;color:#78869b;margin:0}.company-scope[b-offv8k18df]{margin-left:auto;color:#7b89a0;font-size:12px;white-space:nowrap}.cost-workspace button[b-offv8k18df],.cost-workspace input[b-offv8k18df],.cost-workspace select[b-offv8k18df],.cost-workspace textarea[b-offv8k18df]{font:inherit;color:inherit;border:1px solid #d8e0ed;border-radius:7px;padding:7px 10px;background:#fff;min-width:0}.cost-workspace button[b-offv8k18df]{cursor:pointer;white-space:nowrap}.cost-workspace button:disabled[b-offv8k18df]{opacity:.5;cursor:default}.cost-workspace button.primary[b-offv8k18df]{background:#6254b4;border-color:#6254b4;color:#fff}.cost-workspace button.danger[b-offv8k18df]{color:#b34e4e}.cost-workspace input:read-only[b-offv8k18df]{background:#f4f7fb;color:#78879a}.toolbar[b-offv8k18df]{display:flex;align-items:center;gap:9px;flex-shrink:0}.search[b-offv8k18df]{display:flex;align-items:center;gap:8px;flex:1;min-width:160px;border:1px solid #d8e0ed;border-radius:7px;padding-left:11px;background:#fff;color:#7e8aa0}.search input[b-offv8k18df]{border:0;outline:0;width:100%}.toolbar-actions[b-offv8k18df],.actions[b-offv8k18df]{display:flex;align-items:center;gap:7px}.toolbar-actions[b-offv8k18df]{margin-left:auto}.inline-filter[b-offv8k18df]{display:flex;align-items:center;gap:6px;min-width:220px}.inline-filter[b-offv8k18df]  .costing-select{width:210px}.panel[b-offv8k18df]{border:1px solid #e0e6ef;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:#fff;box-shadow:0 2px 5px #26364f04}.list-detail[b-offv8k18df]{display:grid;grid-template-rows:minmax(160px,1fr) minmax(180px,1fr);gap:10px;flex:1;min-height:0}.table-scroll[b-offv8k18df]{overflow:auto;flex:1;min-height:0}table[b-offv8k18df]{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;white-space:nowrap}th[b-offv8k18df]{position:sticky;top:0;background:#eef1f8;color:#66748b;border-bottom:1px solid #dde4ee;text-align:left;font-weight:600;z-index:1}td[b-offv8k18df],th[b-offv8k18df]{padding:9px 12px}td[b-offv8k18df]{border-bottom:1px solid #edf1f6}td strong[b-offv8k18df]{font-weight:600}td small[b-offv8k18df]{display:block;color:#8491a4;font-size:11px;margin-top:3px}tbody tr[b-offv8k18df]{cursor:pointer}tbody tr:hover[b-offv8k18df]{background:#f8f9fd}tbody tr.selected[b-offv8k18df]{background:#f1effb;box-shadow:inset 3px 0 #7566c5}.number[b-offv8k18df]{text-align:right;font-variant-numeric:tabular-nums}.wrap[b-offv8k18df]{white-space:normal;min-width:190px;line-height:1.5}.badge[b-offv8k18df]{display:inline-flex;white-space:nowrap;font-size:11px;border-radius:14px;padding:4px 9px;color:#6b7d91;background:#eef2f6}.badge.active[b-offv8k18df],.badge.completed[b-offv8k18df],.badge.passed[b-offv8k18df]{color:#237b62;background:#e8f6ef}.badge.draft[b-offv8k18df]{color:#9d781f;background:#fff4d9}.badge.cancelled[b-offv8k18df],.badge.failed[b-offv8k18df]{color:#b14f49;background:#ffedeb}.section-bar[b-offv8k18df]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 13px;flex-shrink:0;border-bottom:1px solid #e7ecf3}.section-bar small[b-offv8k18df]{display:block;color:#8390a3;margin-top:3px;font-size:11px}.section-bar>span[b-offv8k18df]{font-size:12px;color:#7b88a0}.panel footer[b-offv8k18df]{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:12px;color:#7c889d;border-top:1px solid #e6ecf3;flex-shrink:0}.panel footer>div[b-offv8k18df]{display:flex;align-items:center;gap:12px}.panel footer button[b-offv8k18df]{padding:2px 10px}.notice[b-offv8k18df]{padding:8px 12px;border-radius:7px;font-size:12px;flex-shrink:0}.notice.error[b-offv8k18df]{color:#a64138;background:#ffefec;border:1px solid #eed1cc}.notice.success[b-offv8k18df]{color:#23765b;background:#edf7f2}.notice.info[b-offv8k18df]{color:#665799;background:#f0eef9}.empty[b-offv8k18df]{color:#8591a6;text-align:center;padding:23px;white-space:normal}.empty>i[b-offv8k18df]{font-size:24px}.empty p[b-offv8k18df]{margin:8px 0 0}.detail-tabs[b-offv8k18df]{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid #e7ecf3;flex-shrink:0}.detail-tabs button[b-offv8k18df]{padding:5px 11px;border:0;color:#8490a2;font-size:12px}.detail-tabs button.active[b-offv8k18df]{color:#6556b2;background:#efedf9;font-weight:600}.config-preview[b-offv8k18df]{padding:14px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.config-preview>div[b-offv8k18df]{display:flex;flex-direction:column;gap:6px}.config-preview span[b-offv8k18df]{color:#8491a4;font-size:12px}.config-preview strong[b-offv8k18df]{font-weight:500}.summary[b-offv8k18df]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 14px;font-size:12px;color:#7b88a0;border-bottom:1px solid #edf1f6;flex-shrink:0}.summary b[b-offv8k18df]{margin-left:6px;color:#4e456d}.editor-bar[b-offv8k18df]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.editor-bar>div:first-child[b-offv8k18df]{display:flex;align-items:center;gap:10px}.editor-bar small[b-offv8k18df]{color:#b18c34}.editor-panel[b-offv8k18df]{flex:1;min-height:0}.editor-panel fieldset[b-offv8k18df]{border:0;padding:10px 14px 12px;margin:0;flex-shrink:0;min-width:0}.editor-panel legend[b-offv8k18df]{float:none;width:auto;font-size:13px;font-weight:600;margin:0;padding:0 0 7px}.form-grid[b-offv8k18df]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 18px}.form-grid>label[b-offv8k18df]{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:7px;margin:0;min-width:0}.form-grid>label>span[b-offv8k18df]{font-size:12px;color:#7b899e}.form-grid input[b-offv8k18df],.form-grid select[b-offv8k18df]{width:100%;height:33px}.form-grid[b-offv8k18df]  .costing-select{width:100%;min-width:0;min-height:33px}.form-grid label.check[b-offv8k18df]{display:flex;align-items:center;font-size:12px;color:#75839a}.check input[b-offv8k18df]{height:auto;width:auto;margin-right:3px}.wide[b-offv8k18df]{grid-column:1/-1}.wide-name[b-offv8k18df]{grid-column:span 2}.source-search[b-offv8k18df]{display:flex;gap:8px}.source-search input[b-offv8k18df]{flex:1}.source-search button[b-offv8k18df]{flex-shrink:0}.editor-lines[b-offv8k18df]{min-height:120px}.editor-lines .object-cell[b-offv8k18df]{min-width:280px}.editor-lines input[b-offv8k18df]{width:130px;text-align:right}.editor-lines[b-offv8k18df]  .costing-select{min-width:270px}.totals[b-offv8k18df]{padding:8px 14px;text-align:right;color:#7b88a0;font-size:12px;border-top:1px solid #e6ecf3;flex-shrink:0}.totals strong[b-offv8k18df]{color:#4d456d;margin:0 5px}.document-footer[b-offv8k18df]{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:20px;align-items:center;padding:9px 14px;border-top:1px solid #e7ecf3;flex-shrink:0}.document-footer>label[b-offv8k18df]{display:flex;gap:9px;align-items:center;color:#7c899e;font-size:12px}.document-footer textarea[b-offv8k18df]{flex:1;min-height:40px;max-height:65px;resize:vertical}.footer-values[b-offv8k18df]{display:flex;justify-content:flex-end;gap:12px;align-items:flex-end;flex-wrap:wrap;color:#77849c;font-size:12px}.footer-values strong[b-offv8k18df]{font-size:15px;color:#6656b0}.inline-help[b-offv8k18df]{font-size:11px;color:#8591a5;background:#fafbfe;padding:8px 14px;line-height:1.5;flex-shrink:0}.calculated[b-offv8k18df]{color:#2f8669!important}.report-panel[b-offv8k18df]{flex:1}.report-panel .wrap[b-offv8k18df]{max-width:520px}@media(min-width:1700px){.form-grid[b-offv8k18df]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.form-grid[b-offv8k18df]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>label[b-offv8k18df]{grid-template-columns:105px minmax(0,1fr)}.toolbar[b-offv8k18df]{flex-wrap:wrap}.page-heading p[b-offv8k18df]{max-width:620px}.company-scope[b-offv8k18df]{display:none}}@media(max-width:750px){.cost-workspace[b-offv8k18df]{padding:9px;gap:7px}.page-heading h1[b-offv8k18df]{font-size:18px}.page-heading p[b-offv8k18df]{display:none}.form-grid[b-offv8k18df]{grid-template-columns:1fr}.wide-name[b-offv8k18df]{grid-column:auto}.config-preview[b-offv8k18df]{grid-template-columns:repeat(2,minmax(0,1fr))}.document-footer[b-offv8k18df]{grid-template-columns:1fr;gap:8px}.editor-bar[b-offv8k18df]{flex-wrap:wrap}.actions[b-offv8k18df]{flex-wrap:wrap}.editor-panel fieldset[b-offv8k18df]{max-height:40vh;overflow:auto}.search[b-offv8k18df]{min-width:220px}.toolbar-actions[b-offv8k18df]{margin-left:0}}
/* _content/E360_Client/Components/Pages/CRM_B2B/CRM_WORKSPACE_PAGE.razor.rz.scp.css */
.crm-page[b-9ktvq3tczi]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px;background:#f3f6fb;color:#24354b;overflow:hidden}header[b-9ktvq3tczi],.filters[b-9ktvq3tczi],.actions[b-9ktvq3tczi],.pager[b-9ktvq3tczi],footer[b-9ktvq3tczi]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header[b-9ktvq3tczi]{justify-content:space-between}h3[b-9ktvq3tczi]{font-size:20px;margin:0}small[b-9ktvq3tczi],.hint[b-9ktvq3tczi]{color:#697b91}.hint[b-9ktvq3tczi]{margin-left:auto;font-size:12px}button[b-9ktvq3tczi],input[b-9ktvq3tczi],select[b-9ktvq3tczi],textarea[b-9ktvq3tczi]{border:1px solid #d5deeb;border-radius:7px;padding:7px 10px;background:white;color:inherit}button:hover[b-9ktvq3tczi]{background:#e8f0fc}button:disabled[b-9ktvq3tczi]{opacity:.45;cursor:default}.primary[b-9ktvq3tczi]{background:#2467bb;color:white}label[b-9ktvq3tczi]{display:flex;align-items:center;gap:8px;font-size:13px}label input[b-9ktvq3tczi],label select[b-9ktvq3tczi],label textarea[b-9ktvq3tczi]{flex:1;min-width:0}.crm-list[b-9ktvq3tczi]{flex:1;min-height:100px;overflow:auto;background:white;border:1px solid #e0e6ef;border-radius:10px}table[b-9ktvq3tczi]{width:100%;border-collapse:collapse;font-size:13px}th[b-9ktvq3tczi]{position:sticky;top:0;background:#edf2f9;text-align:left}td[b-9ktvq3tczi],th[b-9ktvq3tczi]{padding:10px 12px;border-bottom:1px solid #edf1f6}tbody tr[b-9ktvq3tczi]{cursor:pointer}tr:hover[b-9ktvq3tczi],tr.selected[b-9ktvq3tczi]{background:#eaf3ff}.preview[b-9ktvq3tczi]{flex:0 1 220px;overflow:auto;background:white;border-radius:10px;padding:14px;border:1px solid #dce5f2}.history[b-9ktvq3tczi]{padding:5px;font-size:12px;border-bottom:1px solid #edf1f6}.pager[b-9ktvq3tczi]{justify-content:flex-end;font-size:12px}.empty[b-9ktvq3tczi]{padding:25px;text-align:center;color:#74849a}.error[b-9ktvq3tczi],.overdue[b-9ktvq3tczi]{color:#ab2f3d}.error[b-9ktvq3tczi]{padding:10px;background:#fff0f1;border-radius:6px}.modal-shade[b-9ktvq3tczi]{position:fixed;inset:0;background:#14243c66;z-index:1100;display:flex;justify-content:center;align-items:center;padding:24px}.editor[b-9ktvq3tczi]{background:white;width:min(100%,1050px);max-height:90vh;overflow:auto;border-radius:14px;padding:22px;box-shadow:0 20px 65px #10284040}.editor-fields[b-9ktvq3tczi]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.editor-fields label[b-9ktvq3tczi]{display:grid;grid-template-columns:140px minmax(0,1fr)}.wide[b-9ktvq3tczi]{grid-column:1/-1}textarea[b-9ktvq3tczi]{min-height:70px}footer[b-9ktvq3tczi]{justify-content:flex-end;border-top:1px solid #e2e8f0;padding-top:14px}.kanban[b-9ktvq3tczi]{display:flex;gap:12px;padding:14px;min-height:100%}.kanban section[b-9ktvq3tczi]{min-width:245px;flex:1;background:#eff3f9;padding:12px;border-radius:9px}.kanban h4[b-9ktvq3tczi]{font-size:14px}.opportunity[b-9ktvq3tczi]{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin:10px 0;box-shadow:0 3px 8px #233e6010}.summary[b-9ktvq3tczi]{display:flex;gap:12px;flex-wrap:wrap}.summary>div[b-9ktvq3tczi]{display:flex;gap:6px;flex-direction:column;border:1px solid #d4e4f7;background:#e8f2ff;padding:12px 20px;border-radius:9px}@media(max-width:800px){.editor-fields[b-9ktvq3tczi]{grid-template-columns:1fr}.hint[b-9ktvq3tczi]{display:none}.editor-fields label[b-9ktvq3tczi]{grid-template-columns:120px minmax(0,1fr)}}
/* _content/E360_Client/Components/Pages/CUS_CUSTOMER/CUSTOMER_WORKSPACE_PAGE.razor.rz.scp.css */
.customer-workspace[b-lo1jlkp2qy]{height:97%;min-height:0;padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:#f4f6fa;color:#2c415b;font:13px "Segoe UI",Arial,sans-serif;overflow:hidden;container:customers/inline-size}.workspace-heading[b-lo1jlkp2qy]{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0}.eyebrow[b-lo1jlkp2qy]{font-size:10px;letter-spacing:.11em;color:#93758f;font-weight:700}.workspace-heading h1[b-lo1jlkp2qy]{margin:5px 0;font-size:23px;font-weight:650;letter-spacing:-.02em}.workspace-heading p[b-lo1jlkp2qy]{color:#8694a6;font-size:12px;margin:0}.actions[b-lo1jlkp2qy]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}button[b-lo1jlkp2qy],input[b-lo1jlkp2qy],select[b-lo1jlkp2qy],textarea[b-lo1jlkp2qy]{font:inherit;box-sizing:border-box}button[b-lo1jlkp2qy]{border:1px solid #d7e1ec;padding:8px 12px;border-radius:7px;background:#fff;color:#506985;cursor:pointer;white-space:nowrap}button:hover:not(:disabled)[b-lo1jlkp2qy]{background:#f1f5fa;border-color:#b1c6dc}button:disabled[b-lo1jlkp2qy]{opacity:.5;cursor:default}.primary[b-lo1jlkp2qy]{background:#886085;border-color:#886085;color:white}.primary:hover:not(:disabled)[b-lo1jlkp2qy]{background:#73506f}.danger[b-lo1jlkp2qy]{color:#ba5b64}button:focus-visible[b-lo1jlkp2qy],input:focus-visible[b-lo1jlkp2qy],textarea:focus-visible[b-lo1jlkp2qy],select:focus-visible[b-lo1jlkp2qy]{outline:3px solid #97bfdd;outline-offset:2px}.notice[b-lo1jlkp2qy]{padding:10px 13px;border-radius:8px;border:1px solid;font-size:12px;line-height:1.7;flex-shrink:0}.notice.error[b-lo1jlkp2qy]{background:#fff0f2;color:#a34c58;border-color:#efcbd3}.notice.success[b-lo1jlkp2qy]{background:#eff9f4;color:#388467;border-color:#cce9dc}.notice.info[b-lo1jlkp2qy]{background:#f1f6fd;color:#6685a8;border-color:#d9e5f6}.filters[b-lo1jlkp2qy]{display:flex;gap:9px;align-items:center;flex-shrink:0}.search[b-lo1jlkp2qy]{display:flex;align-items:center;gap:9px;border:1px solid #d8e2ed;background:white;padding:0 12px;border-radius:8px;flex:1;min-width:180px;max-width:450px;color:#9bacc0}.search input[b-lo1jlkp2qy]{border:0;background:none;padding:10px 0;flex:1;width:0;outline:0}.filters[b-lo1jlkp2qy]  .customer-select{width:210px;min-width:0}.filters>span[b-lo1jlkp2qy]{margin-left:auto;color:#91a1b4;font-size:11px;white-space:nowrap}.workspace-list[b-lo1jlkp2qy],.workspace-detail[b-lo1jlkp2qy]{display:flex;flex-direction:column;min-height:0;border:1px solid #dde5ef;border-radius:11px;background:#fff;box-shadow:0 3px 10px #25436009;overflow:hidden}.workspace-list[b-lo1jlkp2qy]{flex:1 1 43%;min-height:150px}.workspace-detail[b-lo1jlkp2qy]{flex:1 1 49%;min-height:180px}.table-scroll[b-lo1jlkp2qy],.detail-body[b-lo1jlkp2qy]{overflow:auto;min-height:0;flex:1}table[b-lo1jlkp2qy]{width:100%;border-spacing:0;border-collapse:separate;font-size:12px}th[b-lo1jlkp2qy],td[b-lo1jlkp2qy]{padding:10px 12px;text-align:left;border-bottom:1px solid #eaf0f6;vertical-align:middle}th[b-lo1jlkp2qy]{position:sticky;top:0;background:#f3f6fa;color:#7990a9;font-weight:600;font-size:11px;white-space:nowrap;z-index:1}td[b-lo1jlkp2qy]{max-width:360px;overflow-wrap:anywhere}td strong[b-lo1jlkp2qy]{font-weight:600}.workspace-list tbody tr[b-lo1jlkp2qy]{cursor:pointer}tbody tr:hover[b-lo1jlkp2qy]{background:#f8fafd}tbody tr.selected[b-lo1jlkp2qy]{background:#f3edf5}td.num[b-lo1jlkp2qy],th.num[b-lo1jlkp2qy]{text-align:right;font-variant-numeric:tabular-nums}.badge[b-lo1jlkp2qy]{display:inline-block;font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;background:#eef2f7;color:#8798ad;white-space:nowrap}.badge.active[b-lo1jlkp2qy],.badge.posted[b-lo1jlkp2qy],.badge.completed[b-lo1jlkp2qy],.badge.granted[b-lo1jlkp2qy],.badge.issued[b-lo1jlkp2qy]{background:#e7f5ed;color:#508469}.badge.pending[b-lo1jlkp2qy]{background:#fff3de;color:#ad8a43}.badge.blocked[b-lo1jlkp2qy],.badge.cancelled[b-lo1jlkp2qy],.badge.rejected[b-lo1jlkp2qy]{background:#fbecef;color:#b56977}.pagination[b-lo1jlkp2qy]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;background:#fbfcfe;border-top:1px solid #e1e8f1;color:#8c9eb3;font-size:11px;flex-shrink:0}.pagination>div[b-lo1jlkp2qy]{display:flex;gap:11px;align-items:center}.pagination button[b-lo1jlkp2qy]{padding:3px 10px}.detail-heading[b-lo1jlkp2qy]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #e4ebf3;flex-shrink:0}.detail-heading>div:first-child[b-lo1jlkp2qy]{display:grid;gap:4px;min-width:0}.detail-heading strong[b-lo1jlkp2qy]{font-size:13px;font-weight:600;overflow-wrap:anywhere}.detail-heading span[b-lo1jlkp2qy]{font-size:10px;color:#9c8ca5}.record-fields[b-lo1jlkp2qy]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 22px;padding:18px}.record-fields>div[b-lo1jlkp2qy]{display:grid;gap:6px;min-width:0}.record-fields span[b-lo1jlkp2qy]{font-size:11px;color:#8d9fb4}.record-fields strong[b-lo1jlkp2qy]{font-size:12px;font-weight:500;overflow-wrap:anywhere}.section-title[b-lo1jlkp2qy]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f7f9fc;border-block:1px solid #e8edf4;font-size:12px;font-weight:600;color:#6f859f}.section-title span[b-lo1jlkp2qy]{font-size:10px;color:#9c8eaa;background:#eee8f2;border-radius:15px;padding:2px 7px}.section-scroll[b-lo1jlkp2qy]{overflow:auto;max-height:240px;min-height:50px}.section-scroll th[b-lo1jlkp2qy]{top:0}.section-scroll td[b-lo1jlkp2qy]{font-size:11px;max-width:340px}.empty[b-lo1jlkp2qy]{padding:36px 20px;text-align:center;color:#9caabd}.empty i[b-lo1jlkp2qy]{font-size:30px;color:#b1a2bc}.detail-note[b-lo1jlkp2qy]{font-size:11px;line-height:1.7;color:#96a4b6;padding:12px 18px;margin:0}.related-actions[b-lo1jlkp2qy]{display:flex;gap:6px;flex-wrap:wrap;padding:0 18px 15px}.related-actions button[b-lo1jlkp2qy]{font-size:11px;background:#f8f7fb;color:#8d7399;border-color:#e3dbea}
.editor-overlay[b-lo1jlkp2qy]{position:fixed;inset:0;z-index:2450;background:#18355260;backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px}.editor-dialog[b-lo1jlkp2qy]{width:min(820px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border:1px solid #ffffffaa;border-radius:15px;overflow:hidden;box-shadow:0 22px 80px #19324940;background:#fff;color:#364e68;font:13px "Segoe UI",Arial,sans-serif}.editor-dialog header[b-lo1jlkp2qy]{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#faf3f9,#f1f6fb);border-bottom:1px solid #e8e4ee;flex-shrink:0}.editor-dialog h2[b-lo1jlkp2qy]{font-size:19px;font-weight:650;margin:6px 0 0}.editor-dialog header button[b-lo1jlkp2qy]{border:0;background:transparent;padding:2px 8px;font-size:22px;color:#9b8da9}.editor-dialog>.notice[b-lo1jlkp2qy]{margin:14px 24px 0}.editor-dialog form[b-lo1jlkp2qy]{display:flex;flex-direction:column;min-height:0;overflow:auto}.editor-dialog fieldset[b-lo1jlkp2qy]{padding:0;border:0;margin:0;min-width:0}.editor-fields[b-lo1jlkp2qy]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:22px 24px}.editor-fields label[b-lo1jlkp2qy]{display:grid;gap:7px;min-width:0}.editor-fields label>span[b-lo1jlkp2qy]{font-size:12px;font-weight:600;color:#7b8da5}.editor-fields b[b-lo1jlkp2qy]{color:#b76b78;font-size:10px}.editor-fields .wide[b-lo1jlkp2qy]{grid-column:1/-1}.editor-fields input[b-lo1jlkp2qy],.editor-fields select[b-lo1jlkp2qy],.editor-fields textarea[b-lo1jlkp2qy]{width:100%;min-width:0;border:1px solid #d4e0ec;border-radius:7px;padding:10px;color:#3d5975;background:#fff}.editor-fields input[type=number][b-lo1jlkp2qy]{font-variant-numeric:tabular-nums}.editor-fields textarea[b-lo1jlkp2qy]{resize:vertical;min-height:70px;max-height:180px}.editor-fields[b-lo1jlkp2qy]  .customer-select{width:100%;min-height:37px}.check-value[b-lo1jlkp2qy]{display:flex;align-items:center;gap:10px;min-height:37px;color:#8d9db1;font-size:12px}.check-value input[b-lo1jlkp2qy]{width:17px;height:17px;accent-color:#886085}.editor-dialog footer[b-lo1jlkp2qy]{display:flex;justify-content:flex-end;gap:8px;padding:15px 24px;border-top:1px solid #e5eaf2;background:#fafcfe;flex-shrink:0}.action-summary[b-lo1jlkp2qy]{display:grid;gap:9px;padding:22px 24px 0}.action-summary strong[b-lo1jlkp2qy]{font-size:14px}.action-summary span[b-lo1jlkp2qy]{font-size:12px;color:#93a1b4;line-height:1.7}.action-summary b[b-lo1jlkp2qy]{font-size:13px;font-weight:600;color:#96749b}.editor-note[b-lo1jlkp2qy]{padding:0 24px 18px;color:#9b8da5;font-size:11px;line-height:1.7;margin:0}.editor-dialog fieldset>.notice[b-lo1jlkp2qy]{margin:16px 24px 0}
@container customers (max-width:1000px){.filters[b-lo1jlkp2qy]{flex-wrap:wrap}.filters[b-lo1jlkp2qy]  .customer-select{width:170px}.record-fields[b-lo1jlkp2qy]{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-heading p[b-lo1jlkp2qy]{display:none}.detail-heading[b-lo1jlkp2qy]{align-items:flex-start}}@container customers (max-width:650px){.record-fields[b-lo1jlkp2qy]{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-heading h1[b-lo1jlkp2qy]{font-size:20px}.workspace-heading[b-lo1jlkp2qy]{align-items:flex-start}.filters>span[b-lo1jlkp2qy]{display:none}.filters[b-lo1jlkp2qy]  .customer-select{width:140px}.detail-heading[b-lo1jlkp2qy]{flex-direction:column}.pagination>span[b-lo1jlkp2qy]{max-width:50%}.workspace-list[b-lo1jlkp2qy]{flex-basis:40%}}@media(max-width:600px){.editor-overlay[b-lo1jlkp2qy]{padding:12px}.editor-dialog[b-lo1jlkp2qy]{max-height:calc(100dvh - 24px)}.editor-fields[b-lo1jlkp2qy]{grid-template-columns:1fr;padding:18px 16px}.editor-dialog header[b-lo1jlkp2qy],.editor-dialog footer[b-lo1jlkp2qy]{padding:15px 16px}.editor-fields input[b-lo1jlkp2qy],.editor-fields textarea[b-lo1jlkp2qy]{font-size:16px}}
/* _content/E360_Client/Components/Pages/EI_EINVOICE/EINVOICE_CONNECTION_PAGE.razor.rz.scp.css */
.ei-workspace[b-dkyl7or0s7]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 20px;overflow:hidden;background:#f3f6fb;color:#304761;font:13px "Segoe UI",Arial,sans-serif;container:einvoice/inline-size}
.ei-workspace *[b-dkyl7or0s7]{box-sizing:border-box}.workspace-header[b-dkyl7or0s7],.toolbar[b-dkyl7or0s7],.actions[b-dkyl7or0s7],.pager[b-dkyl7or0s7],.detail-header[b-dkyl7or0s7],.template-header[b-dkyl7or0s7],.connection-readiness[b-dkyl7or0s7]{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-header[b-dkyl7or0s7],.toolbar[b-dkyl7or0s7],.pager[b-dkyl7or0s7],.detail-header[b-dkyl7or0s7],.tabs[b-dkyl7or0s7]{flex:none}.workspace-header h1[b-dkyl7or0s7]{font-size:22px;font-weight:650;margin:5px 0}.workspace-header h1 i[b-dkyl7or0s7]{color:#406cb1}.workspace-header p[b-dkyl7or0s7]{margin:0;color:#72859b;font-size:12px}.eyebrow[b-dkyl7or0s7]{font-size:9px;font-weight:700;letter-spacing:.12em;color:#7895b7}.company[b-dkyl7or0s7]{display:flex;align-items:center;gap:7px;border:1px solid #dbe5f3;border-radius:8px;background:#fff;padding:9px 12px;max-width:300px;overflow-wrap:anywhere;color:#587597;font-size:12px}
button[b-dkyl7or0s7],input[b-dkyl7or0s7],select[b-dkyl7or0s7],textarea[b-dkyl7or0s7]{font:inherit}button[b-dkyl7or0s7]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid #d4deea;border-radius:7px;background:#fff;color:#436384;cursor:pointer;white-space:nowrap}button:hover:not(:disabled)[b-dkyl7or0s7]{border-color:#88a7cd;background:#f2f7fe}button.primary[b-dkyl7or0s7]{background:#3769ac;color:#fff;border-color:#3769ac;box-shadow:0 3px 7px #3868a529}button.primary:hover:not(:disabled)[b-dkyl7or0s7]{background:#2d5b99}button.danger[b-dkyl7or0s7]{color:#b05363}button:disabled[b-dkyl7or0s7]{opacity:.5;cursor:default}button:focus-visible[b-dkyl7or0s7],input:focus-visible[b-dkyl7or0s7],select:focus-visible[b-dkyl7or0s7],textarea:focus-visible[b-dkyl7or0s7]{outline:2px solid #88aedf;outline-offset:2px}.actions[b-dkyl7or0s7]{justify-content:flex-end;flex-wrap:wrap}.toolbar[b-dkyl7or0s7]{flex-wrap:wrap}.search[b-dkyl7or0s7]{display:flex;align-items:center;gap:8px;flex:1;max-width:570px;min-width:280px}.search>i[b-dkyl7or0s7]{color:#809cbb}.search input[b-dkyl7or0s7]{flex:1;width:140px}input[b-dkyl7or0s7],select[b-dkyl7or0s7],textarea[b-dkyl7or0s7]{min-width:0;width:100%;padding:8px 10px;border:1px solid #d4dfed;border-radius:6px;background:#fff;color:#304761}textarea[b-dkyl7or0s7]{resize:vertical;min-height:55px;max-height:110px}input:disabled[b-dkyl7or0s7],select:disabled[b-dkyl7or0s7],textarea:disabled[b-dkyl7or0s7]{background:#f5f7fb;color:#73859b}input[type=checkbox][b-dkyl7or0s7]{width:16px;height:16px;accent-color:#3769ac;padding:0}.panel[b-dkyl7or0s7]{display:flex;flex-direction:column;min-height:0;border:1px solid #dbe5f1;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 2px 6px #33537704}.list-panel[b-dkyl7or0s7]{flex:0 1 28%;min-height:115px}.detail-panel[b-dkyl7or0s7]{flex:1 1 65%;min-height:150px}.scroll[b-dkyl7or0s7],.detail-body[b-dkyl7or0s7]{overflow:auto;min-height:0;flex:1}.detail-body[b-dkyl7or0s7]{padding:14px 16px}.scroll table[b-dkyl7or0s7],table[b-dkyl7or0s7]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}table.connections[b-dkyl7or0s7]{min-width:850px}th[b-dkyl7or0s7]{position:sticky;top:0;text-align:left;z-index:1;background:#eef3fa;color:#657e9d;font-size:10px;font-weight:650;white-space:nowrap;padding:10px 12px;border-bottom:1px solid #dce5f0}td[b-dkyl7or0s7]{padding:9px 12px;border-bottom:1px solid #edf1f6}td small[b-dkyl7or0s7]{display:block;font-size:10px;margin-top:3px;color:#8396ad}tbody tr.selected[b-dkyl7or0s7]{background:#edf4ff;box-shadow:inset 3px 0 #4774b4}.row-link[b-dkyl7or0s7]{border:0;background:transparent;padding:0;color:#3264a3;font-weight:650}.pager[b-dkyl7or0s7]{padding:6px 12px;color:#8395ac;font-size:11px;background:#f8fafd;border-top:1px solid #e1e9f2}.pager button[b-dkyl7or0s7]{padding:4px 7px}.badge[b-dkyl7or0s7]{display:inline-flex;font-size:10px;white-space:nowrap;color:#71849d;background:#edf1f6;border-radius:20px;padding:4px 8px}.badge.configured[b-dkyl7or0s7]{background:#eaf2ff;color:#3866a4}.badge.test[b-dkyl7or0s7]{background:#fff5dd;color:#9b7b32}.badge.production[b-dkyl7or0s7]{background:#eef0fc;color:#7768a6}.badge.inactive[b-dkyl7or0s7]{background:#f9edf0;color:#ac5e70}.detail-header[b-dkyl7or0s7]{padding:11px 14px;border-bottom:1px solid #e2e9f3;flex-wrap:wrap}.detail-header>div:first-child[b-dkyl7or0s7]{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.unsaved[b-dkyl7or0s7]{color:#ac813c;font-size:10px}.tabs[b-dkyl7or0s7]{display:flex;gap:5px;padding:6px 10px;border-bottom:1px solid #e0e8f2;overflow:auto}.tabs button[b-dkyl7or0s7]{border:0;font-size:12px;background:transparent;color:#7b90aa;padding:7px 12px}.tabs button.active[b-dkyl7or0s7]{background:#ecf3fd;color:#3769ac;font-weight:650}.steps[b-dkyl7or0s7]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#91a1b5}.steps .current[b-dkyl7or0s7]{color:#3769ac;font-weight:650}.steps i[b-dkyl7or0s7]{font-size:10px}.steps.compact[b-dkyl7or0s7]{justify-content:flex-start;margin-bottom:16px;border-bottom:1px dashed #dee7f3;padding-bottom:12px}.form-grid[b-dkyl7or0s7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 17px;border:0;margin:0;padding:0;min-width:0}.form-grid label[b-dkyl7or0s7]{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:#667e9a}.form-grid label>span[b-dkyl7or0s7]{font-weight:550}.span-2[b-dkyl7or0s7]{grid-column:span 2}.span-3[b-dkyl7or0s7]{grid-column:span 3}.form-grid label.check[b-dkyl7or0s7]{flex-direction:row;align-items:center}.form-grid[b-dkyl7or0s7]  .dxbl-combobox{width:100%;min-width:0}.helper[b-dkyl7or0s7]{display:flex;align-items:flex-start;gap:10px;border-radius:8px;background:#f4f8fd;border:1px solid #e3ebf7;padding:11px 13px;margin-top:14px;color:#69819d;font-size:11px}.helper>i[b-dkyl7or0s7]{font-size:18px;color:#557aa9}.helper p[b-dkyl7or0s7]{margin:4px 0 0;line-height:1.7}.helper strong[b-dkyl7or0s7]{font-size:11px;color:#55728f}.connection-readiness[b-dkyl7or0s7]{border:1px solid #e8dfc4;background:#fffcf4;border-radius:8px;padding:12px 13px;margin-top:12px;align-items:flex-start;flex-wrap:wrap}.connection-readiness strong[b-dkyl7or0s7]{color:#947742;font-size:12px}.connection-readiness p[b-dkyl7or0s7]{margin:5px 0 0;color:#97866b;font-size:11px;line-height:1.65}.connection-readiness .actions[b-dkyl7or0s7]{justify-content:flex-start}.connection-readiness button[b-dkyl7or0s7]{font-size:11px;padding:6px 9px}.check-results[b-dkyl7or0s7]{margin-top:12px;border:1px solid #dce6f2;border-radius:8px;padding:12px;font-size:12px}.check-results>div[b-dkyl7or0s7]{display:flex;gap:8px;margin-top:9px;line-height:1.7}.check-results strong[b-dkyl7or0s7]{font-size:12px}.good[b-dkyl7or0s7]{color:#398668}.warn[b-dkyl7or0s7]{color:#b08a3c}.notice[b-dkyl7or0s7]{border:1px solid;border-radius:7px;padding:9px 13px;font-size:12px;flex:none}.notice.error[b-dkyl7or0s7]{background:#fff2f3;border-color:#efc8cd;color:#ad5263}.notice.success[b-dkyl7or0s7]{background:#edf8f2;border-color:#cce8d8;color:#3d8064}.intro[b-dkyl7or0s7]{overflow:auto;padding:25px;max-width:800px;margin:auto;text-align:center}.intro-icon[b-dkyl7or0s7]{width:53px;height:53px;display:grid;place-items:center;margin:auto;border-radius:14px;color:#4d75ae;background:#eaf2fd;font-size:26px;box-shadow:0 6px 18px #537ab818}.intro h2[b-dkyl7or0s7]{font-size:18px;color:#4b6687;margin:14px 0 10px}.intro p[b-dkyl7or0s7]{font-size:12px;color:#8395ad;line-height:1.9}.intro .steps[b-dkyl7or0s7]{margin:17px 0}.empty[b-dkyl7or0s7]{text-align:center;padding:26px 16px;color:#8b9eb3;line-height:1.8}.empty i[b-dkyl7or0s7]{margin-right:8px}.muted[b-dkyl7or0s7]{font-size:11px;color:#8196af;line-height:1.8}.template-header[b-dkyl7or0s7]{align-items:flex-start;margin-bottom:15px}.template-header p[b-dkyl7or0s7]{margin:5px 0;color:#8194ad;font-size:11px;line-height:1.8}.template-scroll[b-dkyl7or0s7]{overflow:auto;border:1px solid #e1e8f2;border-radius:7px}.template-table[b-dkyl7or0s7]{min-width:920px}.template-table td[b-dkyl7or0s7]{padding:8px}.template-table td:first-child[b-dkyl7or0s7]{min-width:200px}.template-table td:nth-child(2)[b-dkyl7or0s7],.template-table td:nth-child(3)[b-dkyl7or0s7]{min-width:110px}.template-table input[b-dkyl7or0s7],.template-table select[b-dkyl7or0s7]{padding:7px 8px;font-size:12px}.template-table td.center[b-dkyl7or0s7]{text-align:center}.icon-button[b-dkyl7or0s7]{padding:5px 7px;border:0;background:transparent}
@container einvoice (max-width: 900px){.form-grid[b-dkyl7or0s7]{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3[b-dkyl7or0s7]{grid-column:span 2}.workspace-header h1[b-dkyl7or0s7]{font-size:19px}.company[b-dkyl7or0s7]{max-width:220px;font-size:10px}.ei-workspace[b-dkyl7or0s7]{padding:12px}.steps.compact[b-dkyl7or0s7]{font-size:10px}.detail-header .actions button[b-dkyl7or0s7]{font-size:11px}}
@container einvoice (max-width: 580px){.form-grid[b-dkyl7or0s7]{grid-template-columns:minmax(0,1fr)}.span-2[b-dkyl7or0s7],.span-3[b-dkyl7or0s7]{grid-column:auto}.company[b-dkyl7or0s7]{display:none}.workspace-header p[b-dkyl7or0s7]{font-size:10px}.toolbar>.actions[b-dkyl7or0s7]{width:100%}.steps.compact[b-dkyl7or0s7]{gap:6px;flex-wrap:wrap}.search[b-dkyl7or0s7]{min-width:0;max-width:none;width:100%}.list-panel[b-dkyl7or0s7]{flex-basis:25%;min-height:110px}.detail-body[b-dkyl7or0s7]{padding:12px}.workspace-header h1[b-dkyl7or0s7]{font-size:17px}}
/* _content/E360_Client/Components/Pages/FA_ASSETS/ASSET_WORKSPACE_PAGE.razor.rz.scp.css */
.asset-workspace[b-4ymur2zqir]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 20px;overflow:hidden;background:#f3f6fa;color:#334a63;font:13px "Segoe UI",Arial,sans-serif;container:assets/inline-size}.asset-workspace *[b-4ymur2zqir]{box-sizing:border-box}.workspace-header[b-4ymur2zqir],.actions[b-4ymur2zqir],.list-toolbar[b-4ymur2zqir],.filters[b-4ymur2zqir],.section-bar[b-4ymur2zqir],.document-bar[b-4ymur2zqir],.pagination[b-4ymur2zqir]{display:flex;align-items:center;gap:9px}.workspace-header[b-4ymur2zqir],.list-toolbar[b-4ymur2zqir],.section-bar[b-4ymur2zqir],.document-bar[b-4ymur2zqir],.pagination[b-4ymur2zqir]{justify-content:space-between;flex:none}.workspace-header h1[b-4ymur2zqir]{font-size:22px;font-weight:650;margin:5px 0}.workspace-header h1 i[b-4ymur2zqir]{color:#5374ad;margin-right:7px}.workspace-header p[b-4ymur2zqir]{font-size:11px;color:#8193a8;margin:0}.eyebrow[b-4ymur2zqir]{font-size:9px;letter-spacing:.1em;font-weight:700;color:#7493b7}.actions[b-4ymur2zqir]{flex-wrap:wrap;justify-content:flex-end}button[b-4ymur2zqir],input[b-4ymur2zqir],select[b-4ymur2zqir],textarea[b-4ymur2zqir]{font:inherit}button[b-4ymur2zqir]{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#436384;border:1px solid #d4deea;border-radius:7px;padding:8px 11px;cursor:pointer;white-space:nowrap}button.primary[b-4ymur2zqir]{background:#3f66a1;border-color:#3f66a1;color:#fff;box-shadow:0 3px 8px #3f66a11c}button.success[b-4ymur2zqir]{background:#2e7c68;border-color:#2e7c68;color:#fff}button.danger[b-4ymur2zqir]{color:#ad5064}button.quiet[b-4ymur2zqir]{border:0;background:transparent;padding:5px 7px}button:disabled[b-4ymur2zqir]{opacity:.48;cursor:default}button:hover:not(:disabled)[b-4ymur2zqir]{filter:brightness(.97);border-color:#8ba6c8}input[b-4ymur2zqir],select[b-4ymur2zqir],textarea[b-4ymur2zqir]{min-width:0;border:1px solid #d4deea;border-radius:6px;padding:7px 9px;background:#fff;color:#344e6a}input:disabled[b-4ymur2zqir],textarea:disabled[b-4ymur2zqir],select:disabled[b-4ymur2zqir]{background:#f5f7fa;color:#728599}input:focus-visible[b-4ymur2zqir],textarea:focus-visible[b-4ymur2zqir],select:focus-visible[b-4ymur2zqir],button:focus-visible[b-4ymur2zqir]{outline:2px solid #7ca9d5;outline-offset:2px}input[type=number][b-4ymur2zqir]{text-align:right;font-variant-numeric:tabular-nums}input[type=checkbox][b-4ymur2zqir]{width:16px;height:16px;accent-color:#406fa4}input[type=date][b-4ymur2zqir]{min-width:125px}.list-toolbar[b-4ymur2zqir]{flex-wrap:wrap}.search-group[b-4ymur2zqir]{display:flex;gap:7px;align-items:center;min-width:280px;flex:1;max-width:530px}.search-group>i[b-4ymur2zqir]{color:#839db9}.search-group input[b-4ymur2zqir]{flex:1;width:150px}.filters[b-4ymur2zqir]{flex-wrap:wrap;justify-content:flex-end}.filters[b-4ymur2zqir] (.asset-select){width:190px}.filters select[b-4ymur2zqir]{max-width:190px}.panel[b-4ymur2zqir]{border:1px solid #dce5ef;background:#fff;border-radius:10px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.list-panel[b-4ymur2zqir]{flex:1 1 49%;min-height:130px}.list-panel.full-list[b-4ymur2zqir]{flex:1}.detail-panel[b-4ymur2zqir]{flex:1 1 45%;min-height:120px}.table-scroll[b-4ymur2zqir],.detail-body[b-4ymur2zqir]{min-height:0;overflow:auto;flex:1}.table-scroll table[b-4ymur2zqir],.detail-body table[b-4ymur2zqir]{width:100%;border-collapse:separate;border-spacing:0;min-width:850px;font-size:12px}th[b-4ymur2zqir]{text-align:left;position:sticky;top:0;background:#eef3f9;border-bottom:1px solid #dce5ef;color:#64809e;font-size:10px;font-weight:650;padding:10px 12px;white-space:nowrap;z-index:1}td[b-4ymur2zqir]{padding:9px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}tbody tr:hover[b-4ymur2zqir]{background:#f7faff}tbody tr.selected[b-4ymur2zqir]{background:#edf4ff;box-shadow:inset 3px 0 #4e78b2}td strong[b-4ymur2zqir]{font-weight:650}td small[b-4ymur2zqir]{display:block;color:#8a9db1;font-size:10px;margin-top:4px}.num[b-4ymur2zqir]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.row-action[b-4ymur2zqir]{width:45px}.pagination[b-4ymur2zqir]{padding:7px 12px;background:#f8fafc;border-top:1px solid #e2e9f2;font-size:11px;color:#8298ae}.pagination>div[b-4ymur2zqir]{display:flex;gap:5px}.pagination button[b-4ymur2zqir]{padding:5px 8px}.section-bar[b-4ymur2zqir]{padding:10px 13px;border-bottom:1px solid #e2e9f2;font-size:12px}.section-bar small[b-4ymur2zqir]{display:block;color:#8a9db1;font-size:10px;margin-top:4px}.section-bar>span[b-4ymur2zqir]{font-size:10px;color:#8a9db1}.detail-tabs[b-4ymur2zqir]{display:flex;gap:5px;border-bottom:1px solid #e0e8f1;padding:5px 10px;flex:none;overflow:auto}.detail-tabs button[b-4ymur2zqir]{border:0;border-radius:5px;background:transparent;font-size:11px;padding:7px 10px;color:#7c93ad}.detail-tabs button.active[b-4ymur2zqir]{background:#edf3fc;color:#3768a4;font-weight:650}.badge[b-4ymur2zqir]{display:inline-flex;padding:4px 8px;border-radius:20px;background:#edf1f6;color:#7a8ca3;font-size:10px;white-space:nowrap}.badge.active[b-4ymur2zqir],.badge.posted[b-4ymur2zqir]{color:#307d62;background:#e9f6ef}.badge.approved[b-4ymur2zqir],.badge.calculated[b-4ymur2zqir]{color:#426da2;background:#eaf1fb}.badge.pending[b-4ymur2zqir]{color:#9d7d37;background:#fff6df}.badge.cancelled[b-4ymur2zqir],.badge.disposed[b-4ymur2zqir],.badge.retired[b-4ymur2zqir]{color:#a45669;background:#faecf0}.summary-grid[b-4ymur2zqir]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px}.summary-grid>div[b-4ymur2zqir]{border:1px solid #dbe6f2;background:linear-gradient(135deg,#f6f9fe,#eef4fc);border-radius:8px;padding:11px 13px}.summary-grid>div:last-child[b-4ymur2zqir]{border-color:#cde6df;background:linear-gradient(135deg,#f2faf6,#e8f5ef)}.summary-grid span[b-4ymur2zqir]{display:block;font-size:10px;color:#8095ac;margin-bottom:6px}.summary-grid strong[b-4ymur2zqir]{font-size:18px;font-weight:650;color:#466d9b}.summary-grid>div:last-child strong[b-4ymur2zqir]{color:#387e68}.facts[b-4ymur2zqir]{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px 12px;padding:0 14px;font-size:11px;line-height:1.5}.facts dt[b-4ymur2zqir]{color:#8a9db1}.facts dd[b-4ymur2zqir]{margin:0;overflow-wrap:anywhere}.empty[b-4ymur2zqir]{text-align:center;padding:28px;color:#90a3b7;font-size:12px}.empty>i[b-4ymur2zqir]{font-size:25px;display:block;margin-bottom:8px}.empty>span[b-4ymur2zqir]{display:block}.notice[b-4ymur2zqir]{flex:none;padding:9px 13px;background:#edf5fd;border:1px solid #cbdff0;border-radius:8px;font-size:12px;line-height:1.5}.notice.error[b-4ymur2zqir]{background:#fff1f3;border-color:#edc9d1;color:#a34a60}.notice.success[b-4ymur2zqir]{background:#eff8f2;border-color:#c9e6d4;color:#3f7b5e}.document-bar[b-4ymur2zqir]{background:#fff;border:1px solid #dbe5f0;border-radius:9px;padding:10px 13px;flex-wrap:wrap}.document-bar>div:first-child[b-4ymur2zqir]{display:flex;align-items:center;gap:10px}.unsaved[b-4ymur2zqir]{font-size:10px;color:#b48b44}.form-panel[b-4ymur2zqir]{flex:none;max-height:53%;overflow:auto}.form-panel:only-child[b-4ymur2zqir]{max-height:none}.section-title[b-4ymur2zqir]{font-size:11px;font-weight:650;color:#6887a7;padding:10px 13px;border-bottom:1px solid #e5ebf3;background:#fafcfe}.section-title i[b-4ymur2zqir]{margin-right:5px}.form-grid[b-4ymur2zqir]{padding:12px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 18px}.form-grid>label[b-4ymur2zqir]{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;margin:0}.form-grid>label>span[b-4ymur2zqir]{font-size:11px;color:#7790aa;line-height:1.4}.form-grid>label>input[b-4ymur2zqir],.form-grid>label>select[b-4ymur2zqir]{width:100%;height:33px}.form-grid>label>input[type=checkbox][b-4ymur2zqir]{width:16px;height:16px}.span-2[b-4ymur2zqir]{grid-column:span 2}.form-grid[b-4ymur2zqir] (.asset-select){width:100%;min-width:0}.editor-lines[b-4ymur2zqir]{flex:1;min-height:110px}.editor-lines td input[b-4ymur2zqir]{width:110px;padding:5px 7px}.help[b-4ymur2zqir]{flex:none;font-size:10px;color:#7e95ad;line-height:1.6;padding:0 3px}.document-footer[b-4ymur2zqir]{display:flex;align-items:center;gap:18px;flex:none;padding:9px 13px;border:1px solid #dce5ef;border-radius:9px;background:#fff}.document-footer>label[b-4ymur2zqir]{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.document-footer label>span[b-4ymur2zqir]{font-size:11px;color:#7b94ae;flex:none}.document-footer textarea[b-4ymur2zqir]{height:46px;max-height:75px;min-height:36px;resize:vertical;flex:1}.footer-value[b-4ymur2zqir]{min-width:170px;text-align:right}.footer-value>span[b-4ymur2zqir]{display:block;font-size:10px;color:#8399af}.footer-value>strong[b-4ymur2zqir]{display:block;font-size:20px;color:#3d719a;font-weight:650;margin-top:4px}@container assets (max-width:1150px){.form-grid[b-4ymur2zqir]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px}.workspace-header[b-4ymur2zqir]{align-items:flex-start}.workspace-header h1[b-4ymur2zqir]{font-size:20px}.actions[b-4ymur2zqir]{gap:5px}.actions button[b-4ymur2zqir]{font-size:11px}.form-panel[b-4ymur2zqir]{max-height:55%}}@container assets (max-width:760px){.workspace-header[b-4ymur2zqir]{flex-direction:column;gap:10px}.workspace-header p[b-4ymur2zqir]{display:none}.form-grid[b-4ymur2zqir]{grid-template-columns:minmax(0,1fr)}.span-2[b-4ymur2zqir]{grid-column:auto}.form-panel[b-4ymur2zqir]{max-height:48%}.list-toolbar[b-4ymur2zqir]{gap:8px}.search-group[b-4ymur2zqir]{max-width:none}.filters[b-4ymur2zqir]{width:100%;justify-content:flex-start}.summary-grid[b-4ymur2zqir]{gap:6px;padding:9px}.summary-grid strong[b-4ymur2zqir]{font-size:14px}.document-bar[b-4ymur2zqir]{align-items:flex-start}.document-footer[b-4ymur2zqir]{gap:8px}.footer-value[b-4ymur2zqir]{min-width:110px}.footer-value>strong[b-4ymur2zqir]{font-size:16px}.section-bar>.actions[b-4ymur2zqir]{max-width:65%}.detail-tabs button[b-4ymur2zqir]{font-size:10px}.form-grid>label[b-4ymur2zqir]{grid-template-columns:105px minmax(0,1fr)}}
/* _content/E360_Client/Components/Pages/FN_FINANCE/FINANCE_WORKSPACE_PAGE.razor.rz.scp.css */
.finance-workspace[b-spou9gosvw]{height:97%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#f3f6fa;color:#2d425a;overflow:hidden;font:13px "Segoe UI",Arial,sans-serif;container:finance/inline-size}.finance-workspace *[b-spou9gosvw]{box-sizing:border-box}.finance-header[b-spou9gosvw],.heading[b-spou9gosvw],.actions[b-spou9gosvw],.section-bar[b-spou9gosvw],.panel-footer[b-spou9gosvw],.filters[b-spou9gosvw]{display:flex;align-items:center;gap:10px}.finance-header[b-spou9gosvw]{justify-content:space-between;flex:none}.heading[b-spou9gosvw]{min-width:0}.heading-icon[b-spou9gosvw]{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #c6e3db;border-radius:12px;background:#e5f3ec;color:#287e6b;font-size:22px}.eyebrow[b-spou9gosvw]{font-size:9px;color:#789294;font-weight:700;letter-spacing:.08em}h1[b-spou9gosvw]{font-size:21px;font-weight:650;margin:3px 0 5px}.heading p[b-spou9gosvw]{font-size:11px;color:#7a8b9d;margin:0;line-height:1.6}.actions[b-spou9gosvw]{flex-wrap:wrap;justify-content:flex-end}button[b-spou9gosvw]{font:inherit;padding:8px 11px;border:1px solid #d5dfe9;border-radius:7px;background:#fff;color:#46627d;cursor:pointer;white-space:nowrap}button:hover:not(:disabled)[b-spou9gosvw]{background:#edf5f5;border-color:#aac9c4}button.primary[b-spou9gosvw]{background:#247e70;border-color:#247e70;color:#fff}button.danger[b-spou9gosvw]{color:#b05055}button.link[b-spou9gosvw]{padding:2px 4px;background:transparent;border:0;color:#2e8376}button:disabled[b-spou9gosvw]{opacity:.5;cursor:default}button:focus-visible[b-spou9gosvw],input:focus-visible[b-spou9gosvw],select:focus-visible[b-spou9gosvw],textarea:focus-visible[b-spou9gosvw]{outline:2px solid #7eb6d6;outline-offset:2px}input[b-spou9gosvw],select[b-spou9gosvw],textarea[b-spou9gosvw]{font:inherit;box-sizing:border-box;min-height:34px;min-width:0;border:1px solid #d4dfeb;border-radius:6px;padding:7px 9px;background:#fff;color:#354c64}input:read-only[b-spou9gosvw],input:disabled[b-spou9gosvw],textarea:disabled[b-spou9gosvw],select:disabled[b-spou9gosvw]{background:#f4f7fa;color:#7b8ea2}input[type=number][b-spou9gosvw]{text-align:right;font-variant-numeric:tabular-nums}input[type=checkbox][b-spou9gosvw]{width:16px;height:16px;min-height:0;accent-color:#267c6c}.notice[b-spou9gosvw]{flex:none;padding:10px 13px;border:1px solid;border-radius:8px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notice.error[b-spou9gosvw]{color:#9a3f48;background:#fff1f3;border-color:#efcbd0}.notice.success[b-spou9gosvw]{color:#2b765a;background:#eaf6ef;border-color:#cae5d7}.notice.loading[b-spou9gosvw]{color:#527896;background:#edf6fc;border-color:#d3e5f1}.filters[b-spou9gosvw]{flex:none;flex-wrap:wrap}.search[b-spou9gosvw]{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;padding:0 10px;border:1px solid #d4dfeb;border-radius:7px;background:#fff}.search i[b-spou9gosvw]{color:#88a0b7}.search input[b-spou9gosvw]{flex:1;border:0;width:0;min-height:35px}.partner-filter[b-spou9gosvw]{width:220px;min-width:170px}.filters select[b-spou9gosvw]{max-width:180px}.date-filter[b-spou9gosvw]{display:flex;align-items:center;gap:6px;font-size:11px;color:#758b9e}.date-filter input[b-spou9gosvw]{width:135px}.panel[b-spou9gosvw]{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #dce6ef;border-radius:11px;background:#fff;box-shadow:0 3px 12px #213d5510;overflow:hidden}.document-list[b-spou9gosvw]{flex:1 1 48%;min-height:150px}.detail-panel[b-spou9gosvw]{flex:1 1 45%;min-height:180px}.table-scroll[b-spou9gosvw]{flex:1;min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable}table[b-spou9gosvw]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th[b-spou9gosvw],td[b-spou9gosvw]{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #e9eef4;text-align:left}th[b-spou9gosvw]{position:sticky;top:0;z-index:1;background:#f2f6fa;color:#678099;font-size:10px;font-weight:650;white-space:nowrap}td strong[b-spou9gosvw]{font-weight:600}td small[b-spou9gosvw]{display:block;margin-top:4px;font-size:10px;color:#879bad}.num[b-spou9gosvw]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:hover[b-spou9gosvw]{background:#f6fafc}.document-table[b-spou9gosvw]{min-width:820px}.document-table tbody tr[b-spou9gosvw]{cursor:pointer}.document-table .selected[b-spou9gosvw]{background:#eaf5f1}.document-table td:first-child[b-spou9gosvw]{min-width:160px}.document-table td:nth-child(3)[b-spou9gosvw]{min-width:190px}.badge[b-spou9gosvw],.side-badge[b-spou9gosvw]{display:inline-block;padding:4px 7px;border-radius:5px;font-size:10px;white-space:nowrap;background:#edf1f7;color:#71859a}.badge.open[b-spou9gosvw],.badge.draft[b-spou9gosvw],.badge.proposed[b-spou9gosvw],.badge.submitted[b-spou9gosvw]{background:#fff3df;color:#9e762c}.badge.closed[b-spou9gosvw],.badge.paid[b-spou9gosvw],.badge.completed[b-spou9gosvw],.badge.posted[b-spou9gosvw],.badge.active[b-spou9gosvw],.badge.generated[b-spou9gosvw]{background:#e4f4eb;color:#2f8060}.badge.cancelled[b-spou9gosvw],.badge.blocked[b-spou9gosvw],.badge.written_off[b-spou9gosvw]{background:#fcebed;color:#ac5360}.overdue[b-spou9gosvw]{color:#bd5260}.empty[b-spou9gosvw]{text-align:center;color:#8b9eb0;padding:32px 20px}.empty i[b-spou9gosvw]{font-size:27px;color:#a2b7c8}.panel-footer[b-spou9gosvw]{justify-content:space-between;flex:none;padding:9px 13px;border-top:1px solid #e3eaf2;background:#f9fbfd;font-size:11px;color:#8195a7}.panel-footer>div[b-spou9gosvw]{display:flex;align-items:center;gap:10px}.panel-footer button[b-spou9gosvw]{padding:3px 9px}.section-bar[b-spou9gosvw]{flex:none;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e5ecf2}.section-bar>span[b-spou9gosvw]{font-size:11px;color:#7d91a2}.section-bar strong[b-spou9gosvw]{font-size:12px}.preview-meta[b-spou9gosvw]{display:flex;flex-wrap:wrap;gap:10px 20px;flex:none;padding:11px 14px;font-size:11px;color:#758b9e;border-bottom:1px solid #ecf0f4}.preview-meta strong[b-spou9gosvw]{color:#4b6981}.detail-tabs[b-spou9gosvw]{display:flex;gap:5px;padding:0 14px;border-bottom:1px solid #e5ecf2}.detail-tabs button[b-spou9gosvw]{border:0;border-bottom:2px solid transparent;border-radius:0;font-size:11px}.detail-tabs .active[b-spou9gosvw]{color:#247e70;border-bottom-color:#247e70}.reversed[b-spou9gosvw]{opacity:.6}.editor[b-spou9gosvw]{flex:1}.editor>fieldset[b-spou9gosvw]{flex:none;border:0;margin:0;padding:0;min-width:0}.document-fields[b-spou9gosvw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;padding:14px}.document-fields label[b-spou9gosvw]{display:flex;align-items:center;gap:8px;min-width:0}.document-fields label>span[b-spou9gosvw]{flex:0 0 100px;font-size:11px;color:#72899d}.document-fields input[b-spou9gosvw],.document-fields select[b-spou9gosvw]{width:100%;min-width:0}.document-fields[b-spou9gosvw]  .finance-select{width:100%;min-width:0}.document-fields .wide[b-spou9gosvw]{grid-column:span 2}.document-fields .check[b-spou9gosvw]{font-size:12px;color:#648477}.document-fields .check input[b-spou9gosvw]{width:16px;flex:none}.editor-lines table[b-spou9gosvw]{min-width:700px}.editor-lines input[b-spou9gosvw]{width:112px;min-width:0}.editor-lines .description-input[b-spou9gosvw]{width:100%;min-width:230px}.allocation-editor[b-spou9gosvw]{min-width:1050px}.allocation-editor td:nth-child(7) input[b-spou9gosvw]{width:190px}.inline-help[b-spou9gosvw]{flex:none;padding:4px 14px 12px;color:#7e93a3;font-size:11px;line-height:1.7}.totals[b-spou9gosvw]{display:flex;justify-content:space-between;gap:14px;flex:none;padding:10px 14px;border-top:1px solid #e3eaf2;background:#f5faf8;font-size:11px;color:#758e9b}.totals strong[b-spou9gosvw]{font-size:13px;color:#287e68;white-space:nowrap}.document-footer[b-spou9gosvw]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;padding:12px 14px;border-top:1px solid #e3eaf2;background:#fafcfe}.document-footer>label[b-spou9gosvw]{display:flex;align-items:center;gap:10px;flex:1;font-size:11px;color:#7a91a5}.document-footer textarea[b-spou9gosvw]{height:47px;min-height:35px;max-height:100px;resize:vertical;flex:1;max-width:650px}.document-footer>span[b-spou9gosvw]{font-size:11px;color:#8497a7}.statement-totals[b-spou9gosvw]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:none;padding:12px 14px}.statement-totals>div[b-spou9gosvw]{display:grid;gap:6px;padding:11px;border:1px solid #e0e9f0;border-radius:8px;background:#f8fbfd}.statement-totals span[b-spou9gosvw]{font-size:10px;color:#7b91a5}.statement-totals strong[b-spou9gosvw]{font-size:16px;font-variant-numeric:tabular-nums}.statement-totals>div:last-child[b-spou9gosvw]{background:#edf7f1;border-color:#cde5d7;color:#287760}.report-panel[b-spou9gosvw]{flex:1}.report-table[b-spou9gosvw]{min-width:1050px}.report-caption[b-spou9gosvw]{flex:none;font-size:11px;color:#7a91a4}.report-summary[b-spou9gosvw]{display:flex;gap:10px;flex:none;overflow:auto;max-height:125px}.report-summary article[b-spou9gosvw]{display:grid;gap:7px;min-width:235px;border:1px solid #cfe3db;border-radius:10px;padding:12px 15px;background:linear-gradient(125deg,#f0faf5,#fff)}.report-summary article>span[b-spou9gosvw]{font-size:11px;color:#68877d}.report-summary strong[b-spou9gosvw]{font-size:23px;color:#2b7663;font-variant-numeric:tabular-nums}.report-summary small[b-spou9gosvw]{font-size:10px;color:#7b93a3}@container finance (max-width:1100px){.document-fields[b-spou9gosvw]{grid-template-columns:repeat(2,minmax(0,1fr))}.heading p[b-spou9gosvw]{max-width:400px}.finance-header[b-spou9gosvw]{align-items:flex-start}.heading-icon[b-spou9gosvw]{display:none}.filters[b-spou9gosvw]{gap:7px}.document-fields label>span[b-spou9gosvw]{flex-basis:95px}.actions[b-spou9gosvw]{gap:6px}.actions button[b-spou9gosvw]{font-size:11px}}@container finance (max-width:700px){.finance-header[b-spou9gosvw]{flex-direction:column}.finance-workspace[b-spou9gosvw]{padding:12px}.document-fields[b-spou9gosvw]{grid-template-columns:1fr}.document-fields .wide[b-spou9gosvw]{grid-column:auto}.editor[b-spou9gosvw]{overflow:auto}.editor-lines[b-spou9gosvw]{min-height:240px;flex:none}.statement-totals[b-spou9gosvw]{grid-template-columns:repeat(2,minmax(0,1fr))}.document-footer[b-spou9gosvw]{flex-wrap:wrap}.document-footer>label[b-spou9gosvw]{flex-basis:100%}.partner-filter[b-spou9gosvw]{flex:1}.filters .date-filter[b-spou9gosvw]{display:none}.heading p[b-spou9gosvw]{display:none}.report-summary article[b-spou9gosvw]{min-width:220px}.totals[b-spou9gosvw]{flex-wrap:wrap}}

.finance-print-fields[b-spou9gosvw]{flex:none;border-top:1px solid #e4ebf2;background:#f9fbfd}.finance-print-fields summary[b-spou9gosvw]{padding:9px 14px;color:#52748b;font-size:11px;cursor:pointer}.finance-print-fields fieldset[b-spou9gosvw]{border:0;margin:0;padding:0;min-width:0}.finance-print-fields .document-fields[b-spou9gosvw]{padding-top:5px}
/* _content/E360_Client/Components/Pages/GL_ACCOUNTING/ACCOUNTING_RECONCILIATION_PAGE.razor.rz.scp.css */
.recon-workspace[b-wxljko4s7d]{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:#f4f7fb;color:#20334c;overflow:hidden}.recon-heading[b-wxljko4s7d]{display:flex;align-items:center;gap:12px;flex-shrink:0}.heading-icon[b-wxljko4s7d]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#2161ca,#3189dc);color:#fff;font-size:22px;box-shadow:0 5px 14px #2161ca25}.recon-heading h1[b-wxljko4s7d]{font-size:21px;margin:0 0 4px;font-weight:700}.recon-heading p[b-wxljko4s7d],.recon-heading small[b-wxljko4s7d]{font-size:12px;color:#64758b;margin:0}.recon-heading>button[b-wxljko4s7d]{margin-left:auto}.recon-workspace button[b-wxljko4s7d],.recon-workspace select[b-wxljko4s7d],.recon-workspace input[b-wxljko4s7d]{font:inherit;border:1px solid #d9e1ed;border-radius:7px;background:#fff;color:inherit;padding:7px 11px}.recon-workspace button[b-wxljko4s7d]{cursor:pointer;white-space:nowrap;font-size:13px}.recon-workspace button:disabled[b-wxljko4s7d]{opacity:.5;cursor:default}.recon-workspace button.primary[b-wxljko4s7d]{background:#2464cf;border-color:#2464cf;color:#fff}.recon-toolbar[b-wxljko4s7d]{display:flex;align-items:center;gap:12px;flex-shrink:0}.period-field[b-wxljko4s7d]{display:flex;align-items:center;gap:8px;min-width:300px;font-size:13px;white-space:nowrap}.period-field[b-wxljko4s7d]  .accounting-select{width:260px}.search-field[b-wxljko4s7d]{display:flex;align-items:center;gap:7px;min-width:180px;flex:1;background:#fff;border:1px solid #d9e1ed;border-radius:7px;padding-left:11px;color:#76859a}.search-field input[b-wxljko4s7d]{border:0;width:100%;outline:0}.recon-summary[b-wxljko4s7d]{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;flex-shrink:0}.recon-summary>div[b-wxljko4s7d]{display:flex;flex-direction:column;padding:11px 16px;border:1px solid #e1e7f0;border-radius:10px;background:#fff;box-shadow:0 2px 5px #21364d05;gap:3px}.recon-summary span[b-wxljko4s7d],.recon-summary small[b-wxljko4s7d]{font-size:12px;color:#6c7c90}.recon-summary strong[b-wxljko4s7d]{font-size:22px;font-weight:700}.recon-summary .issue[b-wxljko4s7d]{border-top:3px solid #df9c32}.recon-summary .issue strong[b-wxljko4s7d]{color:#a96a0e}.recon-summary .matched[b-wxljko4s7d]{border-top:3px solid #39a486}.recon-summary .matched strong[b-wxljko4s7d]{color:#13866a}.recon-content[b-wxljko4s7d]{display:grid;grid-template-rows:minmax(170px,1.1fr) minmax(150px,1fr);gap:12px;flex:1;min-height:0}.recon-panel[b-wxljko4s7d]{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff;border:1px solid #dfe6ef;border-radius:10px}.table-scroll[b-wxljko4s7d]{overflow:auto;min-height:0;flex:1}table[b-wxljko4s7d]{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;white-space:nowrap}th[b-wxljko4s7d]{position:sticky;top:0;z-index:1;background:#edf3fa;color:#566a83;text-align:left;font-weight:600;border-bottom:1px solid #dce4ef}th[b-wxljko4s7d],td[b-wxljko4s7d]{padding:9px 12px}td[b-wxljko4s7d]{border-bottom:1px solid #edf1f6}td strong[b-wxljko4s7d]{font-weight:600}td small[b-wxljko4s7d],.detail-panel header small[b-wxljko4s7d]{display:block;color:#728197;margin-top:3px}tbody tr[b-wxljko4s7d]{cursor:pointer}tbody tr:hover[b-wxljko4s7d]{background:#f7faff}tbody tr.selected[b-wxljko4s7d]{background:#edf4ff;box-shadow:inset 3px 0 #3477db}.number[b-wxljko4s7d]{text-align:right;font-variant-numeric:tabular-nums}.difference[b-wxljko4s7d]{color:#bd5a21;font-weight:600}.result-badge[b-wxljko4s7d]{display:inline-flex;border-radius:14px;padding:4px 9px;font-size:11px;background:#eef2f7;color:#66758a}.result-badge.matched[b-wxljko4s7d]{background:#e7f6ef;color:#177b59}.result-badge.difference[b-wxljko4s7d],.result-badge.unmapped[b-wxljko4s7d],.result-badge.blocked[b-wxljko4s7d]{background:#fff1df;color:#a46512}.recon-panel footer[b-wxljko4s7d]{padding:7px 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4eaf2;font-size:12px;color:#6c7c90;flex-shrink:0}.recon-panel footer>div[b-wxljko4s7d]{display:flex;align-items:center;gap:12px}.recon-panel footer button[b-wxljko4s7d]{padding:2px 10px}.detail-panel>header[b-wxljko4s7d]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e5ebf3;font-size:13px;flex-shrink:0}.recon-note[b-wxljko4s7d]{padding:7px 14px;font-size:12px;color:#687b92;background:#f8fafd;flex-shrink:0}.coverage-note[b-wxljko4s7d]{font-size:11px;line-height:1.5;color:#6c7c90;margin:0;flex-shrink:0}.recon-error[b-wxljko4s7d]{background:#fff0ef;border:1px solid #f0cecb;color:#a43b33;border-radius:8px;padding:10px;font-size:13px}.empty[b-wxljko4s7d]{text-align:center;color:#7a8aa0;padding:22px;white-space:normal}.recon-start[b-wxljko4s7d]{margin:auto}.recon-start>i[b-wxljko4s7d]{font-size:38px;color:#81a6d7}.recon-start h2[b-wxljko4s7d]{font-size:18px}.recon-start p[b-wxljko4s7d]{font-size:13px}.recon-loading[b-wxljko4s7d]{font-size:12px;color:#3b76c2}@media(max-width:900px){.recon-summary[b-wxljko4s7d]{grid-template-columns:repeat(2,1fr)}.recon-toolbar[b-wxljko4s7d]{flex-wrap:wrap}.period-field[b-wxljko4s7d]{min-width:260px}.recon-heading h1[b-wxljko4s7d]{font-size:18px}.recon-heading p[b-wxljko4s7d]{display:none}.recon-workspace[b-wxljko4s7d]{padding:10px;gap:8px}.recon-summary>div[b-wxljko4s7d]{padding:7px 12px}.coverage-note[b-wxljko4s7d]{max-height:42px;overflow:auto}}
/* _content/E360_Client/Components/Pages/GL_ACCOUNTING/ACCOUNTING_STATUTORY_PAGE.razor.rz.scp.css */
.statutory-workspace[b-w89kd3pere]{height:97%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#f3f6fa;color:#334b65;overflow:hidden;font:13px "Segoe UI",Arial,sans-serif;container:statutory/inline-size}.statutory-workspace *[b-w89kd3pere]{box-sizing:border-box}header[b-w89kd3pere],.actions[b-w89kd3pere],.filters[b-w89kd3pere],.section-bar[b-w89kd3pere],.document-info[b-w89kd3pere],.panel-footer[b-w89kd3pere]{display:flex;align-items:center;gap:10px}header[b-w89kd3pere],.section-bar[b-w89kd3pere],.document-info[b-w89kd3pere],.panel-footer[b-w89kd3pere]{justify-content:space-between;flex:none}header h1[b-w89kd3pere]{font-size:22px;margin:5px 0 7px;font-weight:650}header h1 i[b-w89kd3pere]{color:#4775aa;margin-right:7px}header p[b-w89kd3pere]{margin:0;color:#8093a8;font-size:11px}.eyebrow[b-w89kd3pere]{font-size:9px;letter-spacing:.08em;font-weight:700;color:#7193b6}.actions[b-w89kd3pere]{flex-wrap:wrap;justify-content:flex-end}button[b-w89kd3pere],a[b-w89kd3pere]{font:inherit;color:#416485}button[b-w89kd3pere]{border:1px solid #d2dfe9;padding:8px 11px;border-radius:7px;background:#fff;cursor:pointer;white-space:nowrap}button.primary[b-w89kd3pere]{background:#365f98;border-color:#365f98;color:white}button.danger[b-w89kd3pere]{color:#af5363}button.quiet[b-w89kd3pere]{font-size:10px;padding:5px 7px;border-color:transparent;background:#f2f6fa}button:disabled[b-w89kd3pere]{opacity:.5;cursor:default}button:hover:not(:disabled)[b-w89kd3pere]{filter:brightness(.98);border-color:#89a7c7}input[b-w89kd3pere],textarea[b-w89kd3pere],select[b-w89kd3pere]{font:inherit;color:#38526f;border:1px solid #d3deea;border-radius:6px;padding:7px 8px;min-width:0;background:#fff}input:disabled[b-w89kd3pere],textarea:disabled[b-w89kd3pere],select:disabled[b-w89kd3pere]{background:#f4f7fa}input[type=number][b-w89kd3pere]{text-align:right;font-variant-numeric:tabular-nums}input[type=checkbox][b-w89kd3pere]{accent-color:#3c6d9e;width:16px;height:16px}input:focus-visible[b-w89kd3pere],textarea:focus-visible[b-w89kd3pere],select:focus-visible[b-w89kd3pere],button:focus-visible[b-w89kd3pere]{outline:2px solid #72a4d7;outline-offset:2px}.filters[b-w89kd3pere]{flex:none;flex-wrap:wrap}.filters label[b-w89kd3pere]{display:grid;gap:5px;font-size:11px;color:#7a91aa}.filters .book-picker[b-w89kd3pere]{width:285px}.filter-select[b-w89kd3pere]{width:220px;align-self:flex-end}.filters .search[b-w89kd3pere]{min-width:200px;flex:1;align-self:flex-end}.filters button[b-w89kd3pere]{align-self:flex-end}.notice[b-w89kd3pere]{flex:none;padding:10px 13px;border:1px solid #caddec;border-radius:8px;background:#eff6fd;font-size:12px;line-height:1.6}.notice.error[b-w89kd3pere]{background:#fff1f3;border-color:#edc5ce;color:#a34a59}.notice.success[b-w89kd3pere]{background:#edf7f1;border-color:#c9e4d6;color:#397c60}.help[b-w89kd3pere]{flex:none;color:#7890a8;font-size:11px;line-height:1.7}.panel[b-w89kd3pere]{min-height:0;border:1px solid #dce5ef;background:white;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.report-panel[b-w89kd3pere]{flex:1}.table-scroll[b-w89kd3pere]{flex:1;min-height:0;overflow:auto}.table-scroll table[b-w89kd3pere]{width:100%;border-collapse:collapse;font-size:12px;min-width:850px}.table-scroll th[b-w89kd3pere]{position:sticky;top:0;background:#eff4fa;color:#63809d;z-index:1;text-align:left;font-size:10px;font-weight:650;padding:10px 12px;border-bottom:1px solid #dce6ef;white-space:nowrap}.table-scroll td[b-w89kd3pere]{padding:10px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}.table-scroll tr:hover[b-w89kd3pere]{background:#f8fbfe}.table-scroll tbody tr[onclick][b-w89kd3pere]{cursor:pointer}.table-scroll .num[b-w89kd3pere]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table-scroll small[b-w89kd3pere]{display:block;color:#8398aa;font-size:10px;margin-top:4px}.section-bar[b-w89kd3pere]{padding:12px 14px;border-bottom:1px solid #e3eaf2}.section-bar small[b-w89kd3pere]{display:block;color:#8a9daf;font-size:10px;margin-top:5px}.section-bar a[b-w89kd3pere]{font-size:11px;text-decoration:none}.section-bar span[b-w89kd3pere]{font-size:11px;color:#7c94aa}.panel-footer[b-w89kd3pere]{padding:9px 14px;background:#f8fafc;border-top:1px solid #e2eaf2;font-size:10px;color:#8197ac}.empty[b-w89kd3pere]{text-align:center;padding:35px;color:#8aa0b6}.empty i[b-w89kd3pere]{font-size:30px}.badge[b-w89kd3pere]{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;background:#edf1f7;color:#7e8ea2}.badge.approved[b-w89kd3pere]{color:#267353;background:#e6f4ec}.badge.submitted[b-w89kd3pere]{color:#9c741f;background:#fff4d8}.badge.cancelled[b-w89kd3pere]{color:#a75062;background:#f9e9ee}.signer-settings[b-w89kd3pere],.audit[b-w89kd3pere]{flex:none;border:1px solid #dce5ef;border-radius:8px;background:#fff;padding:10px 13px}.signer-settings summary[b-w89kd3pere],.audit summary[b-w89kd3pere]{font-size:11px;color:#6784a1;cursor:pointer}.signer-settings[open][b-w89kd3pere]{max-height:220px;overflow:auto}.signer-settings fieldset[b-w89kd3pere]{border:0;padding:0;margin:0}.fields[b-w89kd3pere]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 14px;padding-top:12px}.fields label[b-w89kd3pere]{display:grid;gap:5px;font-size:11px;color:#7590a9}.document-info[b-w89kd3pere]{padding:11px 14px;background:#fff;border:1px solid #dce5ef;border-radius:8px}.document-info>div:first-child[b-w89kd3pere]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.document-info small[b-w89kd3pere]{width:100%;color:#7e94aa;font-size:11px}.report-content[b-w89kd3pere]{display:grid;grid-template-columns:235px minmax(0,1fr);gap:12px;flex:1;min-height:0}.sheet-picker[b-w89kd3pere]{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:7px;padding:13px;background:linear-gradient(160deg,#e7eef8,#f8fbfe);border:1px solid #d2deee;border-radius:10px}.sheet-picker>strong[b-w89kd3pere]{font-size:11px;color:#6c87a3;margin-bottom:7px}.sheet-picker button[b-w89kd3pere]{text-align:left;white-space:normal;padding:10px}.sheet-picker button.active[b-w89kd3pere]{border-color:#89a8cf;background:#fff;box-shadow:0 3px 10px #38689d14;color:#3767a2}.sheet-picker button span[b-w89kd3pere]{display:block;font-weight:650;font-size:11px;margin-bottom:5px}.sheet-picker button small[b-w89kd3pere]{font-size:10px;line-height:1.6;color:#7b94af}.sheet-picker select[b-w89kd3pere]{width:100%;font-size:11px;margin-top:7px}.sheet-panel[b-w89kd3pere]{flex:1}.sheet-panel>.help[b-w89kd3pere]{padding:9px 14px}.indicator-table[b-w89kd3pere]{min-width:1050px!important}.indicator-table th:first-child[b-w89kd3pere]{width:30%;min-width:270px}.indicator-table td:first-child[b-w89kd3pere]{font-size:11px;line-height:1.6}.indicator-table input[b-w89kd3pere]{width:130px;font-size:12px}.indicator-table td:nth-child(3) input[b-w89kd3pere]{width:70px}.indicator-table td:nth-last-child(2) input[b-w89kd3pere]{width:230px}.indicator-table .formula[b-w89kd3pere]{background:#f5f8fc}.indicator-table .formula td:first-child[b-w89kd3pere]{font-weight:650}.note-selector[b-w89kd3pere]{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e4ebf3}.note-selector label[b-w89kd3pere]{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.note-selector small[b-w89kd3pere]{font-size:10px;color:#8398ad;line-height:1.6;max-width:420px}.note-editor[b-w89kd3pere]{flex:1;min-height:0;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.note-editor textarea[b-w89kd3pere]{flex:1;min-height:180px;resize:none;line-height:1.7;font:13px "Times New Roman",serif;white-space:pre-wrap}.note-editor label[b-w89kd3pere]{display:flex;align-items:center;gap:8px;font-size:11px;color:#5f819c}.audit[open][b-w89kd3pere]{max-height:150px;overflow:auto}.audit p[b-w89kd3pere]{font-size:11px;color:#8397ab}@container statutory (max-width:1100px){.report-content[b-w89kd3pere]{grid-template-columns:185px minmax(0,1fr)}header[b-w89kd3pere]{align-items:flex-start}.actions[b-w89kd3pere]{gap:6px}button[b-w89kd3pere]{font-size:11px}.fields[b-w89kd3pere]{grid-template-columns:repeat(2,minmax(0,1fr))}.note-selector small[b-w89kd3pere]{display:none}}@container statutory (max-width:700px){.statutory-workspace[b-w89kd3pere]{padding:12px}header[b-w89kd3pere]{flex-direction:column}header p[b-w89kd3pere]{display:none}.report-content[b-w89kd3pere]{display:flex;flex-direction:column}.sheet-picker[b-w89kd3pere]{max-height:150px;flex:none}.sheet-panel[b-w89kd3pere]{min-height:250px}.document-info[b-w89kd3pere]{align-items:flex-start;flex-direction:column}.filter-select[b-w89kd3pere]{width:180px}.section-bar[b-w89kd3pere]{align-items:flex-start;gap:8px}.signer-settings[open][b-w89kd3pere]{max-height:250px}}
.note-blocks[b-w89kd3pere]{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.note-editor .note-section[b-w89kd3pere]{flex:none;width:100%;min-height:100px;white-space:pre-wrap}.note-table[b-w89kd3pere]{overflow:auto;flex:none}.note-table table[b-w89kd3pere]{width:100%;border-collapse:collapse;min-width:650px;font:12px "Times New Roman",serif}.note-table td[b-w89kd3pere]{border:1px solid #c9d7e6;padding:6px;min-width:70px}.note-table td:first-child[b-w89kd3pere]{min-width:180px}.note-table input[b-w89kd3pere]{width:100%;min-width:70px;font:12px "Times New Roman",serif}.note-table span[b-w89kd3pere]{white-space:pre-wrap;line-height:1.5}

.table-scroll[b-w89kd3pere] (.settlement-book){min-width:1250px;font-size:12px!important;border-collapse:separate;border-spacing:0}
.table-scroll[b-w89kd3pere] (.settlement-book.foreign-book){min-width:1800px}
.table-scroll[b-w89kd3pere] (.settlement-book thead){position:sticky;top:0;z-index:2;background:#eff4fa}
.table-scroll[b-w89kd3pere] (.settlement-book th){position:static;text-align:center;padding:8px 10px;background:#eff4fa;color:#63809d;font-size:11px;border-right:1px solid #dce6ef;border-bottom:1px solid #dce6ef;white-space:normal;min-width:75px}
.table-scroll[b-w89kd3pere] (.settlement-book td){padding:9px 10px;border-bottom:1px solid #edf1f6;vertical-align:middle}
.table-scroll[b-w89kd3pere] (.settlement-book td:nth-child(4)){min-width:200px}
.table-scroll[b-w89kd3pere] (.settlement-book .num){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
/* _content/E360_Client/Components/Pages/GL_ACCOUNTING/ACCOUNTING_WORKSPACE_PAGE.razor.rz.scp.css */
.accounting-workspace[b-n58l27xvb1]{height:97%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#f3f6fa;color:#2d425a;overflow:hidden;font:13px "Segoe UI",Arial,sans-serif;container:accounting/inline-size}.accounting-workspace *[b-n58l27xvb1]{box-sizing:border-box}.accounting-header[b-n58l27xvb1],.heading[b-n58l27xvb1],.actions[b-n58l27xvb1],.section-bar[b-n58l27xvb1],.panel-footer[b-n58l27xvb1],.filters[b-n58l27xvb1]{display:flex;align-items:center;gap:10px}.accounting-header[b-n58l27xvb1]{justify-content:space-between;flex:none}.heading[b-n58l27xvb1]{min-width:0}.heading-icon[b-n58l27xvb1]{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #c6e3db;border-radius:12px;background:#e5f3ec;color:#287e6b;font-size:22px}.eyebrow[b-n58l27xvb1]{font-size:9px;color:#789294;font-weight:700;letter-spacing:.08em}h1[b-n58l27xvb1]{font-size:21px;font-weight:650;margin:3px 0 5px}.heading p[b-n58l27xvb1]{font-size:11px;color:#7a8b9d;margin:0;line-height:1.6}.actions[b-n58l27xvb1]{flex-wrap:wrap;justify-content:flex-end}button[b-n58l27xvb1]{font:inherit;padding:8px 11px;border:1px solid #d5dfe9;border-radius:7px;background:#fff;color:#46627d;cursor:pointer;white-space:nowrap}button:hover:not(:disabled)[b-n58l27xvb1]{background:#edf5f5;border-color:#aac9c4}button.primary[b-n58l27xvb1]{background:#247e70;border-color:#247e70;color:#fff}button.danger[b-n58l27xvb1]{color:#b05055}button.link[b-n58l27xvb1]{padding:2px 4px;background:transparent;border:0;color:#2e8376}button:disabled[b-n58l27xvb1]{opacity:.5;cursor:default}button:focus-visible[b-n58l27xvb1],input:focus-visible[b-n58l27xvb1],select:focus-visible[b-n58l27xvb1],textarea:focus-visible[b-n58l27xvb1]{outline:2px solid #7eb6d6;outline-offset:2px}input[b-n58l27xvb1],select[b-n58l27xvb1],textarea[b-n58l27xvb1]{font:inherit;box-sizing:border-box;min-height:34px;min-width:0;border:1px solid #d4dfeb;border-radius:6px;padding:7px 9px;background:#fff;color:#354c64}input:read-only[b-n58l27xvb1],input:disabled[b-n58l27xvb1],textarea:disabled[b-n58l27xvb1],select:disabled[b-n58l27xvb1]{background:#f4f7fa;color:#7b8ea2}input[type=number][b-n58l27xvb1]{text-align:right;font-variant-numeric:tabular-nums}input[type=checkbox][b-n58l27xvb1]{width:16px;height:16px;min-height:0;accent-color:#267c6c}.notice[b-n58l27xvb1]{flex:none;padding:10px 13px;border:1px solid;border-radius:8px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notice.error[b-n58l27xvb1]{color:#9a3f48;background:#fff1f3;border-color:#efcbd0}.notice.success[b-n58l27xvb1]{color:#2b765a;background:#eaf6ef;border-color:#cae5d7}.notice.loading[b-n58l27xvb1]{color:#527896;background:#edf6fc;border-color:#d3e5f1}.filters[b-n58l27xvb1]{flex:none;flex-wrap:wrap}.search[b-n58l27xvb1]{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;padding:0 10px;border:1px solid #d4dfeb;border-radius:7px;background:#fff}.search i[b-n58l27xvb1]{color:#88a0b7}.search input[b-n58l27xvb1]{flex:1;border:0;width:0;min-height:35px}.partner-filter[b-n58l27xvb1]{width:220px;min-width:170px}.filters select[b-n58l27xvb1]{max-width:180px}.date-filter[b-n58l27xvb1]{display:flex;align-items:center;gap:6px;font-size:11px;color:#758b9e}.date-filter input[b-n58l27xvb1]{width:135px}.panel[b-n58l27xvb1]{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #dce6ef;border-radius:11px;background:#fff;box-shadow:0 3px 12px #213d5510;overflow:hidden}.document-list[b-n58l27xvb1]{flex:1 1 48%;min-height:150px}.detail-panel[b-n58l27xvb1]{flex:1 1 45%;min-height:180px}.table-scroll[b-n58l27xvb1]{flex:1;min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable}table[b-n58l27xvb1]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th[b-n58l27xvb1],td[b-n58l27xvb1]{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #e9eef4;text-align:left}th[b-n58l27xvb1]{position:sticky;top:0;z-index:1;background:#f2f6fa;color:#678099;font-size:10px;font-weight:650;white-space:nowrap}td strong[b-n58l27xvb1]{font-weight:600}td small[b-n58l27xvb1]{display:block;margin-top:4px;font-size:10px;color:#879bad}.num[b-n58l27xvb1]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:hover[b-n58l27xvb1]{background:#f6fafc}.document-table[b-n58l27xvb1]{min-width:820px}.document-table tbody tr[b-n58l27xvb1]{cursor:pointer}.document-table .selected[b-n58l27xvb1]{background:#eaf5f1}.document-table td:first-child[b-n58l27xvb1]{min-width:160px}.document-table td:nth-child(3)[b-n58l27xvb1]{min-width:190px}.badge[b-n58l27xvb1],.side-badge[b-n58l27xvb1]{display:inline-block;padding:4px 7px;border-radius:5px;font-size:10px;white-space:nowrap;background:#edf1f7;color:#71859a}.badge.open[b-n58l27xvb1],.badge.draft[b-n58l27xvb1],.badge.proposed[b-n58l27xvb1],.badge.submitted[b-n58l27xvb1]{background:#fff3df;color:#9e762c}.badge.closed[b-n58l27xvb1],.badge.paid[b-n58l27xvb1],.badge.completed[b-n58l27xvb1],.badge.posted[b-n58l27xvb1],.badge.active[b-n58l27xvb1],.badge.generated[b-n58l27xvb1]{background:#e4f4eb;color:#2f8060}.badge.cancelled[b-n58l27xvb1],.badge.blocked[b-n58l27xvb1],.badge.written_off[b-n58l27xvb1]{background:#fcebed;color:#ac5360}.overdue[b-n58l27xvb1]{color:#bd5260}.empty[b-n58l27xvb1]{text-align:center;color:#8b9eb0;padding:32px 20px}.empty i[b-n58l27xvb1]{font-size:27px;color:#a2b7c8}.panel-footer[b-n58l27xvb1]{justify-content:space-between;flex:none;padding:9px 13px;border-top:1px solid #e3eaf2;background:#f9fbfd;font-size:11px;color:#8195a7}.panel-footer>div[b-n58l27xvb1]{display:flex;align-items:center;gap:10px}.panel-footer button[b-n58l27xvb1]{padding:3px 9px}.section-bar[b-n58l27xvb1]{flex:none;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e5ecf2}.section-bar>span[b-n58l27xvb1]{font-size:11px;color:#7d91a2}.section-bar strong[b-n58l27xvb1]{font-size:12px}.preview-meta[b-n58l27xvb1]{display:flex;flex-wrap:wrap;gap:10px 20px;flex:none;padding:11px 14px;font-size:11px;color:#758b9e;border-bottom:1px solid #ecf0f4}.preview-meta strong[b-n58l27xvb1]{color:#4b6981}.detail-tabs[b-n58l27xvb1]{display:flex;gap:5px;padding:0 14px;border-bottom:1px solid #e5ecf2}.detail-tabs button[b-n58l27xvb1]{border:0;border-bottom:2px solid transparent;border-radius:0;font-size:11px}.detail-tabs .active[b-n58l27xvb1]{color:#247e70;border-bottom-color:#247e70}.reversed[b-n58l27xvb1]{opacity:.6}.editor[b-n58l27xvb1]{flex:1}.editor>fieldset[b-n58l27xvb1]{flex:none;border:0;margin:0;padding:0;min-width:0}.document-fields[b-n58l27xvb1]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;padding:14px}.document-fields label[b-n58l27xvb1]{display:flex;align-items:center;gap:8px;min-width:0}.document-fields label>span[b-n58l27xvb1]{flex:0 0 100px;font-size:11px;color:#72899d}.document-fields input[b-n58l27xvb1],.document-fields select[b-n58l27xvb1]{width:100%;min-width:0}.document-fields[b-n58l27xvb1]  .accounting-select{width:100%;min-width:0}.document-fields .wide[b-n58l27xvb1]{grid-column:span 2}.document-fields .check[b-n58l27xvb1]{font-size:12px;color:#648477}.document-fields .check input[b-n58l27xvb1]{width:16px;flex:none}.editor-lines table[b-n58l27xvb1]{min-width:700px}.editor-lines input[b-n58l27xvb1]{width:112px;min-width:0}.editor-lines .description-input[b-n58l27xvb1]{width:100%;min-width:230px}.allocation-editor[b-n58l27xvb1]{min-width:1050px}.allocation-editor td:nth-child(7) input[b-n58l27xvb1]{width:190px}.inline-help[b-n58l27xvb1]{flex:none;padding:4px 14px 12px;color:#7e93a3;font-size:11px;line-height:1.7}.totals[b-n58l27xvb1]{display:flex;justify-content:space-between;gap:14px;flex:none;padding:10px 14px;border-top:1px solid #e3eaf2;background:#f5faf8;font-size:11px;color:#758e9b}.totals strong[b-n58l27xvb1]{font-size:13px;color:#287e68;white-space:nowrap}.document-footer[b-n58l27xvb1]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;padding:12px 14px;border-top:1px solid #e3eaf2;background:#fafcfe}.document-footer>label[b-n58l27xvb1]{display:flex;align-items:center;gap:10px;flex:1;font-size:11px;color:#7a91a5}.document-footer textarea[b-n58l27xvb1]{height:47px;min-height:35px;max-height:100px;resize:vertical;flex:1;max-width:650px}.document-footer>span[b-n58l27xvb1]{font-size:11px;color:#8497a7}.statement-totals[b-n58l27xvb1]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:none;padding:12px 14px}.statement-totals>div[b-n58l27xvb1]{display:grid;gap:6px;padding:11px;border:1px solid #e0e9f0;border-radius:8px;background:#f8fbfd}.statement-totals span[b-n58l27xvb1]{font-size:10px;color:#7b91a5}.statement-totals strong[b-n58l27xvb1]{font-size:16px;font-variant-numeric:tabular-nums}.statement-totals>div:last-child[b-n58l27xvb1]{background:#edf7f1;border-color:#cde5d7;color:#287760}.report-panel[b-n58l27xvb1]{flex:1}.report-table[b-n58l27xvb1]{min-width:1050px}.report-caption[b-n58l27xvb1]{flex:none;font-size:11px;color:#7a91a4}.report-summary[b-n58l27xvb1]{display:flex;gap:10px;flex:none;overflow:auto;max-height:125px}.report-summary article[b-n58l27xvb1]{display:grid;gap:7px;min-width:235px;border:1px solid #cfe3db;border-radius:10px;padding:12px 15px;background:linear-gradient(125deg,#f0faf5,#fff)}.report-summary article>span[b-n58l27xvb1]{font-size:11px;color:#68877d}.report-summary strong[b-n58l27xvb1]{font-size:23px;color:#2b7663;font-variant-numeric:tabular-nums}.report-summary small[b-n58l27xvb1]{font-size:10px;color:#7b93a3}@container accounting (max-width:1100px){.document-fields[b-n58l27xvb1]{grid-template-columns:repeat(2,minmax(0,1fr))}.heading p[b-n58l27xvb1]{max-width:400px}.accounting-header[b-n58l27xvb1]{align-items:flex-start}.heading-icon[b-n58l27xvb1]{display:none}.filters[b-n58l27xvb1]{gap:7px}.document-fields label>span[b-n58l27xvb1]{flex-basis:95px}.actions[b-n58l27xvb1]{gap:6px}.actions button[b-n58l27xvb1]{font-size:11px}}@container accounting (max-width:700px){.accounting-header[b-n58l27xvb1]{flex-direction:column}.accounting-workspace[b-n58l27xvb1]{padding:12px}.document-fields[b-n58l27xvb1]{grid-template-columns:1fr}.document-fields .wide[b-n58l27xvb1]{grid-column:auto}.editor[b-n58l27xvb1]{overflow:auto}.editor-lines[b-n58l27xvb1]{min-height:240px;flex:none}.statement-totals[b-n58l27xvb1]{grid-template-columns:repeat(2,minmax(0,1fr))}.document-footer[b-n58l27xvb1]{flex-wrap:wrap}.document-footer>label[b-n58l27xvb1]{flex-basis:100%}.partner-filter[b-n58l27xvb1]{flex:1}.filters .date-filter[b-n58l27xvb1]{display:none}.heading p[b-n58l27xvb1]{display:none}.report-summary article[b-n58l27xvb1]{min-width:220px}.totals[b-n58l27xvb1]{flex-wrap:wrap}}

.filter-select[b-n58l27xvb1]{width:220px;min-width:180px}.filters[b-n58l27xvb1]{flex-wrap:wrap}.filters>label:not(.search)[b-n58l27xvb1]{display:flex;align-items:center;gap:6px;font-size:11px}.account-cell[b-n58l27xvb1]{min-width:235px}.account-cell[b-n58l27xvb1]  .accounting-select{width:100%}.editor-lines td input[b-n58l27xvb1]{width:130px}.editor-lines td select[b-n58l27xvb1]{min-width:165px}.editor-lines .description-input[b-n58l27xvb1]{min-width:240px;width:100%}.editor-lines table[b-n58l27xvb1]{min-width:100%}.config-preview[b-n58l27xvb1]{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:auto}.config-preview>div[b-n58l27xvb1]{display:grid;gap:6px}.config-preview span[b-n58l27xvb1]{font-size:11px;color:#7b91a3}.config-preview strong[b-n58l27xvb1]{font-size:12px;font-weight:500}.match-fields[b-n58l27xvb1]{padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px}.match-fields select[b-n58l27xvb1]{flex:1;min-width:240px}.match-fields input[b-n58l27xvb1]{width:140px}.upload-button[b-n58l27xvb1]{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d5dfe9;border-radius:6px;overflow:hidden;cursor:pointer}.upload-button[b-n58l27xvb1]  input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.list-panel[b-n58l27xvb1]{flex:1}.detail-panel[b-n58l27xvb1]{flex:1}.check[b-n58l27xvb1]{display:inline-flex;align-items:center;gap:5px;font-size:11px}.badge.posted[b-n58l27xvb1],.badge.completed[b-n58l27xvb1]{background:#e3f4ea;color:#237953}.badge.submitted[b-n58l27xvb1],.badge.pending[b-n58l27xvb1]{background:#fff3d7;color:#986c19}.badge.reversed[b-n58l27xvb1],.badge.cancelled[b-n58l27xvb1]{background:#f5e8eb;color:#a34b5d}.badge.approved[b-n58l27xvb1]{background:#e8edfc;color:#4565a0}@container accounting (max-width:900px){.config-preview[b-n58l27xvb1]{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-header[b-n58l27xvb1]{align-items:flex-start}}

.split-content[b-n58l27xvb1]{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.split-content>.list-panel[b-n58l27xvb1]{flex:1;min-height:140px}.split-content>.detail-panel[b-n58l27xvb1]{flex:1;min-height:180px}.editor:not(:has(.editor-lines))[b-n58l27xvb1]{overflow:auto}.report-panel table[b-n58l27xvb1]{min-width:1000px}
/* _content/E360_Client/Components/Pages/HOME.razor.rz.scp.css */
.erp-home[b-ploxp8kn99] {
    height: 97%;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    container: erp-home / inline-size;
    background: #f4f6fa;
    color: #293b52;
    font-family: "Segoe UI", Arial, sans-serif;
}
.home-content[b-ploxp8kn99] { max-width: 1520px; margin: 0 auto; padding: 26px 28px 20px; }
.erp-home button[b-ploxp8kn99], .erp-home input[b-ploxp8kn99] { font: inherit; }
.erp-home button[b-ploxp8kn99] { cursor: pointer; }
.erp-home button:focus-visible[b-ploxp8kn99], .module-search:focus-within[b-ploxp8kn99], .diagram-viewport:focus-visible[b-ploxp8kn99] {
    outline: 3px solid #69a0e1; outline-offset: 3px;
}
.erp-home h1:focus[b-ploxp8kn99] { outline: none; }
.eyebrow[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 700; letter-spacing: .12em; color: #7185a0; }
.home-hero[b-ploxp8kn99] {
    display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(270px, .8fr); gap: 32px;
    padding: 28px 34px; margin-bottom: 28px; border-radius: 17px;
    background: radial-gradient(ellipse at 92% 0%, #315b85 0%, transparent 65%), linear-gradient(120deg, #142b46, #1d3d60);
    box-shadow: 0 8px 24px #15335412; color: #fff; overflow: hidden;
}
.hero-copy[b-ploxp8kn99] { align-self: center; }
.home-hero .eyebrow[b-ploxp8kn99] { color: #b4c8e0; font-size: 10px; }
.eyebrow-dot[b-ploxp8kn99] { width: 6px; height: 6px; border-radius: 50%; background: #7cd8c0; box-shadow: 0 0 0 4px #72d6c01a; }
.home-hero h1[b-ploxp8kn99] { margin: 15px 0 12px; color: #fff; font-size: clamp(24px, 2.7vw, 36px); line-height: 1.27; letter-spacing: -.035em; font-weight: 650; }
.home-hero h1 > span[b-ploxp8kn99] { color: #a8cee9; }
.home-hero p[b-ploxp8kn99] { max-width: 560px; margin: 0; color: #b5c7da; font-size: 13px; line-height: 1.7; }
.hero-access[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: #bbd6cc; font-size: 11px; }
.hero-map[b-ploxp8kn99] { align-self: center; padding: 15px 18px; border: 1px solid #ffffff1c; border-radius: 13px; background: #ffffff07; }
.hero-map-heading[b-ploxp8kn99] { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #afc6dd; font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.hero-map-node[b-ploxp8kn99] { display: flex; align-items: center; gap: 11px; padding: 9px 11px; border: 1px solid #ffffff20; border-radius: 8px; background: #ffffff09; }
.hero-map-node > i[b-ploxp8kn99] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; color: #a7ccec; background: #a7ccec10; font-size: 16px; }
.hero-map-node > span:not(.map-number)[b-ploxp8kn99] { flex: 1; color: #edf4fb; font-size: 12px; font-weight: 600; }
.hero-map-node small[b-ploxp8kn99] { display: block; margin-top: 2px; color: #9fb8d0; font-size: 10px; font-weight: 400; }
.map-number[b-ploxp8kn99] { font-size: 10px; color: #94b4d2; }
.hero-map-link[b-ploxp8kn99] { padding-left: 23px; height: 16px; font-size: 12px; color: #81a7ca; }
.section-heading[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; }
.section-heading h2[b-ploxp8kn99] { margin: 5px 0 0; font-size: 19px; letter-spacing: -.025em; color: #253951; font-weight: 650; }
.module-count[b-ploxp8kn99] { padding: 6px 11px; border: 1px solid #dfe7f0; border-radius: 20px; background: #fff; color: #637c98; font-size: 11px; white-space: nowrap; }
.section-note[b-ploxp8kn99] { color: #8491a3; font-size: 11px; }
.module-toolbar[b-ploxp8kn99] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 19px; }
.module-search[b-ploxp8kn99] { display: flex; align-items: center; gap: 9px; width: 265px; padding: 0 12px; border: 1px solid #dce4ee; border-radius: 9px; background: #fff; color: #8a9bb0; }
.module-search input[b-ploxp8kn99] { width: 100%; min-width: 0; height: 38px; outline: 0; border: 0; background: transparent; color: #2d425a; font-size: 12px; }
.module-search input[b-ploxp8kn99]::placeholder { color: #8b99ac; }
.module-groups[b-ploxp8kn99] { display: flex; flex-wrap: wrap; gap: 4px; margin-left: auto; }
.module-groups button[b-ploxp8kn99] { padding: 8px 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #75859a; font-size: 11px; white-space: nowrap; }
.module-groups button:hover[b-ploxp8kn99] { background: #e9eef5; color: #385a81; }
.module-groups button.active[b-ploxp8kn99] { border-color: #d6e3f4; background: #e9f0fa; color: #285d9b; font-weight: 600; }
.module-grid[b-ploxp8kn99] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 19px; }
.module-card[b-ploxp8kn99] {
    --module-soft: color-mix(in srgb, var(--module-accent) 17%, white);
    --module-ink: color-mix(in srgb, var(--module-accent) 65%, #172d46);
    position: relative; min-width: 0; min-height: 197px; display: flex; flex-direction: column;
    padding: 21px 19px 0; border: 1px solid color-mix(in srgb, var(--module-accent) 30%, white); border-radius: 16px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--module-accent) 6%, white), var(--module-soft));
    text-align: left; isolation: isolate; overflow: hidden;
    box-shadow: inset 0 1px 0 #ffffffcc, 0 3px 5px #203a5709, 0 9px 20px color-mix(in srgb, var(--module-accent) 12%, transparent);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.module-card[b-ploxp8kn99]::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--module-accent), color-mix(in srgb, var(--module-accent) 40%, white)); pointer-events: none; }
.module-card:hover[b-ploxp8kn99] { transform: translateY(-4px); border-color: color-mix(in srgb, var(--module-accent) 60%, white); box-shadow: inset 0 1px 0 #ffffffcc, 0 5px 9px #203a570c, 0 16px 28px color-mix(in srgb, var(--module-accent) 22%, transparent); }
.module-card:active[b-ploxp8kn99] { transform: translateY(-1px); }
.module-card-top[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 9px; width: 100%; margin-bottom: 15px; }
.module-icon[b-ploxp8kn99] { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid #ffffff55; border-radius: 13px; background: linear-gradient(145deg, var(--module-accent), color-mix(in srgb, var(--module-accent) 80%, #18314e)); color: #fff; font-size: 22px; box-shadow: inset 0 1px 0 #ffffff30, 0 5px 10px color-mix(in srgb, var(--module-accent) 25%, transparent); }
.module-category[b-ploxp8kn99] { max-width: 135px; padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--module-accent) 18%, white); border-radius: 7px; background: #ffffffa6; color: var(--module-ink); font-size: 10px; line-height: 1.5; text-align: right; }
.module-name[b-ploxp8kn99] { display: block; margin-bottom: 6px; color: #273c56; font-size: 15px; font-weight: 650; line-height: 1.4; letter-spacing: -.015em; }
.module-description[b-ploxp8kn99] { display: block; flex: 1; color: #52637a; font-size: 12px; line-height: 1.65; }
.module-card-footer[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; margin-top: 17px; padding: 12px 0; border-top: 1px solid color-mix(in srgb, var(--module-accent) 20%, white); color: var(--module-ink); font-size: 10px; font-weight: 600; }
.module-card-footer > span[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 6px; }
.module-card-footer > i[b-ploxp8kn99] { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid color-mix(in srgb, var(--module-accent) 20%, white); border-radius: 8px; background: #ffffffb3; font-size: 13px; }
.home-footer[b-ploxp8kn99] { display: flex; align-items: flex-start; gap: 9px; margin-top: 24px; padding: 15px 0 0; border-top: 1px solid #e1e8f0; color: #8795a8; font-size: 11px; line-height: 1.6; }
.home-footer > i[b-ploxp8kn99] { margin-top: 2px; color: #6e8cad; }
.home-footer-brand[b-ploxp8kn99] { margin-left: auto; white-space: nowrap; font-size: 10px; letter-spacing: .05em; font-weight: 600; }
.home-empty[b-ploxp8kn99] { display: grid; justify-items: center; gap: 10px; padding: 50px 20px; border: 1px dashed #cfdae7; border-radius: 12px; background: #fff; text-align: center; color: #7b8ca1; }
.home-empty > i[b-ploxp8kn99] { font-size: 30px; color: #819ab8; }
.home-empty h3[b-ploxp8kn99] { margin: 5px 0 0; color: #3f5670; font-size: 17px; }
.home-empty p[b-ploxp8kn99] { margin: 0; font-size: 13px; }
.home-empty button[b-ploxp8kn99] { padding: 8px 15px; border: 1px solid #d8e4f4; border-radius: 7px; background: #eef4fc; color: #35699f; font-size: 12px; }

/* Workflow: connected blocks with selectable detail. */
.workflow-navigation[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.back-button[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #dbe4ee; border-radius: 8px; background: #fff; color: #4c6a8b; font-size: 12px !important; font-weight: 600 !important; }
.back-button:hover[b-ploxp8kn99] { border-color: #a8c2df; background: #f6faff; }
.workflow-breadcrumb[b-ploxp8kn99] { display: flex; align-items: center; gap: 9px; color: #7f90a6; font-size: 11px; }
.workflow-breadcrumb i[b-ploxp8kn99] { font-size: 9px; }
.workflow-heading[b-ploxp8kn99] { display: flex; align-items: center; gap: 17px; margin-bottom: 22px; }
.workflow-module-icon[b-ploxp8kn99] { display: grid; place-items: center; width: 61px; height: 61px; flex-shrink: 0; border: 1px solid color-mix(in srgb, var(--module-accent) 20%, white); border-radius: 16px; background: color-mix(in srgb, var(--module-accent) 9%, white); color: var(--module-accent); font-size: 29px; }
.workflow-heading-copy[b-ploxp8kn99] { flex: 1; min-width: 0; }
.workflow-heading h1[b-ploxp8kn99] { margin: 5px 0; color: #253b55; font-size: 28px; font-weight: 650; letter-spacing: -.03em; }
.workflow-heading p[b-ploxp8kn99] { margin: 0; max-width: 850px; font-size: 12px; color: #798ba1; line-height: 1.65; }
.workflow-reference[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid #dee7f1; border-radius: 6px; background: #fff; color: #7089a3; font-size: 10px; white-space: nowrap; }
.workflow-board[b-ploxp8kn99] { overflow: hidden; border: 1px solid #dce5ef; border-radius: 14px; background: #fff; box-shadow: 0 3px 14px #243b5710; }
.board-toolbar[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-bottom: 1px solid #e5ebf3; }
.board-toolbar h2[b-ploxp8kn99] { margin: 0 0 4px; color: #2a405b; font-size: 16px; font-weight: 650; }
.board-toolbar p[b-ploxp8kn99] { margin: 0; color: #8a99ad; font-size: 11px; line-height: 1.5; }
.workflow-lanes[b-ploxp8kn99] { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid #e3eaf3; border-radius: 8px; background: #f4f7fb; }
.workflow-lanes button[b-ploxp8kn99] { padding: 8px 13px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #7a8b9f; font-size: 12px; }
.workflow-lanes button.active[b-ploxp8kn99] { border-color: #e3e9f0; background: #fff; color: var(--module-accent); font-weight: 600; box-shadow: 0 1px 3px #233b5310; }
.lane-label[b-ploxp8kn99] { display: flex; align-items: center; gap: 7px; color: var(--module-accent); font-size: 11px; }
.workflow-columns[b-ploxp8kn99] { display: flex; flex-direction: column; }
.diagram-section[b-ploxp8kn99] { padding: 16px 22px 12px; background: #f8fafd; }
.track-caption[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; font-size: 11px; color: #667d98; font-weight: 600; }
.track-caption small[b-ploxp8kn99] { color: #899bb0; font-size: 10px; font-weight: 400; }
.diagram-viewport[b-ploxp8kn99] { overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid #e4eaf2; border-radius: 9px; background: radial-gradient(#cad7e350 .8px, transparent .8px) 0 0 / 16px 16px, #fbfcfe; }
.flow-diagram[b-ploxp8kn99] { position: relative; width: 100%; min-width: 700px; }
.diagram-connectors[b-ploxp8kn99] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.flow-edge[b-ploxp8kn99] { fill: none; stroke: #8ea5bf; stroke-width: 1.7; vector-effect: non-scaling-stroke; }
.diagram-connectors marker path[b-ploxp8kn99] { fill: #8ea5bf; }
.diagram-node[b-ploxp8kn99] { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 8px; padding: 12px 14px; border: 1px solid #d5dfeb; border-radius: 10px; background: #fff; color: #324c69; text-align: left; box-shadow: 0 3px 9px #28476308; transition: border-color .15s ease, box-shadow .15s ease; }
.diagram-node:hover[b-ploxp8kn99] { border-color: var(--module-accent); box-shadow: 0 4px 14px #254b7114; }
.diagram-node.selected[b-ploxp8kn99] { border: 2px solid var(--module-accent); background: color-mix(in srgb, var(--module-accent) 4%, white); box-shadow: 0 0 0 3px color-mix(in srgb, var(--module-accent) 9%, transparent); }
.node-top[b-ploxp8kn99] { display: flex; align-items: center; gap: 7px; color: #8c9db0; font-size: 9px; letter-spacing: .07em; }
.node-top > i:first-child[b-ploxp8kn99] { color: var(--module-accent); font-size: 16px; }
.node-top > i:last-child[b-ploxp8kn99] { margin-left: auto; color: #9aabbe; font-size: 12px; }
.diagram-node.selected .node-top > i:last-child[b-ploxp8kn99] { color: var(--module-accent); }
.diagram-node > strong[b-ploxp8kn99] { color: #304a67; font-size: 13px; font-weight: 650; line-height: 1.35; }
.node-owner[b-ploxp8kn99] { overflow: hidden; color: #63748b; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.node-owner i[b-ploxp8kn99] { margin-right: 3px; }
.diagram-terminal[b-ploxp8kn99] { position: absolute; display: inline-flex; justify-content: center; align-items: center; gap: 7px; min-height: 28px; padding: 5px 12px; transform: translateX(-50%); border: 1px solid #dce5ee; border-radius: 25px; background: #f0f5fa; color: #6a829d; font-size: 10px; white-space: nowrap; }
.diagram-terminal.start > i[b-ploxp8kn99] { font-size: 6px; color: #8faac3; }
.diagram-terminal.end[b-ploxp8kn99] { border-color: #cee4dc; background: #eef8f3; color: #618c7d; }
.diagram-legend[b-ploxp8kn99] { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 12px; color: #8a9aae; font-size: 10px; }
.diagram-legend > span[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 6px; }
.legend-current[b-ploxp8kn99] { width: 8px; height: 8px; border-radius: 2px; background: var(--module-accent); }
.diagram-legend small[b-ploxp8kn99] { display: none; color: #8294a9; font-size: 10px; }

/* Selected node: inputs, processing and resulting data. */
.step-detail[b-ploxp8kn99] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); column-gap: 32px; padding: 22px; border-top: 1px solid #e2e9f2; background: #fff; }
.detail-caption[b-ploxp8kn99] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; color: #8093aa; font-size: 10px; font-weight: 600; letter-spacing: .07em; }
.detail-caption > span:last-child[b-ploxp8kn99] { padding: 3px 7px; border-radius: 5px; background: #f1f5fa; font-size: 10px; letter-spacing: 0; }
.detail-title[b-ploxp8kn99] { grid-column: 1; display: flex; align-items: flex-start; gap: 12px; }
.detail-icon[b-ploxp8kn99] { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 10px; background: color-mix(in srgb, var(--module-accent) 9%, white); color: var(--module-accent); font-size: 20px; }
.detail-title h3[b-ploxp8kn99] { margin: 1px 0 6px; color: #304761; font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.detail-title > div > span[b-ploxp8kn99] { color: #8496aa; font-size: 11px; }
.detail-title > div > span i[b-ploxp8kn99] { margin-right: 4px; }
.detail-description[b-ploxp8kn99] { grid-column: 1; margin: 15px 0; color: #60758d; font-size: 12px; line-height: 1.8; }
.data-exchange[b-ploxp8kn99] { grid-column: 2; grid-row: 2 / span 3; align-self: start; }
.data-box[b-ploxp8kn99] { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid #e1e9f3; border-radius: 8px; background: #f8fafd; }
.data-icon[b-ploxp8kn99] { display: grid; place-items: center; width: 29px; height: 29px; flex-shrink: 0; border-radius: 7px; background: #edf2f9; color: #6e8aad; font-size: 15px; }
.data-box h4[b-ploxp8kn99] { margin: 0 0 5px; color: #526b87; font-size: 11px; font-weight: 650; }
.data-box p[b-ploxp8kn99] { margin: 0; color: #62758c; font-size: 12px; line-height: 1.65; }
.data-box.output[b-ploxp8kn99] { border-color: #dcece5; background: #f4faf7; }
.output .data-icon[b-ploxp8kn99] { background: #e8f3ed; color: #6b9a85; }
.output h4[b-ploxp8kn99] { color: #58806d; }
.data-direction[b-ploxp8kn99] { display: flex; align-items: center; gap: 8px; padding: 8px 0 8px 25px; color: #8ea0b4; font-size: 10px; }
.step-control[b-ploxp8kn99] { grid-column: 1; display: flex; align-items: flex-start; gap: 9px; padding: 12px; border: 1px solid #e6eaf0; border-radius: 8px; background: #fafbfe; }
.step-control > i[b-ploxp8kn99] { margin-top: 1px; color: #6c89ab; font-size: 16px; }
.step-control strong[b-ploxp8kn99] { color: #5d7591; font-size: 11px; font-weight: 650; }
.step-control p[b-ploxp8kn99] { margin: 5px 0 0; color: #63758c; font-size: 12px; line-height: 1.7; }
.step-pagination[b-ploxp8kn99] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #eef1f6; }
.step-pagination button[b-ploxp8kn99] { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--module-accent); font-size: 11px; font-weight: 600; }
.step-pagination button:hover:not(:disabled)[b-ploxp8kn99] { background: color-mix(in srgb, var(--module-accent) 6%, white); }
.step-pagination button:disabled[b-ploxp8kn99] { color: #bbc5d1; cursor: default; }
.workflow-note[b-ploxp8kn99] { display: flex; align-items: flex-start; gap: 12px; margin-top: 17px; padding: 17px 19px; border: 1px solid #dce6f1; border-radius: 11px; background: #edf3f9; }
.workflow-note > span[b-ploxp8kn99] { color: #6b89aa; font-size: 17px; }
.workflow-note strong[b-ploxp8kn99] { color: #597593; font-size: 12px; font-weight: 650; }
.workflow-note p[b-ploxp8kn99] { margin: 6px 0; color: #5e7691; font-size: 12px; line-height: 1.75; }
.workflow-note small[b-ploxp8kn99] { color: #8da0b5; font-size: 10px; line-height: 1.6; }
.related-section[b-ploxp8kn99] { margin-top: 26px; }
.related-grid[b-ploxp8kn99] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.related-module[b-ploxp8kn99] { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 14px 12px; border: 1px solid color-mix(in srgb, var(--module-accent) 27%, white); border-radius: 12px; background: linear-gradient(135deg, color-mix(in srgb, var(--module-accent) 4%, white), color-mix(in srgb, var(--module-accent) 13%, white)); text-align: left; box-shadow: 0 4px 12px color-mix(in srgb, var(--module-accent) 12%, transparent); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.related-module:hover[b-ploxp8kn99] { transform: translateY(-2px); border-color: var(--module-accent); box-shadow: 0 8px 18px color-mix(in srgb, var(--module-accent) 20%, transparent); }
.related-icon[b-ploxp8kn99] { display: grid; place-items: center; width: 35px; height: 35px; flex-shrink: 0; border-radius: 9px; background: var(--module-accent); color: #fff; font-size: 17px; }
.related-module > span:nth-child(2)[b-ploxp8kn99] { display: grid; gap: 4px; flex: 1; min-width: 0; }
.related-module strong[b-ploxp8kn99] { color: #4c6580; font-size: 12px; font-weight: 650; }
.related-module small[b-ploxp8kn99] { overflow: hidden; color: #64758b; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.related-module > i[b-ploxp8kn99] { color: var(--module-accent); font-size: 11px; }
.workflow-footer[b-ploxp8kn99] { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 22px; padding-top: 15px; border-top: 1px solid #e1e8f1; }
.workflow-footer > span[b-ploxp8kn99] { color: #99a7b9; font-size: 10px; }

@container erp-home (max-width: 1150px) {
    .module-grid[b-ploxp8kn99] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .module-groups[b-ploxp8kn99] { margin-left: 0; }
    .home-hero[b-ploxp8kn99] { gap: 22px; padding: 26px; }
    .home-hero h1[b-ploxp8kn99] { font-size: 29px; }
    .related-grid[b-ploxp8kn99] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container erp-home (max-width: 820px) {
    .home-content[b-ploxp8kn99] { padding: 20px; }
    .home-hero[b-ploxp8kn99] { grid-template-columns: 1fr; padding: 25px; }
    .hero-map[b-ploxp8kn99] { display: none; }
    .module-grid[b-ploxp8kn99] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workflow-reference[b-ploxp8kn99] { display: none; }
    .workflow-heading[b-ploxp8kn99] { align-items: flex-start; }
    .board-toolbar[b-ploxp8kn99] { flex-wrap: wrap; padding: 16px; }
    .diagram-section[b-ploxp8kn99] { padding: 14px; }
    .diagram-legend small[b-ploxp8kn99] { display: inline; }
    .step-detail[b-ploxp8kn99] { column-gap: 20px; padding: 18px; }
}
@container erp-home (max-width: 560px) {
    .home-content[b-ploxp8kn99] { padding: 14px; }
    .home-hero[b-ploxp8kn99] { border-radius: 12px; padding: 22px; margin-bottom: 22px; }
    .home-hero h1[b-ploxp8kn99] { font-size: 25px; }
    .home-hero .eyebrow[b-ploxp8kn99] { font-size: 8px; }
    .home-hero p[b-ploxp8kn99] { font-size: 12px; }
    .module-grid[b-ploxp8kn99], .related-grid[b-ploxp8kn99] { grid-template-columns: 1fr; }
    .module-card[b-ploxp8kn99] { min-height: 180px; }
    .module-search[b-ploxp8kn99] { width: 100%; }
    .module-groups[b-ploxp8kn99] { gap: 3px; }
    .module-groups button[b-ploxp8kn99] { padding: 7px 8px; font-size: 10px; }
    .section-heading h2[b-ploxp8kn99] { font-size: 17px; }
    .section-note[b-ploxp8kn99], .home-footer-brand[b-ploxp8kn99], .workflow-breadcrumb[b-ploxp8kn99], .workflow-footer > span[b-ploxp8kn99] { display: none; }
    .workflow-heading[b-ploxp8kn99] { gap: 12px; }
    .workflow-module-icon[b-ploxp8kn99] { width: 44px; height: 44px; border-radius: 11px; font-size: 23px; }
    .workflow-heading h1[b-ploxp8kn99] { font-size: 23px; }
    .track-caption[b-ploxp8kn99] { align-items: flex-start; flex-direction: column; gap: 6px; }
    .diagram-legend[b-ploxp8kn99] { gap: 10px; }
    .step-detail[b-ploxp8kn99] { display: flex; flex-direction: column; gap: 0; }
    .data-exchange[b-ploxp8kn99] { margin: 5px 0 14px; }
    .workflow-note[b-ploxp8kn99] { padding: 13px; gap: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .module-card[b-ploxp8kn99], .related-module[b-ploxp8kn99], .diagram-node[b-ploxp8kn99] { transition: none; }
    .module-card:hover[b-ploxp8kn99], .module-card:active[b-ploxp8kn99], .related-module:hover[b-ploxp8kn99] { transform: none; }
}
/* _content/E360_Client/Components/Pages/HR_ADMIN/HR_ADMIN_SELECT.razor.rz.scp.css */
.hr-select-host[b-y823evyqjn]{width:100%;min-width:0;max-width:100%;display:block}
.hr-select-host[b-y823evyqjn]  .hr-select{width:100%;min-width:0;min-height:36px;box-sizing:border-box}
/* _content/E360_Client/Components/Pages/HR_ADMIN/HR_ADMIN_WORKSPACE_PAGE.razor.rz.scp.css */
.hr-workspace[b-vv8za66lxs]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 20px;overflow:hidden;background:#f3f6fb;color:#334c68;font:13px "Segoe UI",Arial,sans-serif;container:hr/inline-size}.hr-workspace *[b-vv8za66lxs]{box-sizing:border-box}.hr-workspace button[b-vv8za66lxs],.employee-profile button[b-vv8za66lxs]{border:1px solid #dbe5f0;border-radius:7px;padding:8px 11px;background:#fff;color:#58708c;font:inherit;cursor:pointer}.hr-workspace button:disabled[b-vv8za66lxs],.employee-profile button:disabled[b-vv8za66lxs]{opacity:.55;cursor:not-allowed}.hr-workspace button.primary[b-vv8za66lxs]{background:#2d6caf;color:white;border-color:#2d6caf}.hr-workspace button.danger[b-vv8za66lxs]{color:#a14e5b;border-color:#eedadd;background:#fff8f8}.hr-workspace button.secondary[b-vv8za66lxs]{color:#3f6996;background:#eef5fd}.workspace-header[b-vv8za66lxs],.actions[b-vv8za66lxs],.list-toolbar[b-vv8za66lxs],.search-group[b-vv8za66lxs],.filters[b-vv8za66lxs],.section-bar[b-vv8za66lxs],.pager[b-vv8za66lxs],.document-bar[b-vv8za66lxs],.section-heading[b-vv8za66lxs]{display:flex;align-items:center;justify-content:space-between;gap:8px}.workspace-header[b-vv8za66lxs]{flex:none}.workspace-header .eyebrow[b-vv8za66lxs],.employee-profile .eyebrow[b-vv8za66lxs]{font-size:10px;letter-spacing:.1em;font-weight:700;color:#7990ab}.workspace-header h1[b-vv8za66lxs]{margin:3px 0;font-size:22px;color:#304d70;font-weight:650}.workspace-header h1 i[b-vv8za66lxs]{color:#4e80b2;margin-right:7px}.workspace-header p[b-vv8za66lxs]{margin:0;color:#8295ac;font-size:11px}.list-toolbar[b-vv8za66lxs]{flex:none;align-items:center;flex-wrap:wrap}.search-group[b-vv8za66lxs]{justify-content:flex-start;border:1px solid #dbe5f0;border-radius:8px;background:#fff;min-width:280px;overflow:hidden}.search-group>i[b-vv8za66lxs]{padding-left:10px;color:#8ba0b8}.search-group input[b-vv8za66lxs]{border:0;outline:0;padding:9px 7px;min-width:180px;flex:1;font:inherit}.search-group button[b-vv8za66lxs]{border:0;border-left:1px solid #e3eaf2;border-radius:0}.filters[b-vv8za66lxs]{justify-content:flex-end;flex-wrap:wrap;color:#7186a0;font-size:11px}.filters label[b-vv8za66lxs]{display:flex;align-items:center;gap:5px}.filters input[b-vv8za66lxs],.filters select[b-vv8za66lxs],.profile-fields input[b-vv8za66lxs],.profile-fields select[b-vv8za66lxs],.profile-fields textarea[b-vv8za66lxs],.hr-workspace input[b-vv8za66lxs],.hr-workspace select[b-vv8za66lxs],.hr-workspace textarea[b-vv8za66lxs]{min-width:0;border:1px solid #dce5ef;border-radius:6px;background:#fff;color:#405976;padding:7px 9px;font:inherit}.filters input[b-vv8za66lxs],.filters select[b-vv8za66lxs]{height:33px}.panel[b-vv8za66lxs]{border:1px solid #dce6f1;border-radius:9px;background:#fff;box-shadow:0 3px 11px #406a9b08;overflow:hidden}.list-panel[b-vv8za66lxs]{flex:1 1 55%;min-height:150px;display:flex;flex-direction:column}.table-scroll[b-vv8za66lxs]{flex:1;min-height:0;overflow:auto}.hr-workspace table[b-vv8za66lxs]{width:100%;border-collapse:collapse;font-size:11px}.hr-workspace thead[b-vv8za66lxs]{position:sticky;top:0;z-index:1;background:#f6f9fd;color:#7890a9}.hr-workspace th[b-vv8za66lxs]{text-align:left;padding:10px 11px;font-weight:600;border-bottom:1px solid #e3eaf2;white-space:nowrap}.hr-workspace td[b-vv8za66lxs]{padding:8px 11px;border-bottom:1px solid #edf1f6;color:#5e738e;vertical-align:middle}.hr-workspace tbody tr[b-vv8za66lxs]{cursor:pointer}.hr-workspace tbody tr:hover[b-vv8za66lxs],.hr-workspace tbody tr.selected[b-vv8za66lxs]{background:#f3f8fe}.hr-workspace td strong[b-vv8za66lxs]{display:block;color:#3e5d80;font-weight:600}.hr-workspace td small[b-vv8za66lxs]{display:block;margin-top:3px;color:#94a4b8;font-size:10px}.hr-workspace .num[b-vv8za66lxs]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.warn[b-vv8za66lxs]{color:#bd8053!important}.badge[b-vv8za66lxs],.status-pill[b-vv8za66lxs]{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;background:#eef3fa;color:#7186a0;font-size:10px;white-space:nowrap}.badge.approved[b-vv8za66lxs],.badge.active[b-vv8za66lxs],.status-pill.active[b-vv8za66lxs]{background:#e8f5ee;color:#428367}.badge.pending[b-vv8za66lxs],.badge.submitted[b-vv8za66lxs],.badge.recorded[b-vv8za66lxs]{background:#fff5e8;color:#a77c40}.badge.rejected[b-vv8za66lxs],.badge.cancelled[b-vv8za66lxs],.badge.terminated[b-vv8za66lxs]{background:#f9ecee;color:#aa6672}.badge.locked[b-vv8za66lxs]{background:#e9edf4;color:#61738a}.pager[b-vv8za66lxs]{flex:none;padding:8px 11px;border-top:1px solid #edf1f6;color:#879ab1;font-size:10px}.pager .actions button[b-vv8za66lxs]{padding:5px 8px}.detail-panel[b-vv8za66lxs]{flex:1 1 35%;min-height:115px;display:flex;flex-direction:column}.section-bar[b-vv8za66lxs]{flex:none;padding:9px 12px;border-bottom:1px solid #edf1f6}.section-bar>div:first-child strong[b-vv8za66lxs],.section-heading h3[b-vv8za66lxs]{display:block;color:#49698d;font-size:12px}.section-bar small[b-vv8za66lxs],.section-heading p[b-vv8za66lxs]{display:block;margin-top:4px;color:#91a3b8;font-size:10px}.attendance-summary[b-vv8za66lxs]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:9px}.attendance-summary>div[b-vv8za66lxs]{padding:7px 9px;border:1px solid #e3ebf4;border-radius:7px;background:#f8fafd}.attendance-summary span[b-vv8za66lxs],.attendance-summary strong[b-vv8za66lxs]{display:block}.attendance-summary span[b-vv8za66lxs]{font-size:9px;color:#8a9db3}.attendance-summary strong[b-vv8za66lxs]{margin-top:4px;font-size:12px;color:#506f94}.detail-mini[b-vv8za66lxs]{display:flex;gap:16px;padding:10px;color:#6f85a0;font-size:11px;flex-wrap:wrap}.history[b-vv8za66lxs]{margin:0 12px 9px;font-size:11px;color:#68809c}.history summary[b-vv8za66lxs]{padding:8px 0;cursor:pointer}.document-bar[b-vv8za66lxs]{flex:none;padding:8px 11px;border:1px solid #dce6f1;border-radius:8px;background:#fff}.document-bar>div:first-child[b-vv8za66lxs]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.document-bar strong[b-vv8za66lxs]{font-size:13px;color:#46678d}.unsaved[b-vv8za66lxs]{font-size:10px;color:#ad8341}.editor-scroll[b-vv8za66lxs]{flex:1;min-height:0;overflow:auto;padding:14px}.hr-workspace .profile-fields[b-vv8za66lxs]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 15px;border:0;margin:0;padding:0}.profile-fields label[b-vv8za66lxs]{display:flex;flex-direction:column;gap:5px;min-width:0;color:#7187a1;font-size:11px}.profile-fields label>span[b-vv8za66lxs]{font-weight:550}.profile-fields label b[b-vv8za66lxs]{color:#bd6e68}.profile-fields input[b-vv8za66lxs],.profile-fields select[b-vv8za66lxs],.profile-fields textarea[b-vv8za66lxs]{width:100%}.profile-fields textarea[b-vv8za66lxs]{resize:vertical}.profile-fields label.check[b-vv8za66lxs]{flex-direction:row;align-items:center;gap:7px}.profile-fields label.check input[b-vv8za66lxs]{width:16px}.span-2[b-vv8za66lxs]{grid-column:span 2}.span-3[b-vv8za66lxs]{grid-column:span 3}.profile-hint[b-vv8za66lxs]{display:flex;gap:9px;padding:9px 11px;border-radius:7px;border:1px solid #e2eaf5;background:#f6f9fd;color:#778ba5;font-size:10px;line-height:1.6}.profile-hint i[b-vv8za66lxs]{color:#4e7aa8}.employee-profile[b-vv8za66lxs]{flex:1;min-height:0;overflow:auto;padding:13px}.profile-hero[b-vv8za66lxs]{display:grid;grid-template-columns:122px minmax(0,1fr) minmax(135px,auto);gap:17px;align-items:center;padding:15px 17px;border:1px solid #dce6f2;border-radius:10px;background:linear-gradient(115deg,#fff 45%,#f0f6fd);box-shadow:0 4px 15px #3b66900c}.portrait[b-vv8za66lxs]{position:relative;width:108px;height:108px;border-radius:14px;overflow:hidden;background:#e9f0f8;border:1px solid #d9e4f1}.portrait img[b-vv8za66lxs]{width:100%;height:100%;object-fit:cover}.portrait-placeholder[b-vv8za66lxs]{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#edf4fb,#dae8f7);color:#5c7fa7}.portrait-placeholder span[b-vv8za66lxs]{font-size:31px;font-weight:700}.portrait-placeholder small[b-vv8za66lxs]{margin-top:3px;font-size:9px;color:#89a0ba}.photo-button[b-vv8za66lxs]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:5px;padding:6px;background:#254f7cd9;color:white!important;font-size:10px;cursor:pointer}.photo-button input[b-vv8za66lxs]{position:absolute;width:1px;height:1px;opacity:0}.identity h2[b-vv8za66lxs]{margin:5px 0;font-size:21px;color:#365a80}.identity-tags[b-vv8za66lxs],.contact-strip[b-vv8za66lxs]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.identity-tags>span:first-child[b-vv8za66lxs]{font-size:11px;color:#7186a0}.identity>p[b-vv8za66lxs]{margin:8px 0;color:#577698;font-size:12px}.identity>p span[b-vv8za66lxs]{color:#afbdcc;padding:0 4px}.contact-strip[b-vv8za66lxs]{color:#7c90a7;font-size:10px}.contact-strip i[b-vv8za66lxs]{margin-right:4px;color:#7797b9}.tenure[b-vv8za66lxs]{display:flex;flex-direction:column;gap:5px;padding-left:14px;border-left:1px solid #e3ebf4;color:#8a9cb1;font-size:10px}.tenure strong[b-vv8za66lxs]{color:#4d6e93;font-size:14px}.tenure small[b-vv8za66lxs]{font-size:9px}.text-button[b-vv8za66lxs]{border:0!important;padding:6px 0!important;color:#a35e65!important;background:transparent!important;font-size:10px!important}.profile-tabs[b-vv8za66lxs]{display:flex;gap:3px;margin-top:11px;border-bottom:1px solid #e0e8f2;overflow:auto}.profile-tabs button[b-vv8za66lxs]{border:0;border-radius:6px 6px 0 0;padding:9px 12px;background:transparent;color:#7890a9;white-space:nowrap}.profile-tabs button.active[b-vv8za66lxs]{background:#eaf2fb;color:#3f6d9d;box-shadow:inset 0 -2px #4e7cac}.profile-section[b-vv8za66lxs]{margin-top:10px;padding:12px;border:1px solid #dfe8f2;border-radius:9px;background:#fff}.section-heading[b-vv8za66lxs]{margin-bottom:12px}.section-heading h3[b-vv8za66lxs]{margin:0;font-size:12px}.section-heading p[b-vv8za66lxs]{margin-bottom:0}.section-heading>i[b-vv8za66lxs]{padding:8px;border-radius:8px;background:#edf4fb;color:#7295ba}.profile-fields fieldset[b-vv8za66lxs]{border:0}.form-divider[b-vv8za66lxs]{padding-top:10px;border-top:1px solid #e8eef5;color:#6b83a0;font-weight:600}.empty[b-vv8za66lxs]{text-align:center!important;padding:25px!important;color:#98a8ba!important}.notice[b-vv8za66lxs]{flex:none;padding:9px 11px;border-radius:7px;font-size:11px}.notice.error[b-vv8za66lxs]{background:#fff1f1;color:#a75d65;border:1px solid #f0dcdc}.notice.success[b-vv8za66lxs]{background:#eef8f2;color:#49866a;border:1px solid #d8ecdf}
@container hr (max-width:1050px){.workspace-header h1[b-vv8za66lxs]{font-size:19px}.filters[b-vv8za66lxs]{gap:5px}.attendance-summary[b-vv8za66lxs]{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-hero[b-vv8za66lxs]{grid-template-columns:100px minmax(0,1fr)}.portrait[b-vv8za66lxs]{width:92px;height:92px}.tenure[b-vv8za66lxs]{grid-column:2;border-left:0;padding:0}}
@container hr (max-width:700px){.hr-workspace[b-vv8za66lxs]{padding:11px}.workspace-header[b-vv8za66lxs]{align-items:flex-start}.workspace-header h1[b-vv8za66lxs]{font-size:17px}.workspace-header p[b-vv8za66lxs]{max-width:40ch;line-height:1.45}.workspace-header .actions[b-vv8za66lxs]{flex-wrap:wrap;justify-content:flex-end}.list-toolbar[b-vv8za66lxs]{align-items:stretch}.search-group[b-vv8za66lxs]{min-width:0;width:100%}.filters[b-vv8za66lxs]{justify-content:flex-start}.hr-workspace .profile-fields[b-vv8za66lxs]{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3[b-vv8za66lxs]{grid-column:span 2}.profile-hero[b-vv8za66lxs]{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:11px}.portrait[b-vv8za66lxs]{width:72px;height:78px}.portrait-placeholder span[b-vv8za66lxs]{font-size:22px}.identity h2[b-vv8za66lxs]{font-size:17px}.tenure[b-vv8za66lxs]{grid-column:2}.profile-tabs button[b-vv8za66lxs]{padding:8px}.attendance-summary[b-vv8za66lxs]{grid-template-columns:repeat(2,minmax(0,1fr))}.document-bar[b-vv8za66lxs]{align-items:flex-start;flex-direction:column}}
@container hr (max-width:450px){.hr-workspace .profile-fields[b-vv8za66lxs]{grid-template-columns:minmax(0,1fr)}.span-2[b-vv8za66lxs],.span-3[b-vv8za66lxs]{grid-column:auto}.profile-hero[b-vv8za66lxs]{grid-template-columns:1fr}.portrait[b-vv8za66lxs]{width:90px;height:90px}.tenure[b-vv8za66lxs]{grid-column:auto}.filters input[b-vv8za66lxs],.filters select[b-vv8za66lxs]{max-width:145px}}
.punch-overlay[b-vv8za66lxs]{position:fixed;inset:0;z-index:1080;display:flex;align-items:center;justify-content:center;padding:24px;background:#142b486b;backdrop-filter:blur(3px)}.punch-dialog[b-vv8za66lxs]{display:flex;flex-direction:column;width:min(1050px,95vw);max-height:85vh;padding:18px;box-shadow:0 20px 80px #10243e40}.punch-dialog header[b-vv8za66lxs],.punch-dialog footer[b-vv8za66lxs]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.punch-dialog header div[b-vv8za66lxs]{display:flex;flex-direction:column;gap:6px}.punch-dialog header small[b-vv8za66lxs]{color:#71859d}.punch-dialog .table-scroll[b-vv8za66lxs]{overflow:auto;min-height:0}.import-preview[b-vv8za66lxs]{flex:0 1 38%;min-height:170px;padding:12px;display:flex;flex-direction:column}.import-preview p[b-vv8za66lxs]{font-size:11px;color:#6f849c;margin:8px 0}.excel-upload[b-vv8za66lxs]{position:relative;display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #c8dcef;border-radius:7px;background:#edf5fe;cursor:pointer;color:#426d9b}.excel-upload[b-vv8za66lxs]  input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.review-note[b-vv8za66lxs]{display:flex;flex-direction:column;gap:7px;margin-top:14px}.review-note textarea[b-vv8za66lxs]{min-height:64px;border:1px solid #d4e0ee;border-radius:8px;padding:10px}.detail-panel>.table-scroll[b-vv8za66lxs]{max-height:220px;overflow:auto}

/* HR search and filters wrap as whole controls. */
.hr-workspace[b-vv8za66lxs]{height:100%;width:100%;min-width:0}
.hr-workspace .workspace-header[b-vv8za66lxs]{align-items:flex-start;gap:16px;flex-wrap:wrap}
.hr-workspace .workspace-header>div:first-child[b-vv8za66lxs]{min-width:0;flex:1 1 260px}
.hr-workspace .workspace-header>.actions[b-vv8za66lxs]{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.hr-workspace button[b-vv8za66lxs]{white-space:nowrap;min-height:36px}
.hr-workspace .list-toolbar[b-vv8za66lxs]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border:1px solid #dce6f1;border-radius:10px;background:#fff}

.hr-workspace .search-group[b-vv8za66lxs]{display:flex;flex:1 1 210px;min-width:min(100%,200px);max-width:380px;height:36px;width:auto;border-color:#ceddeb;gap:8px}
.hr-workspace .search-group input[b-vv8za66lxs]{flex:1 1 0;width:100%;min-width:0;max-width:none;border:0;border-radius:0;padding:8px 0;outline:none}
.hr-workspace .search-group button[b-vv8za66lxs]{flex:0 0 auto;align-self:stretch;padding:7px 10px;background:#f0f5fc}
.hr-workspace .toolbar-actions[b-vv8za66lxs]{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto}
.hr-workspace .filters[b-vv8za66lxs]{display:contents}
.hr-workspace .filters .filter-field[b-vv8za66lxs]{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;min-width:0;font-size:11px;color:#607994}
.hr-workspace .filters .date-filter[b-vv8za66lxs]{flex:0 0 auto}.hr-workspace .filters .date-filter input[b-vv8za66lxs]{width:124px}.hr-workspace .filters .year-filter input[b-vv8za66lxs]{width:86px}
.hr-workspace .filters .employee-filter[b-vv8za66lxs]{flex:0 1 224px;min-width:200px;max-width:260px}.hr-workspace .employee-filter[b-vv8za66lxs]  .hr-select-host{flex:1;min-width:0;width:auto}
.hr-workspace .filters .status-filter[b-vv8za66lxs]{flex:0 0 auto}.hr-workspace .filters .status-filter select[b-vv8za66lxs]{width:150px}
.hr-workspace .filters .filter-field>span[b-vv8za66lxs]{flex:0 0 auto;font-weight:600;line-height:1.4;white-space:nowrap}
.hr-workspace .filters input[b-vv8za66lxs],.hr-workspace .filters select[b-vv8za66lxs]{width:100%;min-width:0;max-width:none;height:36px;padding:7px 10px;font-size:13px}
.hr-workspace .filters input:focus[b-vv8za66lxs],.hr-workspace .filters select:focus[b-vv8za66lxs]{outline:2px solid #d2e3f8;border-color:#6b9bcc}
.hr-workspace .excel-upload[b-vv8za66lxs]{height:36px;min-height:36px;flex-direction:row;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.hr-workspace .excel-upload:has(input:disabled)[b-vv8za66lxs]{opacity:.55;cursor:not-allowed}
.hr-workspace .week-field[b-vv8za66lxs]{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#607994}
.hr-workspace .week-days[b-vv8za66lxs]{display:flex;flex-wrap:wrap;gap:8px}
.hr-workspace .week-days label.check[b-vv8za66lxs]{display:flex;align-items:center;flex-direction:row;gap:7px;padding:8px 12px;border:1px solid #dce5ef;border-radius:7px;background:#f7faff}
.hr-workspace .week-days input[b-vv8za66lxs]{width:16px;height:16px;margin:0}
.hr-workspace .week-field small[b-vv8za66lxs]{color:#8195aa}
.hr-workspace .editor-scroll[b-vv8za66lxs]{min-width:0}
.hr-workspace .detail-panel[b-vv8za66lxs]{overflow:auto;min-height:110px}
.hr-workspace .detail-panel>.table-scroll[b-vv8za66lxs]{min-height:90px}
@container hr (max-width:850px){.workspace-header .actions[b-vv8za66lxs]{gap:6px}.workspace-header h1[b-vv8za66lxs]{font-size:19px}}
@container hr (max-width:560px){.hr-workspace .filters .filter-field[b-vv8za66lxs]{flex:1 1 200px;min-width:0;max-width:none}.hr-workspace .filters .filter-field input[b-vv8za66lxs],.hr-workspace .filters .filter-field select[b-vv8za66lxs]{flex:1;width:100%;min-width:0}.hr-workspace .filters .filter-field>span[b-vv8za66lxs]{width:62px}.hr-workspace .search-group[b-vv8za66lxs]{flex-basis:100%;min-width:0;max-width:none}.hr-workspace .workspace-header>.actions[b-vv8za66lxs]{justify-content:flex-start}.hr-workspace .list-toolbar[b-vv8za66lxs]{padding:10px;gap:12px}.hr-workspace .toolbar-actions[b-vv8za66lxs]{width:100%;justify-content:flex-start}.hr-workspace .list-panel[b-vv8za66lxs]{min-height:180px}}
/* Three or more filters: search/actions above, inline labels and filters below. */
.hr-workspace .list-toolbar.two-row-toolbar[b-vv8za66lxs]{display:grid;grid-template-columns:minmax(200px,1fr) auto;align-items:center;gap:10px 14px}
.hr-workspace .two-row-toolbar>.search-group[b-vv8za66lxs]{grid-column:1;grid-row:1;max-width:480px;min-width:0;width:100%}
.hr-workspace .two-row-toolbar>.toolbar-actions[b-vv8za66lxs]{grid-column:2;grid-row:1;margin-left:0}
.hr-workspace .two-row-toolbar>.filters[b-vv8za66lxs]{display:flex;grid-column:1/-1;grid-row:2;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px 16px;width:100%;padding-top:10px;border-top:1px solid #edf1f6}
.hr-workspace .two-row-toolbar .employee-filter[b-vv8za66lxs]{flex:1 1 260px;max-width:360px}
@container hr (max-width:700px){.hr-workspace .list-toolbar.two-row-toolbar[b-vv8za66lxs]{grid-template-columns:minmax(0,1fr)}.hr-workspace .two-row-toolbar>.toolbar-actions[b-vv8za66lxs]{grid-column:1;grid-row:2;justify-content:flex-start;width:auto}.hr-workspace .two-row-toolbar>.filters[b-vv8za66lxs]{grid-row:3}.hr-workspace .two-row-toolbar>.search-group[b-vv8za66lxs]{max-width:none}}
/* _content/E360_Client/Components/Pages/HR_ADMIN/HR_EMPLOYEE_PROFILE.razor.rz.scp.css */
.employee-profile[b-8rfynez3v1]{flex:1;min-height:0;overflow:auto;padding:14px;color:#334c68}.employee-profile *[b-8rfynez3v1]{box-sizing:border-box}.profile-hero[b-8rfynez3v1]{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px;border:1px solid #dce6f2;border-radius:14px;background:linear-gradient(115deg,#fff,#edf4ff);box-shadow:0 6px 22px #284f7610}.portrait[b-8rfynez3v1]{position:relative;width:105px;height:115px;border-radius:12px;overflow:hidden;background:#dfeaf7}.portrait img[b-8rfynez3v1]{width:100%;height:100%;object-fit:cover}.portrait-placeholder[b-8rfynez3v1]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#52769c}.portrait-placeholder span[b-8rfynez3v1]{font-size:30px;font-weight:700}.portrait-placeholder small[b-8rfynez3v1]{font-size:11px}.photo-button[b-8rfynez3v1]{position:absolute;bottom:0;left:0;right:0;background:#244e7ce0;color:white;padding:6px;text-align:center;font-size:11px;cursor:pointer}.photo-button[b-8rfynez3v1]  input{position:absolute;opacity:0;width:1px;height:1px}.identity h2[b-8rfynez3v1]{font-size:24px;margin:6px 0 10px}.eyebrow[b-8rfynez3v1]{font-size:10px;letter-spacing:1.3px;color:#6485a9}.identity-tags[b-8rfynez3v1],.contact-strip[b-8rfynez3v1]{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.identity p[b-8rfynez3v1]{font-size:13px;margin:10px 0}.contact-strip[b-8rfynez3v1]{color:#6b8098}.tenure[b-8rfynez3v1]{display:flex;flex-direction:column;gap:8px;padding-left:20px;border-left:1px solid #dce6f2;font-size:12px}.tenure strong[b-8rfynez3v1]{font-size:18px}.profile-tabs[b-8rfynez3v1]{display:flex;gap:5px;margin-top:16px;border-bottom:1px solid #dce6f2;overflow:auto}.profile-tabs button[b-8rfynez3v1]{border:0;border-radius:8px 8px 0 0;padding:12px 15px;background:transparent;color:#627d99;white-space:nowrap}.profile-tabs button.active[b-8rfynez3v1]{background:#e5effc;color:#2463a3;box-shadow:inset 0 -3px #3374b8}.profile-section[b-8rfynez3v1]{padding:18px;margin-top:12px;border:1px solid #dce6f2;border-radius:12px;background:#fff}.section-heading[b-8rfynez3v1]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-heading h3[b-8rfynez3v1]{margin:0;font-size:15px}.section-heading p[b-8rfynez3v1]{font-size:12px;color:#7e91a8;margin:5px 0 0}.section-heading>i[b-8rfynez3v1]{padding:10px;border-radius:10px;background:#edf4fb}.profile-fields[b-8rfynez3v1]{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-fields label[b-8rfynez3v1]{display:flex;flex-direction:column;gap:7px;font-size:12px}.profile-fields input[b-8rfynez3v1],.profile-fields textarea[b-8rfynez3v1],.profile-fields select[b-8rfynez3v1]{width:100%;border:1px solid #d4e0ee;border-radius:7px;padding:9px;color:#344e6a;font:inherit;background:#fff}.profile-fields input:focus[b-8rfynez3v1],.profile-fields textarea:focus[b-8rfynez3v1]{outline:2px solid #c5dcfa;border-color:#5d94ce}.profile-fields:disabled input[b-8rfynez3v1]{background:#f6f8fc;color:#5e7188}.profile-fields label.check[b-8rfynez3v1]{flex-direction:row;align-items:center}.check input[b-8rfynez3v1]{width:16px}.span-2[b-8rfynez3v1]{grid-column:span 2}.span-3[b-8rfynez3v1]{grid-column:span 3}.profile-hint[b-8rfynez3v1]{padding:12px;border-radius:8px;background:#f0f6fd;color:#6683a2;display:flex;gap:10px;font-size:12px;line-height:1.6}.text-button[b-8rfynez3v1]{border:0;background:transparent;color:#b45160;padding:8px;cursor:pointer}.badge[b-8rfynez3v1]{padding:4px 8px;border-radius:6px;background:#edf3fa;color:#497399;font-size:11px}.form-divider[b-8rfynez3v1]{grid-column:1/-1;border-top:1px solid #e4ebf3;padding-top:12px;font-size:12px;font-weight:600}
@container hr (max-width:850px){.profile-hero[b-8rfynez3v1]{grid-template-columns:90px 1fr}.portrait[b-8rfynez3v1]{width:85px;height:100px}.tenure[b-8rfynez3v1]{grid-column:2;border:0;padding:0}.profile-fields[b-8rfynez3v1]{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3[b-8rfynez3v1]{grid-column:span 2}}
@container hr (max-width:500px){.profile-hero[b-8rfynez3v1]{grid-template-columns:1fr}.tenure[b-8rfynez3v1]{grid-column:auto}.profile-fields[b-8rfynez3v1]{grid-template-columns:1fr}.span-2[b-8rfynez3v1],.span-3[b-8rfynez3v1]{grid-column:auto}.profile-tabs button[b-8rfynez3v1]{padding:10px}}

.photo-pending[b-8rfynez3v1] { margin-top:10px; color:#9a6700; font-size:12px; display:flex; align-items:center; gap:6px; }
.photo-button:focus-within[b-8rfynez3v1] { outline:2px solid #60a5fa; outline-offset:-2px; }
.photo-button[b-8rfynez3v1]  input { inset:0; width:100%; height:100%; cursor:pointer; }
.photo-button[b-8rfynez3v1]  input:disabled { cursor:wait; }
.text-button:disabled[b-8rfynez3v1] { opacity:.5; cursor:default; }
/* _content/E360_Client/Components/Pages/HR_ADMIN/HR_ORGANIZATION_NODE.razor.rz.scp.css */
li[b-yss3pfav6c] { position:relative; list-style:none; padding:8px 0 0; }
ul[b-yss3pfav6c] { margin:0 0 0 22px; padding:0 0 0 25px; border-left:1px solid #cbd8e8; }
ul > li[b-yss3pfav6c]::before { position:absolute; content:""; left:-25px; top:37px; width:25px; border-top:1px solid #cbd8e8; }
ul > li:last-child[b-yss3pfav6c]::after { position:absolute; content:""; left:-26px; top:38px; bottom:0; width:2px; background:#f6f8fc; }
.org-node[b-yss3pfav6c] { display:flex; align-items:center; width:clamp(285px,39vw,480px); min-height:58px; border:1px solid #dfe6f0; border-radius:10px; background:#fff; box-shadow:0 2px 5px #233f6505; transition:border-color .15s,box-shadow .15s; }
.org-node:hover[b-yss3pfav6c] { border-color:#9bbbe4; box-shadow:0 4px 12px #234b7610; }
.org-node.selected[b-yss3pfav6c] { border-color:#568ddb; box-shadow:0 0 0 2px #dceafe; background:#f7fbff; }
.org-node.company[b-yss3pfav6c] { color:#fff; border-color:#244c7d; background:linear-gradient(115deg,#244c7d,#376ca4); }
.org-node.company.selected[b-yss3pfav6c] { box-shadow:0 0 0 3px #c8ddf5; }
.node-content[b-yss3pfav6c] { flex:1; min-width:0; display:flex; align-items:center; gap:10px; padding:11px 12px 11px 0; border:0; background:transparent; text-align:left; color:inherit; cursor:pointer; }
.expand[b-yss3pfav6c],.expand-spacer[b-yss3pfav6c] { flex:none; width:28px; height:28px; margin-left:4px; }
.expand[b-yss3pfav6c] { border:0; border-radius:5px; background:transparent; color:inherit; cursor:pointer; font-size:11px; }
.expand:hover[b-yss3pfav6c] { background:#8aace326; }
.node-icon[b-yss3pfav6c] { flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#4971a1; background:#edf3fc; font-size:17px; }
.company .node-icon[b-yss3pfav6c] { background:#ffffff20; color:#fff; }
.scope .node-icon[b-yss3pfav6c] { color:#7664ac; background:#f0ecfa; }
.position .node-icon[b-yss3pfav6c] { color:#32877e; background:#e9f5f2; }
.employee .node-icon[b-yss3pfav6c] { color:#a67d3d; background:#fbf1e3; border-radius:50%; }
.node-text[b-yss3pfav6c] { min-width:0; display:flex; flex-direction:column; gap:4px; }
.node-text strong[b-yss3pfav6c] { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.node-text small[b-yss3pfav6c] { color:#7b8da5; font-size:10px; }
.company .node-text small[b-yss3pfav6c] { color:#cbdcf0; }
.node-count[b-yss3pfav6c] { display:flex; gap:5px; align-items:center; margin-left:auto; padding:4px 7px; border-radius:6px; font-size:11px; white-space:nowrap; color:#557393; background:#eef3fa; }
.company .node-count[b-yss3pfav6c] { color:#fff; background:#ffffff1a; }
.inactive[b-yss3pfav6c] { opacity:.7; border-style:dashed; }
.inactive-tag[b-yss3pfav6c] { color:#9a6d36; font-size:10px; white-space:nowrap; }
button:focus-visible[b-yss3pfav6c] { outline:2px solid #5697ef; outline-offset:2px; }
/* _content/E360_Client/Components/Pages/HR_ADMIN/HR_ORGANIZATION_TREE.razor.rz.scp.css */
.organization-page[b-6vaa9suu3y] { height:100%; min-height:0; min-width:0; display:flex; flex-direction:column; gap:12px; padding:16px; overflow:hidden; color:#334155; background:#f3f6fb; container-type:inline-size; container-name:organization; }
.organization-page *[b-6vaa9suu3y] { box-sizing:border-box; }
.organization-header[b-6vaa9suu3y] { flex:none; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.heading[b-6vaa9suu3y] { display:flex; gap:12px; align-items:center; }
.heading-icon[b-6vaa9suu3y] { width:46px; height:46px; display:grid; place-items:center; border:1px solid #d6e4f5; border-radius:12px; background:linear-gradient(135deg,#fff,#e8f0fd); color:#426d9f; font-size:23px; }
.eyebrow[b-6vaa9suu3y] { font-size:9px; letter-spacing:1.2px; color:#7b8da5; }
h1[b-6vaa9suu3y] { font-size:21px; margin:4px 0; font-weight:650; color:#284363; }
.heading p[b-6vaa9suu3y] { margin:0; font-size:12px; color:#8090a5; }
.header-actions[b-6vaa9suu3y],.tree-controls[b-6vaa9suu3y] { display:flex; gap:7px; align-items:center; }
button[b-6vaa9suu3y] { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:33px; padding:7px 11px; border:1px solid #d7e0ed; border-radius:7px; color:#54708f; background:#fff; font-size:12px; cursor:pointer; }
button:hover:not(:disabled)[b-6vaa9suu3y] { background:#f1f6fd; border-color:#aac4e6; }
button:disabled[b-6vaa9suu3y] { opacity:.5; cursor:default; }
button:focus-visible[b-6vaa9suu3y],input:focus-visible[b-6vaa9suu3y] { outline:2px solid #5595e9; outline-offset:2px; }
.primary[b-6vaa9suu3y] { border-color:#3268a3; background:#3268a3; color:#fff; }
.primary:hover:not(:disabled)[b-6vaa9suu3y] { background:#28598f; color:#fff; }
.full[b-6vaa9suu3y] { width:100%; }
.organization-metrics[b-6vaa9suu3y] { flex:none; display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:10px; }
.organization-metrics > div[b-6vaa9suu3y] { display:flex; gap:11px; align-items:center; min-width:0; padding:13px 15px; border:1px solid #e0e7f1; border-radius:10px; background:#fff; }
.metric-icon[b-6vaa9suu3y] { flex:none; display:grid; place-items:center; width:37px; height:37px; border-radius:9px; font-size:18px; color:#4a75ac; background:#eef4fd; }
.metric-icon.purple[b-6vaa9suu3y] { color:#8b73b6; background:#f3effa; }.metric-icon.teal[b-6vaa9suu3y] { color:#488f89; background:#ebf7f4; }.metric-icon.amber[b-6vaa9suu3y] { color:#b69053; background:#fbf5e9; }
.organization-metrics small[b-6vaa9suu3y] { display:block; margin-bottom:3px; font-size:11px; color:#8797aa; }
.organization-metrics strong[b-6vaa9suu3y] { display:block; font-size:19px; font-weight:650; color:#34516f; overflow-wrap:anywhere; }
.organization-metrics > div:first-child strong[b-6vaa9suu3y] { font-size:14px; }
.organization-filters[b-6vaa9suu3y] { flex:none; display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; padding:10px 12px; border:1px solid #e0e7f1; border-radius:9px; background:#fff; }
.search-box[b-6vaa9suu3y] { flex:1 1 230px; display:flex; align-items:center; gap:8px; min-height:34px; border:1px solid #d5dfed; border-radius:6px; padding:0 10px; color:#8b9bb0; }
.search-box input[b-6vaa9suu3y],.staff-search input[b-6vaa9suu3y] { width:100%; min-width:0; height:32px; border:0; outline:none; background:transparent; color:#425b78; font-size:12px; }
.check[b-6vaa9suu3y] { display:flex; gap:6px; align-items:center; color:#6b8199; font-size:11px; white-space:nowrap; }.check input[b-6vaa9suu3y] { accent-color:#457ab6; }
.tree-controls[b-6vaa9suu3y] { margin-left:auto; }.tree-controls button[b-6vaa9suu3y] { min-height:30px; padding:5px 8px; font-size:11px; }
.organization-workspace[b-6vaa9suu3y] { flex:1 1 0; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:12px; min-height:0; min-width:0; overflow:hidden; }
.tree-panel[b-6vaa9suu3y],.detail-panel[b-6vaa9suu3y] { min-height:0; min-width:0; display:flex; flex-direction:column; border:1px solid #dce5f0; border-radius:11px; background:#fff; overflow:hidden; }
.panel-heading[b-6vaa9suu3y] { flex:none; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; min-height:44px; padding:10px 14px; border-bottom:1px solid #e5ebf4; }
.panel-heading strong[b-6vaa9suu3y] { font-size:12px; color:#506c8c; }.panel-heading strong i[b-6vaa9suu3y] { margin-right:6px; }.panel-heading span[b-6vaa9suu3y] { font-size:10px; color:#8a9ab0; }
.tree-canvas[b-6vaa9suu3y] { flex:1 1 0; min-height:0; overflow:auto; padding:12px 18px 22px; background:#f6f8fc; }
.organization-tree[b-6vaa9suu3y] { margin:0; padding:0; list-style:none; width:max-content; min-width:100%; }
.tree-footer[b-6vaa9suu3y] { flex:none; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; padding:9px 13px; border-top:1px solid #e5ebf4; color:#8a9bb0; font-size:10px; }
.selected-heading[b-6vaa9suu3y] { flex:none; padding:19px; border-bottom:1px solid #e3eaf4; background:linear-gradient(130deg,#fff,#edf3fc); }
.selected-icon[b-6vaa9suu3y] { float:right; display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#e5eefb; color:#5880af; font-size:20px; }
.selected-heading small[b-6vaa9suu3y] { font-size:9px; letter-spacing:1.1px; color:#8a9bb0; }.selected-heading h2[b-6vaa9suu3y] { margin:9px 0; font-size:18px; font-weight:650; color:#355170; overflow-wrap:anywhere; }.selected-heading p[b-6vaa9suu3y] { margin:7px 0 0; color:#8597ae; font-size:11px; }
.code-tag[b-6vaa9suu3y] { display:inline-block; padding:3px 7px; border:1px solid #d8e5f6; border-radius:5px; font-size:10px; color:#6986aa; background:#fff; }
.detail-scroll[b-6vaa9suu3y] { flex:1 1 0; min-height:0; overflow:auto; padding:15px; }
.facts[b-6vaa9suu3y] { display:grid; grid-template-columns:100px minmax(0,1fr); gap:10px; margin:0 0 16px; font-size:11px; }.facts dt[b-6vaa9suu3y] { color:#8a9bb0; font-weight:400; }.facts dd[b-6vaa9suu3y] { margin:0; color:#516b88; overflow-wrap:anywhere; }
.staff-count[b-6vaa9suu3y] { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; padding:12px; background:#f4f7fc; border:1px solid #e8edf6; border-radius:8px; color:#7790ad; font-size:12px; }.staff-count strong[b-6vaa9suu3y] { font-size:23px; color:#3b6493; }
.department-description[b-6vaa9suu3y] { margin:0 0 15px; font-size:12px; line-height:1.7; color:#7a8fa8; }
.parent-editor[b-6vaa9suu3y] { display:flex; flex-direction:column; gap:8px; padding:12px; margin-bottom:17px; border:1px solid #dce7f6; border-radius:8px; background:#f8fbff; }.parent-editor label[b-6vaa9suu3y] { font-size:11px; font-weight:600; color:#597ba1; }.parent-editor small[b-6vaa9suu3y] { font-size:10px; line-height:1.6; color:#90a1b6; }.parent-editor button[b-6vaa9suu3y] { align-self:flex-start; }.dirty-dot[b-6vaa9suu3y] { width:6px; height:6px; border-radius:50%; background:#ffdc84; }
.staff-heading[b-6vaa9suu3y] { display:flex; align-items:center; justify-content:space-between; margin:12px 0 9px; }.staff-heading h3[b-6vaa9suu3y] { margin:0; font-size:12px; color:#607c9c; }.staff-heading span[b-6vaa9suu3y] { padding:2px 7px; border-radius:6px; font-size:10px; background:#eef3fa; color:#869ab3; }
.staff-search[b-6vaa9suu3y] { display:flex; align-items:center; gap:7px; padding:0 8px; border:1px solid #dfe6f0; border-radius:6px; margin-bottom:10px; color:#98a9bd; }
.staff-card[b-6vaa9suu3y] { display:flex; width:100%; gap:9px; padding:9px 5px; border:0; border-bottom:1px solid #edf1f7; border-radius:0; text-align:left; background:#fff; }.staff-avatar[b-6vaa9suu3y] { flex:none; display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#edf3fa; color:#8ba3c1; }.staff-card > span:nth-child(2)[b-6vaa9suu3y] { flex:1; min-width:0; }.staff-card strong[b-6vaa9suu3y] { display:block; color:#5a7492; font-size:11px; font-weight:600; overflow-wrap:anywhere; }.staff-card small[b-6vaa9suu3y] { display:block; margin-top:3px; color:#97a7bb; font-size:10px; }.staff-card > i[b-6vaa9suu3y] { font-size:9px; color:#a5b4c8; }
.staff-pager[b-6vaa9suu3y] { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 0; color:#8ca0b8; font-size:11px; }.staff-pager button[b-6vaa9suu3y] { min-height:26px; padding:3px 8px; }
.no-staff[b-6vaa9suu3y],.tree-hint[b-6vaa9suu3y] { padding:14px; color:#93a3b8; font-size:11px; line-height:1.7; }.tree-hint[b-6vaa9suu3y] { margin-top:15px; border:1px dashed #d8e2f0; border-radius:8px; background:#fff; }
.notice[b-6vaa9suu3y] { flex:none; display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid; border-radius:8px; font-size:12px; }.notice.error[b-6vaa9suu3y] { color:#a74444; border-color:#f1cdcd; background:#fff4f4; }.notice.success[b-6vaa9suu3y] { color:#357966; border-color:#cce7dd; background:#f2fbf7; }.notice.warning[b-6vaa9suu3y] { color:#977a42; border-color:#eadfbd; background:#fffaf0; }
.empty[b-6vaa9suu3y] { min-height:160px; display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:center; padding:25px; color:#9aabc0; font-size:12px; }.empty > i[b-6vaa9suu3y] { font-size:30px; color:#a7bdd8; }.empty strong[b-6vaa9suu3y] { font-weight:500; }
@container organization (max-width:1000px) { .organization-workspace[b-6vaa9suu3y] { grid-template-columns:minmax(0,1fr) 300px; }.organization-metrics[b-6vaa9suu3y] { grid-template-columns:repeat(2,minmax(0,1fr)); }.organization-metrics > div[b-6vaa9suu3y] { padding:10px; } }
@container organization (max-width:720px) { .organization-workspace[b-6vaa9suu3y] { grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) minmax(0,1fr); }.organization-metrics[b-6vaa9suu3y] { display:none; }.heading p[b-6vaa9suu3y] { display:none; }.header-actions[b-6vaa9suu3y] { width:100%; }.selected-heading[b-6vaa9suu3y] { padding:10px 15px; }.selected-heading h2[b-6vaa9suu3y] { font-size:15px; margin:4px 0; }.selected-heading p[b-6vaa9suu3y] { display:none; }.organization-filters[b-6vaa9suu3y] { gap:8px; }.search-box[b-6vaa9suu3y] { flex-basis:100%; }.organization-header[b-6vaa9suu3y] { gap:8px; } }
/* _content/E360_Client/Components/Pages/HR_ADMIN/HR_PAYROLL_SETTLEMENT_DIALOG.razor.rz.scp.css */
.payment-overlay[b-v9euym2y03]{position:fixed;inset:0;z-index:1600;background:#142b4766;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.payment-dialog[b-v9euym2y03]{width:min(980px,96vw);max-height:90vh;display:flex;flex-direction:column;gap:12px;overflow:auto;border-radius:15px;background:#fff;box-shadow:0 25px 80px #152b4655;padding:20px;color:#24374e;font-size:13px}.payment-dialog header[b-v9euym2y03]{display:flex;align-items:center;justify-content:space-between}.payment-dialog h2[b-v9euym2y03]{margin:0 0 4px;font-size:21px}.payment-dialog p[b-v9euym2y03]{margin:0;color:#6c7c90}.payment-dialog button[b-v9euym2y03],.payment-dialog input[b-v9euym2y03],.payment-dialog select[b-v9euym2y03]{font:inherit;border:1px solid #d7e0eb;border-radius:7px;padding:8px 11px;background:#fff;color:inherit}.payment-dialog button[b-v9euym2y03]{cursor:pointer}.payment-dialog button:disabled[b-v9euym2y03]{opacity:.5;cursor:default}.payment-dialog button.primary[b-v9euym2y03]{background:#2464cf;color:#fff;border-color:#2464cf}.payment-totals[b-v9euym2y03]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-totals>div[b-v9euym2y03]{display:flex;flex-direction:column;gap:6px;border:1px solid #e0e7f1;background:#f6f9fe;border-radius:10px;padding:14px}.payment-totals span[b-v9euym2y03]{color:#6d7d93}.payment-totals strong[b-v9euym2y03]{font-size:22px}.payment-help[b-v9euym2y03]{padding:10px 12px;line-height:1.5;background:#f0f6ff;border-radius:8px;color:#526e92}.payment-actions[b-v9euym2y03],.payment-find[b-v9euym2y03],.payment-allocate[b-v9euym2y03]{display:flex;gap:10px;align-items:center}.payment-find input[b-v9euym2y03]{flex:1;min-width:0}.payment-select[b-v9euym2y03]{display:flex;align-items:center;gap:12px}.payment-select select[b-v9euym2y03]{flex:1;min-width:0}.payment-allocate[b-v9euym2y03]{justify-content:flex-end}.payment-allocate label[b-v9euym2y03]{display:flex;align-items:center;gap:8px}.payment-dialog small[b-v9euym2y03]{color:#73849a;display:block}.payment-table[b-v9euym2y03]{min-height:130px;max-height:270px;overflow:auto;border:1px solid #e2e8f0;border-radius:9px}table[b-v9euym2y03]{border-collapse:collapse;width:100%;font-size:12px}th[b-v9euym2y03]{position:sticky;top:0;background:#edf3fa;text-align:left}td[b-v9euym2y03],th[b-v9euym2y03]{padding:9px 12px;border-bottom:1px solid #e8eef5}.number[b-v9euym2y03]{text-align:right;font-variant-numeric:tabular-nums}.empty[b-v9euym2y03]{text-align:center;color:#7a8ba0;padding:20px}.payment-dialog footer[b-v9euym2y03]{display:flex;align-items:center;gap:15px;justify-content:space-between;color:#718299;font-size:12px}.payment-error[b-v9euym2y03]{padding:10px;border-radius:7px;color:#ac4539;background:#fff1ee}@media(max-width:700px){.payment-overlay[b-v9euym2y03]{padding:8px}.payment-dialog[b-v9euym2y03]{padding:14px}.payment-totals strong[b-v9euym2y03]{font-size:17px}.payment-actions[b-v9euym2y03],.payment-select[b-v9euym2y03],.payment-allocate[b-v9euym2y03]{flex-wrap:wrap}.payment-dialog footer span[b-v9euym2y03]{max-width:70%}}
/* _content/E360_Client/Components/Pages/LOG_LOGISTICS/LOG_SELECT.razor.rz.scp.css */
.log-select-host[b-bjuiexn394]{width:100%;min-width:0;max-width:100%;display:block}
.log-select-host[b-bjuiexn394]  .log-select{width:100%;min-width:0;min-height:36px;box-sizing:border-box}
/* _content/E360_Client/Components/Pages/LOG_LOGISTICS/LOG_WORKSPACE_PAGE.razor.rz.scp.css */
.log-workspace[b-3a82qtdexe]{height:100%;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:14px;background:#f3f6fb;color:#354b65;container:logistics/inline-size;font-size:12px}.log-workspace *[b-3a82qtdexe]{box-sizing:border-box}.workspace-header[b-3a82qtdexe]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;flex-wrap:wrap}.heading[b-3a82qtdexe]{display:flex;align-items:center;gap:12px}.heading-icon[b-3a82qtdexe]{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d6e4f2;border-radius:11px;background:linear-gradient(135deg,#fff,#e1edf8);color:#35748e;font-size:23px}.heading small[b-3a82qtdexe]{font-size:9px;letter-spacing:1.4px;color:#8398ad}.heading h1[b-3a82qtdexe]{margin:4px 0;font-size:20px;font-weight:650;color:#284763}.heading p[b-3a82qtdexe]{margin:0;font-size:11px;color:#8393a7}.actions[b-3a82qtdexe]{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}button[b-3a82qtdexe]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #d3deec;border-radius:7px;background:#fff;color:#526e8c;font:inherit;cursor:pointer;white-space:nowrap}button:hover:not(:disabled)[b-3a82qtdexe]{border-color:#92b6d9;background:#eef6fd}button:disabled[b-3a82qtdexe]{opacity:.5;cursor:default}button:focus-visible[b-3a82qtdexe],input:focus-visible[b-3a82qtdexe],textarea:focus-visible[b-3a82qtdexe],select:focus-visible[b-3a82qtdexe]{outline:2px solid #7bb0e1;outline-offset:1px}.primary[b-3a82qtdexe]{background:#34738c;border-color:#34738c;color:white}.primary:hover:not(:disabled)[b-3a82qtdexe]{background:#285e75;color:#fff}.danger[b-3a82qtdexe]{color:#b25760!important}.icon[b-3a82qtdexe]{min-height:27px;padding:4px 8px;font-size:11px}.notice[b-3a82qtdexe]{flex:none;border:1px solid;padding:9px 12px;border-radius:8px;display:flex;align-items:center;gap:8px}.error[b-3a82qtdexe]{background:#fff3f3;border-color:#edcccc;color:#a74848}.success[b-3a82qtdexe]{background:#effaf5;border-color:#c9e5d7;color:#3b7f65}.panel[b-3a82qtdexe]{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce4ef;border-radius:9px;background:#fff}.panel-title[b-3a82qtdexe]{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid #e6edf5;color:#66819e;font-size:11px}.panel-title strong[b-3a82qtdexe]{font-size:12px;font-weight:600}.panel-title strong i[b-3a82qtdexe]{margin-right:5px}.filterbar[b-3a82qtdexe]{flex:none;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px 11px;border:1px solid #dce5f0;border-radius:9px;background:#fff}.filterbar label[b-3a82qtdexe]{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;color:#7389a2;font-size:11px}.filterbar .search[b-3a82qtdexe]{flex:1 1 240px;gap:8px;border:1px solid #d5e0ed;padding:0 9px;border-radius:6px}.search input[b-3a82qtdexe]{border:0!important;background:transparent!important;width:100%;min-width:0}.filterbar input[b-3a82qtdexe],.filterbar select[b-3a82qtdexe]{height:32px;padding:5px 7px;border:1px solid #d5e0ed;border-radius:6px;color:#4d6784;font:inherit;background:#fff}.filterbar input[type=date][b-3a82qtdexe]{width:132px}.filterbar select[b-3a82qtdexe]{max-width:160px}.list-panel[b-3a82qtdexe]{flex:1 1 0}.detail-panel[b-3a82qtdexe]{flex:1 1 0}.table-scroll[b-3a82qtdexe]{flex:1 1 0;min-width:0;min-height:0;overflow:auto}table[b-3a82qtdexe]{border-collapse:separate;border-spacing:0;width:100%;font-size:11px}thead th[b-3a82qtdexe]{position:sticky;top:0;z-index:2;background:#f1f5fb;color:#607b9b;white-space:nowrap;font-size:10px;font-weight:650;border-bottom:1px solid #dce5f0;padding:10px;text-align:left}tbody td[b-3a82qtdexe]{padding:9px 10px;border-bottom:1px solid #ebf0f6;color:#536c87;vertical-align:middle;max-width:400px}tbody tr:hover[b-3a82qtdexe]{background:#f7faff}tbody tr.selected[b-3a82qtdexe]{background:#e9f3fc}td strong[b-3a82qtdexe]{font-weight:600;color:#42658b}td small[b-3a82qtdexe]{display:block;margin-top:4px;font-size:10px;color:#92a3b8}.index[b-3a82qtdexe]{width:45px;white-space:nowrap;color:#92a5bc}.number[b-3a82qtdexe]{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.row-actions[b-3a82qtdexe]{position:sticky;right:0;background:#fff;box-shadow:-1px 0 #e4ebf4;text-align:right}.selected .row-actions[b-3a82qtdexe]{background:#e9f3fc}thead .row-actions[b-3a82qtdexe]{z-index:3;background:#f1f5fb}.incoming[b-3a82qtdexe]{color:#469187!important}.status[b-3a82qtdexe]{display:inline-block;font-size:10px;padding:4px 8px;border-radius:6px;color:#7b8da5;background:#edf1f7;white-space:nowrap}.status.approved[b-3a82qtdexe],.status.delivered[b-3a82qtdexe],.status.active[b-3a82qtdexe]{color:#3e876f;background:#e9f7ef}.status.planned[b-3a82qtdexe]{color:#497fba;background:#eaf2fd}.status.in_transit[b-3a82qtdexe]{color:#7f64b2;background:#f1ebfa}.status.partial[b-3a82qtdexe]{color:#a78340;background:#fff4dd}.status.failed[b-3a82qtdexe],.status.cancelled[b-3a82qtdexe],.status.inactive[b-3a82qtdexe]{color:#ae6671;background:#fbeef0}.pager[b-3a82qtdexe]{flex:none;display:flex;justify-content:space-between;align-items:center;padding:8px 11px;border-top:1px solid #e5ebf3;color:#8b9eb4;font-size:10px;gap:8px}.pager>div[b-3a82qtdexe]{display:flex;align-items:center;gap:10px}.pager button[b-3a82qtdexe]{min-height:25px;padding:3px 8px}.empty[b-3a82qtdexe]{height:90px;text-align:center;color:#9aabc0;font-size:12px}.detail-toolbar[b-3a82qtdexe]{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dfe7f1;padding:6px 10px;background:#fbfcfe}.detail-tabs[b-3a82qtdexe]{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.detail-tabs button[b-3a82qtdexe]{border:0;background:transparent;font-size:11px;padding:7px 9px;color:#869ab1}.detail-tabs .active[b-3a82qtdexe]{background:#e8f2fa;color:#397a97}.detail-tabs span[b-3a82qtdexe]{padding:1px 5px;border-radius:4px;background:#dceaf5;font-size:10px}.detail-footer[b-3a82qtdexe]{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;border-top:1px solid #e3ebf4;background:#fafcff;color:#859bb3;font-size:10px}.detail-footer strong[b-3a82qtdexe]{color:#5a7e9f}.header-panel[b-3a82qtdexe]{flex:none;overflow:visible}.header-fields[b-3a82qtdexe]{border:0;padding:10px 12px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 16px;min-width:0}.header-fields label[b-3a82qtdexe]{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}.header-fields label>span[b-3a82qtdexe]{flex:0 0 110px;color:#778da7}.header-fields input[b-3a82qtdexe],.header-fields select[b-3a82qtdexe]{flex:1;min-width:0;width:100%;height:33px;border:1px solid #d6e0ec;border-radius:6px;padding:6px 8px;background:#fff;color:#476380;font:inherit}.header-fields label>div[b-3a82qtdexe]{flex:1;min-width:0}.header-fields .wide[b-3a82qtdexe]{grid-column:span 2}.header-fields .checkbox[b-3a82qtdexe]{justify-content:flex-start;color:#7890a9}.checkbox input[b-3a82qtdexe]{flex:none;width:15px;height:15px;accent-color:#3d8196}.header-fields:disabled input[b-3a82qtdexe],.header-fields:disabled select[b-3a82qtdexe]{background:#f8fafd;color:#7b90a9}.quick-add[b-3a82qtdexe]{position:relative;display:flex;align-items:center;gap:8px;flex:none;margin:9px 11px;padding:0 11px;border:1px solid #bad5e5;border-radius:7px;background:#f7fcff;color:#82a4ba;z-index:5}.quick-add>input[b-3a82qtdexe]{width:100%;height:36px;min-width:0;border:0;background:transparent;color:#4c708d;font:inherit;outline:none}.quick-results[b-3a82qtdexe]{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow:auto;padding:5px;border:1px solid #c8daeb;border-radius:8px;background:#fff;box-shadow:0 10px 25px #29435c24}.quick-results button[b-3a82qtdexe]{display:flex;text-align:left;justify-content:flex-start;gap:14px;width:100%;border:0;border-bottom:1px solid #eef2f7;border-radius:0;padding:10px;background:#fff;white-space:normal}.quick-results strong[b-3a82qtdexe]{width:110px;color:#407da3}.quick-results span[b-3a82qtdexe]{flex:1;min-width:0}.quick-results small[b-3a82qtdexe]{color:#90a1b5}.quick-results p[b-3a82qtdexe]{padding:10px;color:#94a6ba}.source-picker[b-3a82qtdexe]{flex:none;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(250px,1.7fr) auto;gap:8px;padding:10px 11px;border-bottom:1px solid #e6edf5;background:#fafcfe}.source-picker>input[b-3a82qtdexe]{min-width:0;width:100%;height:34px;border:1px solid #d6e1ed;border-radius:6px;padding:7px;font:inherit;color:#536e89}.inline-action[b-3a82qtdexe]{padding:8px 12px;flex:none}.goods[b-3a82qtdexe]{min-height:100px}.goods .product-name[b-3a82qtdexe]{min-width:200px}.goods input[b-3a82qtdexe]{min-width:85px;width:100%;height:29px;border:1px solid #d8e4ef;border-radius:5px;padding:5px 7px;color:#56748f;font:inherit;background:#fff}.goods input.quantity[b-3a82qtdexe]{width:100px;text-align:right;font-variant-numeric:tabular-nums}.goods input:disabled[b-3a82qtdexe]{background:transparent;border-color:transparent}.order-links[b-3a82qtdexe]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px;color:#7f95ad;font-size:11px}.pill[b-3a82qtdexe]{padding:4px 8px;border-radius:6px;background:#edf5fa;color:#5b8aa3}.link-button[b-3a82qtdexe]{border:0;background:transparent;color:#4a84b1;padding:3px;min-height:25px;white-space:normal;text-align:left}.editor-footer[b-3a82qtdexe]{flex:none;display:flex;align-items:center;gap:20px;padding:9px 12px;border:1px solid #dce5ef;border-radius:9px;background:#fff}.note[b-3a82qtdexe]{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#8196ae;font-size:11px}.note textarea[b-3a82qtdexe]{flex:1;min-width:0;height:48px;resize:none;border:1px solid #dce5ef;border-radius:6px;padding:6px 8px;color:#66819d;font:inherit}.note textarea:disabled[b-3a82qtdexe]{background:#fafcfe}.footer-content[b-3a82qtdexe]{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:2;min-width:0}.footer-content>small[b-3a82qtdexe]{font-size:10px;color:#90a3b9}.proof-form[b-3a82qtdexe]{flex:none}.proof-fields[b-3a82qtdexe]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 14px;padding:10px 12px}.proof-fields label[b-3a82qtdexe]{display:flex;align-items:center;gap:8px;font-size:11px;min-width:0;color:#7c93aa}.proof-fields input:not([type=file])[b-3a82qtdexe],.proof-fields select[b-3a82qtdexe]{min-width:0;flex:1;height:32px;border:1px solid #d7e2ef;border-radius:6px;padding:5px 7px;font:inherit;color:#587490}.proof-fields .file-input[b-3a82qtdexe]{display:block;font-size:10px}.file-input[b-3a82qtdexe]  input{max-width:100%;font-size:10px}.file-input small[b-3a82qtdexe]{display:block;margin-top:4px;overflow-wrap:anywhere}.master-summary[b-3a82qtdexe]{padding:20px;overflow:auto}.master-summary h2[b-3a82qtdexe]{font-size:20px;color:#3d6789}.master-summary dl[b-3a82qtdexe]{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;font-size:12px}.master-summary dt[b-3a82qtdexe]{color:#90a1b7;font-weight:400}.master-summary dd[b-3a82qtdexe]{margin:0;color:#567895}.master-summary p[b-3a82qtdexe]{color:#8198ae;font-size:12px;white-space:pre-wrap}
@container logistics (max-width:1150px){.header-fields[b-3a82qtdexe]{grid-template-columns:repeat(2,minmax(0,1fr))}.header-fields label>span[b-3a82qtdexe]{flex-basis:108px}.source-picker[b-3a82qtdexe]{grid-template-columns:minmax(150px,1fr) auto}.editor-footer[b-3a82qtdexe]{gap:12px}.note[b-3a82qtdexe]{flex:1}.footer-content[b-3a82qtdexe]{flex:2}.heading p[b-3a82qtdexe]{display:none}.proof-fields[b-3a82qtdexe]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container logistics (max-width:760px){.header-fields[b-3a82qtdexe]{grid-template-columns:1fr}.header-fields .wide[b-3a82qtdexe]{grid-column:auto}.header-panel[b-3a82qtdexe]{max-height:36%;overflow:auto}.editor-footer[b-3a82qtdexe]{flex-direction:column;align-items:stretch}.footer-content[b-3a82qtdexe]{align-items:flex-start}.footer-content>small[b-3a82qtdexe]{display:none}.proof-form[b-3a82qtdexe]{max-height:28%;overflow:auto}.proof-fields[b-3a82qtdexe]{grid-template-columns:1fr}.workspace-header[b-3a82qtdexe]{gap:8px}.heading h1[b-3a82qtdexe]{font-size:17px}.heading-icon[b-3a82qtdexe]{width:34px;height:34px;font-size:20px}.filterbar input[type=date][b-3a82qtdexe]{width:120px}.list-panel[b-3a82qtdexe]{flex:1.2}.detail-panel[b-3a82qtdexe]{flex:1}.detail-toolbar[b-3a82qtdexe]{padding:5px}.detail-toolbar .actions[b-3a82qtdexe]{margin-left:auto}}
/* _content/E360_Client/Components/Pages/MasterData/BRAND.razor.rz.scp.css */
.master-page[b-vtx5wcbqi3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

[b-vtx5wcbqi3] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}

/* ================================
       HEADER
       ================================ */

.master-header[b-vtx5wcbqi3] {
    padding: 6px 20px 12px 20px;
}

.master-title[b-vtx5wcbqi3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-vtx5wcbqi3] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-vtx5wcbqi3] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-vtx5wcbqi3] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-vtx5wcbqi3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-vtx5wcbqi3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-vtx5wcbqi3] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-vtx5wcbqi3] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-vtx5wcbqi3] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-vtx5wcbqi3] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-vtx5wcbqi3] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-vtx5wcbqi3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-vtx5wcbqi3] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-vtx5wcbqi3] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-vtx5wcbqi3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-vtx5wcbqi3] {
    width: 100%;
    height: 85vh;
}


.master-page[b-vtx5wcbqi3] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-vtx5wcbqi3] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-vtx5wcbqi3] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-vtx5wcbqi3] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-vtx5wcbqi3] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-vtx5wcbqi3] {
    border-radius: 10px;
}

.warehouse-form-row[b-vtx5wcbqi3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-vtx5wcbqi3] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-vtx5wcbqi3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-vtx5wcbqi3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-vtx5wcbqi3] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-vtx5wcbqi3] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-vtx5wcbqi3] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-vtx5wcbqi3] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-vtx5wcbqi3] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-vtx5wcbqi3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-vtx5wcbqi3] {
    min-width: 80px;
}

.warehouse-btn-save[b-vtx5wcbqi3] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-vtx5wcbqi3] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-vtx5wcbqi3] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-vtx5wcbqi3] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-vtx5wcbqi3] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-vtx5wcbqi3] {
        padding: 14px;
    }

    .warehouse-section[b-vtx5wcbqi3] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-vtx5wcbqi3] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-vtx5wcbqi3],
    .warehouse-btn-save[b-vtx5wcbqi3] {
        flex: 1;
    }
}
.dxbl-grid-header-content[b-vtx5wcbqi3] {
    text-align: center !important;
}


[b-vtx5wcbqi3] .user-toolbar
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-toolbar-item > .dxbl-btn {
    font-size: 12px !important;
}

.master-grid[b-vtx5wcbqi3] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-vtx5wcbqi3] { flex: 1; }
.master-export-grid[b-vtx5wcbqi3] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

/* _content/E360_Client/Components/Pages/MasterData/CATEGORY.razor.rz.scp.css */
.master-page[b-jbplg3qufc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

[b-jbplg3qufc] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
[b-jbplg3qufc] .dxbl-toolbar-item.dxbl-adaptive-item.dxbl-toolbar-item-last {
    font-size: 12px !important;
}
/* ================================
       HEADER
       ================================ */

.master-header[b-jbplg3qufc] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-jbplg3qufc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-jbplg3qufc] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-jbplg3qufc] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-jbplg3qufc] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-jbplg3qufc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-jbplg3qufc] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-jbplg3qufc] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-jbplg3qufc] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-jbplg3qufc] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-jbplg3qufc] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-jbplg3qufc] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-jbplg3qufc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-jbplg3qufc] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-jbplg3qufc] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-jbplg3qufc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-jbplg3qufc] {
    width: 100%;
    height: 85vh;
}


.master-page[b-jbplg3qufc] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-jbplg3qufc] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-jbplg3qufc] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-jbplg3qufc] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-jbplg3qufc] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-jbplg3qufc] {
    border-radius: 10px;
}

.warehouse-form-row[b-jbplg3qufc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-jbplg3qufc] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-jbplg3qufc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-jbplg3qufc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-jbplg3qufc] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-jbplg3qufc] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-jbplg3qufc] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-jbplg3qufc] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-jbplg3qufc] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-jbplg3qufc] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-jbplg3qufc] {
    min-width: 80px;
}

.warehouse-btn-save[b-jbplg3qufc] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-jbplg3qufc] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-jbplg3qufc] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-jbplg3qufc] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-jbplg3qufc] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-jbplg3qufc] {
        padding: 14px;
    }

    .warehouse-section[b-jbplg3qufc] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-jbplg3qufc] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-jbplg3qufc],
    .warehouse-btn-save[b-jbplg3qufc] {
        flex: 1;
    }
}
.dxbl-grid-header-content[b-jbplg3qufc] {
    text-align: center !important;
}

.master-grid[b-jbplg3qufc] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-jbplg3qufc] { flex: 1; }
.master-export-grid[b-jbplg3qufc] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

/* _content/E360_Client/Components/Pages/MasterData/MANUFACTURER.razor.rz.scp.css */
.master-page[b-2s89sy6eb9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
[b-2s89sy6eb9] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
/* ================================
       HEADER
       ================================ */

.master-header[b-2s89sy6eb9] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-2s89sy6eb9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-2s89sy6eb9] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-2s89sy6eb9] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-2s89sy6eb9] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-2s89sy6eb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-2s89sy6eb9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-2s89sy6eb9] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-2s89sy6eb9] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-2s89sy6eb9] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-2s89sy6eb9] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-2s89sy6eb9] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-2s89sy6eb9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-2s89sy6eb9] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-2s89sy6eb9] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-2s89sy6eb9] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-2s89sy6eb9] {
    width: 100%;
    height: 85vh;
}


.master-page[b-2s89sy6eb9] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-2s89sy6eb9] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-2s89sy6eb9] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-2s89sy6eb9] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-2s89sy6eb9] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-2s89sy6eb9] {
    border-radius: 10px;
}

.warehouse-form-row[b-2s89sy6eb9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-2s89sy6eb9] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-2s89sy6eb9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-2s89sy6eb9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-2s89sy6eb9] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-2s89sy6eb9] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-2s89sy6eb9] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-2s89sy6eb9] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-2s89sy6eb9] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-2s89sy6eb9] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-2s89sy6eb9] {
    min-width: 80px;
}

.warehouse-btn-save[b-2s89sy6eb9] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-2s89sy6eb9] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-2s89sy6eb9] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-2s89sy6eb9] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-2s89sy6eb9] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-2s89sy6eb9] {
        padding: 14px;
    }

    .warehouse-section[b-2s89sy6eb9] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-2s89sy6eb9] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-2s89sy6eb9],
    .warehouse-btn-save[b-2s89sy6eb9] {
        flex: 1;
    }
}
.dxbl-grid-header-content[b-2s89sy6eb9] {
    text-align: center !important;
}

.master-grid[b-2s89sy6eb9] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-2s89sy6eb9] { flex: 1; }
.master-export-grid[b-2s89sy6eb9] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

/* _content/E360_Client/Components/Pages/MasterData/MASTER_DATA_CATALOG_PAGE.razor.rz.scp.css */
.catalog-page[b-07qab2cw17] { height: 97%; min-height: 0; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; padding: 20px 24px; overflow: hidden; background: #f5f7fb; color: #18263b; }
.catalog-header[b-07qab2cw17] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.catalog-heading[b-07qab2cw17] { min-width: 0; display: flex; align-items: center; gap: 14px; }
.catalog-heading-icon[b-07qab2cw17] { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border: 1px solid #cfe0f7; border-radius: 14px; background: #eaf3ff; color: #2364b1; font-size: 21px; }
.catalog-heading h1[b-07qab2cw17] { margin: 0; color: #17263d; font-size: 22px; font-weight: 750; letter-spacing: -.02em; }
.catalog-heading p[b-07qab2cw17] { margin: 5px 0 0; color: #738198; font-size: 13px; }
.catalog-count[b-07qab2cw17] { min-width: 94px; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; color: #78869a; font-size: 11px; }
.catalog-count strong[b-07qab2cw17] { color: #233c5c; font-size: 20px; line-height: 1; }
.catalog-toolbar[b-07qab2cw17] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px rgba(24,39,62,.035); }
.catalog-search[b-07qab2cw17] { width: min(360px, 100%); height: 39px; display: flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid #dfe6ef; border-radius: 8px; color: #8a97a9; background: #fbfcfe; }
.catalog-search:focus-within[b-07qab2cw17] { border-color: #80b3ea; box-shadow: 0 0 0 3px rgba(55,126,204,.10); }
.catalog-search input[b-07qab2cw17] { width: 100%; border: 0; outline: 0; background: transparent; color: #28364b; font: inherit; font-size: 12.5px; }
.catalog-actions[b-07qab2cw17] { display: flex; align-items: center; gap: 8px; }
.catalog-button[b-07qab2cw17], .catalog-icon-button[b-07qab2cw17] { min-height: 37px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; border: 1px solid #dce4ee; border-radius: 8px; background: #fff; color: #53647a; font-family: inherit; font-size: 12px; font-weight: 650; cursor: pointer; transition: background .15s ease, border-color .15s ease, color .15s ease; }
.catalog-button:hover:not(:disabled)[b-07qab2cw17], .catalog-icon-button:hover:not(:disabled)[b-07qab2cw17] { border-color: #9db7d5; background: #f7faff; color: #1e4f85; }
.catalog-button:disabled[b-07qab2cw17], .catalog-icon-button:disabled[b-07qab2cw17] { opacity: .48; cursor: default; }
.catalog-button.catalog-primary[b-07qab2cw17] { border-color: #2468b5; background: #2468b5; color: #fff; box-shadow: 0 2px 5px rgba(36,104,181,.18); }
.catalog-button.catalog-primary:hover:not(:disabled)[b-07qab2cw17] { border-color: #185494; background: #185494; color: #fff; }
.catalog-button.catalog-danger[b-07qab2cw17] { color: #a64a4a; }
.catalog-button.catalog-danger:hover:not(:disabled)[b-07qab2cw17] { border-color: #e6baba; background: #fff8f8; color: #9a3333; }
.catalog-icon-button[b-07qab2cw17] { width: 37px; padding: 0; font-size: 15px; }
.catalog-table-wrap[b-07qab2cw17] { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e0e7ef; border-radius: 12px; background: #fff; box-shadow: 0 6px 22px rgba(22,43,71,.045); }
.catalog-table-scroll[b-07qab2cw17] { flex: 1 1 0; min-height: 0; overflow: auto; }
.catalog-table[b-07qab2cw17] { width: 100%; border-collapse: separate; border-spacing: 0; color: #435269; font-size: 12.5px; }
.catalog-table thead[b-07qab2cw17] { position: sticky; top: 0; z-index: 1; }
.catalog-table th[b-07qab2cw17] { padding: 13px 14px; border-bottom: 1px solid #e3eaf2; background: #f5f8fc; color: #697a91; font-size: 10px; font-weight: 750; letter-spacing: .045em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.catalog-table td[b-07qab2cw17] { max-width: 340px; padding: 12px 14px; border-bottom: 1px solid #edf1f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-table tbody tr[b-07qab2cw17] { cursor: pointer; transition: background .12s ease; }
.catalog-table tbody tr:hover[b-07qab2cw17] { background: #f7faff; }
.catalog-table tbody tr.selected[b-07qab2cw17] { background: #edf5ff; }
.catalog-table tbody tr.selected td[b-07qab2cw17] { border-bottom-color: #e0edfc; }
.catalog-select-column[b-07qab2cw17] { width: 36px; padding-left: 12px !important; padding-right: 2px !important; }
.catalog-row-select[b-07qab2cw17] { width: 17px; height: 17px; display: inline-grid; place-items: center; border: 1px solid #d5deea; border-radius: 5px; color: #fff; font-size: 11px; }
.selected .catalog-row-select[b-07qab2cw17] { border-color: #3277bf; background: #3277bf; }
.catalog-primary-value[b-07qab2cw17] { color: #203f62; font-weight: 680; }
.catalog-status[b-07qab2cw17] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 20px; font-size: 10px; font-weight: 700; }
.catalog-status > span[b-07qab2cw17] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.catalog-status.active[b-07qab2cw17] { background: #eaf7ef; color: #278150; }
.catalog-status.inactive[b-07qab2cw17] { background: #f0f2f5; color: #7a8798; }
.catalog-boolean[b-07qab2cw17] { color: #5d6d82; }
.catalog-footer[b-07qab2cw17] { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding: 12px 15px; border-top: 1px solid #e8edf3; color: #8490a1; font-size: 11px; }
.catalog-footer strong[b-07qab2cw17] { color: #4d6079; }
.catalog-state[b-07qab2cw17] { min-height: 240px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #718097; font-size: 13px; }
.catalog-error[b-07qab2cw17] { color: #a03b3b; }
.catalog-spinner[b-07qab2cw17] { width: 19px; height: 19px; border: 2px solid #dce8f5; border-top-color: #3277bf; border-radius: 50%; animation: catalog-spin-b-07qab2cw17 .7s linear infinite; }
@keyframes catalog-spin-b-07qab2cw17 { to { transform: rotate(360deg); } }
.catalog-empty[b-07qab2cw17] { height: 230px; text-align: center; color: #8491a3; }
.catalog-empty i[b-07qab2cw17] { display: block; margin-bottom: 9px; color: #a8b5c5; font-size: 26px; }
.catalog-empty strong[b-07qab2cw17], .catalog-empty span[b-07qab2cw17] { display: block; }
.catalog-empty strong[b-07qab2cw17] { margin-bottom: 5px; color: #4f6076; font-size: 13px; }
.catalog-empty span[b-07qab2cw17] { font-size: 11px; }
.catalog-alert[b-07qab2cw17], .catalog-toast[b-07qab2cw17] { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border: 1px solid #f0cccc; border-radius: 8px; background: #fff6f6; color: #913b3b; font-size: 12px; }
.catalog-toast[b-07qab2cw17] { border-color: #cce8d4; background: #f3fbf5; color: #2d764a; }
.catalog-overlay[b-07qab2cw17] { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 22px; background: rgba(20,34,53,.42); backdrop-filter: blur(2px); }
.catalog-dialog[b-07qab2cw17] { width: min(820px, 100%); max-height: min(88vh, 900px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e4eaf1; border-radius: 15px; background: #fff; box-shadow: 0 24px 80px rgba(11,28,50,.26); }
.catalog-dialog-header[b-07qab2cw17] { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px 17px; border-bottom: 1px solid #e9edf3; }
.catalog-dialog-header small[b-07qab2cw17] { color: #2c6dae; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.catalog-dialog-header h2[b-07qab2cw17] { margin: 5px 0 0; color: #203047; font-size: 18px; font-weight: 730; }
.catalog-close[b-07qab2cw17] { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #8490a0; cursor: pointer; }
.catalog-close:hover[b-07qab2cw17] { background: #f1f4f8; color: #34465d; }
.catalog-form[b-07qab2cw17] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 17px; padding: 20px 24px; overflow: auto; }
.catalog-field[b-07qab2cw17] { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.catalog-field.wide[b-07qab2cw17] { grid-column: 1 / -1; }
.catalog-label[b-07qab2cw17] { color: #53647b; font-size: 11px; font-weight: 650; }
.catalog-label b[b-07qab2cw17], .catalog-dialog-footer > span b[b-07qab2cw17] { color: #d24c4c; }
.catalog-field input[b-07qab2cw17], .catalog-field select[b-07qab2cw17], .catalog-field textarea[b-07qab2cw17] { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #dce4ed; border-radius: 7px; outline: 0; background: #fff; color: #293a50; font: inherit; font-size: 12px; }
.catalog-field textarea[b-07qab2cw17] { min-height: 75px; resize: vertical; }
.catalog-field input:focus[b-07qab2cw17], .catalog-field select:focus[b-07qab2cw17], .catalog-field textarea:focus[b-07qab2cw17] { border-color: #6ea4dd; box-shadow: 0 0 0 3px rgba(55,126,204,.10); }
.catalog-checkbox[b-07qab2cw17] { min-height: 38px; display: flex; align-items: center; gap: 9px; color: #4c5d73; font-size: 12px; cursor: pointer; }
.catalog-checkbox input[b-07qab2cw17] { width: 16px; height: 16px; accent-color: #2468b5; }
.catalog-dialog-footer[b-07qab2cw17] { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 24px; border-top: 1px solid #e9edf3; color: #8591a2; font-size: 10px; }
.catalog-dialog-footer > div[b-07qab2cw17], .catalog-confirm-actions[b-07qab2cw17] { display: flex; gap: 8px; }
.editor-alert[b-07qab2cw17] { margin: 0 24px 12px; }
.catalog-confirm[b-07qab2cw17] { width: min(390px, 100%); padding: 26px; border-radius: 15px; background: #fff; box-shadow: 0 24px 80px rgba(11,28,50,.26); text-align: center; }
.catalog-confirm-icon[b-07qab2cw17] { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto 13px; border-radius: 50%; background: #fff1f1; color: #b94040; font-size: 20px; }
.catalog-confirm h2[b-07qab2cw17] { margin: 0; color: #24344b; font-size: 17px; }
.catalog-confirm p[b-07qab2cw17] { margin: 9px 0 20px; color: #778599; font-size: 12px; line-height: 1.5; }
.catalog-confirm-actions[b-07qab2cw17] { justify-content: center; }
.catalog-danger-solid[b-07qab2cw17] { border-color: #b63f3f; background: #b63f3f; color: #fff; }
.catalog-danger-solid:hover:not(:disabled)[b-07qab2cw17] { border-color: #963232; background: #963232; color: #fff; }

@media (max-width: 760px) {
    .catalog-page[b-07qab2cw17] { padding: 18px 14px; gap: 13px; }
    .catalog-heading-icon[b-07qab2cw17] { width: 42px; height: 42px; flex-basis: 42px; }
    .catalog-heading h1[b-07qab2cw17] { font-size: 18px; }
    .catalog-count[b-07qab2cw17] { display: none; }
    .catalog-toolbar[b-07qab2cw17] { align-items: stretch; flex-direction: column; }
    .catalog-search[b-07qab2cw17] { width: 100%; }
    .catalog-actions[b-07qab2cw17] { flex-wrap: wrap; }
    .catalog-button[b-07qab2cw17] { flex: 1; }
    .catalog-form[b-07qab2cw17] { grid-template-columns: 1fr; padding: 16px; }
    .catalog-field.wide[b-07qab2cw17] { grid-column: auto; }
    .catalog-dialog-header[b-07qab2cw17] { padding: 17px 16px; }
    .catalog-dialog-footer[b-07qab2cw17] { align-items: flex-start; flex-direction: column; padding: 13px 16px; }
    .catalog-dialog-footer > div[b-07qab2cw17] { width: 100%; }
    .catalog-dialog-footer .catalog-button[b-07qab2cw17] { flex: 1; }
}
.catalog-product-tabs[b-07qab2cw17]{display:flex;gap:8px;align-items:center;padding:10px 22px;border-bottom:1px solid #e2eaf1;flex-shrink:0}.catalog-product-tabs button[b-07qab2cw17]{border:0;background:transparent;border-radius:6px;padding:8px 13px;color:#758da3;font:inherit;font-size:12px;cursor:pointer}.catalog-product-tabs button.active[b-07qab2cw17]{background:#e9f2fa;color:#296fad;font-weight:600}.catalog-product-tabs button:disabled[b-07qab2cw17]{opacity:.45;cursor:default}.catalog-product-tabs span[b-07qab2cw17],.catalog-field-help[b-07qab2cw17]{font-size:10px;color:#8b9eae}.catalog-barcode-tab[b-07qab2cw17]{padding:18px 22px;overflow:auto;min-height:0}.catalog-field input:read-only[b-07qab2cw17]{background:#f1f5f8;color:#6a8399}
/* _content/E360_Client/Components/Pages/MasterData/MASTER_DATA_EXCEL_IMPORT.razor.rz.scp.css */
.import-overlay[b-jtixu2rsur] { position: fixed; inset: 0; z-index: 1600; display: grid; place-items: center; padding: 20px; background: #0f172a80; }
.import-dialog[b-jtixu2rsur] { width: min(1180px,100%); max-height: 92vh; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 12px; background: #fff; box-shadow: 0 24px 80px #0f172a3d; color: #334155; font-size: 12px; }
header[b-jtixu2rsur] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-bottom: 1px solid #e2e8f0; flex-shrink: 0; }
.import-heading[b-jtixu2rsur] { display: flex; align-items: center; gap: 12px; } .import-heading small[b-jtixu2rsur] { color: #64748b; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
h2[b-jtixu2rsur] { margin: 3px 0 0; font-size: 19px; font-weight: 700; }
.import-icon[b-jtixu2rsur] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 9px; color: #16804a; background: #eaf7ef; font-size: 21px; }
.import-close[b-jtixu2rsur] { border: 0; background: transparent; padding: 8px; color: #64748b; }
.import-tools[b-jtixu2rsur] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 16px 22px 10px; flex-shrink: 0; }
.import-button[b-jtixu2rsur] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; color: #334155; font-size: 12px; font-weight: 600; cursor: pointer; }
.import-button.primary[b-jtixu2rsur] { border-color: #2563eb; background: #2563eb; color: #fff; }
.import-button:disabled[b-jtixu2rsur],.import-button.disabled[b-jtixu2rsur] { opacity: .5; cursor: not-allowed; }
.file-picker[b-jtixu2rsur] { position: relative; overflow: hidden; } .file-picker[b-jtixu2rsur]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.file-picker.disabled[b-jtixu2rsur]  input { cursor: not-allowed; }
.import-file[b-jtixu2rsur] { margin-left: 6px; color: #64748b; overflow-wrap: anywhere; }
.import-guide[b-jtixu2rsur] { padding: 0 22px 12px; color: #64748b; font-size: 11px; flex-shrink: 0; }
.import-guide > span i[b-jtixu2rsur] { margin-right: 4px; } .import-guide details[b-jtixu2rsur] { margin-top: 8px; max-height: 140px; overflow: auto; }
.import-guide summary[b-jtixu2rsur] { color: #2563eb; cursor: pointer; }
.import-guide p[b-jtixu2rsur] { margin: 8px 0 0; } .import-columns[b-jtixu2rsur] { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 9px; }
.import-columns b[b-jtixu2rsur] { color: #dc2626; }
.import-error[b-jtixu2rsur] { padding: 10px 22px; background: #fef2f2; color: #991b1b; border-top: 1px solid #fecaca; border-bottom: 1px solid #fecaca; flex-shrink: 0; }
.import-summary[b-jtixu2rsur] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 10px 22px; border-top: 1px solid #e2e8f0; background: #f8fafc; flex-shrink: 0; }
.import-summary strong[b-jtixu2rsur] { margin-left: 4px; font-size: 13px; } .ready[b-jtixu2rsur] { color: #1d4ed8; } .success[b-jtixu2rsur] { color: #15803d; } .error[b-jtixu2rsur] { color: #b91c1c; }
.import-summary select[b-jtixu2rsur] { margin-left: auto; padding: 5px 8px; border: 1px solid #cbd5e1; border-radius: 4px; background: #fff; color: #475569; font-size: 12px; }
.import-preview[b-jtixu2rsur] { flex: 1 1 auto; min-height: 180px; overflow: auto; border-top: 1px solid #e2e8f0; }
table[b-jtixu2rsur] { width: 100%; border-collapse: collapse; font-size: 12px; }
th[b-jtixu2rsur] { position: sticky; top: 0; z-index: 1; padding: 10px 12px; background: #f1f5f9; border-bottom: 1px solid #dce4ed; color: #64748b; text-align: left; white-space: nowrap; font-size: 11px; }
td[b-jtixu2rsur] { padding: 9px 12px; border-bottom: 1px solid #edf1f5; white-space: nowrap; max-width: 280px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
td.import-message[b-jtixu2rsur] { min-width: 250px; max-width: 360px; white-space: normal; overflow-wrap: anywhere; color: #64748b; }
.import-state[b-jtixu2rsur] { display: inline-block; border-radius: 12px; padding: 3px 7px; font-size: 10px; font-weight: 600; }
.import-state.ready[b-jtixu2rsur],.import-state.importing[b-jtixu2rsur] { color: #1d4ed8; background: #dbeafe; } .import-state.imported[b-jtixu2rsur] { color: #166534; background: #dcfce7; }
.import-state.invalid[b-jtixu2rsur],.import-state.failed[b-jtixu2rsur] { color: #991b1b; background: #fee2e2; } .import-state.exists[b-jtixu2rsur] { color: #64748b; background: #f1f5f9; }
.import-empty[b-jtixu2rsur] { min-height: 220px; display: grid; place-content: center; justify-items: center; gap: 9px; color: #94a3b8; }
.import-empty i[b-jtixu2rsur] { font-size: 30px; } .import-empty strong[b-jtixu2rsur] { font-size: 14px; color: #64748b; } .import-empty span[b-jtixu2rsur] { font-size: 12px; }
.import-no-rows[b-jtixu2rsur] { padding: 26px; text-align: center; color: #94a3b8; }
footer[b-jtixu2rsur] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 22px; border-top: 1px solid #e2e8f0; flex-shrink: 0; }
.import-footer-actions[b-jtixu2rsur],.import-pagination[b-jtixu2rsur] { display: flex; align-items: center; gap: 8px; }
.import-pagination[b-jtixu2rsur] { color: #64748b; } .import-pagination button[b-jtixu2rsur] { border: 1px solid #cbd5e1; background: #fff; padding: 5px 8px; border-radius: 4px; color: #475569; }
button:disabled[b-jtixu2rsur] { opacity: .5; cursor: not-allowed; }
@media(max-width:700px) { .import-overlay[b-jtixu2rsur] { padding: 8px; } .import-dialog[b-jtixu2rsur] { max-height: 96vh; } header[b-jtixu2rsur],.import-tools[b-jtixu2rsur],footer[b-jtixu2rsur] { padding-left: 14px; padding-right: 14px; } .import-guide[b-jtixu2rsur] { padding-left: 14px; padding-right: 14px; } .import-summary[b-jtixu2rsur] { padding: 10px 14px; } }

/* _content/E360_Client/Components/Pages/MasterData/MASTER_DATA_TABLE.razor.rz.scp.css */
.md-table-card[b-4sld62wdve] {
    height: 100%;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e3e9f1;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(25, 45, 75, .055);
}

.md-table-scroll[b-4sld62wdve] { flex: 1; min-height: 0; overflow: auto; }
.md-table[b-4sld62wdve] { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; color: #28364a; font-size: 13px; }
.md-table thead[b-4sld62wdve] { position: sticky; top: 0; z-index: 2; }
.md-table th[b-4sld62wdve] { padding: 14px 16px; background: #f5f8fc; border-bottom: 1px solid #e1e8f0; color: #5b6b80; font-size: 11px; font-weight: 700; letter-spacing: .055em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.md-table td[b-4sld62wdve] { max-width: 360px; padding: 13px 16px; border-bottom: 1px solid #edf1f5; line-height: 1.45; overflow-wrap: anywhere; }
.md-table tbody tr[b-4sld62wdve] { cursor: pointer; transition: background-color .16s ease, box-shadow .16s ease; }
.md-table tbody tr:hover[b-4sld62wdve] { background: #f6f9fd; }
.md-table tbody tr.is-selected[b-4sld62wdve] { background: #edf5ff; box-shadow: inset 3px 0 #2878d0; }
.md-table tbody tr:last-child td[b-4sld62wdve] { border-bottom: 0; }
.md-table .md-cell-code[b-4sld62wdve] { color: #1d5fa9; font-weight: 700; white-space: nowrap; }
.md-status[b-4sld62wdve] { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 650; white-space: nowrap; }
.md-status-dot[b-4sld62wdve] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.md-status.is-active[b-4sld62wdve] { color: #16804a; background: #e8f7ee; }
.md-status.is-inactive[b-4sld62wdve] { color: #687487; background: #eef1f5; }
.md-table-empty[b-4sld62wdve] { height: 220px; text-align: center; color: #718096; }
.md-table-empty strong[b-4sld62wdve], .md-table-empty span:not(.md-empty-icon)[b-4sld62wdve] { display: block; }
.md-table-empty strong[b-4sld62wdve] { margin: 8px 0 3px; color: #35445a; }
.md-empty-icon[b-4sld62wdve] { display: inline-grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #f0f5fb; color: #7790ad; font-size: 18px; }
.md-table-footer[b-4sld62wdve] { flex: 0 0 auto; min-height: 52px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid #e8edf3; background: #fff; color: #738197; font-size: 12px; }
.md-table-footer strong[b-4sld62wdve] { color: #344258; }
.md-pager[b-4sld62wdve] { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.md-pager button[b-4sld62wdve] { width: 30px; height: 30px; border: 1px solid #dce4ed; border-radius: 7px; background: #fff; color: #43536a; cursor: pointer; }
.md-pager button:hover:not(:disabled)[b-4sld62wdve] { border-color: #8db8e9; color: #1766b2; background: #f5f9ff; }
.md-pager button:disabled[b-4sld62wdve] { color: #b8c1cc; background: #f6f8fa; cursor: default; }

@media (max-width: 640px) {
    .md-table-footer[b-4sld62wdve] { align-items: flex-start; flex-direction: column; }
}
/* _content/E360_Client/Components/Pages/MasterData/PARTNER.razor.rz.scp.css */
.master-page[b-p0pa0yynvk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

[b-p0pa0yynvk] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
/* ================================
       HEADER
       ================================ */

.master-header[b-p0pa0yynvk] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-p0pa0yynvk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-p0pa0yynvk] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-p0pa0yynvk] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-p0pa0yynvk] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-p0pa0yynvk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-p0pa0yynvk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-p0pa0yynvk] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-p0pa0yynvk] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-p0pa0yynvk] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-p0pa0yynvk] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-p0pa0yynvk] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-p0pa0yynvk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-p0pa0yynvk] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-p0pa0yynvk] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-p0pa0yynvk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-p0pa0yynvk] {
    width: 100%;
    height: 85vh;
}


.master-page[b-p0pa0yynvk] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-p0pa0yynvk] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-p0pa0yynvk] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-p0pa0yynvk] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-p0pa0yynvk] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-p0pa0yynvk] {
    border-radius: 10px;
}
.warehouse-form-row[b-p0pa0yynvk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-p0pa0yynvk] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-p0pa0yynvk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-p0pa0yynvk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-p0pa0yynvk] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-p0pa0yynvk] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-p0pa0yynvk] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-p0pa0yynvk] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-p0pa0yynvk] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-p0pa0yynvk] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-p0pa0yynvk] {
    min-width: 80px;
}

.warehouse-btn-save[b-p0pa0yynvk] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-p0pa0yynvk] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-p0pa0yynvk] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-p0pa0yynvk] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-p0pa0yynvk] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-p0pa0yynvk] {
        padding: 14px;
    }

    .warehouse-section[b-p0pa0yynvk] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-p0pa0yynvk] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-p0pa0yynvk],
    .warehouse-btn-save[b-p0pa0yynvk] {
        flex: 1;
    }
}
.dxbl-grid-header-content[b-p0pa0yynvk] {
    text-align: center !important;
}
.master-grid[b-p0pa0yynvk] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-p0pa0yynvk] { flex: 1; }
.master-export-grid[b-p0pa0yynvk] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

/* _content/E360_Client/Components/Pages/MasterData/PRODUCT.razor.rz.scp.css */
.master-page[b-0wv6uqxhyk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

[b-0wv6uqxhyk] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
[b-0wv6uqxhyk] .dxbl-toolbar-item.dxbl-adaptive-item.dxbl-toolbar-item-last {
    font-size: 12px !important;
}
/* ================================
       HEADER
       ================================ */

.master-header[b-0wv6uqxhyk] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-0wv6uqxhyk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-0wv6uqxhyk] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-0wv6uqxhyk] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-0wv6uqxhyk] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-0wv6uqxhyk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-0wv6uqxhyk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-0wv6uqxhyk] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-0wv6uqxhyk] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-0wv6uqxhyk] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-0wv6uqxhyk] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-0wv6uqxhyk] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-0wv6uqxhyk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-0wv6uqxhyk] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-0wv6uqxhyk] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-0wv6uqxhyk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-0wv6uqxhyk] {
    width: 100%;
    height: 85vh;
}


.master-page[b-0wv6uqxhyk] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-0wv6uqxhyk] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-0wv6uqxhyk] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-0wv6uqxhyk] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-0wv6uqxhyk] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-0wv6uqxhyk] {
    border-radius: 10px;
}

.warehouse-form-row[b-0wv6uqxhyk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-0wv6uqxhyk] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-0wv6uqxhyk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-0wv6uqxhyk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-0wv6uqxhyk] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-0wv6uqxhyk] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-0wv6uqxhyk] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-0wv6uqxhyk] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-0wv6uqxhyk] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-0wv6uqxhyk] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-0wv6uqxhyk] {
    min-width: 80px;
}

.warehouse-btn-save[b-0wv6uqxhyk] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-0wv6uqxhyk] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-0wv6uqxhyk] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-0wv6uqxhyk] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-0wv6uqxhyk] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-0wv6uqxhyk] {
        padding: 14px;
    }

    .warehouse-section[b-0wv6uqxhyk] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-0wv6uqxhyk] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-0wv6uqxhyk],
    .warehouse-btn-save[b-0wv6uqxhyk] {
        flex: 1;
    }
}
.warehouse-checkbox-row[b-0wv6uqxhyk] {
    display: flex;
    width: 100%;
}

.warehouse-checkbox-col[b-0wv6uqxhyk] {
    flex: 1;
}
.dxbl-grid-header-content[b-0wv6uqxhyk] {
    text-align: center !important;
}
.master-grid[b-0wv6uqxhyk] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-0wv6uqxhyk] { flex: 1; }
.master-export-grid[b-0wv6uqxhyk] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

.product-barcode-tabs[b-0wv6uqxhyk]{display:flex;gap:8px;align-items:center;padding:10px 20px;border-bottom:1px solid #e0e8ef}.product-barcode-tabs button[b-0wv6uqxhyk]{border:0;background:transparent;padding:8px 12px;border-radius:6px;color:#708ba0;font-size:12px}.product-barcode-tabs button.active[b-0wv6uqxhyk]{background:#e9f3fa;color:#2c73ad;font-weight:600}.product-barcode-tabs button:disabled[b-0wv6uqxhyk]{opacity:.4}.product-barcode-tabs span[b-0wv6uqxhyk]{font-size:10px;color:#8b9cab}.product-barcode-content[b-0wv6uqxhyk]{padding:18px 20px;overflow:auto;max-height:70vh}
/* _content/E360_Client/Components/Pages/MasterData/PRODUCT_BARCODE_PANEL.razor.rz.scp.css */
.barcode-panel[b-1ampj6ziba]{display:flex;flex-direction:column;gap:12px;min-height:0;color:#29435b;font:13px "Segoe UI",sans-serif}.barcode-panel-heading[b-1ampj6ziba]{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.barcode-panel-heading strong[b-1ampj6ziba]{font-size:16px}.barcode-panel p[b-1ampj6ziba]{margin:5px 0;color:#6a7f91;font-size:12px;line-height:1.5}.barcode-actions[b-1ampj6ziba]{display:flex;gap:7px;align-items:center}button[b-1ampj6ziba],input[b-1ampj6ziba],select[b-1ampj6ziba]{font:inherit;box-sizing:border-box}button[b-1ampj6ziba]{padding:7px 11px;border:1px solid #d8e3ec;border-radius:7px;background:white;color:#365672;white-space:nowrap;cursor:pointer}button.primary[b-1ampj6ziba]{background:#246fb4;color:white;border-color:#246fb4}button:disabled[b-1ampj6ziba]{opacity:.5;cursor:default}input[b-1ampj6ziba],select[b-1ampj6ziba]{padding:8px 10px;border:1px solid #d4e0eb;border-radius:7px;width:100%;color:#2d4b64;min-width:0;background:white}input:read-only[b-1ampj6ziba],select:disabled[b-1ampj6ziba]{background:#f1f5f8}input[type=checkbox][b-1ampj6ziba]{width:15px;height:15px;accent-color:#2477ae}.barcode-notice[b-1ampj6ziba]{padding:10px 12px;background:#eaf7f0;color:#28764f;border:1px solid #c9e6d5;border-radius:7px}.barcode-notice.error[b-1ampj6ziba]{background:#fff1f1;color:#a94444;border-color:#efcece}.barcode-editor[b-1ampj6ziba]{padding:14px;background:#f5f8fc;border:1px solid #dbe6f0;border-radius:9px}.barcode-editor-fields[b-1ampj6ziba]{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:12px}.barcode-editor-fields label[b-1ampj6ziba]{display:grid;gap:6px}.barcode-editor-fields span[b-1ampj6ziba]{font-size:11px;font-weight:600;color:#617c91}.barcode-editor-footer[b-1ampj6ziba]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.barcode-flags[b-1ampj6ziba]{display:flex;flex-wrap:wrap;gap:16px}.barcode-flags label[b-1ampj6ziba]{display:flex;gap:6px;align-items:center;font-size:12px}.barcode-editor>small[b-1ampj6ziba]{display:block;margin-top:10px;color:#7b8ea0}.barcode-scroll[b-1ampj6ziba]{overflow:auto;max-height:360px;border:1px solid #e0e8f0;border-radius:8px;min-height:130px}table[b-1ampj6ziba]{width:100%;border-spacing:0;font-size:12px}th[b-1ampj6ziba],td[b-1ampj6ziba]{padding:10px 12px;border-bottom:1px solid #e5edf3;text-align:left;vertical-align:middle}th[b-1ampj6ziba]{position:sticky;top:0;background:#eff5fa;color:#647f97;font-size:11px;z-index:1;white-space:nowrap}td small[b-1ampj6ziba]{display:block;color:#8294a3;font-size:10px;margin-top:4px}td div[b-1ampj6ziba]{line-height:1.6}.barcode-status[b-1ampj6ziba]{display:inline-block;padding:4px 7px;border-radius:5px;background:#e6f5ec;color:#36805a;font-size:10px;white-space:nowrap}.barcode-status.off[b-1ampj6ziba]{background:#eef0f3;color:#7a8793}.barcode-managed[b-1ampj6ziba]{font-size:10px;color:#758b9f}.barcode-empty[b-1ampj6ziba]{text-align:center;color:#8598a9;padding:30px}.barcode-panel>footer[b-1ampj6ziba]{font-size:11px;color:#7f92a3;line-height:1.5}button:focus-visible[b-1ampj6ziba],input:focus-visible[b-1ampj6ziba],select:focus-visible[b-1ampj6ziba]{outline:3px solid #aed0ec;outline-offset:2px}@media(max-width:800px){.barcode-editor-fields[b-1ampj6ziba]{grid-template-columns:1fr 1fr}.barcode-panel-heading[b-1ampj6ziba],.barcode-editor-footer[b-1ampj6ziba]{flex-direction:column}.barcode-actions[b-1ampj6ziba]{flex-wrap:wrap}}
.barcode-filter[b-1ampj6ziba]{display:flex;gap:8px;align-items:center}.barcode-filter input[b-1ampj6ziba]{flex:1;min-width:120px}.barcode-filter button[b-1ampj6ziba]{flex-shrink:0}
/* _content/E360_Client/Components/Pages/MasterData/PRODUCT_BARCODE_WORKSPACE.razor.rz.scp.css */
.barcode-workspace[b-p1b10nvjw6]{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0;padding:20px;background:#f4f7fb;box-sizing:border-box;color:#2f4c67}.barcode-workspace h1[b-p1b10nvjw6]{font-size:23px;margin:0 0 7px}.barcode-workspace p[b-p1b10nvjw6]{font-size:12px;color:#7a8da0;margin:0}.barcode-product-picker[b-p1b10nvjw6]{display:flex;gap:10px;align-items:center}.barcode-product-picker input[b-p1b10nvjw6]{padding:9px 12px;border:1px solid #d7e3ed;border-radius:7px;min-width:200px;font-size:13px}.barcode-product-picker button[b-p1b10nvjw6]{padding:9px 14px;border:1px solid #2c78b4;background:#2c78b4;color:white;border-radius:7px}.barcode-product-picker[b-p1b10nvjw6]  .pos-select{min-width:300px;max-width:500px;flex:1}.barcode-workspace main[b-p1b10nvjw6]{min-height:0;flex:1;overflow:auto;background:#fff;padding:18px;border:1px solid #dce6ef;border-radius:10px}.barcode-workspace-empty[b-p1b10nvjw6]{padding:40px;text-align:center;color:#8598aa;font-size:13px}.barcode-workspace-error[b-p1b10nvjw6]{padding:12px;background:#fff0f0;color:#a44c4c;border-radius:8px}@media(max-width:700px){.barcode-product-picker[b-p1b10nvjw6]{flex-wrap:wrap}.barcode-product-picker[b-p1b10nvjw6]  .pos-select{min-width:200px}.barcode-workspace[b-p1b10nvjw6]{padding:12px}}
/* _content/E360_Client/Components/Pages/MasterData/PRODUCT_UNIT.razor.rz.scp.css */
/* =========================================================
   PRODUCT UNIT PAGE
   ========================================================= */
.dxbl-grid[b-ptfxgig2s3] {
    --dxbl-grid-font-size: 12px !important;
}
.product-unit-page[b-ptfxgig2s3] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #f5f7fa;
    color: #1f2937;
    overflow: hidden;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-ptfxgig2s3] {
    height: 64px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

.page-title[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-title-icon[b-ptfxgig2s3] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 18px;
}

.page-title-text[b-ptfxgig2s3] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.page-title-sub[b-ptfxgig2s3] {
    margin-top: 2px;
    font-size: 12px;
    color: #6b7280;
}

.page-actions[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-light[b-ptfxgig2s3] {
    height: 34px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d9dee7;
    border-radius: 6px;
    background: #ffffff;
    color: #4b5563;
    font-size: 13px;
    cursor: pointer;
}

    .btn-light:hover[b-ptfxgig2s3] {
        background: #f8fafc;
    }


/* =========================================================
   MAIN 3 COLUMN LAYOUT
   ========================================================= */

.product-unit-content[b-ptfxgig2s3] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 280px 340px minmax(420px, 1fr);
    gap: 10px;
    padding: 10px;
    overflow: hidden;
    margin-bottom:20px;
}


/* =========================================================
   PANEL
   ========================================================= */

.unit-panel[b-ptfxgig2s3] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e1e5eb;
    border-radius: 7px;
    overflow: hidden;
}


/* =========================================================
   PANEL HEADER
   ========================================================= */

.panel-header[b-ptfxgig2s3] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid #edf0f3;
}

.panel-title[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

    .panel-title i[b-ptfxgig2s3] {
        color: #2563eb;
    }

.panel-subtitle[b-ptfxgig2s3] {
    margin-top: 3px;
    font-size: 11px;
    color: #8a94a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-count[b-ptfxgig2s3] {
    min-width: 26px;
    height: 24px;
    padding: 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}


/* =========================================================
   SEARCH
   ========================================================= */

.panel-search[b-ptfxgig2s3] {
    padding: 10px 12px;
    border-bottom: 1px solid #edf0f3;
}

.search-box[b-ptfxgig2s3] {
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid #dce1e8;
    border-radius: 5px;
    background: #ffffff;
}

    .search-box:focus-within[b-ptfxgig2s3] {
        border-color: #86aef5;
        box-shadow: 0 0 0 2px rgba(37, 99, 235, .08);
    }

    .search-box > i[b-ptfxgig2s3] {
        color: #9ca3af;
        font-size: 13px;
    }

    .search-box input[b-ptfxgig2s3] {
        flex: 1;
        min-width: 0;
        border: 0;
        outline: 0;
        padding: 0 8px;
        background: transparent;
        font-size: 12px;
        color: #374151;
    }

        .search-box input[b-ptfxgig2s3]::placeholder {
            color: #9ca3af;
        }

.search-shortcut[b-ptfxgig2s3] {
    padding: 2px 5px;
    border: 1px solid #e5e7eb;
    border-radius: 3px;
    background: #f8fafc;
    color: #9ca3af;
    font-size: 9px;
}


/* =========================================================
   PRODUCT LIST
   ========================================================= */

.product-list[b-ptfxgig2s3] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 4px 0;
}

.product-item[b-ptfxgig2s3] {
    min-height: 60px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

    .product-item:hover[b-ptfxgig2s3] {
        background: #f8fafc;
    }

    .product-item.active[b-ptfxgig2s3] {
        background: #eff6ff;
        border-left-color: #2563eb;
    }

.product-avatar[b-ptfxgig2s3] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.product-item.active .product-avatar[b-ptfxgig2s3] {
    background: #dbeafe;
    color: #2563eb;
}

.product-info[b-ptfxgig2s3] {
    min-width: 0;
    flex: 1;
}

.product-code[b-ptfxgig2s3] {
    font-size: 11px;
    color: blue;
    margin-bottom: 2px;
}

.product-name[b-ptfxgig2s3] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-arrow[b-ptfxgig2s3] {
    color: #c1c7d0;
    font-size: 11px;
}


/* =========================================================
   ADD BUTTON
   ========================================================= */

.btn-add[b-ptfxgig2s3] {
    height: 30px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 9px;
    border: 1px solid #bfdbfe;
    border-radius: 5px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-add:hover[b-ptfxgig2s3] {
        background: #dbeafe;
    }


/* =========================================================
   SELECTED PRODUCT
   ========================================================= */

.selected-product[b-ptfxgig2s3] {
    margin: 10px 12px;
    padding: 9px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 6px;
    background: #f8fafc;
    border: 1px solid #edf0f3;
}

.selected-product-icon[b-ptfxgig2s3] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e0ecff;
    color: #2563eb;
    font-size: 14px;
}

.selected-product-code[b-ptfxgig2s3] {
    font-size: 10px;
    color: #8b95a3;
}

.selected-product-name[b-ptfxgig2s3] {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

/* =========================================================
   DETAIL HEADER
   ========================================================= */

.detail-panel-header[b-ptfxgig2s3] {
    min-height: 64px;
}

.detail-header-info[b-ptfxgig2s3] {
    min-width: 0;
    flex: 1;
}

.detail-product-title[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    margin-top: 3px;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    line-height: 16px;
}

.detail-product-name[b-ptfxgig2s3] {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #374151;
    font-size: 11px;
    font-weight: 500;
}

.detail-product-separator[b-ptfxgig2s3] {
    margin: 0 6px;
    color: #c4c9d1;
    font-size: 11px;
}

.detail-product-code[b-ptfxgig2s3] {
    flex-shrink: 0;
    color: #8b95a3;
    font-size: 10px;
}


/* =========================================================
   MODE BADGE
   ========================================================= */

.mode-badge[b-ptfxgig2s3] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 500;
}

.mode-add[b-ptfxgig2s3] {
    background: #eff6ff;
    color: #2563eb;
}

.mode-edit[b-ptfxgig2s3] {
    background: #f1f5f9;
    color: #64748b;
}


/* =========================================================
   DETAIL UNIT HEADING
   ========================================================= */

.detail-heading[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0f3;
}

.detail-unit-icon[b-ptfxgig2s3] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 18px;
}

.detail-unit-name[b-ptfxgig2s3] {
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
}

.detail-unit-description[b-ptfxgig2s3] {
    margin-top: 3px;
    font-size: 11px;
    color: #8a94a3;
}
/* =========================================================
   UNIT LIST
   ========================================================= */

.unit-list[b-ptfxgig2s3] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 8px 8px;
}

.unit-item[b-ptfxgig2s3] {
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    transition: all .15s ease;
}

    .unit-item:hover[b-ptfxgig2s3] {
        background: #f8fafc;
        border-color: #edf0f3;
    }

    .unit-item.active[b-ptfxgig2s3] {
        background: #eff6ff;
        border-color: #bfdbfe;
    }

.unit-main[b-ptfxgig2s3] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.unit-icon[b-ptfxgig2s3] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f3f4f6;
    color: #6b7280;
}

    .unit-icon.base[b-ptfxgig2s3] {
        background: #dcfce7;
        color: #16a34a;
    }

.unit-info[b-ptfxgig2s3] {
    min-width: 0;
}

.unit-name[b-ptfxgig2s3] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

.unit-conversion[b-ptfxgig2s3] {
    margin-top: 3px;
    font-size: 11px;
    color: blue;
}


.unit-tags[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
}


/* =========================================================
   TAG
   ========================================================= */

.tag[b-ptfxgig2s3] {
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 500;
}

.tag-base[b-ptfxgig2s3] {
    background: #dcfce7;
    color: #15803d;
}

.tag-sale[b-ptfxgig2s3] {
    background: #dbeafe;
    color: #2563eb;
}

.tag-purchase[b-ptfxgig2s3] {
    background: #fef3c7;
    color: #b45309;
}


/* =========================================================
   DETAIL
   ========================================================= */

.detail-content[b-ptfxgig2s3] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 18px 20px;
}

.detail-heading[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0f3;
}

.detail-unit-icon[b-ptfxgig2s3] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 18px;
}

.detail-unit-name[b-ptfxgig2s3] {
    font-size: 16px;
    font-weight: 600;
}

.detail-unit-description[b-ptfxgig2s3] {
    margin-top: 3px;
    font-size: 11px;
    color: #8a94a3;
}


/* =========================================================
   STATUS
   ========================================================= */

.status-active[b-ptfxgig2s3] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 12px;
    background: #ecfdf5;
    color: #15803d;
    font-size: 10px;
    font-weight: 500;
}

    .status-active span[b-ptfxgig2s3] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #22c55e;
    }


/* =========================================================
   FORM SECTION
   ========================================================= */

.form-section[b-ptfxgig2s3] {
    padding: 13px 0;
    border-bottom: 1px solid #edf0f3;
}

    .form-section:last-child[b-ptfxgig2s3] {
        border-bottom: 0;
    }

.section-title[b-ptfxgig2s3] {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}


/* =========================================================
   FORM FIELD
   ========================================================= */

.form-field[b-ptfxgig2s3] {
    min-width: 0;
}

    .form-field label[b-ptfxgig2s3] {
        display: block;
        margin-bottom: 5px;
        font-size: 11px;
        font-weight: 500;
        color: #6b7280;
    }

        .form-field label span[b-ptfxgig2s3] {
            color: #ef4444;
        }

    .form-field input[b-ptfxgig2s3],
    .form-field select[b-ptfxgig2s3] {
        width: 100%;
        height: 34px;
        padding: 0 9px;
        border: 1px solid #d9dee7;
        border-radius: 5px;
        outline: none;
        background: #ffffff;
        color: #374151;
        font-size: 12px;
    }

        .form-field input:focus[b-ptfxgig2s3],
        .form-field select:focus[b-ptfxgig2s3] {
            border-color: #86aef5;
            box-shadow: 0 0 0 2px rgba(37, 99, 235, .08);
        }


/* =========================================================
   CONVERSION
   ========================================================= */

.conversion-box[b-ptfxgig2s3] {
    display: grid;
    grid-template-columns: 1fr 25px 1fr;
    align-items: end;
    gap: 8px;
}

.conversion-equal[b-ptfxgig2s3] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-weight: 600;
}

.conversion-preview[b-ptfxgig2s3] {
    margin-top: 9px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 5px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
}

    .conversion-preview i[b-ptfxgig2s3] {
        color: #2563eb;
    }

    .conversion-preview strong[b-ptfxgig2s3] {
        color: #374151;
    }


/* =========================================================
   INPUT WITH ICON
   ========================================================= */

.input-with-icon[b-ptfxgig2s3] {
    position: relative;
}

    .input-with-icon > i[b-ptfxgig2s3] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        font-size: 14px;
        pointer-events: none;
    }

    .input-with-icon input[b-ptfxgig2s3] {
        padding-left: 32px;
    }


/* =========================================================
   CHECKBOX
   ========================================================= */

.checkbox-grid[b-ptfxgig2s3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}


/* =========================================================
   CHECKBOX CARD
   ========================================================= */

.check-item[b-ptfxgig2s3] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #e2e6ea;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}


    /* Hover */

    .check-item:hover[b-ptfxgig2s3] {
        border-color: #b8c2cc;
        background: #f8f9fa;
    }


    /* Checked */

    .check-item.checked[b-ptfxgig2s3] {
        border-color: #86b7fe;
        background: #f4f8ff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }


    /* =========================================================
   HIDDEN NATIVE CHECKBOX
   ========================================================= */

    .check-item input[type="checkbox"][b-ptfxgig2s3] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }


/* =========================================================
   CUSTOM CHECK BOX
   ========================================================= */

.check-box[b-ptfxgig2s3] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border: 1.5px solid #adb5bd;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}


/* Checked box */

.check-item.checked .check-box[b-ptfxgig2s3] {
    background: #0d6efd;
    border-color: #0d6efd;
}


    /* Check icon */

    .check-item.checked .check-box[b-ptfxgig2s3]::after {
        content: "";
        position: absolute;
        left: 5px;
        top: 2px;
        width: 5px;
        height: 9px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }


/* =========================================================
   TEXT
   ========================================================= */

.check-item > span:last-child[b-ptfxgig2s3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}


.check-item strong[b-ptfxgig2s3] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #343a40;
}


.check-item small[b-ptfxgig2s3] {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    color: #6c757d;
    /* Cho phép xuống dòng */
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

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


@media (max-width: 700px) {

    .checkbox-grid[b-ptfxgig2s3] {
        grid-template-columns: 1fr;
    }
}



/* =========================================================
   PRICE
   ========================================================= */
.price-grid[b-ptfxgig2s3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.price-input[b-ptfxgig2s3] {
    position: relative;
}

    .price-input input[b-ptfxgig2s3] {
        padding-right: 42px;
        text-align: right;
        font-weight: 500;
    }

    .price-input span[b-ptfxgig2s3] {
        position: absolute;
        right: 9px;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        font-size: 10px;
        pointer-events: none;
    }


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

.detail-footer[b-ptfxgig2s3] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid #edf0f3;
    background: #ffffff;
}

.btn-cancel[b-ptfxgig2s3] {
    height: 34px;
    padding: 0 14px;
    border: 1px solid #d9dee7;
    border-radius: 5px;
    background: #ffffff;
    color: #6b7280;
    font-size: 12px;
    cursor: pointer;
}

    .btn-cancel:hover[b-ptfxgig2s3] {
        background: #f8fafc;
    }

.btn-save[b-ptfxgig2s3] {
    height: 34px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border: 1px solid #2563eb;
    border-radius: 5px;
    background: #2563eb;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-save:hover[b-ptfxgig2s3] {
        background: #1d4ed8;
    }


/* =========================================================
   SCROLLBAR
   ========================================================= */

.product-list[b-ptfxgig2s3]::-webkit-scrollbar,
.unit-list[b-ptfxgig2s3]::-webkit-scrollbar,
.detail-content[b-ptfxgig2s3]::-webkit-scrollbar {
    width: 6px;
}

.product-list[b-ptfxgig2s3]::-webkit-scrollbar-track,
.unit-list[b-ptfxgig2s3]::-webkit-scrollbar-track,
.detail-content[b-ptfxgig2s3]::-webkit-scrollbar-track {
    background: transparent;
}

.product-list[b-ptfxgig2s3]::-webkit-scrollbar-thumb,
.unit-list[b-ptfxgig2s3]::-webkit-scrollbar-thumb,
.detail-content[b-ptfxgig2s3]::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}

    .product-list[b-ptfxgig2s3]::-webkit-scrollbar-thumb:hover,
    .unit-list[b-ptfxgig2s3]::-webkit-scrollbar-thumb:hover,
    .detail-content[b-ptfxgig2s3]::-webkit-scrollbar-thumb:hover {
        background: #9ca3af;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .product-unit-content[b-ptfxgig2s3] {
        grid-template-columns: 240px 300px minmax(380px, 1fr);
    }

    .checkbox-grid[b-ptfxgig2s3] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 900px) {

    .product-unit-content[b-ptfxgig2s3] {
        grid-template-columns: 220px 280px minmax(350px, 1fr);
        overflow-x: auto;
    }
}
.save-toast[b-ptfxgig2s3] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 280px;
    padding: 13px 16px;
    background: #fff;
    border: 1px solid #dfe5eb;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
    animation: saveToastIn-b-ptfxgig2s3 .2s ease-out;
}

.save-toast-icon[b-ptfxgig2s3] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e9f7ef;
    color: #198754;
    font-size: 17px;
}

.save-toast-content[b-ptfxgig2s3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .save-toast-content strong[b-ptfxgig2s3] {
        font-size: 13px;
        font-weight: 600;
        color: #212529;
    }

    .save-toast-content span[b-ptfxgig2s3] {
        font-size: 13px;
        color: #6c757d;
    }

@keyframes saveToastIn-b-ptfxgig2s3 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/E360_Client/Components/Pages/MasterData/UNIT.razor.rz.scp.css */
.master-page[b-dx5vgveelp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}


/* ================================
       HEADER
       ================================ */

.master-header[b-dx5vgveelp] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-dx5vgveelp] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-dx5vgveelp] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-dx5vgveelp] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-dx5vgveelp] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-dx5vgveelp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-dx5vgveelp] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-dx5vgveelp] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-dx5vgveelp] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-dx5vgveelp] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-dx5vgveelp] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-dx5vgveelp] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-dx5vgveelp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-dx5vgveelp] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-dx5vgveelp] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-dx5vgveelp] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-dx5vgveelp] {
    width: 100%;
    height: 85vh;
}


.master-page[b-dx5vgveelp] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-dx5vgveelp] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-dx5vgveelp] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-dx5vgveelp] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-dx5vgveelp] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-dx5vgveelp] {
    border-radius: 10px;
}

.warehouse-form-row[b-dx5vgveelp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-dx5vgveelp] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-dx5vgveelp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-dx5vgveelp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-dx5vgveelp] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-dx5vgveelp] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-dx5vgveelp] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-dx5vgveelp] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-dx5vgveelp] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-dx5vgveelp] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-dx5vgveelp] {
    min-width: 80px;
}

.warehouse-btn-save[b-dx5vgveelp] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-dx5vgveelp] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-dx5vgveelp] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-dx5vgveelp] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-dx5vgveelp] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-dx5vgveelp] {
        padding: 14px;
    }

    .warehouse-section[b-dx5vgveelp] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-dx5vgveelp] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-dx5vgveelp],
    .warehouse-btn-save[b-dx5vgveelp] {
        flex: 1;
    }
}

.master-grid[b-dx5vgveelp] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-dx5vgveelp] { flex: 1; }
.master-export-grid[b-dx5vgveelp] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

/* _content/E360_Client/Components/Pages/MasterData/WAREHOUSE.razor.rz.scp.css */
.master-page[b-k2azgy8fj3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

[b-k2azgy8fj3] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
/* ================================
       HEADER
       ================================ */

.master-header[b-k2azgy8fj3] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-k2azgy8fj3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-k2azgy8fj3] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-k2azgy8fj3] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-k2azgy8fj3] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-k2azgy8fj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-k2azgy8fj3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-k2azgy8fj3] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-k2azgy8fj3] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-k2azgy8fj3] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-k2azgy8fj3] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-k2azgy8fj3] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-k2azgy8fj3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-k2azgy8fj3] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-k2azgy8fj3] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-k2azgy8fj3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-k2azgy8fj3] {
    width: 100%;
    height: 85vh;
}


.master-page[b-k2azgy8fj3] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-k2azgy8fj3] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-k2azgy8fj3] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-k2azgy8fj3] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-k2azgy8fj3] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-k2azgy8fj3] {
    border-radius: 10px;
}


/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-k2azgy8fj3] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-k2azgy8fj3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-k2azgy8fj3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-k2azgy8fj3] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-k2azgy8fj3] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-k2azgy8fj3] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-k2azgy8fj3] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-k2azgy8fj3] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-k2azgy8fj3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-k2azgy8fj3] {
    min-width: 80px;
}

.warehouse-btn-save[b-k2azgy8fj3] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-k2azgy8fj3] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-k2azgy8fj3] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-k2azgy8fj3] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-k2azgy8fj3] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-k2azgy8fj3] {
        padding: 14px;
    }

    .warehouse-section[b-k2azgy8fj3] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-k2azgy8fj3] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-k2azgy8fj3],
    .warehouse-btn-save[b-k2azgy8fj3] {
        flex: 1;
    }
}
.dxbl-grid-header-content[b-k2azgy8fj3] {
    text-align: center !important;
}
.master-grid[b-k2azgy8fj3] { display: flex; flex-direction: column; min-height: 0; }
.master-grid > .md-table-card[b-k2azgy8fj3] { flex: 1; }
.master-export-grid[b-k2azgy8fj3] { position: fixed; left: -10000px; top: 0; width: 1400px; height: 500px; overflow: hidden; visibility: hidden; pointer-events: none; }

/* _content/E360_Client/Components/Pages/MasterData/WAREHOUSE_LOCATION.razor.rz.scp.css */
.master-page[b-843rdpggmi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

[b-843rdpggmi] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
/* ================================
       HEADER
       ================================ */

.master-header[b-843rdpggmi] {
    padding: 16px 20px 12px 20px;
}

.master-title[b-843rdpggmi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.master-title-icon[b-843rdpggmi] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(91, 155, 213, 0.15);
    font-size: 19px;
}

.master-title-text[b-843rdpggmi] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.master-title-description[b-843rdpggmi] {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.65;
}


/* ================================
       TOOLBAR
       ================================ */

.master-toolbar[b-843rdpggmi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid rgba(128,128,128,.15);
    border-bottom: 1px solid rgba(128,128,128,.15);
}

.toolbar-left[b-843rdpggmi] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toolbar-right[b-843rdpggmi] {
    display: flex;
    align-items: center;
}

.toolbar-separator[b-843rdpggmi] {
    width: 1px;
    height: 24px;
    margin: 0 6px;
    background: rgba(128,128,128,.25);
}

.master-search[b-843rdpggmi] {
    width: 250px;
}


/* ================================
       GRID
       ================================ */

.master-grid[b-843rdpggmi] {
    flex: 1;
    min-height: 0;
    padding: 0 20px 20px 20px;
}

    .master-grid .dxbl-grid[b-843rdpggmi] {
        height: 100%;
    }


/* ================================
       STATUS
       ================================ */

.status-badge[b-843rdpggmi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-active[b-843rdpggmi] {
    background: rgba(40, 167, 69, .12);
    color: #28a745;
}

.status-inactive[b-843rdpggmi] {
    background: rgba(108, 117, 125, .12);
    color: #6c757d;
}


/* ================================
       POPUP
       ================================ */

.master-popup .popup-footer[b-843rdpggmi] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.master-grid .dxbl-grid[b-843rdpggmi] {
    width: 100%;
    height: 85vh;
}


.master-page[b-843rdpggmi] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.master-header[b-843rdpggmi] {
    flex: 0 0 auto;
    padding: 5px 20px 5px;
}

.master-toolbar[b-843rdpggmi] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.master-grid[b-843rdpggmi] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 80%;
    width: 100%;
    padding: 0 0px 30px;
    /* Không hidden nữa */
    overflow: auto;
}

[b-843rdpggmi] .dxbl-grid {
    height: 100% !important;
}



/* =========================================================
   WAREHOUSE POPUP
   ========================================================= */

.warehouse-popup[b-843rdpggmi] {
    border-radius: 10px;
}

.warehouse-form-row[b-843rdpggmi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

/* =========================================================
   POPUP BODY
   ========================================================= */

.warehouse-popup-body[b-843rdpggmi] {
    padding: 4px 4px 8px 4px;
}


/* =========================================================
   SECTION
   ========================================================= */

.warehouse-section[b-843rdpggmi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* =========================================================
   FORM ITEM
   ========================================================= */

.warehouse-form-item[b-843rdpggmi] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .warehouse-form-item > label[b-843rdpggmi] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }


    /* =========================================================
   REQUIRED
   ========================================================= */

    .warehouse-form-item .required[b-843rdpggmi] {
        color: #dc3545;
        margin-left: 2px;
    }


/* =========================================================
   INPUT
   ========================================================= */

.warehouse-input[b-843rdpggmi] {
    width: 100%;
}


/* =========================================================
   STATUS
   ========================================================= */

.warehouse-status[b-843rdpggmi] {
    min-height: 38px;
    display: flex;
    align-items: center;
}


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

.warehouse-popup-footer[b-843rdpggmi] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.warehouse-popup-buttons[b-843rdpggmi] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.warehouse-btn-cancel[b-843rdpggmi] {
    min-width: 80px;
}

.warehouse-btn-save[b-843rdpggmi] {
    min-width: 80px;
}


/* =========================================================
   POPUP HEADER
   ========================================================= */

.warehouse-popup .dxbl-popup-header[b-843rdpggmi] {
    font-weight: 600;
}


/* =========================================================
   POPUP CONTENT
   ========================================================= */

.warehouse-popup .dxbl-popup-content[b-843rdpggmi] {
    padding: 16px 20px;
}


/* =========================================================
   POPUP FOOTER DEVEXPRESS
   ========================================================= */

.warehouse-popup .dxbl-popup-footer[b-843rdpggmi] {
    padding: 10px 20px;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.warehouse-status .dxbl-checkbox[b-843rdpggmi] {
    margin: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 576px) {

    .warehouse-popup .dxbl-popup-content[b-843rdpggmi] {
        padding: 14px;
    }

    .warehouse-section[b-843rdpggmi] {
        gap: 14px;
    }

    .warehouse-popup-buttons[b-843rdpggmi] {
        width: 100%;
    }

    .warehouse-btn-cancel[b-843rdpggmi],
    .warehouse-btn-save[b-843rdpggmi] {
        flex: 1;
    }
}

/* =========================================================
   WAREHOUSE LOCATION
   ========================================================= */

.warehouse-location-content[b-843rdpggmi] {
    display: grid;
    grid-template-columns: 3fr 7fr;
    width: 100%;
    height: 100%;
    min-height: 0;
}


/* =========================================================
   LEFT - TREE
   ========================================================= */

.location-tree-panel[b-843rdpggmi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    border: 1px solid rgba(128, 128, 128, 0.18);
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}

.location-tree[b-843rdpggmi] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

    .location-tree .dxbl-treelist[b-843rdpggmi] {
        width: 100%;
    }


/* =========================================================
   RIGHT - DETAIL
   ========================================================= */

.location-detail-panel[b-843rdpggmi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    border-top: 1px solid rgba(128, 128, 128, 0.18);
    border-right: 1px solid rgba(128, 128, 128, 0.18);
    border-bottom: 1px solid rgba(128, 128, 128, 0.18);
    border-radius: 0 8px 8px 0;
    background: rgba(128, 128, 128, 0.025);
    overflow: hidden;
}


/* =========================================================
   PANEL HEADER
   ========================================================= */

.panel-header[b-843rdpggmi] {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
    font-size: 13px;
    font-weight: 600;
}

    .panel-header span[b-843rdpggmi] {
        display: flex;
        align-items: center;
        gap: 8px;
    }


/* =========================================================
   DETAIL
   ========================================================= */

.location-detail[b-843rdpggmi] {
    padding: 18px 20px;
}

.detail-row[b-843rdpggmi] {
    display: grid;
    grid-template-columns: 110px 1fr;
    min-height: 42px;
    align-items: center;
    border-bottom: 1px solid rgba(128, 128, 128, 0.10);
}

    .detail-row:last-child[b-843rdpggmi] {
        border-bottom: none;
    }

.detail-label[b-843rdpggmi] {
    color: #6c757d;
    font-size: 13px;
}

.detail-value[b-843rdpggmi] {
    font-size: 13px;
    font-weight: 500;
}


/* =========================================================
   STATUS
   ========================================================= */

.location-status[b-843rdpggmi],
.detail-status[b-843rdpggmi] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
}

.location-status[b-843rdpggmi] {
    padding: 3px 9px;
    border-radius: 12px;
}

    .location-status.active[b-843rdpggmi] {
        color: #28a745;
        background: rgba(40, 167, 69, .12);
    }

    .location-status.inactive[b-843rdpggmi] {
        color: #6c757d;
        background: rgba(108, 117, 125, .12);
    }

.detail-status.active[b-843rdpggmi] {
    color: #28a745;
}

.detail-status.inactive[b-843rdpggmi] {
    color: #6c757d;
}


/* =========================================================
   EMPTY
   ========================================================= */

.location-empty[b-843rdpggmi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    opacity: .55;
}

    .location-empty > i[b-843rdpggmi] {
        font-size: 38px;
        margin-bottom: 6px;
    }

    .location-empty small[b-843rdpggmi] {
        font-size: 12px;
    }


/* =========================================================
   WAREHOUSE SELECT
   ========================================================= */

.warehouse-select[b-843rdpggmi] {
    width: 220px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .warehouse-location-content[b-843rdpggmi] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(350px, 1fr) auto;
    }

    .location-tree-panel[b-843rdpggmi] {
        border-radius: 8px;
    }

    .location-detail-panel[b-843rdpggmi] {
        border-left: 1px solid rgba(128, 128, 128, 0.18);
        border-radius: 8px;
        max-height: 350px;
    }
}

.location-tree[b-843rdpggmi] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow: auto;
    padding: 8px;
}

.warehouse-location-tree[b-843rdpggmi] {
    width: 100%;
    height: 100%;
}

    .warehouse-location-tree .dxbl-treeview-node[b-843rdpggmi] {
        min-height: 36px;
    }

    .warehouse-location-tree .dxbl-treeview-node-content[b-843rdpggmi] {
        font-size: 13px;
    }

    .warehouse-location-tree .dxbl-treeview-node:hover[b-843rdpggmi] {
        background: rgba(128, 128, 128, 0.08);
    }
.master-toolbar .dxbl-toolbar[b-843rdpggmi] {
    gap: 8px !important;
}

.dxbl-grid-header-content[b-843rdpggmi] {
    text-align: center !important;
}
/* _content/E360_Client/Components/Pages/MK_MARKETING/MARKETING_PRODUCT_PICKER.razor.rz.scp.css */
.mk-product-picker[b-xspar422id]{display:flex;flex-direction:column;gap:7px;min-width:0;color:#33465f;font-size:12px}
.picker-search[b-xspar422id]{display:flex;align-items:center;gap:7px;min-width:0;padding:3px 4px 3px 10px;border:1px solid #d8e0ed;border-radius:7px;background:#fff}
.picker-search i[b-xspar422id]{color:#8793a6}.picker-search input[b-xspar422id]{flex:1;width:0;min-width:0;border:0;outline:none;padding:6px 0;background:transparent;font:inherit;color:inherit}
.mk-product-picker button[b-xspar422id]{font:inherit;cursor:pointer;border:1px solid #d8e0ed;border-radius:6px;background:#f3f4ff;color:#4f46e5;padding:6px 10px}
.mk-product-picker button:disabled[b-xspar422id]{opacity:.5;cursor:default}.picker-search:focus-within[b-xspar422id]{outline:2px solid #c7d2fe;border-color:#818cf8}
.picker-results[b-xspar422id]{display:flex;flex-direction:column;max-height:190px;overflow:auto;border:1px solid #dce3ef;border-radius:7px;background:#fff}
.picker-results button[b-xspar422id]{display:flex;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid #eef1f7;border-radius:0;background:#fff;color:#33465f;padding:9px 10px}
.picker-results button:last-child[b-xspar422id]{border-bottom:0}.picker-results span[b-xspar422id]{flex:1;white-space:normal}.picker-results strong[b-xspar422id]{color:#4f46e5;font-size:11px}.picker-results i[b-xspar422id]{color:#8a94a5}
.picker-results button:hover:enabled[b-xspar422id]{background:#f0f2ff}.picker-selected[b-xspar422id]{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:7px;background:#edf8f2;color:#24724f}
.picker-selected span[b-xspar422id]{flex:1;overflow-wrap:anywhere}.picker-selected button[b-xspar422id]{padding:3px 6px;background:#fff;border-color:#cfe5d8;color:#66758c;font-size:11px}
.mk-product-picker small[b-xspar422id]{color:#748198}.mk-product-picker .picker-error[b-xspar422id]{color:#b32d45}.mk-product-picker button:focus-visible[b-xspar422id]{outline:2px solid #a5b4fc;outline-offset:1px}
/* _content/E360_Client/Components/Pages/MK_MARKETING/MARKETING_WORKSPACE_PAGE.razor.rz.scp.css */
.mk-workspace[b-zafysdwpkv]{height:97%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fb;color:#24334a;padding:14px;gap:10px;font-size:13px}.mk-header[b-zafysdwpkv],.mk-heading[b-zafysdwpkv],.mk-actions[b-zafysdwpkv],.mk-filter[b-zafysdwpkv],.mk-product-bar[b-zafysdwpkv],.mk-list footer[b-zafysdwpkv],.mk-dialog header[b-zafysdwpkv],.mk-dialog footer[b-zafysdwpkv],.mk-form-title[b-zafysdwpkv],.mk-editor-footer[b-zafysdwpkv]{display:flex;align-items:center;gap:10px}.mk-header[b-zafysdwpkv]{justify-content:space-between;flex-shrink:0}.mk-heading[b-zafysdwpkv]{min-width:220px}.mk-icon[b-zafysdwpkv]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6366f1,#a855f7);color:white;font-size:22px;box-shadow:0 6px 15px #6366f130}.mk-heading h1[b-zafysdwpkv]{font-size:19px;margin:0;font-weight:750}.mk-heading p[b-zafysdwpkv]{font-size:12px;color:#69788f;margin:4px 0 0}.mk-actions[b-zafysdwpkv]{flex-wrap:wrap;justify-content:flex-end}button[b-zafysdwpkv],input[b-zafysdwpkv],select[b-zafysdwpkv]{font:inherit}button[b-zafysdwpkv]{border:1px solid #d8e0ed;border-radius:7px;background:white;padding:7px 11px;color:#33465f;white-space:nowrap;cursor:pointer}button:hover:enabled[b-zafysdwpkv]{background:#edf2ff;border-color:#b8c5ef}.primary[b-zafysdwpkv]{background:#4f46e5;color:white;border-color:#4f46e5}.primary:hover:enabled[b-zafysdwpkv]{background:#4338ca;color:white}.danger[b-zafysdwpkv]{color:#c93e50}button:disabled[b-zafysdwpkv]{opacity:.5;cursor:default}input[b-zafysdwpkv],select[b-zafysdwpkv]{min-width:0;min-height:34px;border:1px solid #d8e0ed;border-radius:6px;padding:6px 9px;background:white;color:#26364d}input:focus[b-zafysdwpkv],select:focus[b-zafysdwpkv]{outline:2px solid #c7d2fe;border-color:#818cf8}input:disabled[b-zafysdwpkv],select:disabled[b-zafysdwpkv]{background:#f4f6fa;color:#66768b}input[type=checkbox][b-zafysdwpkv]{min-height:0;accent-color:#4f46e5;width:16px;height:16px}.mk-alert[b-zafysdwpkv]{padding:9px 12px;background:#eaf8f1;border:1px solid #b9e5d0;border-radius:7px;flex-shrink:0;color:#216847}.mk-alert.error[b-zafysdwpkv]{background:#fff0f1;border-color:#f2c5cb;color:#b32d45}.mk-progress[b-zafysdwpkv]{font-size:12px;color:#5b50b5;flex-shrink:0}.mk-filter[b-zafysdwpkv]{flex-shrink:0}.mk-search[b-zafysdwpkv]{display:flex;align-items:center;border:1px solid #d8e0ed;background:#fff;border-radius:8px;padding:0 5px 0 11px;gap:8px;flex:1;min-width:220px;max-width:640px}.mk-search input[b-zafysdwpkv]{border:0;flex:1;outline:none}.mk-search button[b-zafysdwpkv]{border:0;background:#eef0ff;padding:5px 12px;color:#4f46e5}.mk-split[b-zafysdwpkv]{flex:1;display:grid;grid-template-rows:minmax(140px,1fr) minmax(160px,1fr);gap:12px;min-height:0}.mk-list[b-zafysdwpkv],.mk-preview[b-zafysdwpkv]{background:#fff;border:1px solid #e0e6f0;border-radius:10px;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 7px #172b4d04}.mk-scroll[b-zafysdwpkv],.mk-detail-scroll[b-zafysdwpkv]{overflow:auto;min-height:0;flex:1}.mk-list footer[b-zafysdwpkv],.mk-dialog footer[b-zafysdwpkv]{justify-content:space-between;flex-shrink:0;padding:8px 13px;border-top:1px solid #e6ebf2;color:#718096}.mk-list footer>div[b-zafysdwpkv]{display:flex;gap:7px}table[b-zafysdwpkv]{width:100%;border-collapse:collapse;white-space:nowrap}th[b-zafysdwpkv]{text-align:left;position:sticky;top:0;z-index:1;background:#f0f3f9;color:#60708a;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.25px;padding:10px 12px;border-bottom:1px solid #dfe6f0}td[b-zafysdwpkv]{padding:9px 12px;border-bottom:1px solid #edf0f5;vertical-align:middle}td small[b-zafysdwpkv]{display:block;color:#7b8799;margin-top:3px;font-size:11px}tr.selected td[b-zafysdwpkv]{background:#eeedff}tbody tr:hover td[b-zafysdwpkv]{background:#f7f8fc}.number[b-zafysdwpkv]{text-align:right;font-variant-numeric:tabular-nums}.mk-empty[b-zafysdwpkv]{text-align:center;padding:32px;color:#8793a6}.mk-status[b-zafysdwpkv]{padding:4px 9px;display:inline-block;background:#eef1f7;border-radius:20px;color:#66758c;font-size:11px;font-weight:650}.mk-status.active[b-zafysdwpkv]{background:#e3f7ef;color:#17815a}.mk-status.paused[b-zafysdwpkv]{background:#fff3d9;color:#9c6c12}.mk-status.cancelled[b-zafysdwpkv]{background:#ffe9ed;color:#b3394f}.mk-preview>header[b-zafysdwpkv]{padding:11px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e5eaf2;flex-shrink:0}.mk-preview h2[b-zafysdwpkv]{font-size:14px;margin:0}.mk-preview>header span[b-zafysdwpkv]{color:#7b8498}.mk-summary[b-zafysdwpkv]{display:flex;gap:35px;padding:13px 16px;border-bottom:1px solid #e7ecf4;flex-wrap:wrap}.mk-summary span[b-zafysdwpkv]{display:block;color:#8993a6;font-size:11px;margin-bottom:4px}.mk-summary b[b-zafysdwpkv]{font-size:13px}.mk-summary small[b-zafysdwpkv]{font-size:11px;color:#8993a6;font-weight:400}.mk-conditions[b-zafysdwpkv]{display:flex;flex-wrap:wrap;gap:7px;padding:12px}.mk-conditions span[b-zafysdwpkv]{background:#f0f1ff;color:#6354a9;padding:5px 9px;border-radius:5px}.mk-editor[b-zafysdwpkv]{flex:1;min-height:0;display:flex;flex-direction:column;background:white;border:1px solid #e0e6f0;border-radius:10px;overflow:hidden}.mk-form-title[b-zafysdwpkv]{padding:11px 15px;border-bottom:1px solid #eef1f6;flex-shrink:0}.mk-form-title h2[b-zafysdwpkv]{font-size:14px;margin:0}.mk-form-title small[b-zafysdwpkv]{color:#bd7e19}.mk-form[b-zafysdwpkv]{border:0;padding:12px 15px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;max-height:34vh;overflow:auto;flex-shrink:0}.mk-form label[b-zafysdwpkv]{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:8px}.mk-form label>span[b-zafysdwpkv]{font-size:12px;color:#69758a}.mk-form .wide[b-zafysdwpkv]{grid-column:span 2}.mk-form .check[b-zafysdwpkv]{display:flex}.mk-tabs[b-zafysdwpkv]{display:flex;gap:4px;border-bottom:1px solid #e0e7f2;padding:0 15px;flex-shrink:0}.mk-tabs button[b-zafysdwpkv]{border:0;border-radius:0;background:transparent;color:#778399;padding:12px 14px}.mk-tabs button.active[b-zafysdwpkv]{color:#5147cc;border-bottom:2px solid #635bdf;font-weight:700}.mk-product-bar[b-zafysdwpkv]{padding:9px 14px;border-bottom:1px solid #e9edf5;flex-shrink:0}.mk-product-bar .mk-search[b-zafysdwpkv]{max-width:none}.mk-product-bar b[b-zafysdwpkv]{color:#748198}.mk-hint[b-zafysdwpkv]{color:#7f8da1;font-size:11px;padding:9px 15px;line-height:1.5;flex-shrink:0;background:#f9faff}.mk-editor-footer[b-zafysdwpkv]{justify-content:space-between;flex-shrink:0;padding:10px 14px;border-top:1px solid #e7edf4;background:#fafbfe}.mk-editor-footer label[b-zafysdwpkv]{display:flex;gap:10px;align-items:center;flex:1;max-width:60%;color:#7c889a}.mk-editor-footer input[b-zafysdwpkv]{flex:1}.mk-editor-footer>span[b-zafysdwpkv]{font-size:11px;color:#7c889a}.mk-product-results[b-zafysdwpkv]{display:flex;flex-direction:column;max-height:180px;overflow:auto;flex-shrink:0;border-bottom:1px solid #dfe7f0}.mk-product-results button[b-zafysdwpkv]{display:flex;border:0;border-radius:0;gap:15px;text-align:left}.mk-product-results span[b-zafysdwpkv]{flex:1}.mk-condition-cards[b-zafysdwpkv]{padding:12px;display:flex;flex-direction:column;gap:10px}.mk-condition[b-zafysdwpkv]{display:flex;align-items:end;gap:14px;padding:12px;border:1px solid #e1e7f3;background:#fafbff;border-radius:8px;flex-wrap:wrap}.mk-condition label[b-zafysdwpkv]{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#788298}.mk-condition .check[b-zafysdwpkv]{flex-direction:row;align-items:center;padding-bottom:8px}.mk-overlay[b-zafysdwpkv]{position:fixed;inset:0;z-index:2100;background:#10213b66;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(2px)}.mk-dialog[b-zafysdwpkv]{width:min(780px,96vw);max-height:90vh;min-height:200px;display:flex;flex-direction:column;border-radius:14px;background:#fff;box-shadow:0 20px 80px #14274145;font-size:13px;color:#33465f;overflow:hidden}.mk-dialog header[b-zafysdwpkv]{padding:15px 20px;justify-content:space-between;border-bottom:1px solid #e5eaf3;flex-shrink:0}.mk-dialog h2[b-zafysdwpkv]{font-size:17px;margin:0}.mk-dialog-scroll[b-zafysdwpkv]{overflow:auto;min-height:0;flex:1}.mk-dialog-form[b-zafysdwpkv]{border:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.mk-dialog-form>label[b-zafysdwpkv]{display:flex;flex-direction:column;gap:7px;color:#6c7990;font-size:12px}.full[b-zafysdwpkv]{grid-column:1/-1}.mk-dialog.audience[b-zafysdwpkv]{width:min(900px,96vw);height:80vh}.audience .mk-filter[b-zafysdwpkv]{padding:12px}.audience .mk-filter>input[b-zafysdwpkv]{flex:1}.mk-workspace[b-zafysdwpkv]  .dxbl-combobox,.mk-dialog[b-zafysdwpkv]  .dxbl-combobox{width:100%;min-width:0}.mk-workspace :is(button,input,select):focus-visible[b-zafysdwpkv],.mk-dialog :is(button,input,select):focus-visible[b-zafysdwpkv]{outline:2px solid #a5b4fc;outline-offset:2px}@media(max-width:1200px){.mk-form[b-zafysdwpkv]{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-header[b-zafysdwpkv]{align-items:flex-start}.mk-heading p[b-zafysdwpkv]{max-width:300px}.mk-form .wide[b-zafysdwpkv]{grid-column:span 1}.mk-actions[b-zafysdwpkv]{gap:5px}}@media(max-width:760px){.mk-workspace[b-zafysdwpkv]{padding:8px}.mk-header[b-zafysdwpkv]{flex-direction:column}.mk-form[b-zafysdwpkv]{grid-template-columns:minmax(0,1fr)}.mk-heading p[b-zafysdwpkv]{display:none}.mk-actions[b-zafysdwpkv]{justify-content:flex-start}.mk-form label[b-zafysdwpkv]{grid-template-columns:110px minmax(0,1fr)}.mk-product-bar[b-zafysdwpkv]{flex-wrap:wrap}.mk-dialog-form[b-zafysdwpkv]{grid-template-columns:1fr}.mk-editor-footer[b-zafysdwpkv]{flex-direction:column;align-items:stretch}.mk-editor-footer label[b-zafysdwpkv]{max-width:100%}}
.mk-search-status[b-zafysdwpkv]{padding:9px 15px;color:#69788f;background:#f7f9fe;border-bottom:1px solid #e3e9f4;font-size:12px;flex-shrink:0}.mk-dialog-scroll>.mk-alert[b-zafysdwpkv]{margin:12px 20px 0}.mk-product-bar .mk-search input[b-zafysdwpkv]{min-width:0;width:0}.mk-dialog-form>label[b-zafysdwpkv]{min-width:0}.mk-dialog-form[b-zafysdwpkv]  .mk-product-picker{width:100%}
/* _content/E360_Client/Components/Pages/PO_PUR/PO_PURCHASE_CONTRACT.razor.rz.scp.css */
.sales-page[b-w8q8sn0b54]{container:sales-workspace/inline-size;display:flex;flex-direction:column;gap:10px;width:100%;height:97%;min-height:0;padding:12px;background:#f5f7fb;color:#192d43;overflow:hidden;box-sizing:border-box;font-size:12px}
.sales-header[b-w8q8sn0b54],.sales-heading[b-w8q8sn0b54],.sales-actions[b-w8q8sn0b54]{display:flex;align-items:center;gap:9px}.sales-header[b-w8q8sn0b54]{justify-content:space-between;flex:none;gap:14px;min-height:36px}.sales-heading h1[b-w8q8sn0b54]{margin:0;font-size:18px;line-height:1.3;font-weight:650}.sales-icon[b-w8q8sn0b54]{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e1f2ee;color:#07857c;font-size:18px}.sales-actions[b-w8q8sn0b54]{flex-wrap:wrap;justify-content:flex-end;gap:6px}
.sales-button[b-w8q8sn0b54]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid #dbe3ee;border-radius:5px;background:#fff;color:#354d67;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.sales-button:hover:not(:disabled)[b-w8q8sn0b54]{background:#eef4fc;border-color:#b8cbea}.sales-button.primary[b-w8q8sn0b54]{background:#255dc9;border-color:#255dc9;color:#fff}.sales-button.primary:hover:not(:disabled)[b-w8q8sn0b54]{background:#1b4cae}.sales-button.danger[b-w8q8sn0b54]{color:#c14348}.sales-button:disabled[b-w8q8sn0b54]{opacity:.45;cursor:not-allowed}
.sales-message[b-w8q8sn0b54]{display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border-radius:6px;font-size:12px}.sales-message.error[b-w8q8sn0b54]{border:1px solid #f5d6dc;background:#fff0f1;color:#a7434c}.sales-message.success[b-w8q8sn0b54]{border:1px solid #d5eddf;background:#edf8f2;color:#2c7850}.sales-loading[b-w8q8sn0b54]{flex:none;color:#4d78ba;font-size:11px}
.sales-filter[b-w8q8sn0b54]{display:flex;align-items:center;flex-wrap:wrap;flex:none;gap:8px;padding:9px 10px;border:1px solid #e0e8f2;border-radius:8px;background:#fff}.sales-filter>label[b-w8q8sn0b54]{display:flex;align-items:center;gap:5px;color:#7b8da2}.sales-search[b-w8q8sn0b54]{display:flex;align-items:center;flex:1;min-width:150px;gap:8px;padding:0 9px;border:1px solid #dce4ef;border-radius:5px;background:#fff;color:#8595a7}.sales-search input[b-w8q8sn0b54]{width:100%;min-width:0;height:30px;border:0;outline:none;background:transparent;color:#273e59;font:inherit}.sales-search:focus-within[b-w8q8sn0b54]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}
.sales-filter select[b-w8q8sn0b54],.sales-filter input[type=date][b-w8q8sn0b54],.sales-form input[b-w8q8sn0b54],.sales-form select[b-w8q8sn0b54],.sales-fees input[b-w8q8sn0b54]{min-width:0;height:30px;padding:4px 8px;border:1px solid #d8e0ea;border-radius:4px;outline:none;background:#fff;color:#344054;font:inherit;box-sizing:border-box}.sales-filter input[type=date][b-w8q8sn0b54]{width:128px}.sales-filter[b-w8q8sn0b54]  .sales-filter-customer{min-width:160px;max-width:240px;flex:1;min-height:30px;font-size:12px}
.sales-split[b-w8q8sn0b54]{display:grid;grid-template-rows:minmax(165px,1fr) minmax(145px,.7fr);flex:1;min-height:0;gap:10px}.sales-list-panel[b-w8q8sn0b54],.sales-preview[b-w8q8sn0b54]{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #e0e8f2;border-radius:8px;background:#fff}.sales-list-scroll[b-w8q8sn0b54]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.sales-list-table[b-w8q8sn0b54]{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:12px}.sales-list-table th[b-w8q8sn0b54]{position:sticky;top:0;z-index:1;padding:10px 12px;border-bottom:1px solid #e1e8f1;background:#f4f7fc;color:#6a7d94;text-align:left;font-size:11px;font-weight:600}.sales-list-table td[b-w8q8sn0b54]{padding:8px 12px;border-bottom:1px solid #edf1f7;color:#38516d}.sales-list-table tr[b-w8q8sn0b54]{cursor:pointer}.sales-list-table tbody tr:hover[b-w8q8sn0b54]{background:#f6f9ff}.sales-list-table tr.selected td[b-w8q8sn0b54]{background:#eaf2ff}.sales-list-table tr.selected td:first-child[b-w8q8sn0b54]{box-shadow:inset 3px 0 #3972b6}.sales-list-table .document-number[b-w8q8sn0b54]{color:#234269;font-weight:600}.numeric[b-w8q8sn0b54]{text-align:right!important;font-variant-numeric:tabular-nums}.sales-row-button[b-w8q8sn0b54]{padding:3px;border:0;background:transparent;color:#2a60bd;cursor:pointer;font:inherit}.sales-empty[b-w8q8sn0b54]{text-align:center!important;padding:35px 16px!important;color:#8595a7!important}
.sales-pager[b-w8q8sn0b54]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:7px 12px;border-top:1px solid #e5ebf3;color:#7c8fa4;font-size:11px}.sales-pager>div[b-w8q8sn0b54]{display:flex;gap:6px}.sales-pager .sales-button[b-w8q8sn0b54]{min-height:27px;padding:4px 9px;font-size:11px}
.sales-preview[b-w8q8sn0b54]{padding:0 10px 10px}.sales-preview>header[b-w8q8sn0b54]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:8px 0}.sales-preview>header>div[b-w8q8sn0b54]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.sales-preview h2[b-w8q8sn0b54],.sales-lines-header h2[b-w8q8sn0b54],.sales-document-banner h2[b-w8q8sn0b54]{margin:0;color:#3d536d;font-size:13px;font-weight:600}.sales-preview>header strong[b-w8q8sn0b54]{color:#45668d;font-size:12px}.sales-preview>header span[b-w8q8sn0b54],.sales-lines-header span[b-w8q8sn0b54]{padding:2px 7px;border-radius:10px;background:#eef2f7;color:#687c94;font-size:10px}
.sales-status[b-w8q8sn0b54]{display:inline-flex;padding:4px 8px;border-radius:20px;background:#eef2f7;color:#6b7c91;font-size:10px;font-weight:600;white-space:nowrap}.sales-status.approved[b-w8q8sn0b54],.sales-status.posted[b-w8q8sn0b54],.sales-status.delivered[b-w8q8sn0b54],.sales-status.completed[b-w8q8sn0b54],.sales-status.active[b-w8q8sn0b54],.sales-status.paid[b-w8q8sn0b54]{background:#e3f5ed;color:#208358}.sales-status.submitted[b-w8q8sn0b54],.sales-status.in_transit[b-w8q8sn0b54],.sales-status.ready[b-w8q8sn0b54]{background:#fff2d9;color:#ac7917}.sales-status.cancelled[b-w8q8sn0b54],.sales-status.rejected[b-w8q8sn0b54],.sales-status.failed[b-w8q8sn0b54],.sales-status.inactive[b-w8q8sn0b54]{background:#fce9ec;color:#b44853}
.sales-report-summary[b-w8q8sn0b54]{display:flex;flex:none;gap:10px;max-height:100px;overflow:auto}.sales-report-summary article[b-w8q8sn0b54]{display:grid;gap:4px;min-width:210px;padding:9px 14px;border:1px solid #dde7f3;border-radius:8px;background:#fff}.sales-report-summary span[b-w8q8sn0b54],.sales-report-summary small[b-w8q8sn0b54]{color:#7b8da2;font-size:11px}.sales-report-summary strong[b-w8q8sn0b54]{color:#2458b5;font-size:18px}
.sales-business-note[b-w8q8sn0b54]{flex:none;margin:7px 0 0;color:#7b8da2;font-size:11px;line-height:1.4}
.sales-editor[b-w8q8sn0b54]{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 12px;border:1px solid #e0e8f2;border-radius:8px;background:#fff;overflow:hidden}.sales-document-banner[b-w8q8sn0b54]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;flex:none;min-height:30px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #e6ecf3}.sales-document-banner>div[b-w8q8sn0b54]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sales-document-banner h2[b-w8q8sn0b54]{display:flex;align-items:center;gap:7px;margin-right:8px}.sales-document-banner h2 i[b-w8q8sn0b54]{color:#3972b6}.sales-document-banner strong[b-w8q8sn0b54]{color:#64758c;font-size:12px;font-weight:600}.sales-document-banner small[b-w8q8sn0b54]{color:#b9831f;font-size:10px}.sales-links .sales-button[b-w8q8sn0b54]{min-height:26px;padding:4px 8px;font-size:11px}
.sales-form[b-w8q8sn0b54]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;flex:none;min-width:0;margin:0;padding:0;border:0}.sales-form>label[b-w8q8sn0b54]{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:30px;margin:0;color:#52637a;font-size:12px;font-weight:500}.sales-form .wide[b-w8q8sn0b54]{grid-column:span 2}.sales-form label>span[b-w8q8sn0b54]{min-width:0;line-height:1.3}.sales-form b[b-w8q8sn0b54]{color:#d65656}.sales-form input[b-w8q8sn0b54],.sales-form select[b-w8q8sn0b54]{width:100%}.sales-form input:focus[b-w8q8sn0b54],.sales-form select:focus[b-w8q8sn0b54],.sales-fees input:focus[b-w8q8sn0b54]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}.sales-form input:disabled[b-w8q8sn0b54],.sales-form select:disabled[b-w8q8sn0b54],.sales-fees input:disabled[b-w8q8sn0b54]{background:#f6f8fb;color:#697b91}.sales-form .auto-number[b-w8q8sn0b54]{background:#f3f6fb;color:#45668d;font-weight:600}.sales-form .checkbox-field[b-w8q8sn0b54]{display:flex;gap:8px}.checkbox-field input[b-w8q8sn0b54]{width:15px;height:15px;accent-color:#255dc9}.sales-form[b-w8q8sn0b54]  .sales-combo{width:100%;min-width:0;height:30px;min-height:30px;border-radius:4px;font-size:12px}.sales-form[b-w8q8sn0b54]  .sales-combo .dxbl-text-edit-input{min-width:0;height:26px;min-height:26px;padding:3px 8px;font-size:12px}.sales-form[b-w8q8sn0b54]  .sales-combo .dxbl-btn{min-height:26px}
.sales-lines-header[b-w8q8sn0b54]{display:flex;align-items:center;justify-content:space-between;flex:none;gap:10px;margin:10px 0 7px;padding-top:9px;border-top:1px solid #e9eef5}.sales-lines-header>div[b-w8q8sn0b54]{display:flex;align-items:center;gap:8px}
.sales-document-footer[b-w8q8sn0b54]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;flex:none;margin-top:8px;padding-top:9px;border-top:1px solid #e7edf4}.sales-footer-notes[b-w8q8sn0b54]{display:flex;align-items:center;gap:12px;min-width:0}.sales-note[b-w8q8sn0b54]{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:7px;flex:1;min-width:0;margin:0}.sales-note>span[b-w8q8sn0b54]{display:inline-flex;align-items:center;gap:5px;padding-top:6px;color:#68798e;font-size:11px;font-weight:500}.sales-note textarea[b-w8q8sn0b54]{width:100%;min-width:0;min-height:46px;height:46px;max-height:90px;padding:6px 8px;border:1px solid #dce4ee;border-radius:5px;outline:none;resize:vertical;background:#fff;color:#3e546f;font:inherit;font-size:12px;line-height:1.5;box-sizing:border-box}.sales-note textarea:focus[b-w8q8sn0b54]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}.sales-note textarea:disabled[b-w8q8sn0b54]{background:#f6f8fb;color:#697b91}.sales-note textarea[b-w8q8sn0b54]::placeholder{color:#94a2b3;font-size:11px}.sales-fees[b-w8q8sn0b54]{display:flex;gap:8px;flex:none}.sales-fees label[b-w8q8sn0b54]{display:grid;gap:4px;width:110px;min-width:0;margin:0;color:#68798e;font-size:11px}.sales-fees input[b-w8q8sn0b54]{text-align:right;width:100%}.sales-totals[b-w8q8sn0b54]{display:grid;grid-template-columns:repeat(3,minmax(75px,1fr)) minmax(145px,1.4fr);gap:10px;min-width:0}.sales-totals>div[b-w8q8sn0b54]{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:right;color:#7e8fa4;font-size:11px}.sales-totals b[b-w8q8sn0b54]{color:#435b76;font-size:12px;font-weight:600;overflow-wrap:anywhere}.sales-totals .total[b-w8q8sn0b54]{padding-left:10px;border-left:1px solid #e4eaf2}.sales-totals .total strong[b-w8q8sn0b54]{color:#2458b5;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.commission-totals[b-w8q8sn0b54]{grid-template-columns:1fr 1fr;min-width:300px}.sales-footer-count[b-w8q8sn0b54]{color:#7e8fa4;font-size:11px}
@container sales-workspace (max-width:1100px){.sales-document-footer[b-w8q8sn0b54]{grid-template-columns:1fr;gap:9px}.sales-totals[b-w8q8sn0b54]{padding-top:8px;border-top:1px solid #e7edf4}.sales-form[b-w8q8sn0b54]{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-header[b-w8q8sn0b54]{flex-wrap:wrap}.sales-actions[b-w8q8sn0b54]{justify-content:flex-start}}
@container sales-workspace (max-width:650px){.sales-form[b-w8q8sn0b54]{grid-template-columns:minmax(0,1fr)}.sales-form .wide[b-w8q8sn0b54]{grid-column:auto}.sales-footer-notes[b-w8q8sn0b54]{flex-wrap:wrap}.sales-note[b-w8q8sn0b54]{flex-basis:100%;grid-template-columns:108px minmax(0,1fr)}.sales-fees[b-w8q8sn0b54]{width:100%}.sales-fees label[b-w8q8sn0b54]{flex:1}.sales-totals[b-w8q8sn0b54]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.sales-totals .total[b-w8q8sn0b54]{border-left:0;padding-left:0}.sales-pager[b-w8q8sn0b54]{flex-wrap:wrap}.sales-preview>header>div[b-w8q8sn0b54]{gap:6px}.sales-filter-customer[b-w8q8sn0b54]{max-width:none}}
@media(max-height:760px),(max-width:750px){.sales-editor[b-w8q8sn0b54]{overflow:auto}.sales-editor[b-w8q8sn0b54]  .sales-lines-scroll{flex:1 0 180px;min-height:180px}.sales-split[b-w8q8sn0b54]{overflow:auto;grid-template-rows:minmax(200px,1fr) minmax(180px,.8fr)}}
/* _content/E360_Client/Components/Pages/PO_PUR/PO_PURCHASE_ORDER.razor.rz.scp.css */
.purchase-order-page[b-6ug2g71emh] {
    width: 100%;
    height: 97%;
    padding: 18px 20px;
    background: #f6f8fb;
    color: #263238;
    font-size: 12px;
}


/* =========================================================
   HEADER
   ========================================================= */

.po-page-header[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.po-page-title[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.po-title-icon[b-6ug2g71emh] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf2ff;
    color: #2563eb;
    font-size: 17px;
}

.po-title-text[b-6ug2g71emh] {
    font-size: 18px;
    font-weight: 700;
    color: #172033;
}

.po-title-sub[b-6ug2g71emh] {
    margin-top: 2px;
    color: #7b8794;
    font-size: 11px;
}

.po-primary-btn[b-6ug2g71emh] {
    height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #2563eb;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

    .po-primary-btn:hover[b-6ug2g71emh] {
        background: #1d4ed8;
    }


/* =========================================================
   STATUS
   ========================================================= */

.po-status-bar[b-6ug2g71emh] {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 12px;
}

.po-status-item[b-6ug2g71emh] {
    min-width: 105px;
    padding: 9px 15px;
    border-right: 1px solid #edf0f4;
    cursor: pointer;
    position: relative;
}

    .po-status-item:hover[b-6ug2g71emh] {
        background: #f8fafc;
    }

    .po-status-item.active[b-6ug2g71emh] {
        background: #f8fbff;
    }

        .po-status-item.active[b-6ug2g71emh]::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: #2563eb;
        }

.po-status-label[b-6ug2g71emh] {
    color: #718096;
    font-size: 11px;
}

.po-status-count[b-6ug2g71emh] {
    margin-top: 3px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   FILTER
   ========================================================= */

.po-filter-card[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    margin-bottom: 12px;
}

.po-search[b-6ug2g71emh] {
    width: 290px;
    height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
}

    .po-search i[b-6ug2g71emh] {
        color: #9aa5b1;
    }

    .po-search input[b-6ug2g71emh] {
        width: 100%;
        border: 0;
        outline: none;
        font-size: 12px;
    }

.po-filter-select[b-6ug2g71emh],
.po-date-input[b-6ug2g71emh] {
    height: 32px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    padding: 0 9px;
    outline: none;
    color: #344054;
    background: #fff;
    font-size: 12px;
}

.po-filter-select[b-6ug2g71emh] {
    min-width: 160px;
}

.po-date-input[b-6ug2g71emh] {
    width: 125px;
}

.po-date-separator[b-6ug2g71emh] {
    color: #98a2b3;
}

.po-filter-btn[b-6ug2g71emh] {
    height: 32px;
    padding: 0 12px;
    border: 1px solid #2563eb;
    border-radius: 5px;
    background: #2563eb;
    color: #fff;
    cursor: pointer;
}

.po-refresh-btn[b-6ug2g71emh] {
    width: 32px;
    height: 32px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
    color: #667085;
    cursor: pointer;
}


/* =========================================================
   GRID
   ========================================================= */

.po-grid-card[b-6ug2g71emh] {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    overflow: hidden;
}

.po-grid-header[b-6ug2g71emh] {
    min-height: 54px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf0f4;
}

.po-grid-title[b-6ug2g71emh] {
    color: #253047;
    font-weight: 700;
}

.po-grid-sub[b-6ug2g71emh] {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.po-grid-summary[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #98a2b3;
}

    .po-grid-summary strong[b-6ug2g71emh] {
        color: #2563eb;
        font-size: 13px;
    }


/* =========================================================
   TABLE
   ========================================================= */

.po-table-wrapper[b-6ug2g71emh] {
    width: 100%;
    overflow-x: auto;
}

.po-table[b-6ug2g71emh] {
    width: 100%;
    min-width: 1250px;
    border-collapse: collapse;
}

    .po-table th[b-6ug2g71emh] {
        height: 36px;
        padding: 0 10px;
        text-align: left;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
        white-space: nowrap;
    }

    .po-table td[b-6ug2g71emh] {
        height: 53px;
        padding: 7px 10px;
        border-bottom: 1px solid #edf0f4;
        color: #475467;
        white-space: nowrap;
    }

    .po-table tbody tr[b-6ug2g71emh] {
        cursor: pointer;
    }

        .po-table tbody tr:hover[b-6ug2g71emh] {
            background: #f8fbff;
        }

.po-number[b-6ug2g71emh] {
    color: #2563eb;
    font-weight: 600;
}

.supplier-cell[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.supplier-avatar[b-6ug2g71emh] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 10px;
    font-weight: 700;
}

    .supplier-avatar.small[b-6ug2g71emh] {
        width: 28px;
        height: 28px;
    }

.supplier-name[b-6ug2g71emh] {
    color: #344054;
    font-weight: 600;
}

.supplier-code[b-6ug2g71emh] {
    margin-top: 1px;
    color: #98a2b3;
    font-size: 10px;
}

.request-number[b-6ug2g71emh] {
    color: #667085;
}

.text-right[b-6ug2g71emh] {
    text-align: right !important;
}

.text-center[b-6ug2g71emh] {
    text-align: center !important;
}

.po-row-menu[b-6ug2g71emh] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

    .po-row-menu:hover[b-6ug2g71emh] {
        background: #f2f4f7;
        color: #344054;
    }


/* =========================================================
   PROGRESS
   ========================================================= */

.po-progress[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.po-progress-bar[b-6ug2g71emh] {
    width: 55px;
    height: 5px;
    overflow: hidden;
    border-radius: 5px;
    background: #edf0f4;
}

.po-progress-value[b-6ug2g71emh] {
    height: 100%;
    border-radius: 5px;
    background: #2563eb;
}

.po-progress span[b-6ug2g71emh] {
    color: #667085;
    font-size: 10px;
}


/* =========================================================
   STATUS BADGES
   ========================================================= */

.po-status-badge[b-6ug2g71emh] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 23px;
    padding: 0 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
}

.status-dot[b-6ug2g71emh] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.status-draft[b-6ug2g71emh] {
    background: #f2f4f7;
    color: #667085;
}

.status-submitted[b-6ug2g71emh] {
    background: #fff7e6;
    color: #b54708;
}

.status-approved[b-6ug2g71emh] {
    background: #ecfdf3;
    color: #027a48;
}

.status-partial[b-6ug2g71emh] {
    background: #eef4ff;
    color: #2563eb;
}

.status-completed[b-6ug2g71emh] {
    background: #ecfdf3;
    color: #067647;
}

.status-cancelled[b-6ug2g71emh] {
    background: #fef3f2;
    color: #b42318;
}


/* =========================================================
   EMPTY
   ========================================================= */

.po-empty[b-6ug2g71emh] {
    padding: 70px 20px;
    text-align: center;
}

.po-empty-icon[b-6ug2g71emh] {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f4f7;
    color: #98a2b3;
    font-size: 19px;
}

.po-empty-title[b-6ug2g71emh] {
    color: #344054;
    font-weight: 600;
}

.po-empty-text[b-6ug2g71emh] {
    margin-top: 4px;
    color: #98a2b3;
}


/* =========================================================
   DOCUMENT
   ========================================================= */

.po-editor-page[b-6ug2g71emh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 12px;
    overflow: hidden;
    box-sizing: border-box;
    container: purchase-order / inline-size;
}
.po-editor-page > .alert[b-6ug2g71emh] { flex: none; margin: 0; padding: 8px 12px; font-size: 12px; }
.po-document[b-6ug2g71emh] { display: flex; flex: 1; flex-direction: column; gap: 9px; min-height: 0; width: 100%; }
.po-document-topbar[b-6ug2g71emh] { display: flex; flex: none; align-items: center; gap: 12px; min-height: 34px; }
.po-back-btn[b-6ug2g71emh], .po-action-secondary[b-6ug2g71emh], .po-action-primary[b-6ug2g71emh], .po-action-danger[b-6ug2g71emh] {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 30px; padding: 5px 10px; border: 1px solid #dbe3ee; border-radius: 5px;
    background: #fff; color: #475467; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.po-back-btn:hover:not(:disabled)[b-6ug2g71emh], .po-action-secondary:hover:not(:disabled)[b-6ug2g71emh] { background: #eef4fc; border-color: #b8cbea; }
.po-action-primary[b-6ug2g71emh] { background: #255dc9; border-color: #255dc9; color: #fff; }
.po-action-primary:hover:not(:disabled)[b-6ug2g71emh] { background: #1b4cae; }
.po-action-danger[b-6ug2g71emh] { border-color: #f0c7c3; color: #b42318; }
.po-document button:disabled[b-6ug2g71emh] { opacity: .5; cursor: not-allowed; }
.po-document-number[b-6ug2g71emh] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
.po-editor-title[b-6ug2g71emh] { margin: 0 5px 0 0; color: #172033; font-size: 18px; line-height: 1.3; font-weight: 650; }
.po-document-title[b-6ug2g71emh] { color: #64758c; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.po-document-actions[b-6ug2g71emh] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-left: auto; }
.po-section[b-6ug2g71emh] { flex: none; min-width: 0; border: 1px solid #e0e8f2; border-radius: 8px; background: #fff; }
.po-section-header[b-6ug2g71emh] { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 30px; padding: 0 0 8px; border-bottom: 1px solid #e6ecf3; }
.po-section-title[b-6ug2g71emh] { display: inline-flex; align-items: center; gap: 7px; color: #3d536d; font-size: 13px; font-weight: 600; }
.po-section-title i[b-6ug2g71emh] { color: #3972b6; }
.po-information-section[b-6ug2g71emh] { padding: 8px 12px 10px; }
.po-info-grid[b-6ug2g71emh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 14px; padding-top: 9px; }
.po-field[b-6ug2g71emh] { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: center; gap: 6px; min-width: 0; min-height: 30px; }
.po-field-wide[b-6ug2g71emh] { grid-column: span 2; }
.po-field label[b-6ug2g71emh] { margin: 0; color: #52637a; font-size: 12px; line-height: 1.3; font-weight: 500; }
.po-field label span[b-6ug2g71emh] { color: #d65656; }
.po-field input[b-6ug2g71emh], .po-field select[b-6ug2g71emh], .po-fee-fields input[b-6ug2g71emh] {
    width: 100%; min-width: 0; height: 30px; padding: 4px 8px;
    border: 1px solid #d8e0ea; border-radius: 4px; outline: none;
    background: #fff; color: #344054; font: inherit; font-size: 12px; box-sizing: border-box;
}
.po-field input:focus[b-6ug2g71emh], .po-field select:focus[b-6ug2g71emh], .po-fee-fields input:focus[b-6ug2g71emh] { border-color: #7d9fdf; box-shadow: 0 0 0 2px #255dc90e; }
.po-field input:disabled[b-6ug2g71emh], .po-field select:disabled[b-6ug2g71emh], .po-field input:read-only[b-6ug2g71emh], .po-fee-fields input:disabled[b-6ug2g71emh] { background: #f6f8fb; color: #697b91; }
.po-field .po-auto-number[b-6ug2g71emh] { background: #f3f6fb; color: #45668d; font-weight: 600; font-variant-numeric: tabular-nums; }
.po-field[b-6ug2g71emh]  .po-search-combo { width: 100%; min-width: 0; min-height: 30px; height: 30px; border-radius: 4px; font-size: 12px; }
.po-field[b-6ug2g71emh]  .po-search-combo .dxbl-text-edit-input { min-width: 0; height: 26px; min-height: 26px; padding: 3px 8px; font-size: 12px; }
.po-field[b-6ug2g71emh]  .po-search-combo .dxbl-btn { min-height: 26px; }
.po-product-section[b-6ug2g71emh] { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 8px 12px 10px; }
.po-product-section .po-section-header[b-6ug2g71emh] { flex: none; padding-bottom: 7px; }
.po-product-section .po-section-header > div[b-6ug2g71emh] { display: flex; align-items: center; gap: 8px; }
.po-section-sub[b-6ug2g71emh] { padding: 2px 7px; border-radius: 10px; background: #eef2f7; color: #687c94; font-size: 10px; }

.po-source-hint[b-6ug2g71emh] {
    display: block;
    margin-top: 5px;
    color: #667085;
    font-size: 11px;
}

.po-source-banner[b-6ug2g71emh] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 12px;
    padding: 9px 11px;
    border-radius: 6px;
    background: #eff6ff;
    color: #175cd3;
}

.po-add-product-btn[b-6ug2g71emh] {
    height: 29px;
    padding: 0 10px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
    color: #2563eb;
    cursor: pointer;
    font-size: 11px;
}

.po-product-table-wrapper[b-6ug2g71emh] {
    width: 100%;
    overflow-x: auto;
}

.po-product-table[b-6ug2g71emh] {
    width: 100%;
    min-width: 1150px;
    border-collapse: collapse;
}

    .po-product-table th[b-6ug2g71emh] {
        height: 35px;
        padding: 0 9px;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
    }

    .po-product-table td[b-6ug2g71emh] {
        height: 48px;
        padding: 6px 9px;
        border-bottom: 1px solid #edf0f4;
        color: #475467;
    }

.line-number[b-6ug2g71emh] {
    color: #98a2b3 !important;
    text-align: center;
}

.product-code[b-6ug2g71emh] {
    color: #98a2b3;
    font-size: 9px;
}

.product-name[b-6ug2g71emh] {
    margin-top: 2px;
    color: #344054;
    font-weight: 600;
}

.table-number-input[b-6ug2g71emh] {
    width: 125px;
    height: 28px;
    padding: 0 7px;
    text-align: right;
    border: 1px solid #dce2e9;
    border-radius: 4px;
    outline: none;
    font-size: 11px;
}

.received-quantity[b-6ug2g71emh] {
    color: #027a48;
    font-weight: 600;
}

.received-percent[b-6ug2g71emh] {
    color: #98a2b3;
    font-size: 9px;
}

.line-total[b-6ug2g71emh] {
    color: #1d4ed8 !important;
    font-weight: 600;
}

.product-delete-btn[b-6ug2g71emh] {
    width: 27px;
    height: 27px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

    .product-delete-btn:hover[b-6ug2g71emh] {
        color: #dc2626;
        background: #fef2f2;
    }


/* =========================================================
   BOTTOM
   ========================================================= */

.po-financial-footer[b-6ug2g71emh] {
    display: grid; flex: none; grid-template-columns: minmax(0, 1fr) minmax(480px, 1.05fr);
    align-items: center; gap: 16px; padding: 10px 12px; border: 1px solid #e0e8f2; border-radius: 8px; background: #fff;
}
.po-footer-notes[b-6ug2g71emh] { display: grid; grid-template-columns: minmax(0, 1fr) 225px; align-items: center; gap: 7px 12px; min-width: 0; }
.po-note-field[b-6ug2g71emh] { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: start; gap: 7px; min-width: 0; margin: 0; }
.po-note-field > span[b-6ug2g71emh] { display: inline-flex; align-items: center; gap: 5px; padding-top: 6px; color: #68798e; font-size: 11px; font-weight: 500; }
.po-note-field textarea[b-6ug2g71emh] { width: 100%; min-width: 0; height: 46px; min-height: 46px; max-height: 90px; padding: 6px 8px; border: 1px solid #dce4ee; border-radius: 5px; outline: none; resize: vertical; color: #3e546f; background: #fff; font: inherit; font-size: 12px; line-height: 1.5; box-sizing: border-box; }
.po-note-field textarea:focus[b-6ug2g71emh] { border-color: #7d9fdf; box-shadow: 0 0 0 2px #255dc90e; }
.po-note-field textarea:disabled[b-6ug2g71emh] { background: #f6f8fb; color: #697b91; }
.po-note-field textarea[b-6ug2g71emh]::placeholder { color: #94a2b3; font-size: 11px; }
.po-fee-fields[b-6ug2g71emh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.po-fee-fields label[b-6ug2g71emh] { display: grid; gap: 4px; margin: 0; color: #68798e; font-size: 11px; }
.po-fee-fields input[b-6ug2g71emh] { text-align: right; }
.po-financial-totals[b-6ug2g71emh] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(125px, 1.4fr); gap: 10px; min-width: 0; }
.po-financial-totals > div[b-6ug2g71emh] { display: flex; flex-direction: column; gap: 5px; min-width: 0; text-align: right; color: #7e8fa4; font-size: 11px; }
.po-financial-totals b[b-6ug2g71emh] { color: #435b76; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.po-financial-total[b-6ug2g71emh] { padding-left: 10px; border-left: 1px solid #e4eaf2; }
.po-financial-total strong[b-6ug2g71emh] { color: #2458b5; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }
.po-receiving-strip[b-6ug2g71emh] { display: flex; grid-column: 1 / -1; align-items: center; gap: 8px; min-width: 0; color: #7b8da2; font-size: 10px; }
.po-receiving-strip strong[b-6ug2g71emh] { color: #2563eb; font-size: 11px; }
.po-large-progress-bar[b-6ug2g71emh] { flex: 1; height: 5px; min-width: 30px; max-width: 140px; overflow: hidden; border-radius: 8px; background: #edf0f4; }
.po-large-progress-value[b-6ug2g71emh] { height: 100%; border-radius: 8px; background: #2563eb; }
.po-product-table-wrapper[b-6ug2g71emh] { flex: 1; min-height: 0; overflow: auto; border: 1px solid #e4ebf3; border-radius: 6px; overscroll-behavior: contain; }
.po-product-table[b-6ug2g71emh] { border-collapse: separate; border-spacing: 0; }
.po-product-table th[b-6ug2g71emh] { position: sticky; top: 0; z-index: 1; height: 34px; padding: 6px 8px; font-size: 11px; }
.po-product-table td[b-6ug2g71emh] { height: auto; padding: 6px 8px; font-size: 12px; }
.po-product-table tbody tr:hover[b-6ug2g71emh] { background: #f6f9ff; }
.po-product-table .table-number-input[b-6ug2g71emh] { width: 100%; min-width: 65px; max-width: 125px; box-sizing: border-box; }
.po-product-table .po-lines-empty[b-6ug2g71emh] { height: 120px; text-align: center; color: #8595a7; }
.po-source-banner[b-6ug2g71emh] { flex: none; margin: 0 0 7px; padding: 5px 8px; font-size: 11px; }

@media (max-width: 1250px) { .po-filter-card[b-6ug2g71emh] { flex-wrap: wrap; } }
@container purchase-order (max-width: 1100px) {
    .po-financial-footer[b-6ug2g71emh] { grid-template-columns: 1fr; gap: 10px; }
    .po-financial-totals[b-6ug2g71emh] { border-top: 1px solid #e7edf4; padding-top: 8px; }
}
@container purchase-order (max-width: 950px) {
    .po-info-grid[b-6ug2g71emh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .po-document-topbar[b-6ug2g71emh] { flex-wrap: wrap; }
    .po-document-actions[b-6ug2g71emh] { flex: 1 0 100%; justify-content: flex-start; margin-left: 0; }
}
@container purchase-order (max-width: 600px) {
    .po-info-grid[b-6ug2g71emh] { grid-template-columns: minmax(0, 1fr); }
    .po-field-wide[b-6ug2g71emh] { grid-column: auto; }
    .po-document-topbar[b-6ug2g71emh] { gap: 8px; }
    .po-document-number[b-6ug2g71emh] { flex: 1; }
    .po-footer-notes[b-6ug2g71emh] { grid-template-columns: minmax(0, 1fr); }
    .po-note-field[b-6ug2g71emh] { grid-template-columns: 108px minmax(0, 1fr); }
    .po-receiving-strip[b-6ug2g71emh] { flex-wrap: wrap; }
    .po-financial-totals[b-6ug2g71emh] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
    .po-financial-total[b-6ug2g71emh] { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #e4eaf2; padding: 7px 0 0; }
}
@media (max-height: 800px), (max-width: 1050px) {
    .po-editor-page .po-document[b-6ug2g71emh] { overflow-y: auto; }
    .po-editor-page .po-product-section[b-6ug2g71emh] { flex: 1 0 230px; min-height: 230px; }
}

.document-list-page[b-6ug2g71emh]{height:97%;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;background:#f5f7fb;box-sizing:border-box}
/* _content/E360_Client/Components/Pages/PO_PUR/PO_PURCHASE_REQUEST.razor.rz.scp.css */
/* =========================================================
   GLOBAL PAGE
   ========================================================= */

.pr-page[b-n43jgo3oq7] {
    width: 100%;
    height: 95%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f6f8;
    color: #252a31;
    font-size: 13px;
    box-sizing: border-box;
}

    .pr-page *[b-n43jgo3oq7],
    .pr-page *[b-n43jgo3oq7]::before,
    .pr-page *[b-n43jgo3oq7]::after {
        box-sizing: border-box;
    }

    /* List view: các khối cố định, chỉ grid co giãn */
    .pr-page > .pr-page-header[b-n43jgo3oq7] {
        flex: 0 0 70px;
    }

    .pr-page > .pr-status-bar[b-n43jgo3oq7] {
        flex: 0 0 auto;
    }

    .pr-page > .pr-filter-card[b-n43jgo3oq7] {
        flex: 0 0 auto;
    }

    .pr-page > .pr-grid-card[b-n43jgo3oq7] {
        flex: 1 1 auto;
        min-height: 0;
    }


/* =========================================================
   BUTTONS
   ========================================================= */

.pr-btn[b-n43jgo3oq7] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.pr-btn-primary[b-n43jgo3oq7] {
    color: #fff;
    background: #356ae6;
    border-color: #356ae6;
}

    .pr-btn-primary:hover[b-n43jgo3oq7] {
        background: #2859cc;
    }

.pr-btn-outline[b-n43jgo3oq7] {
    background: #fff;
    border-color: #d8dce3;
    color: #3d4652;
}

    .pr-btn-outline:hover[b-n43jgo3oq7] {
        background: #f7f8fa;
    }

.pr-icon-btn[b-n43jgo3oq7] {
    width: 34px;
    height: 34px;
    border: 1px solid #e0e3e7;
    border-radius: 6px;
    background: #fff;
    color: #6c737d;
    cursor: pointer;
}

    .pr-icon-btn:hover[b-n43jgo3oq7] {
        background: #f7f8fa;
    }

    .pr-icon-btn.danger[b-n43jgo3oq7] {
        color: #d04b4b;
    }

        .pr-icon-btn.danger:hover[b-n43jgo3oq7] {
            background: #fff1f1;
        }

.quotation-back-btn[b-n43jgo3oq7] {
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #dce2e9;
    border-radius: 6px;
    background: #fff;
    color: #475467;
    font-size: 12px;
    cursor: pointer;
}

    .quotation-back-btn:hover[b-n43jgo3oq7] {
        background: #f7f8fa;
    }


/* =========================================================
   LIST VIEW - HEADER
   ========================================================= */

.pr-page-header[b-n43jgo3oq7] {
    height: 70px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid #e7e9ed;
}

.pr-title-area[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pr-title-icon[b-n43jgo3oq7] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: #356ae6;
    font-size: 17px;
}

.pr-page-title[b-n43jgo3oq7] {
    font-size: 17px;
    font-weight: 650;
    line-height: 20px;
    color: #1f2937;
}

.pr-page-subtitle[b-n43jgo3oq7] {
    margin-top: 3px;
    font-size: 11px;
    color: #89909b;
}


/* =========================================================
   LIST VIEW - STATUS BAR
   ========================================================= */

.pr-status-bar[b-n43jgo3oq7] {
    margin: 16px 22px 12px;
    min-height: 72px;
    display: flex;
    background: #fff;
    border: 1px solid #e4e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.pr-status-item[b-n43jgo3oq7] {
    min-width: 130px;
    padding: 13px 20px;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #eef0f3;
    transition: background .12s;
}

    .pr-status-item:hover[b-n43jgo3oq7] {
        background: #fafbfc;
    }

    .pr-status-item.active[b-n43jgo3oq7] {
        background: #f7f9ff;
    }

        .pr-status-item.active[b-n43jgo3oq7]::after {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            bottom: 0;
            height: 2px;
            background: #356ae6;
        }

.pr-status-label[b-n43jgo3oq7] {
    margin-bottom: 5px;
    font-size: 11px;
    color: #7b838e;
}

.pr-status-count[b-n43jgo3oq7] {
    font-size: 20px;
    line-height: 22px;
    font-weight: 650;
    color: #252a31;
}


/* =========================================================
   LIST VIEW - FILTER
   ========================================================= */

.pr-filter-card[b-n43jgo3oq7] {
    margin: 0 22px 12px;
    min-height: 48px;
    padding: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid #e4e7eb;
    border-radius: 8px;
}

.pr-search-box[b-n43jgo3oq7] {
    height: 34px;
    min-width: 330px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    background: #f8f9fb;
    border: 1px solid #e2e5e9;
    border-radius: 6px;
}

    .pr-search-box i[b-n43jgo3oq7] {
        color: #9299a4;
        font-size: 12px;
    }

    .pr-search-box input[b-n43jgo3oq7] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        font-size: 12px;
        color: #343a40;
    }

        .pr-search-box input[b-n43jgo3oq7]::placeholder {
            color: #a0a6ae;
        }

.pr-filter-select[b-n43jgo3oq7] {
    height: 34px;
    min-width: 145px;
    padding: 0 9px;
    border: 1px solid #e0e3e7;
    border-radius: 6px;
    outline: none;
    background: #fff;
    color: #4a515b;
    font-size: 12px;
}

.pr-filter-more[b-n43jgo3oq7],
.pr-refresh[b-n43jgo3oq7] {
    height: 34px;
    padding: 0 11px;
    border: 1px solid #dfe2e6;
    border-radius: 6px;
    background: #fff;
    color: #555d68;
    font-size: 12px;
    cursor: pointer;
}

    .pr-filter-more:hover[b-n43jgo3oq7],
    .pr-refresh:hover[b-n43jgo3oq7] {
        background: #f7f8fa;
    }

.pr-filter-more[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.pr-refresh[b-n43jgo3oq7] {
    width: 34px;
    padding: 0;
}


/* =========================================================
   LIST VIEW - GRID CARD & TABLE
   ========================================================= */

.pr-grid-card[b-n43jgo3oq7] {
    margin: 0 22px 22px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e4e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.pr-grid-header[b-n43jgo3oq7] {
    flex: 0 0 48px;
    min-height: 48px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9ebee;
}

.pr-grid-title[b-n43jgo3oq7] {
    font-size: 13px;
    font-weight: 650;
}

.pr-grid-total[b-n43jgo3oq7] {
    margin-left: 8px;
    font-size: 11px;
    color: #9299a4;
}

.pr-grid-actions button[b-n43jgo3oq7] {
    height: 30px;
    padding: 0 9px;
    border: 0;
    background: transparent;
    color: #68717d;
    font-size: 11px;
    cursor: pointer;
}

    .pr-grid-actions button:hover[b-n43jgo3oq7] {
        color: #356ae6;
    }

.pr-grid-actions i[b-n43jgo3oq7] {
    margin-right: 5px;
}

.pr-table-wrapper[b-n43jgo3oq7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    position: relative;
}

.pr-table[b-n43jgo3oq7] {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    font-size: 12px;
}

    .pr-table thead[b-n43jgo3oq7] {
        position: sticky;
        top: 0;
        z-index: 5;
    }

    .pr-table th[b-n43jgo3oq7] {
        height: 38px;
        padding: 0 11px;
        background: #fafbfc;
        color: #707884;
        font-size: 11px;
        font-weight: 600;
        text-align: left;
        border-bottom: 1px solid #e6e8eb;
        white-space: nowrap;
    }

    .pr-table td[b-n43jgo3oq7] {
        height: 58px;
        padding: 7px 11px;
        border-bottom: 1px solid #f0f1f3;
        color: #4c535d;
        white-space: nowrap;
    }

    .pr-table tbody tr[b-n43jgo3oq7] {
        cursor: pointer;
        transition: background .12s;
    }

        .pr-table tbody tr:hover[b-n43jgo3oq7] {
            background: #f8faff;
        }

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

.col-number[b-n43jgo3oq7] {
    width: 150px;
}

.col-action[b-n43jgo3oq7] {
    width: 42px;
    text-align: center !important;
}

.text-center[b-n43jgo3oq7] {
    text-align: center !important;
}

.text-right[b-n43jgo3oq7] {
    text-align: right !important;
}

.pr-request-number[b-n43jgo3oq7] {
    color: #245bd7;
    font-weight: 650;
}

.pr-request-note[b-n43jgo3oq7] {
    max-width: 170px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9aa0a9;
    font-size: 10px;
}

.pr-user-cell[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pr-avatar[b-n43jgo3oq7] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf2ff;
    color: #356ae6;
    font-size: 10px;
    font-weight: 700;
}

.pr-warehouse[b-n43jgo3oq7] {
    color: #555d67;
}

    .pr-warehouse i[b-n43jgo3oq7] {
        margin-right: 5px;
        color: #8d96a1;
        font-size: 11px;
    }

.pr-product-count[b-n43jgo3oq7] {
    min-width: 27px;
    height: 24px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #f1f3f6;
    color: #555e69;
    font-weight: 600;
}

.pr-row-menu[b-n43jgo3oq7] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #8c939d;
    cursor: pointer;
}

    .pr-row-menu:hover[b-n43jgo3oq7] {
        background: #f0f2f5;
    }


/* =========================================================
   STATUS BADGE
   ========================================================= */

.pr-status-badge[b-n43jgo3oq7] {
    height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
}

    .pr-status-badge .status-dot[b-n43jgo3oq7] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
    }

    .pr-status-badge.draft[b-n43jgo3oq7] {
        color: #a56b00;
        background: #fff7df;
    }

    .pr-status-badge.submitted[b-n43jgo3oq7] {
        color: #2868c7;
        background: #edf5ff;
    }

    .pr-status-badge.approved[b-n43jgo3oq7] {
        color: #27834d;
        background: #eaf8ef;
    }

    .pr-status-badge.partial[b-n43jgo3oq7] {
        color: #ad6316;
        background: #fff2e5;
    }

    .pr-status-badge.completed[b-n43jgo3oq7] {
        color: #27834d;
        background: #eaf8ef;
    }

    .pr-status-badge.rejected[b-n43jgo3oq7] {
        color: #c34242;
        background: #fff0f0;
    }

    .pr-status-badge.cancelled[b-n43jgo3oq7] {
        color: #717780;
        background: #f0f1f3;
    }

    .pr-status-badge.large[b-n43jgo3oq7] {
        height: 28px;
        padding: 0 11px;
        font-size: 11px;
    }


/* =========================================================
   EMPTY STATE
   ========================================================= */

.pr-empty[b-n43jgo3oq7] {
    min-height: 300px;
    padding: 70px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .pr-empty.small[b-n43jgo3oq7] {
        min-height: 0;
        padding: 40px 16px;
    }

.pr-empty-icon[b-n43jgo3oq7] {
    font-size: 30px;
    color: #c7ccd3;
}

.pr-empty-title[b-n43jgo3oq7] {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #606873;
}

.pr-empty-text[b-n43jgo3oq7] {
    margin-top: 4px;
    font-size: 11px;
    color: #9ca2aa;
}


/* =========================================================
   DOCUMENT PAGE
   ========================================================= */

.pr-document-page[b-n43jgo3oq7] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f6f8;
}

.pr-document-topbar[b-n43jgo3oq7] {
    flex: 0 0 54px;
    height: 54px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid #e4e7eb;
}

.pr-document-actions[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 7px;
}

/* ---------- Document header (không co) ---------- */

.pr-document-header[b-n43jgo3oq7] {
    flex: 0 0 auto;
    margin: 16px 22px 12px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 8px;
    overflow: hidden;
}

.pr-document-number[b-n43jgo3oq7] {
    font-size: 20px;
    font-weight: 700;
    color: #20252b;
}

.pr-document-caption[b-n43jgo3oq7] {
    margin-top: 3px;
    font-size: 11px;
    color: #9299a3;
}

.pr-document-meta[b-n43jgo3oq7] {
    margin-top: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666e79;
    font-size: 11px;
}

    .pr-document-meta i[b-n43jgo3oq7] {
        margin-right: 4px;
        color: #9299a3;
    }

.meta-divider[b-n43jgo3oq7] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c7cbd0;
}


/* =========================================================
   SECTION (dùng chung)
   ========================================================= */

.pr-section[b-n43jgo3oq7] {
    background: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 8px;
    overflow: hidden;
}

    /* Khối thông tin: không co */
    .pr-section:not(.product-section)[b-n43jgo3oq7] {
        flex: 0 0 auto;
        margin: 0 22px 12px;
    }

.pr-section-header[b-n43jgo3oq7] {
    min-height: 56px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #e9ebee;
}

.pr-section-title[b-n43jgo3oq7] {
    font-size: 13px;
    font-weight: 650;
    color: #2c3239;
}

.pr-section-subtitle[b-n43jgo3oq7] {
    margin-top: 3px;
    font-size: 10px;
    color: #969ca5;
}

    .pr-section-subtitle span[b-n43jgo3oq7] {
        margin: 0 4px;
    }

    .pr-section-subtitle strong[b-n43jgo3oq7] {
        color: #3d4652;
        font-weight: 650;
    }


/* =========================================================
   INFORMATION GRID
   ========================================================= */

.pr-info-grid[b-n43jgo3oq7] {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px 18px;
}

.pr-field[b-n43jgo3oq7] {
    min-width: 0;
}

    .pr-field.inline[b-n43jgo3oq7],
    .pr-field.full[b-n43jgo3oq7] {
        display: grid;
        grid-template-columns: 105px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
    }

    .pr-field.full[b-n43jgo3oq7] {
        grid-column: 1 / -1;
    }

    .pr-field label[b-n43jgo3oq7] {
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        color: #475569;
        white-space: nowrap;
    }

        .pr-field label span[b-n43jgo3oq7] {
            color: #dc2626;
        }

    .pr-field input[b-n43jgo3oq7],
    .pr-field select[b-n43jgo3oq7] {
        width: 100%;
        height: 34px;
        min-width: 0;
        padding: 0 9px;
        border: 1px solid #d7dce2;
        border-radius: 5px;
        background: #fff;
        font-size: 12px;
        color: #1f2937;
        outline: none;
        transition: border-color .15s, box-shadow .15s;
    }

        .pr-field input:hover[b-n43jgo3oq7],
        .pr-field select:hover[b-n43jgo3oq7] {
            border-color: #c5ccd5;
        }

        .pr-field input:focus[b-n43jgo3oq7],
        .pr-field select:focus[b-n43jgo3oq7] {
            border-color: #6b95f0;
            box-shadow: 0 0 0 3px rgba(53, 106, 230, .12);
        }

        .pr-field input:disabled[b-n43jgo3oq7],
        .pr-field select:disabled[b-n43jgo3oq7] {
            background: #f8fafc;
            color: #475569;
            cursor: default;
        }

    .pr-field textarea[b-n43jgo3oq7] {
        width: 100%;
        min-height: 48px;
        padding: 7px 9px;
        border: 1px solid #d7dce2;
        border-radius: 5px;
        background: #fff;
        font-size: 12px;
        color: #1f2937;
        resize: vertical;
    }

        .pr-field textarea:disabled[b-n43jgo3oq7] {
            background: #f8fafc;
            color: #475569;
        }


/* =========================================================
   PRODUCT SECTION
   Card duy nhất co giãn - chỉ bảng bên trong cuộn
   ========================================================= */

.product-section[b-n43jgo3oq7] {
    flex: 1 1 0;
    min-height: 280px;
    margin: 0 22px 12px;
    display: flex;
    flex-direction: column;
    overflow: visible; /* để dropdown tìm kiếm không bị cắt */
    background: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

    .product-section > .pr-section-header[b-n43jgo3oq7] {
        flex: 0 0 auto;
        min-height: 60px;
        padding: 10px 16px;
        background: #fff;
        border-radius: 8px 8px 0 0;
    }

/* ---------- Chips ---------- */

.pr-section-chips[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pr-chip[b-n43jgo3oq7] {
    height: 28px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: #f1f3f6;
    color: #4f5865;
    font-size: 11px;
    font-weight: 600;
}

    .pr-chip i[b-n43jgo3oq7] {
        font-size: 11px;
        opacity: .75;
    }

    .pr-chip.primary[b-n43jgo3oq7] {
        background: #eaf1ff;
        color: #2a5bd7;
    }


/* ---------- Toolbar ---------- */

.pr-product-toolbar[b-n43jgo3oq7] {
    flex: 0 0 auto;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fafbfc;
    border-bottom: 1px solid #e9ebee;
}


/* ---------- Table wrapper (vùng duy nhất cuộn) ---------- */

.pr-product-table-wrapper[b-n43jgo3oq7] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    position: relative;
    border-radius: 0 0 8px 8px;
}

.pr-product-table[b-n43jgo3oq7] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: 12px;
}

    .pr-product-table thead[b-n43jgo3oq7] {
        position: sticky;
        top: 0;
        z-index: 5;
    }

    .pr-product-table th[b-n43jgo3oq7] {
        height: 40px;
        padding: 0 12px;
        background: #fafbfc;
        color: #737a84;
        font-size: 10px;
        font-weight: 650;
        letter-spacing: .03em;
        text-transform: uppercase;
        text-align: left;
        border-bottom: 1px solid #e7e9ec;
        white-space: nowrap;
    }

    .pr-product-table td[b-n43jgo3oq7] {
        height: 56px;
        padding: 6px 12px;
        color: #505862;
        border-bottom: 1px solid #f0f1f3;
        vertical-align: middle;
        white-space: nowrap;
    }

    .pr-product-table tbody tr[b-n43jgo3oq7] {
        transition: background .12s;
    }

        .pr-product-table tbody tr:hover[b-n43jgo3oq7] {
            background: #fafbff;
        }

        .pr-product-table tbody tr:last-child td[b-n43jgo3oq7] {
            border-bottom: 0;
        }

    .pr-product-table th.number[b-n43jgo3oq7],
    .pr-product-table td.number[b-n43jgo3oq7] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }
[b-n43jgo3oq7] .receipt-number-input input {
    text-align: right !important;
}
    /* Độ rộng cột */
    .pr-product-table .col-line[b-n43jgo3oq7] {
        width: 48px;
        text-align: center;
    }

    .pr-product-table .col-unit[b-n43jgo3oq7] {
        width: 110px;
    }

    .pr-product-table .col-qty[b-n43jgo3oq7] {
        width: 120px;
    }

    .pr-product-table .col-progress[b-n43jgo3oq7] {
        width: 180px;
    }

    .pr-product-table .col-date[b-n43jgo3oq7] {
        width: 140px;
    }

    .pr-product-table .col-del[b-n43jgo3oq7] {
        width: 56px;
        text-align: center;
    }

.line-number[b-n43jgo3oq7] {
    color: #a0a6ae !important;
    text-align: center;
}

.product-main[b-n43jgo3oq7] {
    color: #3566d4;
    font-size: 11px;
    font-weight: 650;
}

.product-name[b-n43jgo3oq7] {
    max-width: 420px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6f7680;
    font-size: 12px;
}

.unit-badge[b-n43jgo3oq7] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    background: #f1f3f6;
    color: #4f5865;
    font-size: 11px;
}

/* Tiến độ đã đặt */
.order-progress-text[b-n43jgo3oq7] {
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #4c535d;
    font-variant-numeric: tabular-nums;
}

    .order-progress-text .percent[b-n43jgo3oq7] {
        color: #9aa0a9;
        font-size: 10px;
    }

.order-progress-bar[b-n43jgo3oq7] {
    height: 5px;
    border-radius: 999px;
    background: #e8ebef;
    overflow: hidden;
}

.order-progress-fill[b-n43jgo3oq7] {
    height: 100%;
    border-radius: 999px;
    background: #356ae6;
    transition: width .3s ease;
}

    .order-progress-fill.done[b-n43jgo3oq7] {
        background: #27a35a;
    }

/* Còn lại */
.remaining-badge[b-n43jgo3oq7] {
    min-width: 44px;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 999px;
    background: #fff4e8;
    color: #b45309;
    font-size: 11px;
    font-weight: 650;
    text-align: center;
}

    .remaining-badge.done[b-n43jgo3oq7] {
        background: #eaf8ef;
        color: #27834d;
    }

.date-cell[b-n43jgo3oq7] {
    color: #505862;
    white-space: nowrap;
}

    .date-cell i[b-n43jgo3oq7] {
        margin-right: 6px;
        color: #a0a6ae;
    }

/* Nút xóa dòng */
.pr-delete-line[b-n43jgo3oq7] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #a3a8af;
    cursor: pointer;
    transition: background .15s, color .15s;
}

    .pr-delete-line:hover[b-n43jgo3oq7] {
        color: #d14b4b;
        background: #fff1f1;
    }

/* Tổng cộng (sticky đáy) */
.pr-product-table tfoot[b-n43jgo3oq7] {
    position: sticky;
    bottom: 0;
    z-index: 4;
}

    .pr-product-table tfoot td[b-n43jgo3oq7] {
        height: 44px;
        background: #fafbfc;
        border-top: 1px solid #e2e5e8;
        border-bottom: 0;
        color: #343a41;
    }

/* Filter row trên bảng HTML */
.pr-product-table thead tr.pr-filter-row th[b-n43jgo3oq7] {
    padding: 4px 6px;
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
}

.pr-table-filter-box[b-n43jgo3oq7] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

    .pr-table-filter-box i[b-n43jgo3oq7] {
        position: absolute;
        left: 8px;
        font-size: 11px;
        color: #6c757d;
    }

    .pr-table-filter-box input[b-n43jgo3oq7] {
        width: 100%;
        height: 28px;
        padding: 2px 6px 2px 24px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        background: #fff;
        font-size: 12px;
        font-weight: normal;
        outline: none;
        transition: border-color .15s, box-shadow .15s;
    }

        .pr-table-filter-box input:focus[b-n43jgo3oq7] {
            border-color: #80bdff;
            box-shadow: 0 0 0 .1rem rgba(0, 123, 255, .25);
        }

.pr-clear-filter-btn[b-n43jgo3oq7] {
    padding: 2px 6px;
    border: none;
    border-radius: 3px;
    background: transparent;
    color: #dc3545;
    font-size: 13px;
    cursor: pointer;
}

    .pr-clear-filter-btn:hover[b-n43jgo3oq7] {
        background: #f8d7da;
    }


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

.pr-document-footer[b-n43jgo3oq7] {
    flex: 0 0 54px;
    height: 54px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, .98);
    border-top: 1px solid #dfe2e6;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, .04);
    z-index: 10;
}

.unsaved-indicator[b-n43jgo3oq7],
.saved-indicator[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    color: #7d848d;
}

    .unsaved-indicator span[b-n43jgo3oq7] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #e5a625;
    }

    .saved-indicator i[b-n43jgo3oq7] {
        color: #2e8b57;
    }

.pr-footer-summary[b-n43jgo3oq7] {
    display: flex;
    align-items: center;
    gap: 28px;
}

    .pr-footer-summary div[b-n43jgo3oq7] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .pr-footer-summary span[b-n43jgo3oq7] {
        color: #8b929b;
        font-size: 10px;
    }

    .pr-footer-summary strong[b-n43jgo3oq7] {
        color: #343a41;
        font-size: 13px;
    }


/* =========================================================
   SCROLLBAR
   ========================================================= */

.pr-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar,
.pr-product-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.pr-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar-track,
.pr-product-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar-track {
    background: #f5f6f8;
}

.pr-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar-thumb,
.pr-product-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar-thumb {
    background: #cfd4da;
    border-radius: 8px;
}

    .pr-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar-thumb:hover,
    .pr-product-table-wrapper[b-n43jgo3oq7]::-webkit-scrollbar-thumb:hover {
        background: #b8bec6;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {
    .pr-info-grid[b-n43jgo3oq7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-filter-select[b-n43jgo3oq7] {
        min-width: 120px;
    }

    .pr-status-item[b-n43jgo3oq7] {
        min-width: 110px;
    }
}

@media (max-width: 768px) {
    .pr-page-header[b-n43jgo3oq7],
    .pr-document-topbar[b-n43jgo3oq7],
    .pr-document-footer[b-n43jgo3oq7] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pr-status-bar[b-n43jgo3oq7],
    .pr-filter-card[b-n43jgo3oq7],
    .pr-grid-card[b-n43jgo3oq7],
    .pr-document-header[b-n43jgo3oq7],
    .pr-section:not(.product-section)[b-n43jgo3oq7],
    .product-section[b-n43jgo3oq7] {
        margin-left: 12px;
        margin-right: 12px;
    }

    .pr-status-bar[b-n43jgo3oq7] {
        overflow-x: auto;
    }

    .pr-status-item[b-n43jgo3oq7] {
        min-width: 90px;
        padding: 12px;
    }

    .pr-status-label[b-n43jgo3oq7] {
        font-size: 10px;
    }

    .pr-filter-card[b-n43jgo3oq7] {
        flex-wrap: wrap;
    }

    .pr-search-box[b-n43jgo3oq7] {
        min-width: 100%;
    }

    .pr-info-grid[b-n43jgo3oq7] {
        grid-template-columns: 1fr;
    }

    .pr-field.inline[b-n43jgo3oq7],
    .pr-field.full[b-n43jgo3oq7] {
        grid-template-columns: 100px minmax(0, 1fr);
    }

    .pr-document-meta[b-n43jgo3oq7] {
        flex-wrap: wrap;
    }

    .product-section > .pr-section-header[b-n43jgo3oq7] {
        flex-wrap: wrap;
    }

    .pr-product-toolbar[b-n43jgo3oq7] {
        flex-wrap: wrap;
    }
}
/* ---------- Header: [Tiêu đề] [ Tìm kiếm + Thêm ] [Tóm tắt] ---------- */

.product-section > .pr-section-header[b-n43jgo3oq7] {
    flex: 0 0 auto;
    min-height: 64px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.pr-section-heading[b-n43jgo3oq7] {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Phần tóm tắt bên phải */
.pr-section-summary[b-n43jgo3oq7] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 6px 14px;
    border: 1px solid #e9ebee;
    border-radius: 8px;
    background: #fafbfc;
    white-space: nowrap;
}

.pr-summary-item[b-n43jgo3oq7] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

    .pr-summary-item .label[b-n43jgo3oq7] {
        font-size: 11px;
        color: #8b929b;
    }

    .pr-summary-item strong[b-n43jgo3oq7] {
        font-size: 15px;
        font-weight: 700;
        color: #252a31;
        font-variant-numeric: tabular-nums;
    }

.pr-summary-divider[b-n43jgo3oq7] {
    width: 1px;
    height: 18px;
    background: #e1e4e8;
}

/* ---------- Thanh tìm kiếm trên bảng chi tiết ---------- */

.pr-detail-bar[b-n43jgo3oq7] {
    flex: 0 0 auto;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fafbfc;
    border-bottom: 1px solid #e9ebee;
}

.pr-detail-bar-info[b-n43jgo3oq7] {
    min-width: 0;
    font-size: 11px;
    color: #7b838e;
}

    .pr-detail-bar-info strong[b-n43jgo3oq7] {
        color: #356ae6;
        font-weight: 650;
    }

.pr-detail-search[b-n43jgo3oq7] {
    position: relative;
    flex: 0 0 280px;
    height: 32px;
    display: flex;
    align-items: center;
}

    .pr-detail-search > i.fa-magnifying-glass[b-n43jgo3oq7] {
        position: absolute;
        left: 10px;
        font-size: 11px;
        color: #8a93a0;
        pointer-events: none;
    }

    .pr-detail-search input[b-n43jgo3oq7] {
        width: 100%;
        height: 32px;
        padding: 0 30px 0 30px;
        border: 1px solid #d8dee6;
        border-radius: 6px;
        background: #fff;
        color: #374151;
        font-size: 12px;
        outline: none;
        transition: border-color .15s, box-shadow .15s;
    }

        .pr-detail-search input[b-n43jgo3oq7]::placeholder {
            color: #a0a6ae;
        }

        .pr-detail-search input:hover[b-n43jgo3oq7] {
            border-color: #c5ccd5;
        }

        .pr-detail-search input:focus[b-n43jgo3oq7] {
            border-color: #6b95f0;
            box-shadow: 0 0 0 3px rgba(53, 106, 230, .12);
        }

    .pr-detail-search .pr-clear-filter-btn[b-n43jgo3oq7] {
        position: absolute;
        right: 4px;
        width: 22px;
        height: 22px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 4px;
        background: transparent;
        color: #8a93a0;
        font-size: 11px;
        cursor: pointer;
    }

        .pr-detail-search .pr-clear-filter-btn:hover[b-n43jgo3oq7] {
            background: #fee2e2;
            color: #dc2626;
        }

/* ---------- Ô nhập có nút hành động ở cuối ---------- */

.pr-input-action[b-n43jgo3oq7] {
    position: relative;
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
}

    .pr-input-action input[b-n43jgo3oq7] {
        padding-right: 36px;
    }

.pr-input-action-btn[b-n43jgo3oq7] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8a93a0;
    font-size: 12px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

    .pr-input-action-btn:hover:not(:disabled)[b-n43jgo3oq7] {
        background: #eaf1ff;
        color: #356ae6;
    }

    .pr-input-action-btn:disabled[b-n43jgo3oq7] {
        cursor: default;
        color: #356ae6;
    }

    .pr-input-action-btn.spinning i[b-n43jgo3oq7] {
        animation: pr-spin-b-n43jgo3oq7 .8s linear infinite;
    }

@keyframes pr-spin-b-n43jgo3oq7 {
    to {
        transform: rotate(360deg);
    }
}
.product-code[b-n43jgo3oq7] {
    color: #98a2b3;
    font-size: 10px;
}

.product-name[b-n43jgo3oq7] {
    margin-top: 2px;
    color: #344054;
    font-weight: 600;
    font-size: 12px;
}

.pr-field[b-n43jgo3oq7]  .pr-search-combo {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    border-radius: 5px;
    font-size: 12px;
}

.document-quick-add[b-n43jgo3oq7]{flex:none;min-width:0;padding:0 12px}.document-quick-add[b-n43jgo3oq7]  .quick-product{margin:7px 0}

.document-list-page[b-n43jgo3oq7]{height:97%;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;background:#f5f7fb;box-sizing:border-box}
/* _content/E360_Client/Components/Pages/PO_PUR/PO_QUOTATION_COMPARISON.razor.rz.scp.css */
.comparison-overlay[b-5ftawy53ji]{position:fixed;inset:0;z-index:1500;background:#13264170;display:grid;place-items:center;padding:20px}.comparison-dialog[b-5ftawy53ji]{background:white;border:1px solid #dce4ef;border-radius:15px;box-shadow:0 20px 70px #142c5050;width:min(1500px,98vw);height:min(900px,94vh);display:flex;flex-direction:column;gap:14px;padding:22px;color:#29405e}header[b-5ftawy53ji]{display:flex;align-items:center;justify-content:space-between}header small[b-5ftawy53ji]{font-size:10px;color:#70839b;letter-spacing:1px}h2[b-5ftawy53ji]{font-size:21px;margin:4px 0}.comparison-options[b-5ftawy53ji]{display:flex;gap:14px;align-items:center;font-size:13px}.search[b-5ftawy53ji]{display:flex;align-items:center;gap:8px;background:#f4f7fb;border:1px solid #d9e2ee;border-radius:8px;padding:8px 12px;min-width:320px}.search input[b-5ftawy53ji]{border:0;background:transparent;outline:0;flex:1;min-width:0}.quotation-options[b-5ftawy53ji]{display:flex;flex-wrap:wrap;gap:8px;max-height:145px;overflow:auto;flex-shrink:0}.quotation-options label[b-5ftawy53ji]{display:flex;gap:9px;align-items:center;border:1px solid #dce4ee;border-radius:8px;padding:8px 12px;min-width:220px}.quotation-options label.selected[b-5ftawy53ji]{border-color:#4c7bda;background:#eef4ff}.quotation-options input[b-5ftawy53ji]{accent-color:#245edb}.quotation-options strong[b-5ftawy53ji]{font-size:12px}.quotation-options small[b-5ftawy53ji]{display:block;color:#74849b;font-size:11px;margin-top:4px}.comparison-help[b-5ftawy53ji]{font-size:12px;color:#566e8e;background:#f0f5fd;padding:12px;border-radius:8px}.comparison-scroll[b-5ftawy53ji]{flex:1;min-height:0;overflow:auto;border:1px solid #e0e7f1;border-radius:9px}table[b-5ftawy53ji]{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th[b-5ftawy53ji]{position:sticky;top:0;background:#f0f5fc;z-index:2;text-align:left}th[b-5ftawy53ji],td[b-5ftawy53ji]{padding:13px;border-right:1px solid #e3eaf3;border-bottom:1px solid #e3eaf3;min-width:230px;vertical-align:top}th:first-child[b-5ftawy53ji],td:first-child[b-5ftawy53ji]{position:sticky;left:0;background:#f8fafc;z-index:1;min-width:200px;max-width:250px}th:first-child[b-5ftawy53ji]{z-index:3}td small[b-5ftawy53ji],th small[b-5ftawy53ji]{display:block;color:#71839a;font-size:11px;line-height:1.7;margin-top:4px}th button[b-5ftawy53ji]{margin-top:8px;font-size:11px}.best[b-5ftawy53ji]{color:#218051}.expired[b-5ftawy53ji]{color:#b44239}.muted[b-5ftawy53ji]{color:#8b99ad}.notice[b-5ftawy53ji]{padding:12px;font-size:13px;border-radius:8px}.error[b-5ftawy53ji]{background:#fff0ef;color:#a43730}.comparison-empty[b-5ftawy53ji]{flex:1;display:grid;place-items:center;color:#7b8da5;text-align:center;padding:30px;font-size:14px}button[b-5ftawy53ji]{border:1px solid #cedbea;background:white;color:#365674;border-radius:7px;padding:8px 12px;font-weight:600}button:disabled[b-5ftawy53ji]{opacity:.5}.primary[b-5ftawy53ji]{background:#245edb;border-color:#245edb;color:white}footer[b-5ftawy53ji]{display:flex;gap:12px;align-items:center;font-size:12px;color:#7b8da2}footer span[b-5ftawy53ji]{margin-right:auto}@media(max-width:700px){.comparison-overlay[b-5ftawy53ji]{padding:5px}.comparison-dialog[b-5ftawy53ji]{padding:12px}.search[b-5ftawy53ji]{min-width:0;flex:1}.comparison-options[b-5ftawy53ji]{flex-wrap:wrap}.quotation-options label[b-5ftawy53ji]{min-width:180px}}
/* _content/E360_Client/Components/Pages/PO_PUR/PO_SUPPLIER.razor.rz.scp.css */
.supplier-page[b-wbml6t23x1]{--supplier-ink:#243e55;--supplier-primary:#175c85;display:flex;flex-direction:column;gap:13px;height:97%;min-height:0;padding:15px 18px;overflow:hidden;background:#f5f7fb;color:var(--supplier-ink);font-size:12px}
.supplier-page[b-wbml6t23x1],.supplier-page *[b-wbml6t23x1],.supplier-modal-backdrop *[b-wbml6t23x1]{box-sizing:border-box}
.supplier-page button[b-wbml6t23x1],.supplier-modal-backdrop button[b-wbml6t23x1],.supplier-page input[b-wbml6t23x1],.supplier-page select[b-wbml6t23x1],.supplier-modal-backdrop input[b-wbml6t23x1]{font:inherit}
.supplier-page button[b-wbml6t23x1],.supplier-modal-backdrop button[b-wbml6t23x1]{cursor:pointer}
.supplier-page button:disabled[b-wbml6t23x1],.supplier-modal-backdrop button:disabled[b-wbml6t23x1]{opacity:.5;cursor:default}
.supplier-page :is(button,input,select):focus-visible[b-wbml6t23x1],.supplier-modal-backdrop :is(button,input):focus-visible[b-wbml6t23x1]{outline:2px solid #7db1ce;outline-offset:2px}
.supplier-page-header[b-wbml6t23x1],.page-heading[b-wbml6t23x1],.page-actions[b-wbml6t23x1]{display:flex;align-items:center;gap:11px}
.supplier-page-header[b-wbml6t23x1]{justify-content:space-between;flex:none;gap:18px}
.page-heading[b-wbml6t23x1]{min-width:0}.page-icon[b-wbml6t23x1]{display:grid;place-items:center;width:41px;height:41px;flex:none;border:1px solid #d5e6ef;border-radius:12px;background:#e7f1f7;color:#347694;font-size:21px}
.page-heading h1[b-wbml6t23x1]{margin:0;color:#263f56;font-size:20px;font-weight:650;letter-spacing:-.3px}.page-heading p[b-wbml6t23x1]{margin:5px 0 0;color:#64788c;font-size:12px;line-height:1.5}.page-actions[b-wbml6t23x1]{flex:none;gap:8px}
.supplier-button[b-wbml6t23x1]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:7px 12px;border:1px solid #dbe4ed;border-radius:7px;background:#fff;color:#60778b;font-size:12px;font-weight:600;white-space:nowrap}.supplier-button:hover:enabled[b-wbml6t23x1]{background:#f0f6fa;border-color:#a9c5d7;color:#2b6688}.supplier-button.primary[b-wbml6t23x1]{border-color:#175c85;background:#175c85;color:#fff}.supplier-button.primary:hover:enabled[b-wbml6t23x1]{border-color:#124d70;background:#124d70;color:#fff}
.supplier-workspace[b-wbml6t23x1]{display:grid;grid-template-columns:285px minmax(0,1fr);gap:14px;flex:1;min-height:0;min-width:0;overflow:hidden}
.supplier-directory[b-wbml6t23x1],.supplier-detail[b-wbml6t23x1]{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #e0e7f0;border-radius:12px;background:#fff;box-shadow:0 3px 12px #213c5b04}
.directory-heading[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:16px 15px 12px}.directory-heading h2[b-wbml6t23x1]{margin:0;color:#435b71;font-size:12px;font-weight:650}.directory-heading>span[b-wbml6t23x1]{display:grid;place-items:center;min-width:25px;height:23px;padding:2px 6px;border-radius:6px;background:#eef3f8;color:#798ba0;font-size:11px;font-weight:650}
.directory-filters[b-wbml6t23x1]{padding:0 12px 12px;flex:none;border-bottom:1px solid #e9eef5}.supplier-search[b-wbml6t23x1]{display:flex;align-items:center;gap:8px;min-width:0;min-height:35px;margin:0;padding:0 10px;border:1px solid #dde6ef;border-radius:7px;background:#fff;color:#64788c}.supplier-search>i[b-wbml6t23x1]{flex:none;font-size:13px}.supplier-search>input[b-wbml6t23x1]{flex:1;width:100%;min-width:0;min-height:33px;padding:7px 0;border:0;outline:none;background:transparent;color:#405c72;font-size:12px}.supplier-search>input[b-wbml6t23x1]::placeholder{color:#64788c}.supplier-search:focus-within[b-wbml6t23x1]{border-color:#91b7cf;box-shadow:0 0 0 3px #175c8507}.supplier-search>button[b-wbml6t23x1]{display:grid;place-items:center;flex:none;width:22px;height:24px;padding:0;border:0;background:transparent;color:#64788c}.directory-filters>div[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px}.directory-filters select[b-wbml6t23x1]{max-width:160px;padding:0 21px 0 0;border:0;outline:none;background:#fff;color:#64788c;font-size:11px}.directory-filters>div>span[b-wbml6t23x1]{color:#64788c;font-size:11px;white-space:nowrap}
.directory-scroll[b-wbml6t23x1]{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccd8e3 transparent}.supplier-item[b-wbml6t23x1]{display:flex;align-items:flex-start;gap:9px;width:100%;padding:13px 12px;border:0;border-bottom:1px solid #eff3f7;border-left:3px solid transparent;background:#fff;text-align:left;transition:background .15s}.supplier-item:hover:enabled[b-wbml6t23x1]{background:#f8fbfe}.supplier-item.selected[b-wbml6t23x1]{border-left-color:#2f87a5;background:#edf5fa}.supplier-avatar[b-wbml6t23x1]{display:grid;place-items:center;flex:none;width:31px;height:33px;border:1px solid #e1e9f0;border-radius:8px;background:#f3f6fa;color:#64788c;font-size:11px;font-weight:700}.selected .supplier-avatar[b-wbml6t23x1]{border-color:#c9e0ed;background:#e0eef6;color:#2d718e}.supplier-item-info[b-wbml6t23x1]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.supplier-item-info>strong[b-wbml6t23x1]{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3b536b;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.supplier-item-info>span[b-wbml6t23x1]{color:#64788c;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.supplier-item-info>small[b-wbml6t23x1]{color:#64788c;font-size:10px;line-height:1.4}.dot-separator[b-wbml6t23x1]{padding:0 3px;color:#64788c}.supplier-state-dot[b-wbml6t23x1]{flex:none;width:6px;height:6px;margin-top:5px;border-radius:50%;background:#bdc7d1}.supplier-state-dot.active[b-wbml6t23x1]{background:#67a58b}
.directory-footer[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:46px;padding:8px 13px;border-top:1px solid #e4ebf3;color:#64788c;font-size:11px}.directory-footer b[b-wbml6t23x1]{color:#5a7287;font-weight:600}.directory-footer>div[b-wbml6t23x1]{display:flex;gap:6px}.directory-footer button[b-wbml6t23x1]{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce5ee;border-radius:6px;background:#fff;color:#64788c}.directory-footer button:hover:enabled[b-wbml6t23x1]{background:#f1f6fa;border-color:#abc7d8}
.supplier-profile-header[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:20px 22px 18px;background:linear-gradient(115deg,#fff,#f9fcfe);border-bottom:1px solid #eaf0f6}.supplier-profile-identity[b-wbml6t23x1]{display:flex;align-items:center;gap:13px;min-width:0}.profile-avatar[b-wbml6t23x1]{display:grid;place-items:center;flex:none;width:48px;height:50px;border:1px solid #d6e8ee;border-radius:13px;background:#eaf4f7;color:#538899;font-size:15px;font-weight:700}.supplier-profile-identity>div[b-wbml6t23x1]{min-width:0}.profile-eyebrow[b-wbml6t23x1]{display:flex;align-items:center;gap:8px;color:#64788c;font-size:9px;font-weight:600;letter-spacing:1px}.profile-eyebrow>span[b-wbml6t23x1]{padding:3px 6px;border:1px solid #e0e9f0;border-radius:4px;background:#fff;color:#6f8b9f;font-size:10px;letter-spacing:.3px}.supplier-profile-header h2[b-wbml6t23x1]{margin:7px 0;color:#28465d;font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.3px;overflow-wrap:anywhere}.profile-meta[b-wbml6t23x1]{display:flex;align-items:center;flex-wrap:wrap;gap:5px 17px;color:#64788c;font-size:11px;line-height:1.6}.profile-meta>span[b-wbml6t23x1]{display:flex;align-items:center;gap:5px}.supplier-profile-header>.status-badge[b-wbml6t23x1]{flex:none}
.status-badge[b-wbml6t23x1]{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:550;line-height:1.4;white-space:nowrap}.status-badge>span[b-wbml6t23x1]{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.success[b-wbml6t23x1]{background:#eaf6ef;border-color:#deefe5;color:#28764c}.status-badge.neutral[b-wbml6t23x1]{background:#f0f3f7;border-color:#e9edf2;color:#64788c}.status-badge.progress[b-wbml6t23x1]{background:#fff5e5;border-color:#f8eccc;color:#926411}.status-badge.danger[b-wbml6t23x1]{background:#fff0f0;border-color:#f7e0e1;color:#ac4148}
.supplier-tabs[b-wbml6t23x1]{display:flex;gap:4px;flex:none;min-height:46px;padding:0 14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5e0e9 transparent;border-bottom:1px solid #e5ecf4;background:#fff}.supplier-tabs>button[b-wbml6t23x1]{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:46px;padding:10px 11px;border:0;border-bottom:2px solid transparent;background:transparent;color:#64788c;font-size:12px;white-space:nowrap}.supplier-tabs>button>i[b-wbml6t23x1]{font-size:13px}.supplier-tabs>button.active[b-wbml6t23x1]{border-bottom-color:#277a9e;color:#266e91;font-weight:650}.supplier-tabs>button:hover:enabled[b-wbml6t23x1]{background:#f7fbfd;color:#44809d}.supplier-tabs small[b-wbml6t23x1]{padding:2px 5px;border-radius:4px;background:#f0f4f8;color:#64788c;font-size:10px}.supplier-tabs .active small[b-wbml6t23x1]{background:#e6f1f7;color:#64788c}
.supplier-tab-panel[b-wbml6t23x1]{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:16px 18px;gap:11px;overflow:hidden;background:#fbfcfe}.detail-tab-heading[b-wbml6t23x1]{flex:none}.detail-tab-heading h3[b-wbml6t23x1]{margin:0;color:#435c72;font-size:13px;font-weight:650}.detail-tab-heading p[b-wbml6t23x1]{margin:5px 0 0;color:#64788c;font-size:11px;line-height:1.6}.tab-select[b-wbml6t23x1]{max-width:210px;min-width:140px;min-height:33px;padding:6px 26px 6px 9px;border:1px solid #dfe7f0;border-radius:6px;background:#fff;color:#64788c;font-size:11px}.supplier-search.compact[b-wbml6t23x1]{flex:1;max-width:450px;min-height:33px}.compact>input[b-wbml6t23x1]{min-height:31px}.summary-label[b-wbml6t23x1]{flex:none;color:#64788c;font-size:11px}.currency-chip[b-wbml6t23x1]{display:inline-flex;align-items:center;gap:7px;flex:none;padding:3px 8px;border:1px solid #e4ebf4;border-radius:5px;background:#fff;color:#70879c;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.currency-chip b[b-wbml6t23x1]{color:#64788c;font-size:10px;font-weight:600}.currency-chip.outstanding[b-wbml6t23x1]{border-color:#f0e2cc;background:#fffaf0;color:#64788c}.overdue-count[b-wbml6t23x1]{margin-left:auto;color:#64788c;font-size:11px;white-space:nowrap}.preferred-tag[b-wbml6t23x1]{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 5px;border-radius:4px;background:#fff7e9;color:#64788c;font-size:10px;white-space:nowrap}.preferred-tag>i[b-wbml6t23x1]{font-size:9px}.overdue-text[b-wbml6t23x1]{color:#ac4148!important}.outstanding-text[b-wbml6t23x1]{color:#926411}.table-action[b-wbml6t23x1]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:5px 7px;border:1px solid #e0e8f1;border-radius:5px;background:#fff;color:#6f8fa6;font-size:11px;white-space:nowrap}.table-action:hover:enabled[b-wbml6t23x1]{border-color:#b8cedd;background:#f2f8fc;color:#3e7d9b}.table-action.danger[b-wbml6t23x1]{color:#64788c}.table-action.danger:hover:enabled[b-wbml6t23x1]{border-color:#edcaca;background:#fff4f4;color:#b76c6c}.table-action.icon-only[b-wbml6t23x1]{width:28px;padding:5px;margin-left:4px}.tab-footnote[b-wbml6t23x1]{flex:none;margin:0;color:#64788c;font-size:11px;line-height:1.6}
.supplier-empty[b-wbml6t23x1]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:130px;padding:25px;text-align:center}.supplier-empty>span[b-wbml6t23x1]{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e7eef6;border-radius:13px;background:#f2f7fb;color:#64788c;font-size:22px}.supplier-empty h3[b-wbml6t23x1]{margin:3px 0 0;color:#728b9f;font-size:13px;font-weight:600}.supplier-empty p[b-wbml6t23x1]{max-width:420px;margin:0;color:#64788c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.full-empty[b-wbml6t23x1]{min-height:230px}.supplier-alert[b-wbml6t23x1]{display:flex;align-items:flex-start;gap:8px;flex:none;margin:0;padding:10px 13px;border:1px solid #e0eaf2;border-radius:7px;background:#f2f8fc;color:#64788c;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.supplier-detail>.supplier-alert[b-wbml6t23x1]{margin:10px 18px 0}.supplier-alert.error[b-wbml6t23x1]{border-color:#f0d9d9;background:#fff6f6;color:#b57d7d}.supplier-alert>i[b-wbml6t23x1]{flex:none;margin-top:2px}.supplier-alert>span[b-wbml6t23x1]{flex:1}.supplier-alert>button:not(.supplier-button)[b-wbml6t23x1]{border:0;background:transparent;color:inherit}.supplier-pending[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;flex:none;padding:9px 18px;border-bottom:1px solid #f0e4ce;background:#fff9ec;color:#64788c;font-size:12px}.supplier-pending>span[b-wbml6t23x1]{display:flex;align-items:center;gap:7px}.supplier-pending>div[b-wbml6t23x1]{display:flex;gap:7px}.supplier-pending .supplier-button[b-wbml6t23x1]{min-height:29px;padding:5px 9px;font-size:11px}
.supplier-overview[b-wbml6t23x1]{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#cdd9e4 transparent}.supplier-kpis[b-wbml6t23x1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;flex:none}.kpi-card[b-wbml6t23x1]{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:15px 12px;border:1px solid #e2eaf3;border-radius:10px;background:#fff;text-align:left;box-shadow:0 2px 7px #29446103}.kpi-card:hover[b-wbml6t23x1]{border-color:#b6d1e2;box-shadow:0 4px 13px #29446108}.kpi-icon[b-wbml6t23x1]{display:grid;place-items:center;width:31px;height:33px;flex:none;border:1px solid transparent;border-radius:9px;font-size:15px}.kpi-icon.blue[b-wbml6t23x1]{color:#2674a2;background:#edf5fb;border-color:#e3eef7}.kpi-icon.violet[b-wbml6t23x1]{color:#7961a8;background:#f3f0fb;border-color:#ece7f7}.kpi-icon.teal[b-wbml6t23x1]{color:#328878;background:#edf7f4;border-color:#e1f0ea}.kpi-icon.amber[b-wbml6t23x1]{color:#a67d28;background:#fcf7eb;border-color:#f3ebd8}.kpi-copy[b-wbml6t23x1]{display:flex;flex-direction:column;gap:7px;min-width:0}.kpi-copy>span[b-wbml6t23x1]{color:#64788c;font-size:11px;line-height:1.5}.kpi-copy>strong[b-wbml6t23x1]{color:#435f76;font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.5px;overflow-wrap:anywhere}.kpi-copy>strong.money[b-wbml6t23x1]{font-size:16px;letter-spacing:-.3px}.kpi-copy>small[b-wbml6t23x1]{color:#64788c;font-size:10px;line-height:1.5}.kpi-arrow[b-wbml6t23x1]{position:absolute;top:12px;right:10px;color:#64788c;font-size:10px}.overview-columns[b-wbml6t23x1]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:none}.overview-card[b-wbml6t23x1]{flex:none;overflow:hidden;border:1px solid #e3ebf3;border-radius:10px;background:#fff}.overview-card>header[b-wbml6t23x1]{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid #eef2f7}.overview-card>header>i[b-wbml6t23x1]{color:#64788c;font-size:14px}.overview-card h3[b-wbml6t23x1]{margin:0;color:#597287;font-size:12px;font-weight:600}.overview-card>header>span[b-wbml6t23x1]{margin-left:auto;color:#64788c;font-size:10px}.contact-info[b-wbml6t23x1]{display:flex;flex-direction:column;gap:13px;margin:0;padding:16px}.contact-info>div[b-wbml6t23x1]{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:baseline}.contact-info dt[b-wbml6t23x1]{color:#64788c;font-size:11px;font-weight:400}.contact-info dd[b-wbml6t23x1]{margin:0;color:#5c758b;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.contact-info dd.code[b-wbml6t23x1]{color:#497d9b;font-weight:600}.contact-info dd>small[b-wbml6t23x1]{display:block;color:#64788c;font-size:10px}.activity-item[b-wbml6t23x1]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #eff3f8}.activity-item:last-child[b-wbml6t23x1]{border-bottom:0}.activity-icon[b-wbml6t23x1]{display:grid;place-items:center;flex:none;width:30px;height:31px;border:1px solid #e6edf5;border-radius:8px;background:#f5f8fc;color:#64788c;font-size:14px}.activity-info[b-wbml6t23x1]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.activity-info strong[b-wbml6t23x1]{color:#5b7e98;font-size:12px;font-weight:600;overflow-wrap:anywhere}.activity-info>span[b-wbml6t23x1]{color:#64788c;font-size:10px}.activity-amount[b-wbml6t23x1]{min-width:110px;color:#6c8499;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.activity-amount>small[b-wbml6t23x1]{display:block;margin-top:3px;color:#64788c;font-size:10px}.overview-muted[b-wbml6t23x1]{margin:0;padding:20px;color:#64788c;font-size:12px;line-height:1.7}.notes-card>p[b-wbml6t23x1]{margin:0;padding:14px 16px;color:#64788c;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.inline-loading[b-wbml6t23x1]{display:flex;align-items:center;justify-content:center;gap:8px;padding:25px;color:#64788c;font-size:12px}.tab-loading[b-wbml6t23x1]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:30px;text-align:center}.tab-loading strong[b-wbml6t23x1]{color:#64788c;font-size:12px;font-weight:500}.tab-loading p[b-wbml6t23x1]{margin:0;color:#64788c;font-size:11px}.loading-ring[b-wbml6t23x1]{width:25px;height:25px;border:2px solid #e7eff6;border-top-color:#83b1ca;border-radius:50%;animation:supplier-spin-b-wbml6t23x1 .8s linear infinite}.spin[b-wbml6t23x1]{animation:supplier-spin-b-wbml6t23x1 .8s linear infinite}@keyframes supplier-spin-b-wbml6t23x1{to{transform:rotate(360deg)}}
.supplier-product-add[b-wbml6t23x1]{position:relative;z-index:4;flex:none}.supplier-product-add>.supplier-search[b-wbml6t23x1]{min-height:39px;border-color:#cddfe9;background:#fff}.supplier-product-add>.supplier-search>input[b-wbml6t23x1]{min-height:37px}.product-results[b-wbml6t23x1]{position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;border:1px solid #cedfe9;border-radius:9px;background:#fff;box-shadow:0 14px 40px #263f5926}.product-results>header[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-bottom:1px solid #e7eef5;color:#64788c;font-size:11px}.product-results>header>button[b-wbml6t23x1]{display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:4px;background:transparent;color:#64788c}.product-results-scroll[b-wbml6t23x1]{max-height:260px;overflow:auto;scrollbar-width:thin}.product-results-scroll>button[b-wbml6t23x1]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #eff4f8;background:#fff;color:#64788c;text-align:left}.product-results-scroll>button.highlighted[b-wbml6t23x1],.product-results-scroll>button:hover:enabled[b-wbml6t23x1]{background:#f0f7fb}.product-results-scroll>button>span:first-child[b-wbml6t23x1]{display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px 12px;min-width:0;flex:1}.product-results-scroll strong[b-wbml6t23x1]{color:#5b8aa8;font-size:12px;font-weight:600}.product-results-scroll b[b-wbml6t23x1]{color:#607b92;font-size:12px;font-weight:500}.product-results-scroll small[b-wbml6t23x1]{grid-column:2;color:#64788c;font-size:10px}.product-result-action[b-wbml6t23x1]{display:flex;align-items:center;gap:6px;flex:none;font-size:11px}.product-results-scroll>p[b-wbml6t23x1]{padding:20px;margin:0;color:#64788c;font-size:12px;text-align:center}.product-results>footer[b-wbml6t23x1]{padding:8px 13px;border-top:1px solid #e7eef4;background:#fafcfe;color:#64788c;font-size:10px}
.supplier-modal-backdrop[b-wbml6t23x1]{position:fixed;z-index:2100;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#162c435c;backdrop-filter:blur(2px);color:#3e5d74;font-size:12px}.supplier-product-editor[b-wbml6t23x1]{display:flex;flex-direction:column;width:min(660px,96vw);max-height:90dvh;overflow:hidden;border:1px solid #e0e9f1;border-radius:14px;background:#fff;box-shadow:0 24px 75px #15304b45}.supplier-product-editor>header[b-wbml6t23x1]{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid #e8eff5;background:#fcfdfe}.supplier-product-editor>header>div>span[b-wbml6t23x1]{color:#64788c;font-size:9px;font-weight:600;letter-spacing:1px}.supplier-product-editor h2[b-wbml6t23x1]{margin:7px 0 0;color:#49677f;font-size:15px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.supplier-editor-body[b-wbml6t23x1]{flex:1;min-height:0;padding:22px;overflow:auto}.supplier-editor-grid[b-wbml6t23x1]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.supplier-editor-grid>label[b-wbml6t23x1]{display:flex;flex-direction:column;gap:7px;color:#64788c;font-size:12px}.supplier-editor-grid>label>input[b-wbml6t23x1]{min-width:0;min-height:37px;padding:8px 10px;border:1px solid #dce7f0;border-radius:6px;background:#fff;color:#5e7a91;font-size:12px}.supplier-editor-grid>label>input[b-wbml6t23x1]::placeholder{color:#64788c;font-size:12px}.supplier-editor-grid[b-wbml6t23x1]  .dxbl-combobox{width:100%}.supplier-editor-checks[b-wbml6t23x1]{display:flex;flex-direction:column;justify-content:center;gap:12px}.supplier-editor-checks>label[b-wbml6t23x1]{display:flex;align-items:center;gap:7px;color:#64788c;font-size:11px}.supplier-editor-checks input[b-wbml6t23x1]{width:15px;height:15px;accent-color:#397b9b}.editor-note[b-wbml6t23x1]{margin:18px 0 0;color:#64788c;font-size:11px;line-height:1.7}.supplier-editor-body>.supplier-alert[b-wbml6t23x1]{margin-bottom:16px}.supplier-product-editor>footer[b-wbml6t23x1]{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #e7eef5;background:#fbfcfe}
@media(min-width:1650px){.supplier-workspace[b-wbml6t23x1]{grid-template-columns:315px minmax(0,1fr)}.supplier-profile-header[b-wbml6t23x1]{padding-top:23px;padding-bottom:21px}.supplier-tab-panel[b-wbml6t23x1]{padding:19px 22px}.supplier-kpis[b-wbml6t23x1]{gap:13px}.kpi-card[b-wbml6t23x1]{padding:18px 15px}}
@media(max-width:1250px){.supplier-workspace[b-wbml6t23x1]{grid-template-columns:255px minmax(0,1fr);gap:11px}.supplier-page[b-wbml6t23x1]{padding:12px;gap:11px}.supplier-tabs[b-wbml6t23x1]{padding:0 7px}.supplier-tabs>button[b-wbml6t23x1]{gap:5px;padding-left:9px;padding-right:9px}.supplier-profile-header[b-wbml6t23x1]{padding:17px}.supplier-profile-header h2[b-wbml6t23x1]{font-size:16px}.supplier-tab-panel[b-wbml6t23x1]{padding:14px}.supplier-kpis[b-wbml6t23x1]{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns[b-wbml6t23x1]{grid-template-columns:minmax(0,1fr)}.contact-info[b-wbml6t23x1]{gap:11px}.activity-amount[b-wbml6t23x1]{min-width:85px}}
@media(max-width:900px){.supplier-workspace[b-wbml6t23x1]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,.37fr) minmax(250px,1fr)}.directory-heading[b-wbml6t23x1]{padding:10px 13px 6px}.directory-filters[b-wbml6t23x1]{display:flex;align-items:center;gap:12px;padding:0 12px 9px}.directory-filters>.supplier-search[b-wbml6t23x1]{flex:1}.directory-filters>div[b-wbml6t23x1]{margin-top:0;gap:8px}.directory-filters>div>span[b-wbml6t23x1]{display:none}.directory-scroll[b-wbml6t23x1]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.supplier-item[b-wbml6t23x1]{padding-top:9px;padding-bottom:9px}.supplier-item-info>strong[b-wbml6t23x1]{-webkit-line-clamp:1}.supplier-item-info>small[b-wbml6t23x1]{display:none}.directory-footer[b-wbml6t23x1]{min-height:36px;padding-top:4px;padding-bottom:4px}.directory-footer button[b-wbml6t23x1]{height:25px;width:26px}.page-heading p[b-wbml6t23x1]{display:none}.supplier-profile-header[b-wbml6t23x1]{padding:13px 16px}.profile-avatar[b-wbml6t23x1]{width:39px;height:41px;font-size:12px}.profile-eyebrow[b-wbml6t23x1]{font-size:7px}.supplier-profile-header h2[b-wbml6t23x1]{font-size:15px}.supplier-tabs>button[b-wbml6t23x1]{min-height:41px;font-size:11px}.supplier-tabs[b-wbml6t23x1]{min-height:41px}.supplier-profile-header>.status-badge[b-wbml6t23x1]{font-size:10px}.overview-columns[b-wbml6t23x1]{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-info>div[b-wbml6t23x1]{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:620px){.supplier-page[b-wbml6t23x1]{padding:8px}.page-heading h1[b-wbml6t23x1]{font-size:17px}.page-icon[b-wbml6t23x1]{height:34px;width:34px;font-size:17px}.page-actions .supplier-button[b-wbml6t23x1]{font-size:11px;padding:7px}.page-actions[b-wbml6t23x1]{gap:5px}.page-heading[b-wbml6t23x1]{gap:7px}.supplier-profile-header[b-wbml6t23x1]{align-items:flex-start;gap:9px}.profile-meta[b-wbml6t23x1]{font-size:10px;gap:5px 10px}.profile-avatar[b-wbml6t23x1]{display:none}.profile-eyebrow[b-wbml6t23x1]{flex-wrap:wrap;gap:5px}.supplier-profile-header h2[b-wbml6t23x1]{font-size:14px}.supplier-profile-header>.status-badge[b-wbml6t23x1]{padding:4px 5px}.supplier-workspace[b-wbml6t23x1]{grid-template-rows:minmax(135px,.3fr) minmax(250px,1fr)}.directory-filters[b-wbml6t23x1]{gap:6px}.directory-filters select[b-wbml6t23x1]{max-width:130px;font-size:10px}.directory-scroll[b-wbml6t23x1]{grid-template-columns:minmax(0,1fr)}.supplier-item[b-wbml6t23x1]{padding:8px 11px}.supplier-avatar[b-wbml6t23x1]{width:26px;height:28px}.supplier-tab-panel[b-wbml6t23x1]{padding:11px;gap:9px}.supplier-tabs small[b-wbml6t23x1]{display:none}.supplier-tabs>button[b-wbml6t23x1]{padding-left:10px;padding-right:10px}.supplier-kpis[b-wbml6t23x1]{gap:8px}.kpi-card[b-wbml6t23x1]{padding:12px 10px;gap:7px}.kpi-icon[b-wbml6t23x1]{height:28px;width:26px;font-size:13px}.kpi-copy>span[b-wbml6t23x1]{font-size:10px}.kpi-copy>strong.money[b-wbml6t23x1]{font-size:13px}.kpi-copy>strong[b-wbml6t23x1]{font-size:21px}.overview-columns[b-wbml6t23x1]{grid-template-columns:minmax(0,1fr)}.contact-info>div[b-wbml6t23x1]{grid-template-columns:105px minmax(0,1fr)}.activity-item[b-wbml6t23x1]{gap:8px;padding:10px 12px;flex-wrap:wrap}.activity-item>.status-badge[b-wbml6t23x1]{display:none}.activity-amount[b-wbml6t23x1]{min-width:85px}.supplier-pending[b-wbml6t23x1]{padding:8px 11px}.supplier-pending>span[b-wbml6t23x1]{font-size:11px}.tab-select[b-wbml6t23x1]{min-width:115px;max-width:150px}.supplier-search.compact[b-wbml6t23x1]{min-width:140px}.product-results-scroll>button>span:first-child[b-wbml6t23x1]{grid-template-columns:minmax(0,1fr)}.product-results-scroll small[b-wbml6t23x1]{grid-column:auto}.product-result-action[b-wbml6t23x1]{font-size:10px}.supplier-product-editor>header[b-wbml6t23x1],.supplier-editor-body[b-wbml6t23x1]{padding:17px}.supplier-editor-grid[b-wbml6t23x1]{grid-template-columns:minmax(0,1fr)}.supplier-editor-grid>label>input[b-wbml6t23x1]{font-size:16px}.supplier-editor-checks>label[b-wbml6t23x1]{font-size:12px}}
@media(prefers-reduced-motion:reduce){.supplier-item[b-wbml6t23x1]{transition:none}.spin[b-wbml6t23x1],.loading-ring[b-wbml6t23x1]{animation:none}}

/* _content/E360_Client/Components/Pages/PO_PUR/PO_SUPPLIER_CONTRACTS.razor.rz.scp.css */
.supplier-contracts[b-sp4uwbpbmz]{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.contract-search[b-sp4uwbpbmz]{display:flex;align-items:center;gap:8px;flex:1;max-width:450px;min-width:150px;padding:0 10px;border:1px solid #d6e2ec;border-radius:7px;background:#fff;color:#70859a}
.contract-search input[b-sp4uwbpbmz]{width:100%;min-width:0;min-height:33px;padding:7px 0;border:0;outline:none;background:transparent;color:#324f68;font:inherit;font-size:12px}
.contract-search input[b-sp4uwbpbmz]::placeholder{color:#7b8da0}.contract-search:focus-within[b-sp4uwbpbmz]{border-color:#6b9dbd;box-shadow:0 0 0 3px #175c850a}
.contract-filter[b-sp4uwbpbmz]{max-width:210px;min-height:34px;padding:6px 26px 6px 9px;border:1px solid #d6e2ec;border-radius:6px;background:#fff;color:#526b80;font:inherit;font-size:12px}
.summary-label[b-sp4uwbpbmz]{color:#657c91;font-size:11px}.currency-chip[b-sp4uwbpbmz]{display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid #e0e8f0;border-radius:5px;background:#fff;color:#49677f;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.currency-chip b[b-sp4uwbpbmz]{color:#6b8195;font-size:10px}
.contract-link[b-sp4uwbpbmz]{padding:0;border:0;background:transparent;color:#1e668e;font:inherit;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.contract-link:hover[b-sp4uwbpbmz]{color:#12466d}
.contract-open[b-sp4uwbpbmz]{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 8px;border:1px solid #d5e2ec;border-radius:6px;background:#fff;color:#3e728f;font:inherit;font-size:11px;cursor:pointer}.contract-open:hover[b-sp4uwbpbmz]{background:#edf5fa;border-color:#9dbeD2}
.contract-status[b-sp4uwbpbmz]{display:inline-flex;padding:4px 8px;border:1px solid transparent;border-radius:5px;font-size:11px;white-space:nowrap}.success[b-sp4uwbpbmz]{background:#eaf6ef;border-color:#d5eadf;color:#28764c}.progress[b-sp4uwbpbmz]{background:#fff5e5;border-color:#f3e4bf;color:#926411}.danger[b-sp4uwbpbmz]{background:#fff0f0;border-color:#f2d7d8;color:#ac4148}.neutral[b-sp4uwbpbmz]{background:#f0f3f7;border-color:#e1e7ee;color:#62758a}
.contract-state[b-sp4uwbpbmz]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;padding:25px;text-align:center;color:#6b8195}.contract-state>i[b-sp4uwbpbmz]{font-size:26px;color:#83a5bd}.contract-state strong[b-sp4uwbpbmz]{font-size:13px;font-weight:600}.contract-state p[b-sp4uwbpbmz]{max-width:440px;margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.contract-state button[b-sp4uwbpbmz]{padding:7px 12px;border:1px solid #ccdce8;border-radius:6px;background:#fff;color:#2e6789;cursor:pointer}
.supplier-contracts :is(button,input,select):focus-visible[b-sp4uwbpbmz]{outline:2px solid #80b5d2;outline-offset:2px}
/* _content/E360_Client/Components/Pages/PO_PUR/PO_SUPPLIER_QUOTATION.razor.rz.scp.css */
/*.quotation-page {
    width: 100%;
    height: 100%;
    padding: 18px 20px;
    background: #f6f8fb;
    color: #263238;
    font-size: 12px;
}*/
.quotation-page[b-q8b23pqu24] {
    width: 100%;
    height: 97%;
    min-height: 0;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* khóa cuộn cả trang */
    box-sizing: border-box;
    background: #f6f8fb;
    color: #263238;
    font-size: 12px;
}
    .quotation-page *[b-q8b23pqu24],
    .quotation-page *[b-q8b23pqu24]::before,
    .quotation-page *[b-q8b23pqu24]::after {
        box-sizing: border-box;
    }
    .quotation-page > .quotation-page-header[b-q8b23pqu24],
    .quotation-page > .quotation-status-bar[b-q8b23pqu24],
    .quotation-page > .quotation-filter-card[b-q8b23pqu24] {
        flex: 0 0 auto;
    }
/* =========================================================
   PAGE HEADER
   ========================================================= */

.quotation-page-header[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.quotation-page-title[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.quotation-title-icon[b-q8b23pqu24] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf2ff;
    color: #2563eb;
    font-size: 17px;
}

.quotation-title-text[b-q8b23pqu24] {
    font-size: 18px;
    font-weight: 700;
    color: #172033;
}

.quotation-title-sub[b-q8b23pqu24] {
    margin-top: 2px;
    color: #7b8794;
    font-size: 11px;
}

.quotation-primary-btn[b-q8b23pqu24] {
    height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #2563eb;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

    .quotation-primary-btn:hover[b-q8b23pqu24] {
        background: #1d4ed8;
    }


/* =========================================================
   STATUS BAR
   ========================================================= */

.quotation-status-bar[b-q8b23pqu24] {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 12px;
}

.quotation-status-item[b-q8b23pqu24] {
    min-width: 110px;
    padding: 9px 16px;
    border-right: 1px solid #edf0f4;
    cursor: pointer;
    position: relative;
}

    .quotation-status-item:hover[b-q8b23pqu24] {
        background: #f8fafc;
    }

    .quotation-status-item.active[b-q8b23pqu24] {
        background: #f8fbff;
    }

        .quotation-status-item.active[b-q8b23pqu24]::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: #2563eb;
        }

.quotation-status-label[b-q8b23pqu24] {
    color: #718096;
    font-size: 11px;
}

.quotation-status-count[b-q8b23pqu24] {
    margin-top: 3px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   FILTER
   ========================================================= */

.quotation-filter-card[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    margin-bottom: 12px;
}

.quotation-search[b-q8b23pqu24] {
    width: 290px;
    height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
}

    .quotation-search i[b-q8b23pqu24] {
        color: #9aa5b1;
    }

    .quotation-search input[b-q8b23pqu24] {
        width: 100%;
        border: 0;
        outline: none;
        font-size: 12px;
    }

.quotation-filter-select[b-q8b23pqu24],
.quotation-date-input[b-q8b23pqu24] {
    height: 32px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    padding: 0 9px;
    outline: none;
    color: #344054;
    background: #fff;
    font-size: 12px;
}

.quotation-filter-select[b-q8b23pqu24] {
    min-width: 165px;
}

.quotation-date-input[b-q8b23pqu24] {
    width: 125px;
}

.quotation-date-separator[b-q8b23pqu24] {
    color: #98a2b3;
}

.quotation-filter-btn[b-q8b23pqu24] {
    height: 32px;
    padding: 0 12px;
    border: 1px solid #2563eb;
    border-radius: 5px;
    background: #2563eb;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}

.quotation-refresh-btn[b-q8b23pqu24] {
    width: 32px;
    height: 32px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
    color: #667085;
    cursor: pointer;
}


/* =========================================================
   GRID
   ========================================================= */

.quotation-grid-card[b-q8b23pqu24] {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    overflow: hidden;
}

.quotation-grid-header[b-q8b23pqu24] {
    min-height: 54px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf0f4;
}

.quotation-grid-title[b-q8b23pqu24] {
    font-weight: 700;
    color: #253047;
}

.quotation-grid-sub[b-q8b23pqu24] {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.quotation-compare-btn[b-q8b23pqu24] {
    height: 31px;
    padding: 0 11px;
    border: 1px solid #d9e0e8;
    border-radius: 5px;
    background: #fff;
    color: #475467;
    cursor: pointer;
}

    .quotation-compare-btn:hover[b-q8b23pqu24] {
        background: #f8fafc;
    }


/* =========================================================
   TABLE
   ========================================================= */

.quotation-table-wrapper[b-q8b23pqu24] {
    width: 100%;
    overflow-x: auto;
}

.quotation-table[b-q8b23pqu24] {
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
}

    .quotation-table th[b-q8b23pqu24] {
        height: 36px;
        padding: 0 10px;
        text-align: left;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #667085;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }

    .quotation-table td[b-q8b23pqu24] {
        height: 52px;
        padding: 7px 10px;
        border-bottom: 1px solid #edf0f4;
        color: #475467;
        white-space: nowrap;
    }

    .quotation-table tbody tr[b-q8b23pqu24] {
        cursor: pointer;
    }

        .quotation-table tbody tr:hover[b-q8b23pqu24] {
            background: #f8fbff;
        }

.quotation-number[b-q8b23pqu24] {
    color: #2563eb;
    font-weight: 600;
}

.supplier-cell[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.supplier-avatar[b-q8b23pqu24] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 10px;
    font-weight: 700;
}

    .supplier-avatar.small[b-q8b23pqu24] {
        width: 28px;
        height: 28px;
    }

.supplier-name[b-q8b23pqu24] {
    color: #344054;
    font-weight: 600;
}

.supplier-code[b-q8b23pqu24] {
    margin-top: 1px;
    color: #98a2b3;
    font-size: 10px;
}

.request-number[b-q8b23pqu24] {
    color: #667085;
}

.validity-date.expired[b-q8b23pqu24] {
    color: #dc2626;
}

.text-right[b-q8b23pqu24] {
    text-align: right !important;
}

.text-center[b-q8b23pqu24] {
    text-align: center !important;
}

.quotation-row-menu[b-q8b23pqu24] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

    .quotation-row-menu:hover[b-q8b23pqu24] {
        background: #f2f4f7;
        color: #344054;
    }


/* =========================================================
   STATUS BADGE
   ========================================================= */

.quotation-status-badge[b-q8b23pqu24] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 23px;
    padding: 0 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
}

.status-dot[b-q8b23pqu24] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.status-draft[b-q8b23pqu24] {
    background: #f2f4f7;
    color: #667085;
}

.status-submitted[b-q8b23pqu24] {
    background: #fff7e6;
    color: #b54708;
}

.status-approved[b-q8b23pqu24] {
    background: #ecfdf3;
    color: #027a48;
}

.status-rejected[b-q8b23pqu24] {
    background: #fef3f2;
    color: #b42318;
}

.status-expired[b-q8b23pqu24] {
    background: #fff1f3;
    color: #c01048;
}

.status-cancelled[b-q8b23pqu24] {
    background: #f2f4f7;
    color: #667085;
}


/* =========================================================
   EMPTY
   ========================================================= */

.quotation-empty[b-q8b23pqu24] {
    padding: 70px 20px;
    text-align: center;
}

.quotation-empty-icon[b-q8b23pqu24] {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f4f7;
    color: #98a2b3;
    font-size: 19px;
}

.quotation-empty-title[b-q8b23pqu24] {
    color: #344054;
    font-weight: 600;
}

.quotation-empty-text[b-q8b23pqu24] {
    margin-top: 4px;
    color: #98a2b3;
}


/* =========================================================
   DOCUMENT
   ========================================================= */

/*.quotation-document {
    max-width: 1500px;
    
    margin: 0 auto;
}*/
.quotation-document[b-q8b23pqu24] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column; /* xếp dọc các khối */
    overflow: hidden;
    padding-bottom:15px;
}

    /* Các khối phía trên: cố định, không co */
    .quotation-document > .quotation-document-topbar[b-q8b23pqu24],
    .quotation-document > .quotation-document-header[b-q8b23pqu24],
    .quotation-document > .pr-section[b-q8b23pqu24],
    .quotation-document > .quotation-bottom-grid[b-q8b23pqu24] {
        flex: 0 0 auto;
    }

/*.quotation-document-topbar {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}*/
/* 3. Topbar giữ nguyên chiều cao tự nhiên, không bị co ép */
.quotation-document-topbar[b-q8b23pqu24] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 0 10px;
}

.quotation-back-btn[b-q8b23pqu24] {
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
    color: #475467;
    cursor: pointer;
}

.quotation-document-number[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.quotation-document-title[b-q8b23pqu24] {
    font-size: 16px;
    font-weight: 700;
    color: #172033;
}

.quotation-document-actions[b-q8b23pqu24] {
    margin-left: auto;
    display: flex;
    gap: 6px;
}

.quotation-action-secondary[b-q8b23pqu24],
.quotation-action-primary[b-q8b23pqu24],
.quotation-action-danger[b-q8b23pqu24],
.quotation-more-btn[b-q8b23pqu24] {
    height: 32px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
}

.quotation-action-secondary[b-q8b23pqu24] {
    border: 1px solid #dce2e9;
    background: #fff;
    color: #475467;
}

.quotation-action-primary[b-q8b23pqu24] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
}

.quotation-action-danger[b-q8b23pqu24] {
    border: 1px solid #f0c7c3;
    background: #fff;
    color: #b42318;
}

.quotation-more-btn[b-q8b23pqu24] {
    width: 32px;
    justify-content: center;
    padding: 0;
    border: 1px solid #dce2e9;
    background: #fff;
    color: #667085;
}


/* =========================================================
   DOCUMENT HEADER
   ========================================================= */

.quotation-document-header[b-q8b23pqu24] {
    min-height: 70px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    margin-bottom: 10px;
}

.quotation-document-header-main[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.quotation-doc-icon[b-q8b23pqu24] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 18px;
}

.quotation-doc-heading[b-q8b23pqu24] {
    font-size: 15px;
    font-weight: 700;
    color: #1d2939;
}

.quotation-doc-subheading[b-q8b23pqu24] {
    margin-top: 3px;
    color: #98a2b3;
}

.quotation-doc-summary[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 40px;
}

    .quotation-doc-summary > div[b-q8b23pqu24] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .quotation-doc-summary span[b-q8b23pqu24] {
        color: #98a2b3;
        font-size: 10px;
    }

    .quotation-doc-summary strong[b-q8b23pqu24] {
        color: #344054;
        font-size: 12px;
    }

.validity-highlight[b-q8b23pqu24] {
    color: #b54708 !important;
}

.quotation-total-highlight[b-q8b23pqu24] {
    color: #2563eb !important;
    font-size: 15px !important;
}


/* =========================================================
   SECTION
   ========================================================= */

.quotation-section[b-q8b23pqu24] {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
    margin-bottom: 10px;
}

.quotation-section-header[b-q8b23pqu24] {
    min-height: 45px;
    padding: 9px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf0f4;
}

.quotation-section-title[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #344054;
    font-weight: 700;
}

    .quotation-section-title i[b-q8b23pqu24] {
        color: #667085;
    }

.quotation-section-sub[b-q8b23pqu24] {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.quotation-info-grid[b-q8b23pqu24] {
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.quotation-field[b-q8b23pqu24] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.quotation-field-wide[b-q8b23pqu24] {
    grid-column: span 2;
}

.quotation-field label[b-q8b23pqu24] {
    color: #667085;
    font-size: 10px;
    font-weight: 600;
}

    .quotation-field label span[b-q8b23pqu24] {
        color: #d92d20;
    }

.quotation-field input[b-q8b23pqu24],
.quotation-field select[b-q8b23pqu24] {
    width: 100%;
    height: 32px;
    padding: 0 9px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    outline: none;
    background: #fff;
    color: #344054;
    font-size: 11px;
}

    .quotation-field input:disabled[b-q8b23pqu24],
    .quotation-field select:disabled[b-q8b23pqu24] {
        background: #f8fafc;
        color: #667085;
    }


/* =========================================================
   SUPPLIER SELECT
   ========================================================= */

.quotation-select-box[b-q8b23pqu24] {
    height: 32px;
    padding: 0 9px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
}

.supplier-select-info[b-q8b23pqu24] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .supplier-select-info strong[b-q8b23pqu24] {
        color: #344054;
        font-size: 11px;
    }

    .supplier-select-info span[b-q8b23pqu24] {
        color: #98a2b3;
        font-size: 9px;
    }

.quotation-select-box > i[b-q8b23pqu24] {
    color: #98a2b3;
    font-size: 9px;
}


/* =========================================================
   REQUEST
   ========================================================= */

.quotation-request-box[b-q8b23pqu24] {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 8px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
}

.request-icon[b-q8b23pqu24] {
    color: #2563eb;
}

.quotation-request-box strong[b-q8b23pqu24] {
    flex: 1;
    color: #2563eb;
    font-size: 11px;
}

.quotation-request-box button[b-q8b23pqu24] {
    border: 0;
    /*background: transparent;*/
    color: #98a2b3;
    cursor: pointer;
}


/* =========================================================
   PRODUCT TABLE
   ========================================================= */

/*.quotation-product-section {
    overflow: hidden;
}*/
/* Khối duy nhất co giãn */
.quotation-product-section[b-q8b23pqu24] {
    flex: 1 1 0;
    min-height: 180px; /* chiều cao tối thiểu khi màn hình nhỏ */
    display: flex;
    flex-direction: column;
    overflow: visible; /* để dropdown tìm kiếm không bị cắt */
    margin-bottom: 10px;
}
    .quotation-product-section > .pr-section-header[b-q8b23pqu24] {
        flex: 0 0 auto;
    }
.quotation-add-product-btn[b-q8b23pqu24] {
    height: 29px;
    padding: 0 10px;
    border: 1px solid #dce2e9;
    border-radius: 5px;
    background: #fff;
    color: #2563eb;
    cursor: pointer;
    font-size: 11px;
}

/* Vùng duy nhất cuộn */
.quotation-product-table-wrapper[b-q8b23pqu24] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto; /* cuộn cả dọc lẫn ngang */
    position: relative;
    background: #fff;
    border: 0;
    border-radius: 0 0 7px 7px;
}

.quotation-product-table[b-q8b23pqu24] {
    width: 100%;
    min-width: 1450px;
    border-collapse: collapse;
}
    /* Header bảng dính trên cùng khi cuộn */
    .quotation-product-table thead[b-q8b23pqu24] {
        position: sticky;
        top: 0;
        z-index: 5;
    }
    .quotation-product-table th[b-q8b23pqu24] {
        height: 35px;
        padding: 0 9px;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
        background: #f8fafc; /* bắt buộc có nền để không bị lộ dòng phía sau */
    }

    .quotation-product-table td[b-q8b23pqu24] {
        height: 47px;
        padding: 6px 9px;
        border-bottom: 1px solid #edf0f4;
        color: #475467;
    }

.line-number[b-q8b23pqu24] {
    color: #98a2b3 !important;
    text-align: center;
}

.product-code[b-q8b23pqu24] {
    color: #98a2b3;
    font-size: 9px;
}

.product-name[b-q8b23pqu24] {
    margin-top: 2px;
    color: #344054;
    font-weight: 600;
}

.table-number-input[b-q8b23pqu24] {
    width: 100%;
    min-width: 0;
    height: 28px;
    padding: 0 7px;
    text-align: right;
    border: 1px solid #dce2e9;
    border-radius: 4px;
    outline: none;
    font-size: 11px;
}

.table-text-input[b-q8b23pqu24] {
    width: 100%;
    min-width: 0;
    height: 28px;
    padding: 0 7px;
    border: 1px solid #dce2e9;
    border-radius: 4px;
    outline: none;
    font-size: 11px;
}

.line-total[b-q8b23pqu24] {
    color: #1d4ed8 !important;
    font-weight: 600;
}

.product-delete-btn[b-q8b23pqu24] {
    width: 27px;
    height: 27px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

    .product-delete-btn:hover[b-q8b23pqu24] {
        color: #dc2626;
        background: #fef2f2;
    }


/* =========================================================
   BOTTOM
   ========================================================= */

/*.quotation-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 10px;
    margin-bottom: 10px;
}*/
.quotation-bottom-grid[b-q8b23pqu24] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 10px;
    margin-bottom: 0;
}

.quotation-note-box[b-q8b23pqu24],
.quotation-summary-box[b-q8b23pqu24] {

    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
}

/*.quotation-note-box {
    padding: 13px;
}*/
.quotation-note-box[b-q8b23pqu24] {
    padding: 10px 13px;
}

    .quotation-note-box label[b-q8b23pqu24] {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #667085;
        font-weight: 600;
        margin-bottom: 5px;
    }

  /*  .quotation-note-box textarea {
        width: 100%;
        min-height: 100px;
        padding: 9px;
        resize: vertical;
        border: 1px solid #dce2e9;
        border-radius: 5px;
        outline: none;
        font-size: 11px;
    }*/
    .quotation-note-box textarea[b-q8b23pqu24] {
        width: 100%;
        min-height: 60px;
        padding: 9px;
        resize: none;
        border: 1px solid #dce2e9;
        border-radius: 5px;
        outline: none;
        font-size: 11px;
    }
/*.quotation-summary-box {
    padding: 13px 15px;
}*/
.quotation-summary-box[b-q8b23pqu24] {
    padding: 8px 15px;
}

.summary-row[b-q8b23pqu24] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    color: #667085;
}

    .summary-row strong[b-q8b23pqu24] {
        color: #344054;
    }

.summary-divider[b-q8b23pqu24] {
    height: 1px;
    margin: 4px 0;
    background: #edf0f4;
}

.summary-total[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
}

    .summary-total span[b-q8b23pqu24] {
        color: #344054;
        font-weight: 700;
    }

    .summary-total strong[b-q8b23pqu24] {
        color: #2563eb;
        font-size: 17px;
    }


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

.quotation-document-footer[b-q8b23pqu24] {
    min-height: 48px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 7px;
}

.quotation-footer-info[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #7b8794;
    font-size: 10px;
}

    .quotation-footer-info i[b-q8b23pqu24] {
        color: #2563eb;
    }

.quotation-footer-save[b-q8b23pqu24] {
    height: 30px;
    padding: 0 12px;
    border: 0;
    border-radius: 5px;
    background: #2563eb;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .quotation-filter-card[b-q8b23pqu24] {
        flex-wrap: wrap;
    }

    .quotation-info-grid[b-q8b23pqu24] {
        grid-template-columns: repeat(2, 1fr);
    }

    .quotation-doc-summary[b-q8b23pqu24] {
        gap: 20px;
    }
}


@media (max-width: 850px) {

    .quotation-page[b-q8b23pqu24] {
        padding: 12px;
    }

    .quotation-document-header[b-q8b23pqu24] {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .quotation-doc-summary[b-q8b23pqu24] {
        width: 100%;
        justify-content: space-between;
    }

    .quotation-bottom-grid[b-q8b23pqu24] {
        grid-template-columns: 1fr;
    }

    .quotation-document-actions[b-q8b23pqu24] {
        flex-wrap: wrap;
    }
}





/* =========================================================
   PR / QUOTATION SECTION & INFO GRID
   ========================================================= */

/*.pr-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 16px;
}*/
.pr-section[b-q8b23pqu24] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0; /* bỏ 16px 20px */
    margin-bottom: 10px;
    overflow: hidden;
}
/*
.pr-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
}*/

.pr-section-title[b-q8b23pqu24] {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
}

.pr-section-subtitle[b-q8b23pqu24] {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

/* Grid 3 Cột */
.pr-info-grid[b-q8b23pqu24] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 15px;
    padding: 10px;
}

/* Ô nhập dạng Inline (Label bên trái, Input bên phải cùng 1 dòng) */
.pr-field.inline[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pr-field.full[b-q8b23pqu24] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pr-field label[b-q8b23pqu24] {
    width: 125px;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    color: #475467;
    margin-bottom: 0;
    white-space: nowrap;
}

    .pr-field label span[b-q8b23pqu24] {
        color: #ef4444;
        margin-left: 2px;
    }

.pr-field input[b-q8b23pqu24],
.pr-field select[b-q8b23pqu24] {
    flex: 1;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background-color: #ffffff;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .pr-field input:focus[b-q8b23pqu24],
    .pr-field select:focus[b-q8b23pqu24] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    }

    .pr-field input:disabled[b-q8b23pqu24],
    .pr-field select:disabled[b-q8b23pqu24] {
        background-color: #f8fafc;
        color: #64748b;
        cursor: not-allowed;
    }

/* Action Button bên trong ô nhập (Ví dụ: Nút Sinh số phiếu) */
.pr-input-action[b-q8b23pqu24] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 4px;
}

    .pr-input-action input[b-q8b23pqu24] {
        flex: 1;
    }

.pr-input-action-btn[b-q8b23pqu24] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #475467;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pr-input-action-btn:hover:not(:disabled)[b-q8b23pqu24] {
        background: #e2e8f0;
        color: #1e293b;
    }

    .pr-input-action-btn.spinning i[b-q8b23pqu24] {
        animation: fa-spin 1s infinite linear;
    }

.text-right[b-q8b23pqu24] {
    text-align: right !important;
}

/* Kéo dài trường chiếm 2 cột trong Grid 3 cột */
.pr-field.col-span-2[b-q8b23pqu24] {
    grid-column: span 2;
}

/* Cấu trúc Grid chuẩn cho phần thông tin */
.pr-info-grid[b-q8b23pqu24] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 15px;
}

/* Xử lý Responsive khi thu nhỏ màn hình */
@media (max-width: 1200px) {
    .pr-info-grid[b-q8b23pqu24] {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Khi về màn hình 2 cột, Ghi chú chiếm trọn 2 cột ở dòng mới hoặc trả về 1 cột tùy ý */
    .pr-field.col-span-2[b-q8b23pqu24] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .pr-info-grid[b-q8b23pqu24] {
        grid-template-columns: 1fr;
    }

    .pr-field.col-span-2[b-q8b23pqu24] {
        grid-column: span 1;
    }
}
/* Responsive cho màn hình nhỏ */
@media (max-width: 1200px) {
    .pr-info-grid[b-q8b23pqu24] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .pr-info-grid[b-q8b23pqu24] {
        grid-template-columns: 1fr;
    }
}

.pr-section-header[b-q8b23pqu24] {
    min-height: 56px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #e9ebee;
}


.pr-section-title[b-q8b23pqu24] {
    font-size: 13px;
    font-weight: 650;
    color: #2c3239;
}

.pr-section-subtitle[b-q8b23pqu24] {
    margin-top: 3px;
    font-size: 10px;
    color: #969ca5;
}

.product-section > .pr-section-header[b-q8b23pqu24] {
    flex: 0 0 auto;
    min-height: 64px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border-radius: 8px 8px 0 0;
}

/* Phần tóm tắt bên phải */
.pr-section-summary[b-q8b23pqu24] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 6px 14px;
    border: 1px solid #e9ebee;
    border-radius: 8px;
    background: #fafbfc;
    white-space: nowrap;
}

.pr-summary-item[b-q8b23pqu24] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

    .pr-summary-item .label[b-q8b23pqu24] {
        font-size: 11px;
        color: #8b929b;
    }

    .pr-summary-item strong[b-q8b23pqu24] {
        font-size: 15px;
        font-weight: 700;
        color: #252a31;
        font-variant-numeric: tabular-nums;
    }

.pr-summary-divider[b-q8b23pqu24] {
    width: 1px;
    height: 18px;
    background: #e1e4e8;
}
.pr-btn[b-q8b23pqu24] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.pr-btn-primary[b-q8b23pqu24] {
    color: #fff;
    background: #356ae6;
    border-color: #356ae6;
}

    .pr-btn-primary:hover[b-q8b23pqu24] {
        background: #2859cc;
    }

.pr-btn-outline[b-q8b23pqu24] {
    background: #fff;
    border-color: #d8dce3;
    color: #3d4652;
}

    .pr-btn-outline:hover[b-q8b23pqu24] {
        background: #f7f8fa;
    }

.pr-field[b-q8b23pqu24]  .quotation-search-combo {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    border-radius: 6px;
    font-size: 12px;
}

.document-quick-add[b-q8b23pqu24]{flex:none;min-width:0;padding:0 12px}.document-quick-add[b-q8b23pqu24]  .quick-product{margin:7px 0}

.document-list-page[b-q8b23pqu24]{height:97%;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;background:#f5f7fb;box-sizing:border-box}
/* _content/E360_Client/Components/Pages/PO_PUR/PURCHASE_MATCH_DIALOG.razor.rz.scp.css */
.match-overlay[b-ykt5950rr6]{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;background:#10244070;padding:24px}.match-dialog[b-ykt5950rr6]{width:min(1120px,96vw);max-height:90vh;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe4ef;border-radius:16px;box-shadow:0 20px 70px #13274250;padding:22px;gap:14px;color:#263e5c}.match-dialog header[b-ykt5950rr6]{display:flex;align-items:center;justify-content:space-between}h2[b-ykt5950rr6]{font-size:21px;margin:4px 0}header small[b-ykt5950rr6]{color:#6c8098;font-size:10px;letter-spacing:1px}.match-summary[b-ykt5950rr6]{display:flex;gap:24px;flex-wrap:wrap;background:#f1f5fb;padding:12px;border-radius:8px;font-size:13px}.match-scroll[b-ykt5950rr6]{overflow:auto;min-height:100px;flex:1}table[b-ykt5950rr6]{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th[b-ykt5950rr6]{position:sticky;top:0;background:#eff4fa;color:#506783;text-align:right;padding:10px}th:first-child[b-ykt5950rr6],td:first-child[b-ykt5950rr6]{text-align:left}td[b-ykt5950rr6]{border-bottom:1px solid #e8edf5;padding:11px;text-align:right}td small[b-ykt5950rr6]{display:block;color:#73859b;white-space:normal;max-width:300px}.match-issue[b-ykt5950rr6]{display:flex;gap:10px;font-size:13px;line-height:1.6;color:#8b5423;padding:10px;border-bottom:1px solid #f1e4d2}.match-issue strong[b-ykt5950rr6]{white-space:nowrap}.notice[b-ykt5950rr6]{padding:10px 13px;border-radius:7px;font-size:13px}.error[b-ykt5950rr6]{background:#fff0ef;color:#a83a32}.success[b-ykt5950rr6]{background:#edf8f1;color:#25714b}button[b-ykt5950rr6]{padding:8px 12px;border:1px solid #d2ddeb;border-radius:7px;background:white;color:#335375;font-weight:600;font-size:13px}button:disabled[b-ykt5950rr6]{opacity:.45}.primary[b-ykt5950rr6]{background:#245edb;color:white;border-color:#245edb}.reason[b-ykt5950rr6]{display:flex;gap:12px;align-items:center;font-size:13px}.reason textarea[b-ykt5950rr6]{flex:1;min-height:65px;padding:10px;border:1px solid #cfd9e6;border-radius:8px;resize:vertical}footer[b-ykt5950rr6]{display:flex;gap:8px;align-items:center}footer span[b-ykt5950rr6]{margin-right:auto;color:#7a8ba1;font-size:12px}@media(max-width:700px){.match-overlay[b-ykt5950rr6]{padding:8px}.match-dialog[b-ykt5950rr6]{padding:12px}footer[b-ykt5950rr6]{flex-wrap:wrap}.reason[b-ykt5950rr6]{display:block}.reason textarea[b-ykt5950rr6]{width:100%}}
/* _content/E360_Client/Components/Pages/PO_PUR/PURCHASE_RECEIPT_PICKER.razor.rz.scp.css */
.receipt-picker-overlay[b-7o6fj86e4z]{position:fixed;inset:0;background:rgba(24,39,60,.4);z-index:1500;display:grid;place-items:center;padding:24px}
.receipt-picker[b-7o6fj86e4z]{width:min(1100px,96vw);height:min(650px,85vh);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 20px 70px #172b4c40;color:#30445e;overflow:hidden}
.receipt-picker header[b-7o6fj86e4z],.receipt-picker footer[b-7o6fj86e4z],.picker-toolbar[b-7o6fj86e4z]{display:flex;align-items:center;gap:10px;padding:14px 18px}
.receipt-picker header[b-7o6fj86e4z]{justify-content:space-between;background:#f0f5fc;border-bottom:1px solid #dee7f3}
.receipt-picker h2[b-7o6fj86e4z]{font-size:19px;margin:3px 0 0}
.receipt-picker small[b-7o6fj86e4z]{font-size:10px;letter-spacing:1px;color:#6d85a5}
.receipt-picker p[b-7o6fj86e4z]{font-size:12px;line-height:1.6;margin:12px 18px 0;color:#6a7c93}
.receipt-picker button[b-7o6fj86e4z]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px solid #cdd9e9;border-radius:7px;background:#fff;color:#315989;white-space:nowrap;cursor:pointer}
.receipt-picker button:hover:not(:disabled)[b-7o6fj86e4z]{background:#edf4ff;border-color:#9bb8de}
.receipt-picker button:disabled[b-7o6fj86e4z]{opacity:.5;cursor:not-allowed}
.picker-toolbar input[b-7o6fj86e4z]{flex:1;min-width:0;border:1px solid #d6e0ee;border-radius:7px;padding:8px 11px}
.picker-toolbar input:focus[b-7o6fj86e4z]{outline:2px solid #aac8ef;outline-offset:1px}
.picker-table[b-7o6fj86e4z]{flex:1;min-height:0;overflow:auto;margin:0 18px;border:1px solid #e0e7f1;border-radius:8px}
.picker-table table[b-7o6fj86e4z]{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}
.picker-table th[b-7o6fj86e4z]{position:sticky;top:0;background:#f0f4fa;color:#647993;text-align:left;font-weight:600}
.picker-table td[b-7o6fj86e4z],.picker-table th[b-7o6fj86e4z]{padding:10px;border-bottom:1px solid #e6edf5}
.picker-table tbody tr:hover[b-7o6fj86e4z]{background:#f4f8fe}
.picker-empty[b-7o6fj86e4z]{text-align:center;padding:32px!important;color:#76869b}
.receipt-picker footer[b-7o6fj86e4z]{border-top:1px solid #e4ebf3;font-size:11px;color:#76869b;flex-wrap:wrap}
.receipt-picker footer span[b-7o6fj86e4z]{margin-right:auto}
.picker-error[b-7o6fj86e4z]{margin:0 18px 12px;background:#fff0ec;border:1px solid #efcdc5;padding:10px;color:#963f37;border-radius:7px}
@media(max-width:600px){.receipt-picker-overlay[b-7o6fj86e4z]{padding:8px}.receipt-picker[b-7o6fj86e4z]{width:100%;height:90vh}.receipt-picker h2[b-7o6fj86e4z]{font-size:16px}.receipt-picker footer span[b-7o6fj86e4z]{flex-basis:100%}}
/* _content/E360_Client/Components/Pages/PO_PUR/PURCHASE_WORKSPACE_PAGE.razor.rz.scp.css */
.purchasing-page[b-krpgx3j9eo]{height:97%;min-height:0;display:flex;flex-direction:column;gap:16px;padding:22px 26px;background:#f5f7fb;color:#192d43;overflow:hidden;box-sizing:border-box}.purchasing-header[b-krpgx3j9eo]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none}.purchasing-title[b-krpgx3j9eo]{display:flex;align-items:center;gap:14px}.purchasing-icon[b-krpgx3j9eo]{width:50px;height:50px;display:grid;place-items:center;background:#e1edff;color:#2356ba;border-radius:14px;font-size:24px}.purchasing-title small[b-krpgx3j9eo],.purchase-allocation-dialog small[b-krpgx3j9eo]{font-size:10px;letter-spacing:.12em;font-weight:700;color:#698099}.purchasing-title h1[b-krpgx3j9eo]{font-size:23px;margin:3px 0 5px;font-weight:750}.purchasing-title p[b-krpgx3j9eo]{margin:0;color:#6b7f95;font-size:12px}.purchasing-actions[b-krpgx3j9eo]{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.purchase-button[b-krpgx3j9eo]{border:1px solid #dbe3ee;background:white;color:#354d67;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;gap:7px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.purchase-button:hover:not(:disabled)[b-krpgx3j9eo]{background:#eef4fc;border-color:#b8cbea}.purchase-button.primary[b-krpgx3j9eo]{background:#255dc9;border-color:#255dc9;color:white;box-shadow:0 3px 6px #255dc91a}.purchase-button.primary:hover:not(:disabled)[b-krpgx3j9eo]{background:#1b4cae}.purchase-button.danger[b-krpgx3j9eo],.danger[b-krpgx3j9eo]{color:#c14348}.purchase-button:disabled[b-krpgx3j9eo],.purchase-row-button:disabled[b-krpgx3j9eo]{opacity:.45;cursor:not-allowed}.purchase-filter[b-krpgx3j9eo]{display:flex;gap:12px;align-items:flex-end;flex:none;background:white;border:1px solid #e3e9f1;border-radius:12px;padding:14px}.purchase-filter label[b-krpgx3j9eo],.purchase-form label[b-krpgx3j9eo]{font-size:12px;font-weight:650;display:flex;flex-direction:column;gap:7px;color:#41566f}.purchase-form label b[b-krpgx3j9eo]{color:#d65656;display:contents}
.purchase-filter input[b-krpgx3j9eo],.purchase-filter select[b-krpgx3j9eo],.purchase-form input[b-krpgx3j9eo],.purchase-form select[b-krpgx3j9eo],.purchase-form textarea[b-krpgx3j9eo],.purchase-table input[b-krpgx3j9eo],.purchase-table select[b-krpgx3j9eo],.purchase-inline-search input[b-krpgx3j9eo]{border:1px solid #dce4ef;border-radius:7px;padding:9px 10px;font-size:12px;color:#273e59;background:#fff;min-width:0;outline:none}
.purchase-filter input:focus[b-krpgx3j9eo],.purchase-filter select:focus[b-krpgx3j9eo],.purchase-form input:focus[b-krpgx3j9eo],.purchase-form select:focus[b-krpgx3j9eo],.purchase-form textarea:focus[b-krpgx3j9eo],.purchase-table input:focus[b-krpgx3j9eo]{border-color:#7d9fdf;box-shadow:0 0 0 3px #255dc90e}.purchase-search[b-krpgx3j9eo]{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #dce4ef;border-radius:8px;padding:0 10px;max-width:600px;color:#8a9cb1}.purchase-search input[b-krpgx3j9eo]{border:0;width:100%;padding:10px 0}.purchase-result-count[b-krpgx3j9eo]{margin-left:auto;color:#7a8fa7;font-size:12px}.purchase-list-shell[b-krpgx3j9eo]{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #e0e8f2;border-radius:12px;background:#fff;overflow:hidden}.purchase-table-scroll[b-krpgx3j9eo]{flex:1;min-height:0;overflow:auto}.purchase-table[b-krpgx3j9eo]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}.purchase-table th[b-krpgx3j9eo]{background:#f4f7fc;position:sticky;top:0;padding:13px 14px;color:#6a7d94;font-size:11px;text-align:left;font-weight:700;border-bottom:1px solid #e1e8f1;z-index:1}.purchase-table td[b-krpgx3j9eo]{padding:11px 14px;border-bottom:1px solid #edf1f7;color:#38516d}.purchase-table tbody tr:hover[b-krpgx3j9eo]{background:#f6f9ff}.purchase-table .strong[b-krpgx3j9eo],.purchase-table td strong[b-krpgx3j9eo]{font-weight:650;color:#234269}.purchase-row-button[b-krpgx3j9eo]{border:0;background:transparent;color:#2a60bd;font-size:12px;cursor:pointer;padding:5px}.purchase-list-shell footer[b-krpgx3j9eo]{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5ebf3;padding:10px 16px;font-size:11px;color:#7c8fa4;flex:none}.purchase-list-shell footer div[b-krpgx3j9eo]{display:flex;gap:6px}.purchase-empty[b-krpgx3j9eo]{text-align:center!important;padding:60px 20px!important;color:#8da0b5!important}.purchase-empty i[b-krpgx3j9eo],.purchase-empty strong[b-krpgx3j9eo],.purchase-empty span[b-krpgx3j9eo]{display:block;margin:8px}.purchase-empty i[b-krpgx3j9eo]{font-size:28px}.purchase-status[b-krpgx3j9eo]{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:#eef2f7;color:#6b7c91;font-size:10px;font-weight:700;white-space:nowrap}.purchase-status.approved[b-krpgx3j9eo],.purchase-status.posted[b-krpgx3j9eo],.purchase-status.completed[b-krpgx3j9eo],.purchase-status.active[b-krpgx3j9eo],.purchase-status.converted[b-krpgx3j9eo]{background:#e3f5ed;color:#208358}.purchase-status.submitted[b-krpgx3j9eo]{background:#fff2d9;color:#ac7917}.purchase-status.cancelled[b-krpgx3j9eo],.purchase-status.rejected[b-krpgx3j9eo],.purchase-status.inactive[b-krpgx3j9eo]{background:#fce9ec;color:#b44853}.purchase-message[b-krpgx3j9eo]{padding:11px 14px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:9px;flex:none}.purchase-message.error[b-krpgx3j9eo]{background:#fff0f1;border:1px solid #f5d6dc;color:#a7434c}.purchase-message.success[b-krpgx3j9eo]{background:#edf8f2;border:1px solid #d5eddf;color:#2c7850}.purchase-loading[b-krpgx3j9eo]{font-size:12px;color:#4d78ba;flex:none}.purchase-editor-scroll[b-krpgx3j9eo]{flex:1;min-height:0;overflow:auto;border:1px solid #e0e8f2;border-radius:12px;background:#fff;padding:20px}.purchase-document-banner[b-krpgx3j9eo]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.purchase-document-banner>div[b-krpgx3j9eo]{display:flex;align-items:center;gap:12px}.purchase-document-banner strong[b-krpgx3j9eo]{font-size:17px}.purchase-document-banner small[b-krpgx3j9eo]{color:#b9831f}.purchase-form[b-krpgx3j9eo]{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.purchase-form .span-two[b-krpgx3j9eo]{grid-column:span 2}.purchase-form:disabled input[b-krpgx3j9eo],.purchase-form:disabled select[b-krpgx3j9eo],.purchase-form:disabled textarea[b-krpgx3j9eo],.purchase-table input:disabled[b-krpgx3j9eo],.purchase-table select:disabled[b-krpgx3j9eo]{background:#f6f8fb;color:#697b91}.purchase-checkbox[b-krpgx3j9eo]{flex-direction:row!important;align-items:center!important}.purchase-checkbox input[b-krpgx3j9eo]{width:16px;height:16px;accent-color:#255dc9}.purchase-lines-header[b-krpgx3j9eo]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 12px;padding-top:18px;border-top:1px solid #e9eef5}.purchase-lines-header>div[b-krpgx3j9eo]{display:flex;align-items:center;gap:12px}.purchase-lines-header h2[b-krpgx3j9eo]{font-size:16px;margin:0}.purchase-lines-header span[b-krpgx3j9eo]{font-size:11px;color:#8192a5}.purchase-inline-search[b-krpgx3j9eo]{display:flex;gap:7px;align-items:center;flex:1;min-width:0}.purchase-inline-search input[b-krpgx3j9eo]{flex:1}.purchase-detail-scroll[b-krpgx3j9eo]{overflow:auto;max-width:100%;border:1px solid #e4ebf3;border-radius:8px}.purchase-table input[b-krpgx3j9eo]{max-width:125px;width:100%;box-sizing:border-box}.purchase-table select[b-krpgx3j9eo]{max-width:200px}.purchase-line-table td[b-krpgx3j9eo]{padding:9px}.purchase-cell-sub[b-krpgx3j9eo]{display:block;color:#8595a7;font-size:10px;max-width:230px;white-space:normal;margin-top:5px}.purchase-totals[b-krpgx3j9eo]{display:flex;justify-content:flex-end;gap:24px;padding:20px 0 0}.purchase-totals>div[b-krpgx3j9eo]{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#7e8fa4}.purchase-totals b[b-krpgx3j9eo]{color:#3b526d}.purchase-totals .total strong[b-krpgx3j9eo]{font-size:20px;color:#2458b5}.purchase-score[b-krpgx3j9eo]{border:1px solid #dce7f8;background:#f2f7ff;padding:15px;border-radius:9px}.purchase-score span[b-krpgx3j9eo],.purchase-score p[b-krpgx3j9eo]{font-size:11px;color:#7990ac;margin:0}.purchase-score strong[b-krpgx3j9eo]{display:block;color:#255dc9;font-size:27px;margin:6px 0}.purchase-score strong small[b-krpgx3j9eo]{font-size:12px}.purchase-report-note[b-krpgx3j9eo]{font-size:11px;color:#7a8fa7;flex:none}.purchase-report-summary[b-krpgx3j9eo]{display:flex;gap:12px;flex:none;overflow:auto;max-height:150px}.purchase-report-summary article[b-krpgx3j9eo]{background:white;border:1px solid #dde7f3;border-radius:10px;padding:14px 18px;min-width:210px;display:flex;flex-direction:column;gap:5px}.purchase-report-summary article>span[b-krpgx3j9eo]{color:#7990ad;font-size:11px;font-weight:700}.purchase-report-summary article>strong[b-krpgx3j9eo]{font-size:20px;color:#295ab6}.purchase-report-summary article small[b-krpgx3j9eo]{font-size:10px;color:#8394a8}.purchase-report-summary article b[b-krpgx3j9eo]{font-size:11px;color:#3c5574}.purchase-overlay[b-krpgx3j9eo]{position:fixed;inset:0;background:#10233c66;z-index:1500;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.purchase-allocation-dialog[b-krpgx3j9eo]{background:white;border-radius:16px;box-shadow:0 24px 90px #132a4b40;width:1000px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.purchase-allocation-dialog header[b-krpgx3j9eo],.purchase-allocation-dialog footer[b-krpgx3j9eo]{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.purchase-allocation-dialog header h2[b-krpgx3j9eo]{font-size:20px;margin:6px 0}.purchase-allocation-dialog header p[b-krpgx3j9eo]{font-size:12px;color:#7b8da3;margin:0}.purchase-allocation-dialog .purchase-detail-scroll[b-krpgx3j9eo]{margin:0 24px;min-height:120px;overflow:auto}.purchase-allocation-dialog footer[b-krpgx3j9eo]{font-size:12px;color:#7a8da4}.purchase-allocation-dialog footer>div[b-krpgx3j9eo]{display:flex;gap:9px}@media(max-width:1150px){.purchasing-header[b-krpgx3j9eo]{align-items:flex-start}.purchase-form[b-krpgx3j9eo]{grid-template-columns:repeat(2,minmax(150px,1fr))}.purchasing-page[b-krpgx3j9eo]{padding:16px}.purchasing-actions[b-krpgx3j9eo]{max-width:450px}}@media(max-width:750px){.purchasing-header[b-krpgx3j9eo]{flex-direction:column}.purchasing-title h1[b-krpgx3j9eo]{font-size:20px}.purchase-filter[b-krpgx3j9eo]{flex-wrap:wrap}.purchasing-actions[b-krpgx3j9eo]{justify-content:flex-start;max-width:none}.purchase-totals[b-krpgx3j9eo]{flex-wrap:wrap}.purchase-form[b-krpgx3j9eo]{grid-template-columns:1fr}.purchase-form .span-two[b-krpgx3j9eo]{grid-column:span 1}.purchase-editor-scroll[b-krpgx3j9eo]{padding:14px}}
.purchase-reconciliation-heading[b-krpgx3j9eo]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin-top:2px}
.purchase-reconciliation-heading h2[b-krpgx3j9eo]{font-size:15px;margin:0 0 4px;color:#234269}
.purchase-reconciliation-heading p[b-krpgx3j9eo]{font-size:11px;color:#7a8fa7;margin:0}
.purchase-reconciliation-heading>strong[b-krpgx3j9eo]{font-size:13px;color:#2458b5;white-space:nowrap}
.purchase-reconciliation-shell[b-krpgx3j9eo]{flex:1 1 42%;min-height:150px}

.purchase-form[b-krpgx3j9eo]  .purchase-search-combo {
    width: 100%;
    min-width: 0;
    min-height: 35px;
    border-radius: 7px;
    font-size: 12px;
}

/* Purchase documents share a compact header, item list and footer. */
.purchase-document-editor[b-krpgx3j9eo] {
    container: purchase-document / inline-size;
    padding: 12px;
    gap: 10px;
}
.purchase-document-editor .purchasing-header[b-krpgx3j9eo] { gap: 14px; min-height: 36px; }
.purchase-document-editor .purchasing-title[b-krpgx3j9eo] { gap: 9px; }
.purchase-document-editor .purchasing-icon[b-krpgx3j9eo] { width: 34px; height: 34px; border-radius: 8px; font-size: 18px; }
.purchase-document-editor .purchasing-title small[b-krpgx3j9eo],
.purchase-document-editor .purchasing-title p[b-krpgx3j9eo] { display: none; }
.purchase-document-editor .purchasing-title h1[b-krpgx3j9eo] { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 650; }
.purchase-document-editor .purchasing-actions[b-krpgx3j9eo] { gap: 6px; max-width: none; }
.purchase-document-editor .purchase-button[b-krpgx3j9eo] { min-height: 30px; padding: 5px 10px; border-radius: 5px; font-size: 12px; }
.purchase-document-editor .purchase-editor-scroll[b-krpgx3j9eo] {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    padding: 10px 12px;
    border-radius: 8px;
}
.purchase-document-editor .purchase-document-banner[b-krpgx3j9eo] { flex: none; flex-wrap: wrap; gap: 6px 12px; min-height: 30px; margin: 0 0 9px; padding: 0 0 8px; border-bottom: 1px solid #e6ecf3; }
.purchase-document-editor .purchase-document-banner > div[b-krpgx3j9eo] { flex-wrap: wrap; gap: 8px; min-width: 0; }
.return-information-title[b-krpgx3j9eo] { display: inline-flex; align-items: center; gap: 7px; margin-right: 8px; color: #3d536d; font-size: 13px; font-weight: 600; }
.return-information-title i[b-krpgx3j9eo] { color: #3972b6; }
.purchase-document-editor .purchase-document-banner strong[b-krpgx3j9eo] { color: #64758c; font-size: 12px; font-weight: 600; }
.purchase-document-editor .purchase-document-banner small[b-krpgx3j9eo] { font-size: 10px; }
.purchase-document-editor .purchase-status[b-krpgx3j9eo] { padding: 4px 8px; font-size: 10px; }
.purchase-document-editor .purchase-document-banner > .purchase-button[b-krpgx3j9eo] { min-height: 26px; padding: 4px 8px; font-size: 11px; }
.purchase-document-editor .purchase-form[b-krpgx3j9eo] {
    flex: none;
    min-width: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 6px 14px;
}
.purchase-document-editor .purchase-form > label[b-krpgx3j9eo] {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 6px;
    align-items: center;
    min-width: 0;
    min-height: 30px;
    margin: 0;
    color: #52637a;
    font-size: 12px;
    font-weight: 500;
}
.purchase-document-editor .purchase-form > label > span[b-krpgx3j9eo] { min-width: 0; line-height: 1.3; }
.purchase-document-editor .purchase-form .return-field-number[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-date[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-supplier[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-warehouse[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-order[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-receipt[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-invoice[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-currency[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-rate[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .return-field-other[b-krpgx3j9eo],
.purchase-document-editor .purchase-form .invoice-field-due[b-krpgx3j9eo] { grid-column: span 4; }
.purchase-document-editor .purchase-form .return-field-reason[b-krpgx3j9eo] { grid-column: span 8; }
.purchase-document-editor .purchase-form input[b-krpgx3j9eo],
.purchase-document-editor .purchase-form select[b-krpgx3j9eo] {
    width: 100%;
    min-width: 0;
    height: 30px;
    padding: 4px 8px;
    border-color: #d8e0ea;
    border-radius: 4px;
    font-size: 12px;
    box-sizing: border-box;
}
.purchase-document-editor .purchase-form input[b-krpgx3j9eo]::placeholder { color: #93a0b2; font-size: 11px; }
.purchase-document-editor .purchase-form .return-auto-number[b-krpgx3j9eo] { background: #f3f6fb; color: #45668d; font-weight: 600; font-variant-numeric: tabular-nums; }
.purchase-document-editor .purchase-form[b-krpgx3j9eo]  .purchase-search-combo {
    width: 100%;
    min-width: 0;
    height: 30px;
    min-height: 30px;
    border-radius: 4px;
    font-size: 12px;
}
.purchase-document-editor .purchase-form[b-krpgx3j9eo]  .purchase-search-combo .dxbl-text-edit-input {
    min-width: 0;
    min-height: 26px;
    height: 26px;
    padding: 3px 8px;
    font-size: 12px;
}
.purchase-document-editor .purchase-form[b-krpgx3j9eo]  .purchase-search-combo .dxbl-btn { min-height: 26px; }
.purchase-document-editor .purchase-lines-header[b-krpgx3j9eo] { flex: none; gap: 10px; margin: 10px 0 7px; padding-top: 9px; }
.purchase-document-editor .purchase-lines-header > div[b-krpgx3j9eo] { gap: 8px; }
.purchase-document-editor .purchase-lines-header h2[b-krpgx3j9eo] { font-size: 13px; font-weight: 600; }
.purchase-document-editor .purchase-lines-header span[b-krpgx3j9eo] { padding: 2px 7px; border-radius: 10px; background: #eef2f7; color: #687c94; font-size: 10px; }
.purchase-document-editor .purchase-inline-search input[b-krpgx3j9eo] { min-width: 100px; }
.purchase-document-editor .purchase-detail-scroll[b-krpgx3j9eo] { flex: 1; min-height: 0; border-radius: 6px; overscroll-behavior: contain; }
.purchase-document-editor .purchase-line-table th[b-krpgx3j9eo] { padding: 9px 10px; font-size: 11px; }
.purchase-document-editor .purchase-line-table td[b-krpgx3j9eo] { padding: 6px 8px; }
.purchase-document-editor .purchase-line-table input[b-krpgx3j9eo],
.purchase-document-editor .purchase-line-table select[b-krpgx3j9eo] { height: 28px; padding: 3px 6px; border-radius: 4px; }
.purchase-document-editor .purchase-line-table .purchase-empty[b-krpgx3j9eo] { padding: 35px 16px !important; }
.purchase-document-editor .purchase-document-footer[b-krpgx3j9eo] {
    flex: none;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
    align-items: center;
    gap: 16px;
    padding-top: 9px;
    margin-top: 8px;
    border-top: 1px solid #e7edf4;
}
.purchase-document-footer-notes[b-krpgx3j9eo] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.purchase-document-footer-notes > .purchase-document-note[b-krpgx3j9eo] { flex: 1; }
.purchase-document-fee[b-krpgx3j9eo] { display: grid; gap: 4px; width: 125px; flex: none; color: #68798e; font-size: 11px; margin: 0; }
.purchase-document-fee input[b-krpgx3j9eo] { width: 100%; min-width: 0; height: 30px; padding: 4px 8px; border: 1px solid #dce4ee; border-radius: 4px; color: #3e546f; font: inherit; font-size: 12px; box-sizing: border-box; text-align: right; outline: none; }
.purchase-document-fee input:focus[b-krpgx3j9eo] { border-color: #7d9fdf; box-shadow: 0 0 0 2px #255dc90e; }
.purchase-document-fee input:disabled[b-krpgx3j9eo] { background: #f6f8fb; color: #697b91; }
.purchase-document-note[b-krpgx3j9eo] { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: start; gap: 7px; min-width: 0; margin: 0; }
.purchase-document-note > span[b-krpgx3j9eo] { display: inline-flex; align-items: center; gap: 5px; padding-top: 6px; color: #68798e; font-size: 11px; font-weight: 500; }
.purchase-document-note textarea[b-krpgx3j9eo] { width: 100%; min-width: 0; min-height: 46px; height: 46px; max-height: 90px; padding: 6px 8px; border: 1px solid #dce4ee; border-radius: 5px; outline: 0; resize: vertical; color: #3e546f; background: #fff; font: inherit; font-size: 12px; line-height: 1.5; box-sizing: border-box; }
.purchase-document-note textarea:focus[b-krpgx3j9eo] { border-color: #7d9fdf; box-shadow: 0 0 0 2px #255dc90e; }
.purchase-document-note textarea:disabled[b-krpgx3j9eo] { background: #f6f8fb; color: #697b91; }
.purchase-document-note textarea[b-krpgx3j9eo]::placeholder { color: #94a2b3; font-size: 11px; }
.purchase-document-editor .purchase-totals[b-krpgx3j9eo] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(140px, 1.25fr); gap: 10px; min-width: 0; padding: 0; }
.purchase-document-editor .purchase-totals > div[b-krpgx3j9eo] { min-width: 0; gap: 5px; text-align: right; font-size: 11px; }
.purchase-document-editor .purchase-totals b[b-krpgx3j9eo] { color: #435b76; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.purchase-document-editor .purchase-totals .total[b-krpgx3j9eo] { border-left: 1px solid #e4eaf2; padding-left: 10px; }
.purchase-document-editor .purchase-totals .total strong[b-krpgx3j9eo] { color: #2458b5; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }

.purchase-plan-editor .purchase-plan-footer[b-krpgx3j9eo] { grid-template-columns: minmax(0, 1fr) auto; }
.purchase-plan-summary[b-krpgx3j9eo] { display: flex; align-items: center; gap: 24px; padding-left: 16px; border-left: 1px solid #e4eaf2; }
.purchase-plan-summary > div[b-krpgx3j9eo] { display: grid; gap: 5px; text-align: right; color: #7e8fa4; font-size: 11px; }
.purchase-plan-summary b[b-krpgx3j9eo] { color: #435b76; font-size: 14px; font-weight: 600; }
.purchase-plan-editor .purchase-line-table[b-krpgx3j9eo] { min-width: 1050px; }

@container purchase-document (max-width: 950px) {
    .purchase-document-editor .purchase-form .return-field-number[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-date[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-supplier[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-warehouse[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-order[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-receipt[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-invoice[b-krpgx3j9eo],
    .purchase-document-editor .purchase-form .return-field-reason[b-krpgx3j9eo] { grid-column: span 6; }
}
@container purchase-document (max-width: 800px) {
    .purchase-document-editor .purchase-document-footer[b-krpgx3j9eo] { grid-template-columns: 1fr; gap: 9px; }
    .purchase-document-editor .purchase-document-note[b-krpgx3j9eo] { grid-template-columns: 108px minmax(0, 1fr); }
    .purchase-document-editor .purchasing-header[b-krpgx3j9eo] { flex-wrap: wrap; }
}
@container purchase-document (max-width: 560px) {
    .purchase-plan-editor .purchase-plan-footer[b-krpgx3j9eo] { grid-template-columns: 1fr; gap: 9px; }
    .purchase-plan-summary[b-krpgx3j9eo] { justify-content: flex-end; padding: 0; border-left: 0; }
    .purchase-document-editor .purchase-form > label[class][b-krpgx3j9eo] { grid-column: 1 / -1; grid-template-columns: 108px minmax(0, 1fr); }
    .purchase-document-editor .purchase-document-banner > div[b-krpgx3j9eo] { gap: 6px; }
    .purchase-document-footer-notes[b-krpgx3j9eo] { flex-direction: column; align-items: stretch; gap: 7px; }
    .purchase-document-fee[b-krpgx3j9eo] { width: 100%; grid-template-columns: 108px minmax(0, 1fr); gap: 7px; align-items: center; }
    .return-information-title[b-krpgx3j9eo] { width: 100%; margin-bottom: 3px; }
    .purchase-document-editor .purchasing-actions[b-krpgx3j9eo] { justify-content: flex-start; }
    .purchase-document-editor .purchase-inline-search[b-krpgx3j9eo] { flex-basis: 100%; }
    .purchase-document-editor .purchase-totals[b-krpgx3j9eo] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
    .purchase-document-editor .purchase-totals .total[b-krpgx3j9eo] { border-left: 0; padding-left: 0; }
}
@media (max-height: 720px), (max-width: 750px) {
    .purchase-document-editor .purchase-editor-scroll[b-krpgx3j9eo] { overflow: auto; }
    .purchase-document-editor .purchase-detail-scroll[b-krpgx3j9eo] { flex: 1 0 180px; min-height: 180px; }
}

.document-list-page[b-krpgx3j9eo]{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;background:#f5f7fb;box-sizing:border-box}

.purchase-report-page[b-krpgx3j9eo]{padding:12px;gap:10px}.purchase-report-page .purchasing-icon[b-krpgx3j9eo]{width:34px;height:34px;border-radius:8px;font-size:18px}.purchase-report-page .purchasing-title[b-krpgx3j9eo]{gap:9px}.purchase-report-page .purchasing-title h1[b-krpgx3j9eo]{font-size:18px;font-weight:650;margin:0}.purchase-report-page .purchasing-title small[b-krpgx3j9eo],.purchase-report-page .purchasing-title p[b-krpgx3j9eo]{display:none}.purchase-report-page .purchase-button[b-krpgx3j9eo]{min-height:30px;padding:5px 10px;border-radius:5px}.purchase-report-page .purchase-filter[b-krpgx3j9eo]{padding:10px;border-radius:8px}.purchase-report-page .purchase-filter label[b-krpgx3j9eo]{gap:5px;font-size:11px}.purchase-report-page .purchase-filter input[b-krpgx3j9eo],.purchase-report-page .purchase-filter select[b-krpgx3j9eo]{height:30px;padding:4px 8px;border-radius:4px}.purchase-report-page .purchase-table th[b-krpgx3j9eo]{padding:10px 12px}.purchase-report-page .purchase-table td[b-krpgx3j9eo]{padding:8px 12px}
/* _content/E360_Client/Components/Pages/PO_PUR/SUPPLIER_DATA_TABLE.razor.rz.scp.css */
.supplier-data[b-zt9bwl1q7i]{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;border:1px solid #e4eaf1;border-radius:10px;background:#fff}.data-filters[b-zt9bwl1q7i]{display:flex;align-items:center;gap:10px;flex:none;padding:11px 13px;border-bottom:1px solid #eaf0f5}.data-summary[b-zt9bwl1q7i]{display:flex;align-items:center;gap:8px;flex:none;min-height:37px;padding:7px 13px;background:#fafcfe;border-bottom:1px solid #eaf0f5;overflow-x:auto}.data-scroll[b-zt9bwl1q7i]{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.data-scroll table[b-zt9bwl1q7i]{width:100%;border-collapse:separate;border-spacing:0;color:#32485e;font-size:12px}.data-scroll[b-zt9bwl1q7i]  th{position:sticky;top:0;z-index:1;padding:11px 13px;border-bottom:1px solid #e2e9f1;background:#f4f7fb;color:#718196;font-size:11px;font-weight:650;letter-spacing:.4px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-scroll[b-zt9bwl1q7i]  td{padding:11px 13px;border-bottom:1px solid #edf1f6;vertical-align:middle;line-height:1.5}.data-scroll tbody tr:hover[b-zt9bwl1q7i]{background:#f9fbfe}.data-scroll tbody tr:last-child[b-zt9bwl1q7i]  td{border-bottom:0}.data-scroll[b-zt9bwl1q7i]  .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-scroll[b-zt9bwl1q7i]  .nowrap{white-space:nowrap}.data-scroll[b-zt9bwl1q7i]  .product-cell{min-width:190px;max-width:290px}.data-scroll[b-zt9bwl1q7i]  .cell-sub{display:block;margin-top:3px;color:#64788c;font-size:11px;line-height:1.5}.data-scroll[b-zt9bwl1q7i]  .cell-primary{color:#2f5775;font-size:12px;font-weight:650}.data-scroll[b-zt9bwl1q7i]  .muted{color:#64788c}.data-footer[b-zt9bwl1q7i]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:9px 13px;border-top:1px solid #e5ecf4;background:#fff;color:#64788c;font-size:11px}.data-footer strong[b-zt9bwl1q7i],.data-footer b[b-zt9bwl1q7i]{color:#51677d;font-weight:600}.data-footer>div[b-zt9bwl1q7i]{display:flex;align-items:center;gap:12px;white-space:nowrap}.data-footer button[b-zt9bwl1q7i]{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #dce5ee;border-radius:6px;background:#fff;color:#60778e;cursor:pointer}.data-footer button:disabled[b-zt9bwl1q7i]{color:#64788c;background:#f8fafc;cursor:default}.data-footer button:hover:enabled[b-zt9bwl1q7i]{border-color:#9cbcd0;background:#f2f7fb}.data-footer button:focus-visible[b-zt9bwl1q7i]{outline:2px solid #80b5d2;outline-offset:2px}.data-empty[b-zt9bwl1q7i]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:165px;padding:25px;text-align:center}.data-empty>span[b-zt9bwl1q7i]{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0f5fa;color:#64788c;font-size:20px}.data-empty strong[b-zt9bwl1q7i]{color:#728598;font-size:12px;font-weight:600}.data-empty p[b-zt9bwl1q7i]{max-width:360px;margin:0;color:#64788c;font-size:12px;line-height:1.7}@media(max-width:620px){.data-filters[b-zt9bwl1q7i]{flex-wrap:wrap}.data-footer[b-zt9bwl1q7i]{padding:8px 10px}.data-footer>div[b-zt9bwl1q7i]{gap:8px}.data-scroll[b-zt9bwl1q7i]  td,.data-scroll[b-zt9bwl1q7i]  th{padding-left:10px;padding-right:10px}}

/* _content/E360_Client/Components/Pages/PR_PRODUCTION/PRODUCTION_LINES.razor.rz.scp.css */
.production-line-scroll[b-x3wz8t8wa6]{flex:1;min-height:0;overflow:auto}.production-line-table[b-x3wz8t8wa6]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;color:#304a61}.production-line-table th[b-x3wz8t8wa6]{position:sticky;top:0;background:#f1f5fa;color:#5b7288;font-size:11px;z-index:1;white-space:nowrap;font-weight:650}.production-line-table th[b-x3wz8t8wa6],.production-line-table td[b-x3wz8t8wa6]{padding:8px 10px;border-bottom:1px solid #e7edf3;vertical-align:middle;text-align:left}.production-line-table tbody tr:nth-child(even)[b-x3wz8t8wa6]{background:#fbfcfe}.production-line-table .numeric[b-x3wz8t8wa6]{text-align:right;font-variant-numeric:tabular-nums;min-width:92px}.production-line-table .product-name[b-x3wz8t8wa6]{min-width:180px}.production-line-table .index[b-x3wz8t8wa6]{width:42px;text-align:center;color:#8093a5}.production-line-table .remove[b-x3wz8t8wa6]{width:35px;min-width:35px}.production-line-table input:not([type=checkbox])[b-x3wz8t8wa6]{box-sizing:border-box;min-width:90px;width:100%;height:31px;border:1px solid #d8e2ec;border-radius:5px;padding:5px 7px;font:inherit;color:inherit;background:white}.production-line-table input[type=number][b-x3wz8t8wa6]{text-align:right;max-width:130px}.production-line-table input[type=datetime-local][b-x3wz8t8wa6]{min-width:185px}.production-line-table .remove button[b-x3wz8t8wa6]{border:0;background:#fff0f0;color:#b74a4a;border-radius:5px;font-size:18px;line-height:1;padding:3px 7px;cursor:pointer}.empty[b-x3wz8t8wa6]{text-align:center!important;color:#8a9bab;padding:24px!important}.production-line-table[b-x3wz8t8wa6]  .production-select{min-width:100px;width:100%;font-size:12px}.production-line-table input:focus[b-x3wz8t8wa6]{outline:2px solid #b6d3ee;border-color:#6c9dc9}
/* _content/E360_Client/Components/Pages/PR_PRODUCTION/PRODUCTION_WORKSPACE_PAGE.razor.rz.scp.css */
.production-page[b-urme62i25h]{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 16px;box-sizing:border-box;overflow:hidden;background:#f3f6fa;color:#29445d;font-family:inherit;font-size:12px}.production-header[b-urme62i25h]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;flex-shrink:0}.heading[b-urme62i25h]{display:flex;align-items:center;gap:10px;min-width:210px}.heading-icon[b-urme62i25h]{height:38px;width:38px;border-radius:10px;background:linear-gradient(140deg,#e0edfb,#cce1f6);color:#2e6ba4;display:grid;place-items:center;font-size:20px;box-shadow:inset 0 1px #ffffff80}.heading small[b-urme62i25h]{font-size:9px;color:#7b90a4;letter-spacing:1px}.heading h1[b-urme62i25h]{font-size:18px;font-weight:700;line-height:1.3;margin:2px 0;color:#193c5e}.actions[b-urme62i25h]{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.production-page button[b-urme62i25h],.related-actions>summary[b-urme62i25h]{font:inherit;font-weight:600;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:6px 10px;border:1px solid #d4dfeb;border-radius:7px;background:#fff;color:#365a7a;cursor:pointer;white-space:nowrap}.production-page button:hover:not(:disabled)[b-urme62i25h]{border-color:#9ebfdf;background:#eef5fc}.production-page button.primary[b-urme62i25h]{background:#286eaf;border-color:#286eaf;color:white}.production-page button:disabled[b-urme62i25h]{opacity:.5;cursor:default}.production-page button.icon-button[b-urme62i25h]{padding:5px 8px;min-height:28px}.production-page :focus-visible[b-urme62i25h]{outline:3px solid #96bee4;outline-offset:2px}.production-page input[b-urme62i25h],.production-page select[b-urme62i25h],.production-page textarea[b-urme62i25h]{box-sizing:border-box;font:inherit;min-width:0;border:1px solid #d5e0eb;border-radius:6px;background:#fff;color:#29445d;padding:6px 9px}.production-page input:read-only[b-urme62i25h]{background:#f3f6fa;color:#68849b}.notice[b-urme62i25h]{padding:9px 12px;border-radius:7px;flex-shrink:0;border:1px solid #d9e6f2;line-height:1.4}.notice.error[b-urme62i25h]{background:#fff2f0;color:#ac4e43;border-color:#f0d1cb}.notice.success[b-urme62i25h]{background:#edf8f2;color:#2e7855;border-color:#cce8d9}.notice.busy[b-urme62i25h]{background:#eaf2fb;color:#426c93}.filters[b-urme62i25h]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.filters .search[b-urme62i25h]{display:flex;align-items:center;gap:8px;min-width:210px;flex:1 1 240px;border:1px solid #d5e0eb;background:white;border-radius:7px;padding-left:10px;color:#7290aa}.filters .search input[b-urme62i25h]{width:100%;border:0;outline:none;background:none}.filters>label:not(.search)[b-urme62i25h]{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}.filters>label>span[b-urme62i25h]{font-size:11px;color:#6c8399;white-space:nowrap}.filters input[type=date][b-urme62i25h]{width:126px}.filters[b-urme62i25h]  .production-select{min-width:185px;width:220px}.panel[b-urme62i25h]{background:#fff;border:1px solid #dce5ee;border-radius:10px;min-height:0;overflow:hidden;box-shadow:0 2px 6px #1d426508}.list-detail[b-urme62i25h]{flex:1;min-height:0;display:grid;grid-template-rows:minmax(160px,1.1fr) minmax(140px,.9fr);gap:10px}.list-panel[b-urme62i25h],.preview[b-urme62i25h]{display:flex;flex-direction:column;min-height:0}.table-scroll[b-urme62i25h]{overflow:auto;flex:1;min-height:0}.production-page table[b-urme62i25h]{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.production-page th[b-urme62i25h],.production-page td[b-urme62i25h]{padding:8px 10px;border-bottom:1px solid #e6edf4;text-align:left;vertical-align:middle}.production-page th[b-urme62i25h]{position:sticky;top:0;z-index:1;background:#edf3f9;font-size:11px;color:#57728c;font-weight:650;white-space:nowrap}.production-page td small[b-urme62i25h]{display:block;color:#8094a8;font-size:10px;margin-top:3px}.production-page tr.selected[b-urme62i25h]{background:#eaf3fe;box-shadow:inset 3px 0 #3d83c3}.production-page tbody tr:hover[b-urme62i25h]{background:#f4f8fd}.numeric[b-urme62i25h]{text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums}.shortage[b-urme62i25h]{color:#b26331;font-weight:650}.empty[b-urme62i25h]{display:grid;place-items:center;min-height:70px;text-align:center!important;padding:22px;color:#8aa0b2}.production-page td.empty[b-urme62i25h]{display:table-cell}.pager[b-urme62i25h]{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:11px;color:#7890a5;border-top:1px solid #e6edf4;flex-shrink:0}.pager>div[b-urme62i25h]{display:flex;align-items:center;gap:10px}.pager button[b-urme62i25h]{min-height:25px;padding:3px 8px}.section-bar[b-urme62i25h]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#f9fbfd;border-bottom:1px solid #e4ecf4;min-height:35px;box-sizing:border-box;flex-shrink:0}.section-bar strong[b-urme62i25h]{font-weight:650;color:#355775}.section-bar .help[b-urme62i25h]{font-size:11px;color:#8296aa}.tabs[b-urme62i25h]{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tabs button[b-urme62i25h]{border-color:transparent;background:transparent;color:#7290aa;padding:4px 9px;min-height:26px;font-size:11px}.tabs button.active[b-urme62i25h]{background:#e5f0fc;color:#286ca8;border-color:#d7e8fa}.preview-body[b-urme62i25h]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.state[b-urme62i25h]{display:inline-flex;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:650;background:#eef2f6;color:#74899c;white-space:nowrap}.state.approved[b-urme62i25h],.state.completed[b-urme62i25h],.state.closed[b-urme62i25h],.state.posted[b-urme62i25h],.state.active[b-urme62i25h]{background:#e6f4ed;color:#287955}.state.released[b-urme62i25h],.state.in_progress[b-urme62i25h]{background:#e8f1fd;color:#346da9}.state.cancelled[b-urme62i25h],.state.inactive[b-urme62i25h]{background:#f9ecec;color:#a56060}.state.on_hold[b-urme62i25h]{background:#fff4df;color:#a98035}.dirty[b-urme62i25h]{margin-left:8px;color:#bc8a35;font-size:10px}.editor-panel[b-urme62i25h]{flex:1;min-height:0;display:flex;flex-direction:column}.editor-panel fieldset[b-urme62i25h]{margin:0;border:0;padding:0;min-width:0;flex-shrink:0}.document-fields[b-urme62i25h]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 20px;padding:13px 15px}.document-fields>label[b-urme62i25h]{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;align-items:center;margin:0}.document-fields>label>span[b-urme62i25h]{color:#66829a;font-size:11px;white-space:nowrap}.document-fields input[b-urme62i25h],.document-fields select[b-urme62i25h]{width:100%;min-height:31px}.document-fields[b-urme62i25h]  .production-select{width:100%;min-width:0;font-size:12px}.document-fields .span-two[b-urme62i25h]{grid-column:span 2}.document-fields .check[b-urme62i25h]{display:flex;gap:6px}.document-fields .check input[b-urme62i25h]{width:15px;min-height:15px}.quantity-unit[b-urme62i25h]{display:flex;gap:6px;align-items:center;min-width:0}.quantity-unit input[b-urme62i25h]{width:100%;min-width:0}.quantity-unit small[b-urme62i25h]{color:#8a9eaf;white-space:nowrap}.quick-add[b-urme62i25h]{padding:8px 12px;flex-shrink:0;border-bottom:1px solid #e5edf5}.document-footer[b-urme62i25h]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:16px;align-items:center;padding:9px 14px;background:#f9fbfd;border-top:1px solid #e5edf5;flex-shrink:0}.document-footer>label[b-urme62i25h]{display:grid;grid-template-columns:64px minmax(0,1fr);gap:7px;align-items:center;margin:0;color:#7890a6}.document-footer textarea[b-urme62i25h]{min-height:40px;height:40px;resize:vertical;max-height:100px;width:100%}.document-footer>div[b-urme62i25h]{text-align:right}.document-footer>div>span[b-urme62i25h]{display:block;color:#90a2b3;font-size:10px}.document-footer strong[b-urme62i25h]{font-size:12px;color:#50738e;font-weight:600}.production-guidance[b-urme62i25h]{flex:1;min-height:70px;overflow:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:5px;padding:20px 30px;color:#7a91a6}.production-guidance>i[b-urme62i25h]{font-size:35px;color:#8eb4d4}.production-guidance h2[b-urme62i25h]{font-size:16px;color:#527797;margin:8px 0}.production-guidance p[b-urme62i25h]{max-width:730px;margin:3px;line-height:1.65;font-size:12px}.center-preview[b-urme62i25h]{padding:18px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:#7690a6}.related-actions[b-urme62i25h]{position:relative}.related-actions>summary[b-urme62i25h]{list-style:none;user-select:none}.related-actions>div[b-urme62i25h]{position:absolute;right:0;top:calc(100% + 5px);z-index:25;min-width:245px;padding:6px;background:white;border:1px solid #d4e1ee;border-radius:9px;box-shadow:0 12px 30px #183e611f;display:grid;gap:3px}.related-actions>div>button[b-urme62i25h]{justify-content:flex-start;border:0;padding:8px 11px}.order-progress[b-urme62i25h]{display:flex;align-items:center;gap:25px;padding:9px 15px;background:#f0f7fd;color:#6687a3;flex-shrink:0}.order-progress b[b-urme62i25h]{margin-left:7px;color:#306b9e}.order-progress progress[b-urme62i25h]{height:9px;border-radius:10px;flex:1;accent-color:#3a8bbf}.summary-cards[b-urme62i25h]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex-shrink:0}.summary-cards article[b-urme62i25h]{border:1px solid #dce6ef;border-radius:10px;background:linear-gradient(120deg,#fff,#eff6fd);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 8px #24547b08}.summary-cards span[b-urme62i25h]{color:#7b93a8;font-size:12px}.summary-cards strong[b-urme62i25h]{font-size:24px;color:#3979aa}.insight-caption[b-urme62i25h]{padding:8px 11px;border-radius:7px;background:#e9f2fb;color:#6484a0;font-size:11px;line-height:1.6;flex-shrink:0}.requirements-panel[b-urme62i25h]{flex:1;min-height:0;display:flex;flex-direction:column}
@media(max-width:1250px){.document-fields[b-urme62i25h]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}.production-header[b-urme62i25h]{flex-wrap:wrap}.filters[b-urme62i25h]{gap:7px}.document-fields .span-two[b-urme62i25h]{grid-column:span 1}}
@media(max-width:760px){.production-page[b-urme62i25h]{padding:9px;gap:8px}.heading h1[b-urme62i25h]{font-size:16px}.document-fields[b-urme62i25h]{grid-template-columns:1fr}.document-fields>label[b-urme62i25h]{grid-template-columns:105px minmax(0,1fr)}.actions[b-urme62i25h]{justify-content:flex-start}.list-detail[b-urme62i25h]{grid-template-rows:minmax(140px,1fr) minmax(120px,.8fr)}.document-footer[b-urme62i25h]{grid-template-columns:1fr;gap:6px}.document-footer>div[b-urme62i25h]{text-align:left}.order-progress[b-urme62i25h]{gap:12px;flex-wrap:wrap}.summary-cards[b-urme62i25h]{gap:6px}.summary-cards article[b-urme62i25h]{padding:10px;display:grid;gap:6px}.filters>label[b-urme62i25h]{flex:1 1 150px}.filters[b-urme62i25h]  .production-select{width:100%;min-width:150px}.section-bar[b-urme62i25h]{gap:5px;flex-wrap:wrap}.section-bar .help[b-urme62i25h]{display:none}}
/* _content/E360_Client/Components/Pages/RETAIL/POS_CUSTOMER_PICKER.razor.rz.scp.css */
.customer-overlay[b-i1pj33ejbd]{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:24px;background:#142c485c;backdrop-filter:blur(3px)}
.customer-dialog[b-i1pj33ejbd]{width:min(820px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff99;border-radius:16px;background:#fff;box-shadow:0 24px 80px #10253d40;color:#2b435b;font:13px "Segoe UI",Arial,sans-serif}
header[b-i1pj33ejbd]{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(125deg,#f1f9f7,#f4f8fc);border-bottom:1px solid #e1eaf1;flex-shrink:0}.customer-icon[b-i1pj33ejbd]{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#dcefe8;color:#24796a;font-size:23px}header h2[b-i1pj33ejbd]{font-size:19px;margin:0 0 5px;font-weight:650}header p[b-i1pj33ejbd]{font-size:12px;color:#7b8fa4;margin:0}.close-button[b-i1pj33ejbd]{margin-left:auto;font-size:22px;padding:2px 10px;background:transparent!important;border:0!important;color:#8194a9}
button[b-i1pj33ejbd],input[b-i1pj33ejbd],select[b-i1pj33ejbd],textarea[b-i1pj33ejbd]{font:inherit;box-sizing:border-box}button[b-i1pj33ejbd]{padding:8px 13px;border:1px solid #d9e4ee;border-radius:7px;background:#fff;color:#47657e;cursor:pointer}button:hover:not(:disabled)[b-i1pj33ejbd]{background:#edf6f4;border-color:#accfc6}button:disabled[b-i1pj33ejbd]{opacity:.55;cursor:default}button:focus-visible[b-i1pj33ejbd],input:focus-visible[b-i1pj33ejbd],select:focus-visible[b-i1pj33ejbd],textarea:focus-visible[b-i1pj33ejbd]{outline:3px solid #8abfdc;outline-offset:2px}.primary[b-i1pj33ejbd]{border-color:#267e71;background:#267e71;color:#fff}.primary:hover:not(:disabled)[b-i1pj33ejbd]{background:#1b695d}nav[b-i1pj33ejbd]{display:flex;gap:20px;padding:0 24px;border-bottom:1px solid #e1eaf2;flex-shrink:0}nav button[b-i1pj33ejbd]{padding:14px 3px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#8093a8;background:transparent}nav button.active[b-i1pj33ejbd]{border-bottom-color:#298170;color:#227260;font-weight:650}nav i[b-i1pj33ejbd]{margin-right:5px}.customer-error[b-i1pj33ejbd]{margin:12px 24px 0;padding:11px 12px;border:1px solid #f0cad0;border-radius:7px;background:#fff1f2;color:#a3414c;font-size:12px;flex-shrink:0}
.customer-search[b-i1pj33ejbd]{display:flex;align-items:center;gap:9px;margin:17px 24px;border:1px solid #c8dce5;border-radius:9px;padding:5px 5px 5px 12px;flex-shrink:0}.customer-search>i[b-i1pj33ejbd]{color:#7395a5}.customer-search input[b-i1pj33ejbd]{flex:1;min-width:0;padding:8px;border:0;outline:0}.customer-search button[b-i1pj33ejbd]{background:#eef7f4;color:#2d7c6d}.customer-results[b-i1pj33ejbd]{overflow:auto;min-height:140px;max-height:380px}table[b-i1pj33ejbd]{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}th[b-i1pj33ejbd],td[b-i1pj33ejbd]{padding:12px 20px;text-align:left;border-bottom:1px solid #edf1f5}th[b-i1pj33ejbd]{position:sticky;top:0;background:#f5f8fb;color:#7a91a9;font-size:11px;font-weight:600}td strong[b-i1pj33ejbd]{font-weight:600}td small[b-i1pj33ejbd]{display:block;color:#8597aa;font-size:10px;margin-top:5px}td:nth-child(2)[b-i1pj33ejbd]{white-space:nowrap}td:nth-child(3)[b-i1pj33ejbd]{overflow-wrap:anywhere}tr.selected[b-i1pj33ejbd],tbody tr:hover[b-i1pj33ejbd]{background:#eef8f5}.customer-empty[b-i1pj33ejbd]{text-align:center;color:#8a9caf;padding:40px 25px;line-height:1.8}footer[b-i1pj33ejbd]{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:15px 24px;border-top:1px solid #e2eaf1;background:#fafcfe;flex-shrink:0}footer>span[b-i1pj33ejbd]{margin-right:auto;max-width:440px;font-size:11px;line-height:1.7;color:#899bb0}
form[b-i1pj33ejbd]{display:flex;flex-direction:column;min-height:0;overflow:auto}fieldset[b-i1pj33ejbd]{padding:0;margin:0;border:0;min-width:0}.customer-fields[b-i1pj33ejbd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:22px 24px}.customer-fields label[b-i1pj33ejbd]{display:grid;gap:7px;min-width:0}.customer-fields span[b-i1pj33ejbd]{font-size:12px;font-weight:600;color:#667f98}.customer-fields b[b-i1pj33ejbd]{color:#c45c64}.customer-fields input[b-i1pj33ejbd],.customer-fields select[b-i1pj33ejbd],.customer-fields textarea[b-i1pj33ejbd]{width:100%;min-width:0;border:1px solid #d6e2ed;border-radius:7px;padding:10px 11px;background:#fff;color:#304b66}.customer-fields input:read-only[b-i1pj33ejbd]{background:#f4f7fa;color:#8b9caf}.customer-fields small[b-i1pj33ejbd]{color:#95a5b7;font-size:10px}.customer-fields .wide[b-i1pj33ejbd]{grid-column:1/-1}.customer-fields textarea[b-i1pj33ejbd]{resize:vertical;min-height:66px;max-height:120px}
@media(max-width:600px){.customer-overlay[b-i1pj33ejbd]{padding:12px}.customer-dialog[b-i1pj33ejbd]{max-height:calc(100dvh - 24px)}header[b-i1pj33ejbd]{padding:16px}.customer-search[b-i1pj33ejbd]{margin:14px 16px}nav[b-i1pj33ejbd]{padding:0 16px}footer[b-i1pj33ejbd]{padding:12px 16px;flex-wrap:wrap}footer>span[b-i1pj33ejbd]{flex-basis:100%;max-width:none}.customer-fields[b-i1pj33ejbd]{padding:18px 16px;grid-template-columns:1fr}th[b-i1pj33ejbd],td[b-i1pj33ejbd]{padding:10px 12px}td:nth-child(3)[b-i1pj33ejbd],th:nth-child(3)[b-i1pj33ejbd]{display:none}.customer-search input[b-i1pj33ejbd]{font-size:16px}header p[b-i1pj33ejbd]{font-size:11px}}
/* _content/E360_Client/Components/Pages/RETAIL/POS_LABEL_PRINT.razor.rz.scp.css */
.label-workspace[b-mpc5aou2hx]{height:100%;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#f3f6fa;color:#2d435e;font:13px "Segoe UI",Arial,sans-serif;overflow:hidden}.label-workspace>header[b-mpc5aou2hx]{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow[b-mpc5aou2hx]{font-size:10px;letter-spacing:.1em;color:#698c86;font-weight:700}h1[b-mpc5aou2hx]{font-size:23px;margin:6px 0}header p[b-mpc5aou2hx]{font-size:12px;color:#8495a7;margin:0}.actions[b-mpc5aou2hx]{display:flex;gap:8px;flex-wrap:wrap}button[b-mpc5aou2hx],input[b-mpc5aou2hx],select[b-mpc5aou2hx]{font:inherit;box-sizing:border-box}button[b-mpc5aou2hx]{border:1px solid #d9e3ed;border-radius:7px;background:white;color:#57718d;padding:8px 12px;cursor:pointer;white-space:nowrap}button.primary[b-mpc5aou2hx]{background:#237e72;border-color:#237e72;color:white}button:disabled[b-mpc5aou2hx]{opacity:.5;cursor:default}input[b-mpc5aou2hx],select[b-mpc5aou2hx]{padding:9px;border:1px solid #d5e1ec;border-radius:7px;color:#3e5d79;background:white;min-width:0}button:focus-visible[b-mpc5aou2hx],input:focus-visible[b-mpc5aou2hx],select:focus-visible[b-mpc5aou2hx]{outline:3px solid #a9cfdf;outline-offset:2px}.notice[b-mpc5aou2hx]{padding:11px 14px;border-radius:8px;border:1px solid;line-height:1.6}.notice.error[b-mpc5aou2hx]{background:#fff1f3;border-color:#f1d2d8;color:#a85464}.notice.success[b-mpc5aou2hx]{background:#ecf7f0;border-color:#cfe8d9;color:#397c64}.label-policy[b-mpc5aou2hx]{display:flex;gap:10px;padding:11px 15px;border:1px solid #d7e8e4;border-radius:9px;background:#edf7f4;color:#65887c;font-size:12px;line-height:1.6}.filters[b-mpc5aou2hx]{display:flex;gap:10px}.filters[b-mpc5aou2hx]  .pos-select{width:220px;min-width:0}.filters>input[b-mpc5aou2hx]{flex:1}.label-list[b-mpc5aou2hx]{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #dce6ee;border-radius:11px;background:white;overflow:hidden}.table-scroll[b-mpc5aou2hx]{overflow:auto;flex:1;min-height:0}table[b-mpc5aou2hx]{width:100%;border-spacing:0;font-size:12px}th[b-mpc5aou2hx],td[b-mpc5aou2hx]{padding:11px 12px;border-bottom:1px solid #e8eef4;text-align:left;vertical-align:middle}th[b-mpc5aou2hx]{position:sticky;top:0;background:#f3f7fa;color:#7188a1;font-size:11px;white-space:nowrap;z-index:1}td strong[b-mpc5aou2hx]{font-weight:600}td small[b-mpc5aou2hx]{display:block;font-size:10px;color:#8499a8;margin-top:5px}td>div[b-mpc5aou2hx]{font-size:11px;line-height:1.7}.num[b-mpc5aou2hx]{text-align:right;font-variant-numeric:tabular-nums}.copies[b-mpc5aou2hx]{width:72px;text-align:right}input[type=checkbox][b-mpc5aou2hx]{width:16px;height:16px;accent-color:#288174}.label-list footer[b-mpc5aou2hx]{display:flex;justify-content:space-between;gap:10px;padding:11px 15px;font-size:11px;color:#899baa;flex-shrink:0;border-top:1px solid #e0e8f0;background:#fbfcfe}.empty[b-mpc5aou2hx]{padding:45px;text-align:center;color:#9babb9}.layout-summary[b-mpc5aou2hx]{display:flex;gap:10px;font-size:11px;color:#7c8fa4}.label-overlay[b-mpc5aou2hx]{position:fixed;inset:0;z-index:2450;background:#19324d66;display:grid;place-items:center;padding:24px;backdrop-filter:blur(3px)}.label-dialog[b-mpc5aou2hx]{display:flex;flex-direction:column;width:min(640px,100%);max-height:calc(100dvh - 48px);border-radius:14px;background:#fff;box-shadow:0 20px 70px #21394a40;overflow:hidden;color:#35526d;font:13px "Segoe UI",Arial,sans-serif}.label-dialog>header[b-mpc5aou2hx]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid #e4ecf3}.label-dialog h2[b-mpc5aou2hx]{font-size:18px;margin:0}.label-dialog form[b-mpc5aou2hx]{display:flex;flex-direction:column;min-height:0}.dialog-body[b-mpc5aou2hx]{padding:22px;overflow:auto;min-height:0}.dialog-body label[b-mpc5aou2hx]{display:grid;gap:8px;margin:14px 0}.dialog-body p[b-mpc5aou2hx]{color:#8396a6;font-size:12px;line-height:1.7}.label-dialog footer[b-mpc5aou2hx]{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;background:#f9fbfd;border-top:1px solid #e1eaf0;flex-shrink:0}.settings-grid[b-mpc5aou2hx]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.required-width[b-mpc5aou2hx]{padding:14px;border:1px solid #d3e9df;border-radius:8px;background:#eef8f2;color:#548574}.preview-dialog[b-mpc5aou2hx]{width:min(940px,100%)}.preview-scroll[b-mpc5aou2hx]{overflow:auto;border:1px solid #d5dee8;border-radius:8px;padding:15px;background:#e6ebf0}.dialog-body .notice[b-mpc5aou2hx]{margin-bottom:14px}@media(max-width:800px){.filters[b-mpc5aou2hx]{flex-wrap:wrap}.label-workspace>header[b-mpc5aou2hx]{align-items:flex-start}.label-workspace>header p[b-mpc5aou2hx]{display:none}}@media(max-width:600px){.label-overlay[b-mpc5aou2hx]{padding:12px}.label-dialog[b-mpc5aou2hx]{max-height:calc(100dvh - 24px)}.settings-grid[b-mpc5aou2hx]{grid-template-columns:1fr}.label-workspace[b-mpc5aou2hx]{padding:12px}.label-list footer[b-mpc5aou2hx]{flex-direction:column}}
/* _content/E360_Client/Components/Pages/RETAIL/POS_RECEIPT_PREVIEW.razor.rz.scp.css */
.receipt-overlay[b-qajlztz5hw]{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:20px;background:#14283e70;backdrop-filter:blur(3px);font:13px "Segoe UI",Arial,sans-serif;color:#284057}
.receipt-overlay *[b-qajlztz5hw]{box-sizing:border-box}.receipt-dialog[b-qajlztz5hw]{display:flex;flex-direction:column;width:min(620px,100%);height:min(830px,92dvh);min-height:0;border:1px solid #d7e4eb;border-radius:16px;background:#fff;box-shadow:0 24px 80px #0d263b45;overflow:hidden;outline:none}
.receipt-dialog>header[b-qajlztz5hw]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #e3eaf0}.receipt-dialog header>div>span[b-qajlztz5hw]{display:flex;align-items:center;gap:6px;color:#2a8065;font-size:10px;font-weight:650;letter-spacing:.6px}.receipt-dialog h2[b-qajlztz5hw]{margin:8px 0 5px;font-size:18px;font-weight:650;overflow-wrap:anywhere}.receipt-dialog header p[b-qajlztz5hw]{margin:0;color:#6c8194;font-size:11px;line-height:1.6}
.receipt-dialog button[b-qajlztz5hw]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid #d3dfe8;border-radius:7px;background:#fff;color:#42627b;font:inherit;cursor:pointer;white-space:nowrap}.receipt-dialog button:disabled[b-qajlztz5hw]{opacity:.5;cursor:default}.receipt-dialog button:focus-visible[b-qajlztz5hw]{outline:2px solid #71aace;outline-offset:3px}.receipt-dialog header>button[b-qajlztz5hw]{padding:7px 9px}.receipt-dialog .print-primary[b-qajlztz5hw]{border-color:#207b73;background:#207b73;color:#fff}
.receipt-paper[b-qajlztz5hw]{display:flex;justify-content:center;flex:1;min-height:0;padding:18px;background:#e9eef3;overflow:hidden}.receipt-paper iframe[b-qajlztz5hw]{width:calc(80mm + 22px);max-width:100%;height:100%;border:1px solid #d7dfe7;border-radius:3px;background:#fff;box-shadow:0 4px 14px #263f5715}
.receipt-dialog>footer[b-qajlztz5hw]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border-top:1px solid #e2eaf1}.receipt-dialog footer>span[b-qajlztz5hw]{display:grid;gap:4px;font-size:11px;color:#6c8194}.receipt-dialog footer strong[b-qajlztz5hw]{color:#1d6559;font-size:18px;font-variant-numeric:tabular-nums}.receipt-dialog footer>div[b-qajlztz5hw]{display:flex;gap:8px}.print-error[b-qajlztz5hw]{flex:none;margin:0;padding:10px 20px;border-bottom:1px solid #efdbc1;background:#fff8e8;color:#8d681f;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:480px){.receipt-overlay[b-qajlztz5hw]{padding:8px}.receipt-dialog[b-qajlztz5hw]{height:96dvh}.receipt-dialog>header[b-qajlztz5hw],.receipt-dialog>footer[b-qajlztz5hw]{padding:14px}.receipt-dialog>footer[b-qajlztz5hw]{flex-wrap:wrap}.receipt-paper[b-qajlztz5hw]{padding:9px}}

.receipt-state[b-qajlztz5hw]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:24px;color:#658093;text-align:center;line-height:1.7}.receipt-state>i[b-qajlztz5hw]{font-size:32px;color:#438b7b}.receipt-state>strong[b-qajlztz5hw]{font-size:15px;color:#34566c}.receipt-state>span[b-qajlztz5hw]{max-width:340px;font-size:12px}.receipt-state>button[b-qajlztz5hw]{margin-top:6px}
/* _content/E360_Client/Components/Pages/RETAIL/RETAIL.razor.rz.scp.css */
.pos-workspace[b-8oicpxh0vb] {
    box-sizing: border-box;
    height: 98%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 20px;
    background: #f3f6fa;
    color: #263b53;
    overflow: hidden;
    font: 13px "Segoe UI",Arial,sans-serif;
    container: pos/inline-size
}
.pos-heading[b-8oicpxh0vb]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.eyebrow[b-8oicpxh0vb]{font-size:10px;letter-spacing:.1em;font-weight:700;color:#7287a1}.pos-heading h1[b-8oicpxh0vb]{margin:5px 0;font-size:23px;font-weight:700;letter-spacing:-.025em}.pos-heading h1 i[b-8oicpxh0vb]{color:#287a75;margin-right:6px}.pos-heading p[b-8oicpxh0vb]{margin:0;color:#738299;font-size:12px}
.actions[b-8oicpxh0vb]{display:flex;align-items:center;flex-wrap:wrap;gap:7px}button[b-8oicpxh0vb],input[b-8oicpxh0vb],select[b-8oicpxh0vb]{font:inherit}button[b-8oicpxh0vb]{border:1px solid #d7e1ec;border-radius:7px;padding:8px 12px;background:#fff;color:#3f5874;cursor:pointer;white-space:nowrap}button:hover:not(:disabled)[b-8oicpxh0vb]{background:#edf4fa;border-color:#acc5db}button:disabled[b-8oicpxh0vb]{opacity:.5;cursor:default}button:focus-visible[b-8oicpxh0vb],input:focus-visible[b-8oicpxh0vb],select:focus-visible[b-8oicpxh0vb]{outline:3px solid #94c7e6;outline-offset:2px}button.primary[b-8oicpxh0vb]{border-color:#207b73;background:#207b73;color:#fff}.primary:hover:not(:disabled)[b-8oicpxh0vb]{background:#17695f}button.link[b-8oicpxh0vb]{padding:3px;border:0;background:transparent;color:#1c7971;font-size:12px}.danger-text[b-8oicpxh0vb],.danger-icon[b-8oicpxh0vb]{color:#b74949}.danger-icon[b-8oicpxh0vb]{padding:6px 8px}
.notice[b-8oicpxh0vb]{flex-shrink:0;border:1px solid;border-radius:8px;padding:10px 13px;font-size:12px;line-height:1.6}.notice.error[b-8oicpxh0vb]{color:#9c353e;background:#fff1f2;border-color:#f1ccd1}.notice.success[b-8oicpxh0vb]{color:#28705e;background:#ecf8f2;border-color:#c8e7da}.notice.info[b-8oicpxh0vb],.notice.loading[b-8oicpxh0vb]{color:#416b8b;background:#eef6fc;border-color:#d4e6f4}.notice .link[b-8oicpxh0vb]{margin-left:8px}
.pos-selling[b-8oicpxh0vb]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;flex:1;min-height:0}.cart-panel[b-8oicpxh0vb],.payment-panel[b-8oicpxh0vb],.document-list[b-8oicpxh0vb],.detail-panel[b-8oicpxh0vb]{min-height:0;border:1px solid #dfe7ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px #1c3b5510;overflow:hidden}.cart-panel[b-8oicpxh0vb]{display:flex;flex-direction:column}.payment-panel[b-8oicpxh0vb]{display:flex;flex-direction:column;padding:18px;overflow:auto;gap:13px}fieldset[b-8oicpxh0vb]{border:0;padding:0;margin:0;min-width:0}.document-fields[b-8oicpxh0vb]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 16px;padding:16px;border-bottom:1px solid #e7edf4}.document-fields label[b-8oicpxh0vb]{display:flex;gap:9px;align-items:center;min-width:0}.document-fields label>span[b-8oicpxh0vb]{flex:0 0 74px;color:#667d97;font-size:12px}.document-fields input[b-8oicpxh0vb],.document-fields select[b-8oicpxh0vb]{width:100%;min-width:0}.document-fields .wide[b-8oicpxh0vb]{grid-column:span 2}.document-fields .check[b-8oicpxh0vb]{justify-content:flex-start;gap:8px}.check input[b-8oicpxh0vb]{width:auto}.document-fields[b-8oicpxh0vb]  .pos-select{width:100%;min-width:0}.payment-row[b-8oicpxh0vb]  .pos-select{width:100%;min-height:36px}input[b-8oicpxh0vb],select[b-8oicpxh0vb]{box-sizing:border-box;border:1px solid #d6e1ed;border-radius:6px;background:#fff;padding:8px 10px;color:#2b425c;min-height:35px}input:read-only[b-8oicpxh0vb]{background:#f4f7fa;color:#5c6e83}input[type=number][b-8oicpxh0vb]{text-align:right;font-variant-numeric:tabular-nums}input:disabled[b-8oicpxh0vb]{background:#f5f7fa;color:#6b7c90}
.quick-search[b-8oicpxh0vb]{display:flex;align-items:center;gap:9px;margin:13px 16px;padding:5px 5px 5px 13px;border:1px solid #b8d4d7;border-radius:9px;background:#f7fcfb}.quick-search>i[b-8oicpxh0vb]{font-size:20px;color:#31867e}.quick-search input[b-8oicpxh0vb]{flex:1;width:0;border:0;background:transparent}.quick-search button[b-8oicpxh0vb]{color:#fff;background:#257f77;border-color:#257f77}.section-bar[b-8oicpxh0vb]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #e5edf4;flex-shrink:0}.section-bar strong[b-8oicpxh0vb]{font-size:13px}.section-bar>span[b-8oicpxh0vb]{color:#7a8da4;font-size:11px}.table-scroll[b-8oicpxh0vb]{overflow:auto;min-height:0;flex:1}.cart-scroll[b-8oicpxh0vb]{flex:1}.product-results[b-8oicpxh0vb]{margin:0 16px 12px;border:1px solid #cfe1e5;border-radius:9px;max-height:260px;display:flex;flex-direction:column;min-height:120px}.product-results .section-bar[b-8oicpxh0vb]{padding:8px 12px;background:#eff8f6}.result-note[b-8oicpxh0vb]{padding:7px 12px;color:#7b8c9f;font-size:10px}
table[b-8oicpxh0vb]{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th[b-8oicpxh0vb]{position:sticky;top:0;z-index:1;background:#f2f6fa;color:#647d97;font-weight:600;font-size:11px;white-space:nowrap;border-bottom:1px solid #dfe7ef;text-align:left}th[b-8oicpxh0vb],td[b-8oicpxh0vb]{padding:10px 12px;vertical-align:middle}td[b-8oicpxh0vb]{border-bottom:1px solid #ecf0f5}td strong[b-8oicpxh0vb]{font-weight:600}td small[b-8oicpxh0vb]{display:block;color:#8191a5;font-size:10px;margin-top:3px}tbody tr:hover[b-8oicpxh0vb]{background:#f5fafc}tbody tr.selected[b-8oicpxh0vb]{background:#eaf5f4}td.num[b-8oicpxh0vb],th.num[b-8oicpxh0vb]{text-align:right;font-variant-numeric:tabular-nums}.cart-table[b-8oicpxh0vb]{table-layout:fixed;min-width:760px}.cart-quantity-column[b-8oicpxh0vb]{width:92px}.cart-price-column[b-8oicpxh0vb]{width:116px}.cart-rate-column[b-8oicpxh0vb]{width:74px}.cart-total-column[b-8oicpxh0vb]{width:130px}.cart-action-column[b-8oicpxh0vb]{width:48px}.cart-table td:first-child[b-8oicpxh0vb]{overflow-wrap:anywhere}.cart-table th[b-8oicpxh0vb],.cart-table td[b-8oicpxh0vb]{box-sizing:border-box}.cart-table input[b-8oicpxh0vb]{width:100%;min-width:0;max-width:100%;padding:7px 6px}.cart-table th:last-child[b-8oicpxh0vb],.cart-table td:last-child[b-8oicpxh0vb]{text-align:center}.cart-table td:last-child button[b-8oicpxh0vb]{padding:6px 7px}.cart-table td.num[b-8oicpxh0vb]{font-variant-numeric:tabular-nums}.cart-scroll[b-8oicpxh0vb]{min-width:0;scrollbar-gutter:stable}.empty[b-8oicpxh0vb]{text-align:center;padding:40px 20px;color:#8b9bb0}.empty>i[b-8oicpxh0vb]{font-size:30px;color:#9fb9c8}.cart-footer[b-8oicpxh0vb]{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #e5edf3;background:#fafcfe;font-size:10px;color:#7d90a7;flex-shrink:0}
.payment-title[b-8oicpxh0vb]{display:flex;gap:8px;align-items:center}.payment-title>i[b-8oicpxh0vb]{font-size:20px;color:#268078}.payment-title h2[b-8oicpxh0vb]{flex:1;font-size:16px;margin:0}.badge[b-8oicpxh0vb]{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;background:#edf1f6;color:#6b7f97;white-space:nowrap}.badge.completed[b-8oicpxh0vb],.badge.active[b-8oicpxh0vb],.badge.posted[b-8oicpxh0vb]{background:#e3f4eb;color:#2f8060}.badge.open[b-8oicpxh0vb]{background:#e2f2fc;color:#2876a9}.badge.draft[b-8oicpxh0vb]{background:#fff1d9;color:#a47b27}.badge.cancelled[b-8oicpxh0vb],.badge.inactive[b-8oicpxh0vb]{background:#fbe9ec;color:#a34b59}.totals[b-8oicpxh0vb]{display:grid;gap:9px}.totals>div[b-8oicpxh0vb]{display:flex;justify-content:space-between;gap:8px;font-size:12px}.totals span[b-8oicpxh0vb]{color:#73849a}.grand-total[b-8oicpxh0vb]{padding:15px;border:1px solid #c9e3dc;border-radius:10px;background:linear-gradient(130deg,#edf8f3,#dcefe9)}.grand-total>span[b-8oicpxh0vb]{display:block;color:#478276;font-size:12px}.grand-total>strong[b-8oicpxh0vb]{display:block;margin-top:7px;font-size:30px;letter-spacing:-.035em;color:#1d6559;font-variant-numeric:tabular-nums}.grand-total small[b-8oicpxh0vb]{font-size:11px;letter-spacing:0}.payment-panel .section-bar[b-8oicpxh0vb]{padding:5px 0 8px}.payments[b-8oicpxh0vb]{display:grid;gap:12px}.payment-row[b-8oicpxh0vb]{display:grid;gap:7px;padding:11px;border:1px solid #e2eaf2;border-radius:9px;background:#f9fbfd}.payment-row>div[b-8oicpxh0vb]{display:flex;gap:6px}.payment-row input[b-8oicpxh0vb]{width:100%;min-width:0}.payment-row>input[b-8oicpxh0vb]{font-size:11px}.payment-row button[b-8oicpxh0vb]{padding:5px 10px}.exact-money[b-8oicpxh0vb]{font-size:11px;background:#f0f7fa;border-style:dashed}.payment-balance[b-8oicpxh0vb]{padding:10px 0;border-bottom:1px solid #e5ebf3}.checkout-actions[b-8oicpxh0vb]{display:grid;gap:9px;margin-top:auto}.checkout[b-8oicpxh0vb]{padding:14px;border-color:#207b73;background:#207b73;color:#fff;font-size:14px;font-weight:650}.checkout:hover:not(:disabled)[b-8oicpxh0vb]{background:#17695f}
.list-filters[b-8oicpxh0vb]{display:flex;align-items:center;gap:9px;flex-shrink:0}.search-field[b-8oicpxh0vb]{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d7e1ed;border-radius:8px;padding:0 11px;min-width:300px;max-width:500px;flex:1}.search-field input[b-8oicpxh0vb]{border:0;flex:1;min-width:0}.search-field>i[b-8oicpxh0vb]{color:#8ba1b9}.list-filters>span[b-8oicpxh0vb]{margin-left:auto;color:#8093a9;font-size:11px}.document-list[b-8oicpxh0vb]{display:flex;flex-direction:column;flex:1 1 46%;min-height:150px}.document-list tbody tr[b-8oicpxh0vb]{cursor:pointer}.pagination[b-8oicpxh0vb]{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid #dfe7f0;background:#fafcfe;font-size:11px;color:#7890aa;flex-shrink:0}.pagination>div[b-8oicpxh0vb]{display:flex;align-items:center;gap:10px}.pagination button[b-8oicpxh0vb]{padding:3px 10px}.detail-panel[b-8oicpxh0vb]{display:flex;flex-direction:column;flex:1 1 45%;min-height:170px}.detail-panel.editor[b-8oicpxh0vb]{flex:1;overflow:auto}.preview-meta[b-8oicpxh0vb]{display:flex;flex-wrap:wrap;gap:10px 22px;padding:11px 16px;font-size:11px;color:#7a8da4;flex-shrink:0}.preview-meta strong[b-8oicpxh0vb]{color:#526d86;font-weight:600}.detail-totals[b-8oicpxh0vb]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 24px;padding:12px 16px;background:#f5f9fc;border-top:1px solid #dfe7ef;font-size:11px;color:#6a819a;flex-shrink:0}.detail-totals>span:first-child[b-8oicpxh0vb]{margin-right:auto}.detail-totals strong[b-8oicpxh0vb]{color:#315472}.detail-scroll input[b-8oicpxh0vb]{width:100px}.source-list[b-8oicpxh0vb]{max-height:210px;flex:none}.editor-actions[b-8oicpxh0vb]{display:flex;justify-content:flex-end;padding:14px 16px;flex-shrink:0}.editor .notice[b-8oicpxh0vb]{margin:12px 16px 0}
@container pos (max-width:1150px){.document-fields[b-8oicpxh0vb]{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-selling[b-8oicpxh0vb]{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.pos-heading p[b-8oicpxh0vb]{max-width:480px}}
@container pos (max-width:800px){.pos-selling[b-8oicpxh0vb]{grid-template-columns:1fr;overflow:auto}.cart-panel[b-8oicpxh0vb]{min-height:480px}.payment-panel[b-8oicpxh0vb]{overflow:visible}.pos-heading[b-8oicpxh0vb]{align-items:flex-start}.pos-heading h1[b-8oicpxh0vb]{font-size:20px}.pos-heading p[b-8oicpxh0vb]{display:none}.document-fields[b-8oicpxh0vb]{padding:12px}.cart-footer>span:last-child[b-8oicpxh0vb]{display:none}.pagination>span[b-8oicpxh0vb]{max-width:50%}.actions[b-8oicpxh0vb]{justify-content:flex-end}}
@container pos (max-width:520px){.pos-heading[b-8oicpxh0vb]{flex-direction:column;gap:10px}.document-fields[b-8oicpxh0vb]{grid-template-columns:1fr}.document-fields .wide[b-8oicpxh0vb]{grid-column:auto}.search-field[b-8oicpxh0vb]{min-width:0}.list-filters[b-8oicpxh0vb]{flex-wrap:wrap}.pos-heading .actions[b-8oicpxh0vb]{width:100%;justify-content:flex-start}.preview-meta[b-8oicpxh0vb]{gap:8px}.detail-totals[b-8oicpxh0vb]{gap:10px}.document-list[b-8oicpxh0vb]{flex-basis:40%}}
.cash-counts[b-8oicpxh0vb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:14px 16px}.cash-counts label[b-8oicpxh0vb]{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px;border:1px solid #e1e9f2;border-radius:8px;font-size:12px;color:#59728c}.cash-counts input[b-8oicpxh0vb]{width:70px}.cash-counts strong[b-8oicpxh0vb]{min-width:65px;text-align:right}.detail-scroll[b-8oicpxh0vb]  .pos-select{min-width:180px}
.document-fields .customer-field[b-8oicpxh0vb]{gap:7px}.customer-selection[b-8oicpxh0vb]{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #d6e1ed;border-radius:7px;background:#fff}.customer-selection>button:first-child[b-8oicpxh0vb]{display:flex;align-items:center;gap:7px;min-width:0;flex:1;border:0;text-align:left;padding:8px 9px;background:transparent}.customer-selection>button>span[b-8oicpxh0vb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.customer-selection>button>i[b-8oicpxh0vb]{font-size:13px;color:#66978d}.customer-selection .customer-clear[b-8oicpxh0vb]{padding:4px 8px;border:0;background:transparent;color:#8ea0b2}.customer-add[b-8oicpxh0vb]{padding:7px 9px;color:#237c6d;background:#eef8f3;border-color:#c8e2d7}.pos-start[b-8oicpxh0vb]{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;min-height:250px;padding:32px 24px;border:1px solid #dce7ef;border-radius:13px;background:radial-gradient(ellipse at top,#eaf6f1,transparent 70%),#fff;text-align:center}.pos-start-icon[b-8oicpxh0vb]{display:grid;place-items:center;width:68px;height:68px;border:1px solid #cbe3d9;border-radius:20px;background:#e3f2eb;color:#277d6b;font-size:31px;box-shadow:0 7px 20px #2d786615}.pos-start h2[b-8oicpxh0vb]{font-size:23px;letter-spacing:-.02em;margin:20px 0 9px;font-weight:650}.pos-start p[b-8oicpxh0vb]{max-width:470px;line-height:1.8;color:#7990a6;margin-bottom:20px}.pos-start small[b-8oicpxh0vb]{margin-top:13px;color:#98a7b9;font-size:11px}
.loyalty-benefits[b-8oicpxh0vb]{display:grid;gap:7px;padding:12px 0;border-bottom:1px solid #e3eaf2}.loyalty-benefits label[b-8oicpxh0vb]{display:grid;gap:7px;font-size:12px;color:#75839a}.loyalty-benefits select[b-8oicpxh0vb]{width:100%;min-width:0;padding:9px;border:1px solid #d5dfeb;border-radius:7px;background:#fff;color:#4d5d78;font:inherit}.loyalty-benefits small[b-8oicpxh0vb]{font-size:10px;color:#9b789a;line-height:1.6}.loyalty-benefits button[b-8oicpxh0vb]{justify-self:start}.benefit-applied[b-8oicpxh0vb]{padding:0 0 10px;font-size:11px;color:#6d9b7d}

.pos-setup[b-8oicpxh0vb]{flex:1;min-height:0;overflow:auto;align-self:center;width:min(760px,100%);padding:28px 32px;border:1px solid #d7e8e4;border-radius:16px;background:#fff;box-shadow:0 10px 35px #244a4c10}.pos-setup header h2[b-8oicpxh0vb]{font-size:23px;color:#254b48;margin:8px 0}.pos-setup header p[b-8oicpxh0vb]{font-size:13px;color:#758d97;line-height:1.7;margin:8px 0 20px}.setup-icon[b-8oicpxh0vb]{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e8f5ef;color:#24796b;font-size:25px;margin-bottom:16px}.setup-context[b-8oicpxh0vb]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;background:#f4f8fa;border:1px solid #e3ecf0;border-radius:10px;margin-bottom:20px}.setup-context>div[b-8oicpxh0vb]{display:grid;gap:7px;min-width:0}.setup-context span[b-8oicpxh0vb],.setup-fields label>span[b-8oicpxh0vb],.setup-store>span[b-8oicpxh0vb]{font-size:12px;color:#7a8d9f}.setup-context strong[b-8oicpxh0vb]{font-size:13px;overflow-wrap:anywhere}.setup-mode[b-8oicpxh0vb]{display:flex;gap:8px;margin-bottom:18px}.setup-fields[b-8oicpxh0vb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.setup-fields label[b-8oicpxh0vb],.setup-store[b-8oicpxh0vb]{display:grid;gap:7px;min-width:0}.setup-fields input[b-8oicpxh0vb]{width:100%}.setup-store[b-8oicpxh0vb]  .pos-select{width:100%}.setup-link[b-8oicpxh0vb]{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:14px;background:#eff8f3;border:1px solid #cfe4db;border-radius:9px;font-size:13px;color:#446b61;line-height:1.7}.setup-link input[b-8oicpxh0vb]{width:17px;height:17px;min-height:0;flex:0 0 17px;margin-top:3px;accent-color:#237d70}.setup-help[b-8oicpxh0vb]{font-size:11px;line-height:1.7;color:#8698a7;margin:14px 0}.pos-setup footer[b-8oicpxh0vb]{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e1eaf0;padding-top:18px;margin-top:18px}@media(max-width:650px){.pos-setup[b-8oicpxh0vb]{padding:20px}.setup-context[b-8oicpxh0vb],.setup-fields[b-8oicpxh0vb]{grid-template-columns:1fr}.pos-setup header h2[b-8oicpxh0vb]{font-size:20px}}
.auto-location[b-8oicpxh0vb]{display:flex;align-items:center;gap:7px;font-size:11px;color:#6d8794;padding:0 16px 12px}.auto-location input[b-8oicpxh0vb]{width:15px;height:15px;min-height:0;accent-color:#288274}
/* Selling workspace: quick picks, cart and checkout each keep their own scroll area. */
.pos-workspace[b-8oicpxh0vb]{height:98%;box-sizing:border-box}.pos-selling[b-8oicpxh0vb]{grid-template-columns:220px minmax(0,1fr) 310px;gap:12px;min-width:0}.cart-panel[b-8oicpxh0vb],.payment-panel[b-8oicpxh0vb]{min-width:0}.cart-panel>fieldset[b-8oicpxh0vb]{flex:none}
.best-sellers[b-8oicpxh0vb]{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #d9e5ec;border-radius:12px;background:#fff;box-shadow:0 3px 12px #1c3b550a}.best-sellers>header[b-8oicpxh0vb]{display:flex;align-items:center;gap:8px;flex:none;padding:14px 12px;border-bottom:1px solid #e3edf2;background:linear-gradient(125deg,#f0f8f5,#f8fbfd)}.best-icon[b-8oicpxh0vb]{display:grid;place-items:center;width:29px;height:32px;flex:none;border-radius:8px;background:#e0f1e9;color:#26856a;font-size:16px}.best-sellers header>div[b-8oicpxh0vb]{flex:1;min-width:0}.best-sellers h2[b-8oicpxh0vb]{margin:0;color:#315b59;font-size:13px;font-weight:650}.best-sellers header p[b-8oicpxh0vb]{margin:4px 0 0;color:#6b8a91;font-size:10px}.best-sellers header>button[b-8oicpxh0vb]{padding:5px 7px;border:0;background:transparent}.best-items[b-8oicpxh0vb]{display:flex;flex:1;flex-direction:column;gap:9px;min-height:0;padding:11px;overflow:auto;scrollbar-width:thin}.best-item[b-8oicpxh0vb]{position:relative;display:flex;flex-direction:column;gap:7px;width:100%;min-width:0;padding:12px;border:1px solid #dde8ed;border-radius:10px;background:#fff;text-align:left;white-space:normal;box-shadow:0 2px 4px #193d4804}.best-item:hover:not(:disabled)[b-8oicpxh0vb]{border-color:#8bbbae;background:#f2faf6;box-shadow:0 4px 12px #2e6d5a0c}.best-item-code[b-8oicpxh0vb]{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;font-size:10px;color:#678395;overflow-wrap:anywhere}.best-item-code>span[b-8oicpxh0vb]{flex:none;padding:2px 5px;border-radius:4px;background:#eaf5ef;color:#46866e;font-size:9px}.best-item>strong[b-8oicpxh0vb]{padding-right:7px;color:#334f62;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.best-item-price[b-8oicpxh0vb]{color:#207967;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.best-item-price>small[b-8oicpxh0vb]{color:#7d929e;font-size:10px;font-weight:400}.best-item-stock[b-8oicpxh0vb]{padding-right:17px;color:#708996;font-size:10px;line-height:1.5}.best-item>i[b-8oicpxh0vb]{position:absolute;right:10px;bottom:12px;color:#4c9a82;font-size:14px}.best-sellers>footer[b-8oicpxh0vb]{flex:none;padding:10px 12px;border-top:1px solid #e5edf3;background:#fafcfe;color:#7c919d;font-size:10px;line-height:1.7}.best-state[b-8oicpxh0vb]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:20px;color:#7c909d;font-size:11px;line-height:1.7;text-align:center;overflow-wrap:anywhere}.best-state>i[b-8oicpxh0vb]{font-size:25px;color:#8eaaB4}.best-state p[b-8oicpxh0vb]{margin:0}
.pos-product-search[b-8oicpxh0vb]{position:relative;z-index:5;margin:13px 16px 10px}.pos-search-input[b-8oicpxh0vb]{display:flex;align-items:center;gap:10px;min-height:43px;padding:0 12px;border:1px solid #b8d2d9;border-radius:8px;background:#f8fcfc;box-shadow:inset 0 1px 2px #214d5803}.pos-search-input:focus-within[b-8oicpxh0vb]{border-color:#5c9ba6;background:#fff;box-shadow:0 0 0 3px #428b960d}.pos-search-input>i[b-8oicpxh0vb]{color:#44818a;font-size:17px}.pos-search-input>input[b-8oicpxh0vb]{flex:1;width:0;min-height:41px;padding:9px 0;border:0;outline:none;background:transparent;box-shadow:none;font-size:12px}.pos-search-input>input:focus-visible[b-8oicpxh0vb]{outline:none}.pos-search-input>button[b-8oicpxh0vb]{padding:4px 5px;border:0;background:transparent;color:#7a949f}.pos-search-input kbd[b-8oicpxh0vb],.pos-product-dropdown kbd[b-8oicpxh0vb]{flex:none;padding:2px 5px;border:1px solid #dce5ed;border-radius:4px;background:#fff;color:#698293;font:10px "Segoe UI",sans-serif;box-shadow:0 1px 0 #dce5ed}.search-loading[b-8oicpxh0vb]{width:15px;height:15px;flex:none;border:2px solid #d9e9ed;border-top-color:#4c9095;border-radius:50%;animation:pos-search-spin-b-8oicpxh0vb .7s linear infinite}@keyframes pos-search-spin-b-8oicpxh0vb{to{transform:rotate(360deg)}}
.pos-product-dropdown[b-8oicpxh0vb]{position:absolute;top:calc(100% + 6px);left:0;right:0;display:flex;flex-direction:column;max-height:min(390px,55dvh);border:1px solid #c5dbe5;border-radius:10px;background:#fff;box-shadow:0 15px 40px #17334f26;overflow:hidden}.pos-product-dropdown>header[b-8oicpxh0vb]{display:flex;align-items:center;gap:10px;flex:none;padding:10px 12px;border-bottom:1px solid #e3ecf2;color:#48697d;font-size:11px}.pos-product-dropdown header>span[b-8oicpxh0vb]{margin-left:auto;color:#78909f;font-size:10px}.pos-product-dropdown header>button[b-8oicpxh0vb]{padding:3px 5px;border:0;background:transparent}.pos-product-options[b-8oicpxh0vb]{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.pos-product-options table[b-8oicpxh0vb]{min-width:820px}.pos-product-options td[b-8oicpxh0vb],.pos-product-options th[b-8oicpxh0vb]{padding:9px 10px;font-size:11px}.pos-product-options tbody tr[b-8oicpxh0vb]{cursor:pointer}.pos-product-options .product-name-cell[b-8oicpxh0vb]{min-width:190px;max-width:270px;line-height:1.6}.pos-product-options .product-highlighted[b-8oicpxh0vb]{background:#eaf5f4}.pos-product-options td:first-child[b-8oicpxh0vb]{color:#337282;white-space:nowrap}.pos-product-options td:last-child button[b-8oicpxh0vb]{padding:5px 7px}.pos-product-dropdown>footer[b-8oicpxh0vb]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none;padding:8px 11px;border-top:1px solid #e2edf3;background:#f8fbfd;color:#7a909f;font-size:10px}.pos-product-dropdown>footer>span:last-child[b-8oicpxh0vb]{margin-left:auto}.product-lookup-message[b-8oicpxh0vb]{flex:none;margin:0;padding:9px 12px;border-bottom:1px solid #ede4cc;background:#fffaf0;color:#9a792e;font-size:11px;line-height:1.6}.held-order-notice[b-8oicpxh0vb]{display:flex;align-items:center;gap:8px;flex:none;padding:10px 16px;border-bottom:1px solid #efdfbd;background:#fff8e9;color:#98712d;font-size:11px;line-height:1.6}.held-order-notice strong[b-8oicpxh0vb]{font-weight:650}.resume-sale[b-8oicpxh0vb]{border-color:#beded3;background:#edf8f2;color:#28775f;font-size:11px;padding:7px 9px}.resume-sale:hover:enabled[b-8oicpxh0vb]{background:#dcf0e6}.list-filters select[b-8oicpxh0vb]{max-width:190px}.list-filters .search-field[b-8oicpxh0vb]{min-width:180px}
@container pos (max-width:1320px){.pos-selling[b-8oicpxh0vb]{grid-template-columns:180px minmax(0,1fr) 275px;gap:10px}.best-sellers>header[b-8oicpxh0vb]{padding:12px 10px;gap:6px}.best-icon[b-8oicpxh0vb]{display:none}.best-items[b-8oicpxh0vb]{padding:9px;gap:8px}.best-item[b-8oicpxh0vb]{padding:11px 10px}.best-item>strong[b-8oicpxh0vb]{font-size:11px}.best-item-price[b-8oicpxh0vb]{font-size:14px}.payment-panel[b-8oicpxh0vb]{padding:14px}.document-fields[b-8oicpxh0vb]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding:13px}.document-fields label>span[b-8oicpxh0vb]{flex-basis:65px;font-size:11px}.cart-table[b-8oicpxh0vb]{min-width:680px}.cart-table td[b-8oicpxh0vb],.cart-table th[b-8oicpxh0vb]{padding:9px}.cart-quantity-column[b-8oicpxh0vb]{width:82px}.cart-price-column[b-8oicpxh0vb]{width:104px}.cart-rate-column[b-8oicpxh0vb]{width:64px}.cart-total-column[b-8oicpxh0vb]{width:118px}.cart-action-column[b-8oicpxh0vb]{width:42px}}
@container pos (max-width:930px){.pos-selling[b-8oicpxh0vb]{grid-template-columns:minmax(0,1fr) 275px;grid-template-rows:148px minmax(0,1fr)}.best-sellers[b-8oicpxh0vb]{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr)}.best-sellers>header[b-8oicpxh0vb]{align-content:start;flex-wrap:wrap;border-bottom:0;border-right:1px solid #e2ebef}.best-sellers header>div[b-8oicpxh0vb]{flex-basis:100px}.best-sellers header>button[b-8oicpxh0vb]{align-self:flex-start}.best-items[b-8oicpxh0vb]{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:10px}.best-item[b-8oicpxh0vb]{width:190px;flex:0 0 190px;gap:5px}.best-item>strong[b-8oicpxh0vb]{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;min-height:33px}.best-sellers>footer[b-8oicpxh0vb]{display:none}.best-state[b-8oicpxh0vb]{padding:10px;font-size:11px}.best-state>i[b-8oicpxh0vb]{display:none}.cart-panel[b-8oicpxh0vb]{grid-column:1;grid-row:2}.payment-panel[b-8oicpxh0vb]{grid-column:2;grid-row:2}.pos-product-search[b-8oicpxh0vb]{margin-left:12px;margin-right:12px}}
@container pos (max-width:800px){.pos-selling[b-8oicpxh0vb]{display:flex;flex-direction:column;overflow:auto}.best-sellers[b-8oicpxh0vb]{flex:none;height:145px;grid-template-columns:125px minmax(0,1fr)}.cart-panel[b-8oicpxh0vb]{flex:none;min-height:500px}.payment-panel[b-8oicpxh0vb]{flex:none;overflow:visible}.best-item[b-8oicpxh0vb]{width:175px;flex-basis:175px}.document-fields[b-8oicpxh0vb]{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-product-dropdown[b-8oicpxh0vb]{max-height:350px}.pos-product-options table[b-8oicpxh0vb]{min-width:760px}.list-filters[b-8oicpxh0vb]{flex-wrap:wrap}.list-filters select[b-8oicpxh0vb]{flex:1}}
@container pos (max-width:520px){.document-fields[b-8oicpxh0vb]{grid-template-columns:1fr}.best-sellers[b-8oicpxh0vb]{grid-template-columns:105px minmax(0,1fr)}.best-sellers h2[b-8oicpxh0vb]{font-size:12px}.best-sellers header p[b-8oicpxh0vb]{font-size:9px}.pos-product-dropdown>footer[b-8oicpxh0vb]{gap:7px}.pos-product-dropdown>footer>span:last-child[b-8oicpxh0vb]{display:none}}
@media(prefers-reduced-motion:reduce){.search-loading[b-8oicpxh0vb]{animation:none}}

.transfer-reference[b-8oicpxh0vb]{display:grid;gap:6px;min-width:0}.transfer-reference>span[b-8oicpxh0vb]{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#658093;font-size:10px}.transfer-reference small[b-8oicpxh0vb]{font-size:9px;font-weight:400;color:#8a9da9}.transfer-reference input[b-8oicpxh0vb]{font-size:11px}
/* _content/E360_Client/Components/Pages/RPT_REPORTING/REPORT_WORKSPACE_PAGE.razor.rz.scp.css */
.reports-page[b-6ekfsqup6c]{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;background:#f4f7fb;color:#253c58;padding:18px;overflow:hidden}header[b-6ekfsqup6c],footer[b-6ekfsqup6c],.filters[b-6ekfsqup6c]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header[b-6ekfsqup6c],footer[b-6ekfsqup6c]{justify-content:space-between}h3[b-6ekfsqup6c]{font-size:21px;margin:3px 0}header small[b-6ekfsqup6c]{font-size:10px;color:#4e77a2;letter-spacing:1.3px}.scope[b-6ekfsqup6c],footer[b-6ekfsqup6c]{font-size:12px;color:#657b92}.filters[b-6ekfsqup6c]{padding:12px;background:white;border:1px solid #dce5f1;border-radius:10px}.filters label[b-6ekfsqup6c]{display:flex;gap:8px;align-items:center;font-size:12px}.filters input[b-6ekfsqup6c]{min-width:140px;max-width:270px;border:1px solid #d5deeb;border-radius:7px;padding:8px}.filters input[type=number][b-6ekfsqup6c]{min-width:70px;width:85px}.filters span[b-6ekfsqup6c]{margin-left:auto;font-size:12px}.note[b-6ekfsqup6c]{font-size:12px;line-height:1.6;margin:0;color:#586e88}button[b-6ekfsqup6c]{border:1px solid #d0ddec;background:white;padding:8px 12px;border-radius:7px;color:inherit}button:disabled[b-6ekfsqup6c]{opacity:.45}.primary[b-6ekfsqup6c]{background:#2869b8;color:white;border-color:#2869b8}.report-table[b-6ekfsqup6c]{flex:1;min-height:100px;overflow:auto;background:white;border:1px solid #dce5f1;border-radius:10px}table[b-6ekfsqup6c]{width:100%;border-collapse:collapse;font-size:12px}th[b-6ekfsqup6c]{position:sticky;top:0;text-align:left;background:#eaf0f8;z-index:1;white-space:nowrap}th[b-6ekfsqup6c],td[b-6ekfsqup6c]{padding:11px 14px;border-bottom:1px solid #e9eef5}tr:hover td[b-6ekfsqup6c]{background:#f7faff}.number[b-6ekfsqup6c]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.state[b-6ekfsqup6c]{display:inline-block;padding:3px 7px;background:#eff4fa;border-radius:5px;font-size:11px}.error[b-6ekfsqup6c]{padding:12px;background:#fff0f1;color:#ac3147;border-radius:8px}.empty[b-6ekfsqup6c]{padding:25px;text-align:center;color:#71839b}.report-catalog[b-6ekfsqup6c]{flex:1;min-height:0;overflow:auto}.report-catalog section[b-6ekfsqup6c]{margin-bottom:24px}.report-catalog h4[b-6ekfsqup6c]{font-size:15px;border-left:3px solid #407ebd;padding-left:10px}.cards[b-6ekfsqup6c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cards button[b-6ekfsqup6c]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border-radius:12px;padding:17px;box-shadow:0 4px 12px #24486d08;transition:transform .12s,border-color .12s}.cards button:hover[b-6ekfsqup6c]{border-color:#6798ce;transform:translateY(-2px)}.cards button>i[b-6ekfsqup6c]{background:#eaf3ff;color:#3676bb;padding:9px;border-radius:9px}.cards strong[b-6ekfsqup6c]{font-size:14px}.cards span[b-6ekfsqup6c]{font-size:12px;color:#667d96;line-height:1.6}.cards small[b-6ekfsqup6c]{color:#3270b4;margin-top:auto;font-size:11px}@media(max-width:700px){.reports-page[b-6ekfsqup6c]{padding:10px}.scope[b-6ekfsqup6c]{display:none}.filters label[b-6ekfsqup6c]{width:100%}.filters input[b-6ekfsqup6c]{flex:1;max-width:none}}
/* _content/E360_Client/Components/Pages/SO_SALES/SALES_ISSUE_PICKER.razor.rz.scp.css */
.issue-picker-overlay[b-k0jdr87lzr]{position:fixed;inset:0;background:rgba(24,39,60,.4);z-index:1500;display:grid;place-items:center;padding:24px}.issue-picker[b-k0jdr87lzr]{width:min(1100px,96vw);height:min(650px,85vh);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 20px 70px #172b4c40;color:#30445e;overflow:hidden}.issue-picker header[b-k0jdr87lzr],.issue-picker footer[b-k0jdr87lzr],.picker-toolbar[b-k0jdr87lzr]{display:flex;align-items:center;gap:10px;padding:14px 18px}.issue-picker header[b-k0jdr87lzr]{justify-content:space-between;background:#f0f5fc;border-bottom:1px solid #dee7f3}.issue-picker h2[b-k0jdr87lzr]{font-size:19px;margin:3px 0 0}.issue-picker small[b-k0jdr87lzr]{font-size:10px;letter-spacing:1px;color:#6d85a5}.issue-picker p[b-k0jdr87lzr]{font-size:12px;line-height:1.6;margin:12px 18px 0;color:#6a7c93}.issue-picker button[b-k0jdr87lzr]{padding:6px 12px;border:1px solid #cdd9e9;border-radius:7px;background:#fff;color:#315989;white-space:nowrap}.issue-picker button:disabled[b-k0jdr87lzr]{opacity:.5}.picker-toolbar input[b-k0jdr87lzr]{flex:1;min-width:0;border:1px solid #d6e0ee;border-radius:7px;padding:8px 11px}.picker-table[b-k0jdr87lzr]{flex:1;min-height:0;overflow:auto;margin:0 18px;border:1px solid #e0e7f1;border-radius:8px}.picker-table table[b-k0jdr87lzr]{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.picker-table th[b-k0jdr87lzr]{position:sticky;top:0;background:#f0f4fa;color:#647993;text-align:left;font-weight:600}.picker-table td[b-k0jdr87lzr],.picker-table th[b-k0jdr87lzr]{padding:10px;border-bottom:1px solid #e6edf5}.picker-table tbody tr:hover[b-k0jdr87lzr]{background:#f4f8fe}.issue-picker footer[b-k0jdr87lzr]{border-top:1px solid #e4ebf3;font-size:11px;color:#76869b}.issue-picker footer span[b-k0jdr87lzr]{margin-right:auto}.picker-error[b-k0jdr87lzr]{margin:0 18px 12px;background:#fff0ec;border:1px solid #efcdc5;padding:10px;color:#963f37;border-radius:7px}
/* _content/E360_Client/Components/Pages/SO_SALES/SALES_LINES_TABLE.razor.rz.scp.css */
.sales-lines-scroll[b-idzv7psxih]{flex:1;min-height:0;max-width:100%;overflow:auto;border:1px solid #e4ebf3;border-radius:6px;overscroll-behavior:contain}
.sales-lines-table[b-idzv7psxih]{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:12px;color:#38516d}
th[b-idzv7psxih]{position:sticky;top:0;z-index:1;padding:9px 10px;background:#f4f7fc;border-bottom:1px solid #e1e8f1;color:#6a7d94;font-size:11px;font-weight:600;text-align:left}
td[b-idzv7psxih]{padding:6px 8px;border-bottom:1px solid #edf1f7;vertical-align:middle}tbody tr:hover[b-idzv7psxih]{background:#f6f9ff}.product-heading[b-idzv7psxih]{min-width:210px}
td strong[b-idzv7psxih]{color:#234269;font-weight:600}.product-name[b-idzv7psxih]{display:block;max-width:280px;margin-top:3px;color:#8595a7;white-space:normal;font-size:11px}
.line-index[b-idzv7psxih]{text-align:center;color:#8595a7}.numeric[b-idzv7psxih]{text-align:right;font-variant-numeric:tabular-nums}.amount[b-idzv7psxih]{color:#2458b5;font-weight:600}
input[b-idzv7psxih],select[b-idzv7psxih]{height:28px;min-width:80px;max-width:140px;width:100%;padding:3px 6px;border:1px solid #dce4ef;border-radius:4px;background:#fff;color:#273e59;font:inherit;outline:none;box-sizing:border-box}
input[type=number][b-idzv7psxih]{text-align:right}input:focus[b-idzv7psxih],select:focus[b-idzv7psxih]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}.note-input[b-idzv7psxih]{min-width:140px;max-width:220px}.line-note[b-idzv7psxih]{display:block;min-width:100px;max-width:260px;white-space:normal;color:#7b8da2}
.delete-line[b-idzv7psxih]{padding:5px;border:0;background:transparent;color:#b44853;cursor:pointer}.delete-line:hover[b-idzv7psxih]{background:#fff0f1;border-radius:4px}.empty[b-idzv7psxih]{text-align:center;height:100px;color:#8595a7}
/* _content/E360_Client/Components/Pages/SO_SALES/SALES_WORKSPACE_PAGE.razor.rz.scp.css */
.sales-page[b-r15yk6hkso]{container:sales-workspace/inline-size;display:flex;flex-direction:column;gap:10px;width:100%;height:97%;min-height:0;padding:12px;background:#f5f7fb;color:#192d43;overflow:hidden;box-sizing:border-box;font-size:12px}
.sales-header[b-r15yk6hkso],.sales-heading[b-r15yk6hkso],.sales-actions[b-r15yk6hkso]{display:flex;align-items:center;gap:9px}.sales-header[b-r15yk6hkso]{justify-content:space-between;flex:none;gap:14px;min-height:36px}.sales-heading h1[b-r15yk6hkso]{margin:0;font-size:18px;line-height:1.3;font-weight:650}.sales-icon[b-r15yk6hkso]{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e1f2ee;color:#07857c;font-size:18px}.sales-actions[b-r15yk6hkso]{flex-wrap:wrap;justify-content:flex-end;gap:6px}
.sales-button[b-r15yk6hkso]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid #dbe3ee;border-radius:5px;background:#fff;color:#354d67;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.sales-button:hover:not(:disabled)[b-r15yk6hkso]{background:#eef4fc;border-color:#b8cbea}.sales-button.primary[b-r15yk6hkso]{background:#255dc9;border-color:#255dc9;color:#fff}.sales-button.primary:hover:not(:disabled)[b-r15yk6hkso]{background:#1b4cae}.sales-button.danger[b-r15yk6hkso]{color:#c14348}.sales-button:disabled[b-r15yk6hkso]{opacity:.45;cursor:not-allowed}
.sales-message[b-r15yk6hkso]{display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border-radius:6px;font-size:12px}.sales-message.error[b-r15yk6hkso]{border:1px solid #f5d6dc;background:#fff0f1;color:#a7434c}.sales-message.success[b-r15yk6hkso]{border:1px solid #d5eddf;background:#edf8f2;color:#2c7850}.sales-loading[b-r15yk6hkso]{flex:none;color:#4d78ba;font-size:11px}
.sales-filter[b-r15yk6hkso]{display:flex;align-items:center;flex-wrap:wrap;flex:none;gap:8px;padding:9px 10px;border:1px solid #e0e8f2;border-radius:8px;background:#fff}.sales-filter>label[b-r15yk6hkso]{display:flex;align-items:center;gap:5px;color:#7b8da2}.sales-search[b-r15yk6hkso]{display:flex;align-items:center;flex:1;min-width:150px;gap:8px;padding:0 9px;border:1px solid #dce4ef;border-radius:5px;background:#fff;color:#8595a7}.sales-search input[b-r15yk6hkso]{width:100%;min-width:0;height:30px;border:0;outline:none;background:transparent;color:#273e59;font:inherit}.sales-search:focus-within[b-r15yk6hkso]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}
.sales-filter select[b-r15yk6hkso],.sales-filter input[type=date][b-r15yk6hkso],.sales-form input[b-r15yk6hkso],.sales-form select[b-r15yk6hkso],.sales-fees input[b-r15yk6hkso]{min-width:0;height:30px;padding:4px 8px;border:1px solid #d8e0ea;border-radius:4px;outline:none;background:#fff;color:#344054;font:inherit;box-sizing:border-box}.sales-filter input[type=date][b-r15yk6hkso]{width:128px}.sales-filter[b-r15yk6hkso]  .sales-filter-customer{min-width:160px;max-width:240px;flex:1;min-height:30px;font-size:12px}
.sales-split[b-r15yk6hkso]{display:grid;grid-template-rows:minmax(165px,1fr) minmax(145px,.7fr);flex:1;min-height:0;gap:10px}.sales-list-panel[b-r15yk6hkso],.sales-preview[b-r15yk6hkso]{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #e0e8f2;border-radius:8px;background:#fff}.sales-list-scroll[b-r15yk6hkso]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.sales-list-table[b-r15yk6hkso]{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:12px}.sales-list-table th[b-r15yk6hkso]{position:sticky;top:0;z-index:1;padding:10px 12px;border-bottom:1px solid #e1e8f1;background:#f4f7fc;color:#6a7d94;text-align:left;font-size:11px;font-weight:600}.sales-list-table td[b-r15yk6hkso]{padding:8px 12px;border-bottom:1px solid #edf1f7;color:#38516d}.sales-list-table tr[b-r15yk6hkso]{cursor:pointer}.sales-list-table tbody tr:hover[b-r15yk6hkso]{background:#f6f9ff}.sales-list-table tr.selected td[b-r15yk6hkso]{background:#eaf2ff}.sales-list-table tr.selected td:first-child[b-r15yk6hkso]{box-shadow:inset 3px 0 #3972b6}.sales-list-table .document-number[b-r15yk6hkso]{color:#234269;font-weight:600}.numeric[b-r15yk6hkso]{text-align:right!important;font-variant-numeric:tabular-nums}.sales-row-button[b-r15yk6hkso]{padding:3px;border:0;background:transparent;color:#2a60bd;cursor:pointer;font:inherit}.sales-empty[b-r15yk6hkso]{text-align:center!important;padding:35px 16px!important;color:#8595a7!important}
.sales-pager[b-r15yk6hkso]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:7px 12px;border-top:1px solid #e5ebf3;color:#7c8fa4;font-size:11px}.sales-pager>div[b-r15yk6hkso]{display:flex;gap:6px}.sales-pager .sales-button[b-r15yk6hkso]{min-height:27px;padding:4px 9px;font-size:11px}
.sales-preview[b-r15yk6hkso]{padding:0 10px 10px}.sales-preview>header[b-r15yk6hkso]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:8px 0}.sales-preview>header>div[b-r15yk6hkso]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.sales-preview h2[b-r15yk6hkso],.sales-lines-header h2[b-r15yk6hkso],.sales-document-banner h2[b-r15yk6hkso]{margin:0;color:#3d536d;font-size:13px;font-weight:600}.sales-preview>header strong[b-r15yk6hkso]{color:#45668d;font-size:12px}.sales-preview>header span[b-r15yk6hkso],.sales-lines-header span[b-r15yk6hkso]{padding:2px 7px;border-radius:10px;background:#eef2f7;color:#687c94;font-size:10px}
.sales-status[b-r15yk6hkso]{display:inline-flex;padding:4px 8px;border-radius:20px;background:#eef2f7;color:#6b7c91;font-size:10px;font-weight:600;white-space:nowrap}.sales-status.approved[b-r15yk6hkso],.sales-status.posted[b-r15yk6hkso],.sales-status.delivered[b-r15yk6hkso],.sales-status.completed[b-r15yk6hkso],.sales-status.active[b-r15yk6hkso],.sales-status.paid[b-r15yk6hkso]{background:#e3f5ed;color:#208358}.sales-status.submitted[b-r15yk6hkso],.sales-status.in_transit[b-r15yk6hkso],.sales-status.ready[b-r15yk6hkso]{background:#fff2d9;color:#ac7917}.sales-status.cancelled[b-r15yk6hkso],.sales-status.rejected[b-r15yk6hkso],.sales-status.failed[b-r15yk6hkso],.sales-status.inactive[b-r15yk6hkso]{background:#fce9ec;color:#b44853}
.sales-report-summary[b-r15yk6hkso]{display:flex;flex:none;gap:10px;max-height:100px;overflow:auto}.sales-report-summary article[b-r15yk6hkso]{display:grid;gap:4px;min-width:210px;padding:9px 14px;border:1px solid #dde7f3;border-radius:8px;background:#fff}.sales-report-summary span[b-r15yk6hkso],.sales-report-summary small[b-r15yk6hkso]{color:#7b8da2;font-size:11px}.sales-report-summary strong[b-r15yk6hkso]{color:#2458b5;font-size:18px}
.sales-business-note[b-r15yk6hkso]{flex:none;margin:7px 0 0;color:#7b8da2;font-size:11px;line-height:1.4}
.sales-editor[b-r15yk6hkso]{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 12px;border:1px solid #e0e8f2;border-radius:8px;background:#fff;overflow:hidden}.sales-document-banner[b-r15yk6hkso]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;flex:none;min-height:30px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #e6ecf3}.sales-document-banner>div[b-r15yk6hkso]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sales-document-banner h2[b-r15yk6hkso]{display:flex;align-items:center;gap:7px;margin-right:8px}.sales-document-banner h2 i[b-r15yk6hkso]{color:#3972b6}.sales-document-banner strong[b-r15yk6hkso]{color:#64758c;font-size:12px;font-weight:600}.sales-document-banner small[b-r15yk6hkso]{color:#b9831f;font-size:10px}.sales-links .sales-button[b-r15yk6hkso]{min-height:26px;padding:4px 8px;font-size:11px}
.sales-form[b-r15yk6hkso]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;flex:none;min-width:0;margin:0;padding:0;border:0}.sales-form>label[b-r15yk6hkso]{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:30px;margin:0;color:#52637a;font-size:12px;font-weight:500}.sales-form .wide[b-r15yk6hkso]{grid-column:span 2}.sales-form label>span[b-r15yk6hkso]{min-width:0;line-height:1.3}.sales-form b[b-r15yk6hkso]{color:#d65656}.sales-form input[b-r15yk6hkso],.sales-form select[b-r15yk6hkso]{width:100%}.sales-form input:focus[b-r15yk6hkso],.sales-form select:focus[b-r15yk6hkso],.sales-fees input:focus[b-r15yk6hkso]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}.sales-form input:disabled[b-r15yk6hkso],.sales-form select:disabled[b-r15yk6hkso],.sales-fees input:disabled[b-r15yk6hkso]{background:#f6f8fb;color:#697b91}.sales-form .auto-number[b-r15yk6hkso]{background:#f3f6fb;color:#45668d;font-weight:600}.sales-form .checkbox-field[b-r15yk6hkso]{display:flex;gap:8px}.checkbox-field input[b-r15yk6hkso]{width:15px;height:15px;accent-color:#255dc9}.sales-form[b-r15yk6hkso]  .sales-combo{width:100%;min-width:0;height:30px;min-height:30px;border-radius:4px;font-size:12px}.sales-form[b-r15yk6hkso]  .sales-combo .dxbl-text-edit-input{min-width:0;height:26px;min-height:26px;padding:3px 8px;font-size:12px}.sales-form[b-r15yk6hkso]  .sales-combo .dxbl-btn{min-height:26px}
.sales-lines-header[b-r15yk6hkso]{display:flex;align-items:center;justify-content:space-between;flex:none;gap:10px;margin:10px 0 7px;padding-top:9px;border-top:1px solid #e9eef5}.sales-lines-header>div[b-r15yk6hkso]{display:flex;align-items:center;gap:8px}
.sales-document-footer[b-r15yk6hkso]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;flex:none;margin-top:8px;padding-top:9px;border-top:1px solid #e7edf4}.sales-footer-notes[b-r15yk6hkso]{display:flex;align-items:center;gap:12px;min-width:0}.sales-note[b-r15yk6hkso]{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:7px;flex:1;min-width:0;margin:0}.sales-note>span[b-r15yk6hkso]{display:inline-flex;align-items:center;gap:5px;padding-top:6px;color:#68798e;font-size:11px;font-weight:500}.sales-note textarea[b-r15yk6hkso]{width:100%;min-width:0;min-height:46px;height:46px;max-height:90px;padding:6px 8px;border:1px solid #dce4ee;border-radius:5px;outline:none;resize:vertical;background:#fff;color:#3e546f;font:inherit;font-size:12px;line-height:1.5;box-sizing:border-box}.sales-note textarea:focus[b-r15yk6hkso]{border-color:#7d9fdf;box-shadow:0 0 0 2px #255dc90e}.sales-note textarea:disabled[b-r15yk6hkso]{background:#f6f8fb;color:#697b91}.sales-note textarea[b-r15yk6hkso]::placeholder{color:#94a2b3;font-size:11px}.sales-fees[b-r15yk6hkso]{display:flex;gap:8px;flex:none}.sales-fees label[b-r15yk6hkso]{display:grid;gap:4px;width:110px;min-width:0;margin:0;color:#68798e;font-size:11px}.sales-fees input[b-r15yk6hkso]{text-align:right;width:100%}.sales-totals[b-r15yk6hkso]{display:grid;grid-template-columns:repeat(3,minmax(75px,1fr)) minmax(145px,1.4fr);gap:10px;min-width:0}.sales-totals>div[b-r15yk6hkso]{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:right;color:#7e8fa4;font-size:11px}.sales-totals b[b-r15yk6hkso]{color:#435b76;font-size:12px;font-weight:600;overflow-wrap:anywhere}.sales-totals .total[b-r15yk6hkso]{padding-left:10px;border-left:1px solid #e4eaf2}.sales-totals .total strong[b-r15yk6hkso]{color:#2458b5;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.commission-totals[b-r15yk6hkso]{grid-template-columns:1fr 1fr;min-width:300px}.sales-footer-count[b-r15yk6hkso]{color:#7e8fa4;font-size:11px}
@container sales-workspace (max-width:1100px){.sales-document-footer[b-r15yk6hkso]{grid-template-columns:1fr;gap:9px}.sales-totals[b-r15yk6hkso]{padding-top:8px;border-top:1px solid #e7edf4}.sales-form[b-r15yk6hkso]{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-header[b-r15yk6hkso]{flex-wrap:wrap}.sales-actions[b-r15yk6hkso]{justify-content:flex-start}}
@container sales-workspace (max-width:650px){.sales-form[b-r15yk6hkso]{grid-template-columns:minmax(0,1fr)}.sales-form .wide[b-r15yk6hkso]{grid-column:auto}.sales-footer-notes[b-r15yk6hkso]{flex-wrap:wrap}.sales-note[b-r15yk6hkso]{flex-basis:100%;grid-template-columns:108px minmax(0,1fr)}.sales-fees[b-r15yk6hkso]{width:100%}.sales-fees label[b-r15yk6hkso]{flex:1}.sales-totals[b-r15yk6hkso]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.sales-totals .total[b-r15yk6hkso]{border-left:0;padding-left:0}.sales-pager[b-r15yk6hkso]{flex-wrap:wrap}.sales-preview>header>div[b-r15yk6hkso]{gap:6px}.sales-filter-customer[b-r15yk6hkso]{max-width:none}}
@media(max-height:760px),(max-width:750px){.sales-editor[b-r15yk6hkso]{overflow:auto}.sales-editor[b-r15yk6hkso]  .sales-lines-scroll{flex:1 0 180px;min-height:180px}.sales-split[b-r15yk6hkso]{overflow:auto;grid-template-rows:minmax(200px,1fr) minmax(180px,.8fr)}}
.contract-signed-number[b-r15yk6hkso]{display:block;margin-top:3px;color:#6b7f98;font-size:11px;font-weight:400}

.sales-promotion[b-r15yk6hkso]{display:flex;align-items:center;gap:9px;padding:8px 14px;background:#f1f1ff;border-bottom:1px solid #dcdff5;flex-shrink:0;flex-wrap:wrap}.sales-promotion>i[b-r15yk6hkso]{color:#6655cf}.sales-promotion select[b-r15yk6hkso]{max-width:350px;min-width:220px}.sales-promotion input[b-r15yk6hkso]{max-width:230px}.sales-promotion span[b-r15yk6hkso]{color:#6b5caa;font-size:12px}

.sales-form>.internal-number-field[b-r15yk6hkso]{grid-template-columns:124px minmax(0,1fr)}.sales-form .issued-invoice-number[b-r15yk6hkso]{background:#eef6ff;color:#24578c;font-weight:600}.invoice-reference[b-r15yk6hkso]{color:#344b6a;font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-number-caption[b-r15yk6hkso]{color:#607b99;font-size:12px}
/* _content/E360_Client/Components/Pages/SystemAdmin/AUTHORIZATION.razor.rz.scp.css */

*[b-j87kmaaqk4] {
    box-sizing: border-box;
}

html[b-j87kmaaqk4],
body[b-j87kmaaqk4] {
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f4f6f9;
    color: #20242a;
}

button[b-j87kmaaqk4],
input[b-j87kmaaqk4] {
    font-family: inherit;
}

/* =========================================================
           PAGE
           ========================================================= */

.permission-page[b-j87kmaaqk4] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* =========================================================
           PAGE HEADER
           ========================================================= */

.permission-header[b-j87kmaaqk4] {
    height: 64px;
    min-height: 64px;
    background: #ffffff;
    border-bottom: 1px solid #e3e6ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
}

.header-left[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.header-icon[b-j87kmaaqk4] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    color: #4355d8;
    font-size: 18px;
}

.header-title[b-j87kmaaqk4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .header-title strong[b-j87kmaaqk4] {
        font-size: 17px;
        font-weight: 650;
        color: #20242a;
    }

    .header-title span[b-j87kmaaqk4] {
        font-size: 12px;
        color: #8a919a;
    }

.header-actions[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-standard[b-j87kmaaqk4] { color: #2845a7; border-color: #cbd6fa; background: #eff4ff; }
.btn:disabled[b-j87kmaaqk4] { opacity: .5; cursor: not-allowed; }
.permission-guide[b-j87kmaaqk4] { display: flex; flex-wrap: wrap; gap: 4px 18px; padding: 9px 15px; font-size: 12px; color: #58677f; background: #f4f7fd; border-bottom: 1px solid #e2e8f2; }
.permission-guide span[b-j87kmaaqk4] { line-height: 1.5; }
.permission-table[b-j87kmaaqk4] { min-width: 800px; }
.permission-table th.permission-column[b-j87kmaaqk4] { min-width: 74px; white-space: normal; }
.permission-table th.permission-column:nth-child(6)[b-j87kmaaqk4],
.permission-table th.permission-column:nth-child(7)[b-j87kmaaqk4] { min-width: 112px; }

.btn[b-j87kmaaqk4] {
    height: 36px;
    border: 1px solid #d9dde3;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 13px;
    cursor: pointer;
    transition: .15s ease;
}

    .btn:hover[b-j87kmaaqk4] {
        background: #f5f6f8;
    }

.btn-save[b-j87kmaaqk4] {
    background: #4355d8;
    color: #ffffff;
    border-color: #4355d8;
}

    .btn-save:hover[b-j87kmaaqk4] {
        background: #3547c7;
    }

/* =========================================================
           MAIN
           ========================================================= */

.permission-content[b-j87kmaaqk4] {
    flex: 1;
    min-height: 0;
    display: flex;
    gap: 12px;
    padding: 12px;
}

/* =========================================================
           LEFT - ROLE
           ========================================================= */

.role-panel[b-j87kmaaqk4] {
    width: 270px;
    min-width: 270px;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.panel-header[b-j87kmaaqk4] {
    height: 52px;
    min-height: 52px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7eaee;
}

.panel-title[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 650;
    text-transform: uppercase;
    color: #30353b;
}

.panel-count[b-j87kmaaqk4] {
    font-size: 11px;
    color: #858c95;
    font-weight: 400;
}

.role-search[b-j87kmaaqk4] {
    padding: 10px;
    border-bottom: 1px solid #eef0f2;
}

.search-box[b-j87kmaaqk4] {
    position: relative;
}

    .search-box input[b-j87kmaaqk4] {
        width: 100%;
        height: 35px;
        border: 1px solid #dfe3e8;
        border-radius: 6px;
        outline: none;
        padding: 0 10px 0 34px;
        font-size: 13px;
        background: #fafbfc;
    }

        .search-box input:focus[b-j87kmaaqk4] {
            border-color: #8c98e9;
            background: #ffffff;
        }

.search-icon[b-j87kmaaqk4] {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aa1aa;
    font-size: 14px;
}

.role-list[b-j87kmaaqk4] {
    flex: 1;
    overflow-y: auto;
    padding: 6px;
}

.role-item[b-j87kmaaqk4] {
    min-height: 62px;
    border-radius: 7px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 3px;
    border: 1px solid transparent;
    transition: .15s ease;
}

    .role-item:hover[b-j87kmaaqk4] {
        background: #f7f8fa;
    }

    .role-item.active[b-j87kmaaqk4] {
        background: #eef1ff;
        border-color: #dce1ff;
    }

.role-icon[b-j87kmaaqk4] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f5;
    color: #69717c;
    font-size: 15px;
}

.role-item.active .role-icon[b-j87kmaaqk4] {
    background: #4355d8;
    color: #ffffff;
}

.role-info[b-j87kmaaqk4] {
    min-width: 0;
    flex: 1;
}

.role-name[b-j87kmaaqk4] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-description[b-j87kmaaqk4] {
    margin-top: 4px;
    font-size: 11px;
    color: #9299a2;
}

.role-permission-count[b-j87kmaaqk4] {
    font-size: 10px;
    color: #858c96;
    background: #f0f2f4;
    padding: 3px 6px;
    border-radius: 10px;
    white-space: nowrap;
}

.role-item.active .role-permission-count[b-j87kmaaqk4] {
    background: #ffffff;
    color: #4355d8;
}


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

.role-footer[b-j87kmaaqk4] {
    flex-shrink: 0;
    padding: 12px;
    border-top: 1px solid #e5e7eb;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}


/* =========================================================
   ROLE ACTION BUTTON
   ========================================================= */

.role-action-btn[b-j87kmaaqk4] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #d9dee7;
    border-radius: 8px;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    text-align: left;
}


/* =========================================================
   ICON
   ========================================================= */

.role-action-icon[b-j87kmaaqk4] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 10px;
}


/* =========================================================
   TEXT
   ========================================================= */

.role-action-text[b-j87kmaaqk4] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

    .role-action-text strong[b-j87kmaaqk4] {
        font-size: 13px;
        font-weight: 600;
    }

    .role-action-text small[b-j87kmaaqk4] {
        margin-top: 3px;
        font-size: 11px;
        color: #7b8494;
    }


/* =========================================================
   ADD ROLE
   ========================================================= */

.role-add-btn[b-j87kmaaqk4] {
    border-color: #cfd8e6;
}

    .role-add-btn .role-action-icon[b-j87kmaaqk4] {
        color: #2563eb;
    }

    .role-add-btn:hover[b-j87kmaaqk4] {
        background: #f5f8ff;
        border-color: #93b4ef;
    }


/* =========================================================
   DELETE ROLE
   ========================================================= */

.role-delete-btn[b-j87kmaaqk4] {
    border-color: #e1d6d6;
}

    .role-delete-btn .role-action-icon[b-j87kmaaqk4] {
        color: #dc2626;
    }

    .role-delete-btn .role-action-text strong[b-j87kmaaqk4] {
        color: #b91c1c;
    }

    .role-delete-btn:hover[b-j87kmaaqk4] {
        background: #fff7f7;
        border-color: #efb0b0;
    }


/* =========================================================
   DISABLED
   ========================================================= */

.role-action-btn:disabled[b-j87kmaaqk4] {
    opacity: .45;
    cursor: not-allowed;
    background: #f8f9fb;
}

    .role-action-btn:disabled:hover[b-j87kmaaqk4] {
        border-color: #d9dee7;
        background: #f8f9fb;
    }
/* =========================================================
           RIGHT - PERMISSION
           ========================================================= */

.permission-panel[b-j87kmaaqk4] {
    flex: 1;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.permission-panel-header[b-j87kmaaqk4] {
    min-height: 52px;
    padding: 0 15px;
    border-bottom: 1px solid #e7eaee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.permission-heading[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.permission-heading-icon[b-j87kmaaqk4] {
    color: #4355d8;
    font-size: 15px;
}

.permission-heading-text[b-j87kmaaqk4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .permission-heading-text strong[b-j87kmaaqk4] {
        font-size: 13px;
        font-weight: 650;
    }

    .permission-heading-text span[b-j87kmaaqk4] {
        font-size: 11px;
        color: #9299a2;
    }

.permission-toolbar[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.permission-summary[b-j87kmaaqk4] {
    font-size: 11px;
    color: #858c95;
}
/* =========================================================
   ROLE USERS BUTTON
   ========================================================= */

.role-user-button[b-j87kmaaqk4] {
    height: 32px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #ffffff;
    color: #555d67;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: .15s ease;
}

    .role-user-button:hover[b-j87kmaaqk4] {
        background: #f7f8fa;
        border-color: #c8ced7;
        color: #4355d8;
    }

    .role-user-button i[b-j87kmaaqk4] {
        font-size: 13px;
    }

.role-user-count[b-j87kmaaqk4] {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef1ff;
    color: #4355d8;
    font-size: 10px;
    font-weight: 700;
}


.select-all[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 9px;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    background: #ffffff;
}

    .select-all:hover[b-j87kmaaqk4] {
        background: #f7f8fa;
    }

/* =========================================================
           TABLE
           ========================================================= */

.permission-table-wrapper[b-j87kmaaqk4] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.permission-table[b-j87kmaaqk4] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

    .permission-table thead th[b-j87kmaaqk4] {
        position: sticky;
        top: 0;
        z-index: 5;
        height: 44px;
        background: #f8f9fb;
        border-bottom: 1px solid #dfe3e8;
        border-right: 1px solid #e7e9ec;
        font-size: 11px;
        font-weight: 650;
        color: #646b74;
        text-align: center;
        white-space: nowrap;
    }

        .permission-table thead th:first-child[b-j87kmaaqk4] {
            width: auto;
            min-width: 280px;
            text-align: left;
            padding-left: 16px;
        }

        .permission-table thead th.permission-column[b-j87kmaaqk4] {
            width: 105px;
        }

    .permission-table tbody td[b-j87kmaaqk4] {
        height: 50px;
        border-bottom: 1px solid #edf0f2;
        border-right: 1px solid #edf0f2;
        font-size: 13px;
    }

    .permission-table tbody tr:hover td[b-j87kmaaqk4] {
        background: #fafbfc;
    }

.function-cell[b-j87kmaaqk4] {
    padding: 0 16px;
}

.function-info[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.function-icon[b-j87kmaaqk4] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #f1f3f6;
    color: #707781;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.function-name[b-j87kmaaqk4] {
    font-size: 13px;
    font-weight: 500;
    color: #343a40;
}

.function-code[b-j87kmaaqk4] {
    display: block;
    margin-top: 2px;
    font-size: 10px;
    color: #a0a6ad;
}

.checkbox-cell[b-j87kmaaqk4] {
    text-align: center;
    vertical-align: middle;
}

/* =========================================================
           CUSTOM CHECKBOX
           ========================================================= */

.permission-checkbox[b-j87kmaaqk4] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1.5px solid #c9ced5;
    border-radius: 4px;
    background: #ffffff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: .12s ease;
}

    .permission-checkbox:hover[b-j87kmaaqk4] {
        border-color: #6575dc;
    }

    .permission-checkbox:checked[b-j87kmaaqk4] {
        background: #4355d8;
        border-color: #4355d8;
    }

        .permission-checkbox:checked[b-j87kmaaqk4]::after {
            content: "";
            position: absolute;
            width: 5px;
            height: 9px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            left: 5px;
            top: 2px;
            transform: rotate(45deg);
        }

/* =========================================================
           GROUP ROW
           ========================================================= */

.permission-group td[b-j87kmaaqk4] {
    height: 36px !important;
    background: #f5f6f8 !important;
    border-bottom: 1px solid #e2e5e9 !important;
}

.permission-group-title[b-j87kmaaqk4] {
    font-size: 11px;
    font-weight: 700;
    color: #69717b;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.permission-group-select[b-j87kmaaqk4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 0 16px;
    min-height: 36px;
    cursor: pointer;
}

.permission-group-count[b-j87kmaaqk4] {
    color: #929aa6;
    font-size: 10px;
    font-weight: 500;
}

.group-permission-checkbox.partially-selected:not(:checked)[b-j87kmaaqk4] {
    border-color: #6575dc;
    background: #e7eaff;
}

.group-permission-checkbox.partially-selected:not(:checked)[b-j87kmaaqk4]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 7px;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    background: #4355d8;
}

.group-toggle[b-j87kmaaqk4] {
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    color: #858c95;
    cursor: pointer;
    margin-right: 5px;
}

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

.permission-footer[b-j87kmaaqk4] {
    height: 54px;
    min-height: 54px;
    border-top: 1px solid #e5e8eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background: #ffffff;
}

.footer-info[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 11px;
    color: #858c95;
}

.footer-status[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-dot[b-j87kmaaqk4] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2da44e;
}

.footer-actions[b-j87kmaaqk4] {
    display: flex;
    gap: 8px;
}

/* =========================================================
           SCROLLBAR
           ========================================================= */

[b-j87kmaaqk4]::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

[b-j87kmaaqk4]::-webkit-scrollbar-track {
    background: transparent;
}

[b-j87kmaaqk4]::-webkit-scrollbar-thumb {
    background: #cfd3d8;
    border-radius: 10px;
}

    [b-j87kmaaqk4]::-webkit-scrollbar-thumb:hover {
        background: #b7bcc3;
    }

/* =========================================================
           RESPONSIVE
           ========================================================= */

@media (max-width: 900px) {

    .role-panel[b-j87kmaaqk4] {
        width: 220px;
        min-width: 220px;
    }

    .permission-table thead th.permission-column[b-j87kmaaqk4] {
        width: 80px;
    }

    .permission-summary[b-j87kmaaqk4] {
        display: none;
    }
}


.role-popup[b-j87kmaaqk4] {
    border-radius: 14px;
    overflow: hidden;
}

.role-popup-body[b-j87kmaaqk4] {
    padding: 0;
}

/* =========================
   HEADER
   ========================= */

.role-form-header[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--bs-border-color);
}

.role-form-header-icon[b-j87kmaaqk4] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(13, 110, 253, .10);
    color: #0d6efd;
    font-size: 21px;
}

.role-form-header-title[b-j87kmaaqk4] {
    font-size: 16px;
    font-weight: 700;
    color: #212529;
}

.role-form-header-description[b-j87kmaaqk4] {
    margin-top: 3px;
    font-size: 12px;
    color: #6c757d;
}


/* =========================
   SECTION
   ========================= */

.role-form-section[b-j87kmaaqk4] {
    padding: 18px 22px;
}

    .role-form-section + .role-form-section[b-j87kmaaqk4] {
        border-top: 1px solid #edf0f2;
    }

.role-form-section-title[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 700;
    color: #343a40;
}

    .role-form-section-title i[b-j87kmaaqk4] {
        color: #0d6efd;
    }


/* =========================
   FORM
   ========================= */

.role-form-grid[b-j87kmaaqk4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.role-form-item[b-j87kmaaqk4] {
    min-width: 0;
}

    .role-form-item.full[b-j87kmaaqk4] {
        grid-column: 1 / -1;
    }

    .role-form-item label[b-j87kmaaqk4] {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 600;
        color: #495057;
    }

.required[b-j87kmaaqk4] {
    color: #dc3545;
    margin-left: 2px;
}

.role-input[b-j87kmaaqk4] {
    width: 100%;
}


/* =========================
   ICON COMBOBOX
   ========================= */

.role-icon-option[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
}

.role-icon-selected[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.role-icon-preview[b-j87kmaaqk4] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: rgba(13, 110, 253, .10);
    color: #0d6efd;
    font-size: 17px;
}

.role-icon-option span[b-j87kmaaqk4],
.role-icon-selected span[b-j87kmaaqk4] {
    font-size: 13px;
}


/* =========================
   DESCRIPTION
   ========================= */

.role-description-input[b-j87kmaaqk4] {
    min-height: 80px;
}


/* =========================
   STATUS
   ========================= */

.role-status-box[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fafbfc;
}

    .role-status-box span[b-j87kmaaqk4] {
        font-size: 12px;
        color: #6c757d;
    }


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

.role-popup-footer[b-j87kmaaqk4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 15px 22px;
    border-top: 1px solid #edf0f2;
    background: #fafbfc;
}

.role-btn[b-j87kmaaqk4] {
    height: 36px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}

.role-btn-cancel[b-j87kmaaqk4] {
    border: 1px solid #dee2e6;
    background: white;
    color: #495057;
}

    .role-btn-cancel:hover[b-j87kmaaqk4] {
        background: #f1f3f5;
    }

.role-btn-save[b-j87kmaaqk4] {
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: white;
}

    .role-btn-save:hover[b-j87kmaaqk4] {
        background: #0b5ed7;
    }


/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 600px) {

    .role-form-grid[b-j87kmaaqk4] {
        grid-template-columns: 1fr;
    }

    .role-form-item.full[b-j87kmaaqk4] {
        grid-column: auto;
    }

    .role-popup-footer[b-j87kmaaqk4] {
        padding: 12px 16px;
    }
}


/* =========================================================
   ROLE USERS POPUP
   ========================================================= */

.role-users-popup[b-j87kmaaqk4] {
    border-radius: 12px;
    overflow: hidden;
}

.role-users-body[b-j87kmaaqk4] {
    padding: 0;
}

/* HEADER */

.role-users-header[b-j87kmaaqk4] {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7eaee;
}

.role-users-role[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.role-users-role-icon[b-j87kmaaqk4] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef1ff;
    color: #4355d8;
    font-size: 16px;
}

.role-users-role-name[b-j87kmaaqk4] {
    font-size: 14px;
    font-weight: 650;
    color: #30353b;
}

.role-users-role-description[b-j87kmaaqk4] {
    margin-top: 3px;
    font-size: 11px;
    color: #9299a2;
}

.role-users-total[b-j87kmaaqk4] {
    padding: 5px 9px;
    border-radius: 12px;
    background: #f0f2f5;
    color: #69717c;
    font-size: 11px;
    font-weight: 600;
}

/* SEARCH */

.role-users-search[b-j87kmaaqk4] {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #eef0f2;
}

.role-users-search-box[b-j87kmaaqk4] {
    position: relative;
    flex: 1;
}

    .role-users-search-box i[b-j87kmaaqk4] {
        position: absolute;
        left: 11px;
        top: 50%;
        transform: translateY(-50%);
        color: #9aa1aa;
        font-size: 13px;
    }

    .role-users-search-box input[b-j87kmaaqk4] {
        width: 100%;
        height: 35px;
        padding: 0 10px 0 33px;
        border: 1px solid #dfe3e8;
        border-radius: 6px;
        outline: none;
        font-size: 12px;
        background: #fafbfc;
    }

        .role-users-search-box input:focus[b-j87kmaaqk4] {
            border-color: #8c98e9;
            background: #ffffff;
        }

.role-users-add[b-j87kmaaqk4] {
    height: 35px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #4355d8;
    border-radius: 6px;
    background: #4355d8;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
}

    .role-users-add:hover[b-j87kmaaqk4] {
        background: #3547c7;
    }

/* LIST */

.role-users-list[b-j87kmaaqk4] {
    max-height: 390px;
    overflow-y: auto;
    padding: 6px 8px;
}

.role-user-item[b-j87kmaaqk4] {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 7px;
}

    .role-user-item:hover[b-j87kmaaqk4] {
        background: #f7f8fa;
    }

.role-user-avatar[b-j87kmaaqk4] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef1ff;
    color: #4355d8;
    font-size: 12px;
    font-weight: 700;
}

.role-user-info[b-j87kmaaqk4] {
    min-width: 0;
    flex: 1;
}

.role-user-name[b-j87kmaaqk4] {
    font-size: 13px;
    font-weight: 600;
    color: #343a40;
}

.role-user-account[b-j87kmaaqk4] {
    margin-top: 3px;
    font-size: 10px;
    color: #9299a2;
}

.role-user-branch[b-j87kmaaqk4] {
    font-size: 11px;
    color: #69717c;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-user-remove[b-j87kmaaqk4] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #a0a6ad;
    cursor: pointer;
}

    .role-user-remove:hover[b-j87kmaaqk4] {
        background: #fff1f1;
        color: #dc3545;
    }

/* EMPTY */

.role-users-empty[b-j87kmaaqk4] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9299a2;
}

    .role-users-empty i[b-j87kmaaqk4] {
        font-size: 28px;
        color: #c7ccd2;
    }

    .role-users-empty span[b-j87kmaaqk4] {
        font-size: 12px;
    }



[b-j87kmaaqk4] .assign-user-popup {
    border-radius: 10px;
}

.assign-user-body[b-j87kmaaqk4] {
    display: flex;
    flex-direction: column;
    height: 620px;
    min-height: 0;
}

/* ROLE HEADER */
.assign-user-role[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.assign-user-role-icon[b-j87kmaaqk4] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 20px;
}

.assign-user-role-name[b-j87kmaaqk4] {
    font-size: 15px;
    font-weight: 600;
}

.assign-user-role-description[b-j87kmaaqk4] {
    margin-top: 2px;
    font-size: 12px;
    color: #6b7280;
}


/* TOOLBAR */
.assign-user-toolbar[b-j87kmaaqk4] {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.assign-user-search[b-j87kmaaqk4] {
    position: relative;
    flex: 1;
}

    .assign-user-search > i[b-j87kmaaqk4] {
        position: absolute;
        left: 11px;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
    }

    .assign-user-search input[b-j87kmaaqk4] {
        width: 100%;
        height: 36px;
        padding: 0 34px;
        border: 1px solid #d1d5db;
        border-radius: 6px;
        outline: none;
        font-size: 13px;
    }

        .assign-user-search input:focus[b-j87kmaaqk4] {
            border-color: #6366f1;
        }

.assign-user-search-clear[b-j87kmaaqk4] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #6b7280;
}

.assign-user-branch[b-j87kmaaqk4] {
    width: 180px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
}


/* SELECTION */
.assign-user-selection[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 16px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.assign-user-select-all[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.assign-user-selected-count[b-j87kmaaqk4] {
    font-size: 12px;
    color: #4f46e5;
    font-weight: 500;
}


/* LIST */
.assign-user-list[b-j87kmaaqk4] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.assign-user-item[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 8px 16px;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

    .assign-user-item:hover[b-j87kmaaqk4] {
        background: #f8fafc;
    }

.assign-user-checkbox[b-j87kmaaqk4] {
    width: 22px;
}

    .assign-user-checkbox input[b-j87kmaaqk4] {
        width: 16px;
        height: 16px;
    }

.assign-user-avatar[b-j87kmaaqk4] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 13px;
    font-weight: 600;
}

.assign-user-info[b-j87kmaaqk4] {
    flex: 1;
    min-width: 0;
}

.assign-user-name[b-j87kmaaqk4] {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
}

.assign-user-account[b-j87kmaaqk4] {
    margin-top: 2px;
    font-size: 11px;
    color: #6b7280;
}

.assign-user-branch-name[b-j87kmaaqk4] {
    width: 130px;
    text-align: right;
    font-size: 12px;
    color: #6b7280;
}


/* EMPTY */
.assign-user-empty[b-j87kmaaqk4] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #9ca3af;
}

    .assign-user-empty i[b-j87kmaaqk4] {
        font-size: 30px;
    }

    .assign-user-empty div[b-j87kmaaqk4] {
        display: flex;
        flex-direction: column;
    }

    .assign-user-empty strong[b-j87kmaaqk4] {
        color: #4b5563;
        font-size: 13px;
    }

    .assign-user-empty span[b-j87kmaaqk4] {
        margin-top: 3px;
        font-size: 12px;
    }


/* FOOTER */
.assign-user-footer[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 16px;
    border-top: 1px solid #e5e7eb;
}

.assign-user-footer-info[b-j87kmaaqk4] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 1;
    font-size: 11px;
    color: #6b7280;
}

.assign-user-actions[b-j87kmaaqk4] {
    display: flex;
    gap: 8px;
}

.assign-user-cancel[b-j87kmaaqk4],
.assign-user-save[b-j87kmaaqk4] {
    height: 34px;
    padding: 0 14px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
}

.assign-user-cancel[b-j87kmaaqk4] {
    border: 1px solid #d1d5db;
    background: white;
    color: #374151;
}

.assign-user-save[b-j87kmaaqk4] {
    border: 1px solid #4f46e5;
    background: #4f46e5;
    color: white;
}

    .assign-user-save:disabled[b-j87kmaaqk4] {
        opacity: .45;
        cursor: not-allowed;
    }
/* _content/E360_Client/Components/Pages/SystemAdmin/COMPANY_INFO.razor.rz.scp.css */
.company-page[b-0xbzqj9401] {
    height:100%;
    min-height:0;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:22px 26px 16px;
    background:#f3f6fb;
    color:#334a64;
    overflow:hidden;
    container:company/inline-size
}
.company-page *[b-0xbzqj9401] {
    box-sizing:border-box
}
.page-heading[b-0xbzqj9401] {
    flex:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
}
.eyebrow[b-0xbzqj9401] {
    font-size:9px;
    letter-spacing:1.6px;
    font-weight:650;
    color:#8596ac
}
.heading-copy h1[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:10px;
    margin:6px 0;
    font-size:24px;
    letter-spacing:-.6px;
    font-weight:650;
    color:#263f5c
}
.heading-dot[b-0xbzqj9401] {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#529eaa
}
.heading-copy p[b-0xbzqj9401] {
    font-size:12px;
    color:#8393a8;
    margin:0
}
.heading-actions[b-0xbzqj9401] {
    display:flex;
    gap:16px;
    align-items:center
}
.workspace-tag[b-0xbzqj9401] {
    display:flex;
    gap:6px;
    align-items:center;
    color:#8a9caf;
    font-size:11px
}
.workspace-tag i[b-0xbzqj9401] {
    color:#7594b0
}
.button[b-0xbzqj9401] {
    min-height:36px;
    padding:8px 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid;
    border-radius:7px;
    font:inherit;
    font-size:12px;
    font-weight:550;
    line-height:1.2;
    white-space:nowrap;
    cursor:pointer;
    transition:background .15s,border-color .15s,box-shadow .15s
}
.secondary[b-0xbzqj9401] {
    border-color:#d6e0ed;
    background:#fff;
    color:#607b99
}
.secondary:hover:not(:disabled)[b-0xbzqj9401] {
    border-color:#9fb9d9;
    background:#f8fbff
}
.primary[b-0xbzqj9401] {
    border-color:#376d9f;
    background:#376d9f;
    color:#fff;
    box-shadow:0 3px 7px #2b60901c
}
.primary:hover:not(:disabled)[b-0xbzqj9401] {
    background:#2b5b88;
    border-color:#2b5b88
}
.button:disabled[b-0xbzqj9401],.button.disabled[b-0xbzqj9401] {
    opacity:.5;
    cursor:default;
    box-shadow:none
}
button:focus-visible[b-0xbzqj9401],.upload-button:focus-within[b-0xbzqj9401] {
    outline:2px solid #69a4d9;
    outline-offset:3px
}
.feedback[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 14px;
    border:1px solid;
    border-radius:8px;
    font-size:12px;
    flex:none
}
.feedback.error[b-0xbzqj9401] {
    background:#fff4f3;
    border-color:#efd5d1;
    color:#a5504b
}
.feedback.success[b-0xbzqj9401] {
    background:#f0faf5;
    border-color:#cce7d9;
    color:#41836c
}
.company-page[b-0xbzqj9401]  .profile-form {
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
    gap:14px
}
.company-content[b-0xbzqj9401] {
    flex:1;
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    align-items:start;
    gap:20px;
    overflow:auto;
    min-height:0;
    padding:1px 3px 4px 1px;
    scrollbar-width:thin;
    scrollbar-color:#c7d5e6 transparent
}
.identity-column[b-0xbzqj9401],.information-column[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    gap:15px;
    min-width:0
}
.identity-card[b-0xbzqj9401] {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:1px solid #284d73;
    border-radius:13px;
    padding:22px;
    background:linear-gradient(150deg,#243f5e,#2b5277 74%,#2c5b7b);
    color:#fff;
    box-shadow:0 9px 22px #294c7020
}
.identity-decoration[b-0xbzqj9401] {
    position:absolute;
    z-index:-1;
    right:-76px;
    top:15px;
    width:225px;
    height:225px;
    transform:rotate(-18deg);
    opacity:.35;
    pointer-events:none
}
.identity-decoration span[b-0xbzqj9401] {
    position:absolute;
    inset:0;
    border:1px solid #92bbdb50;
    border-radius:38px
}
.identity-decoration span:nth-child(2)[b-0xbzqj9401] {
    inset:25px
}
.identity-decoration span:nth-child(3)[b-0xbzqj9401] {
    inset:50px
}
.identity-top[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    gap:13px;
    align-items:flex-start
}
.identity-label[b-0xbzqj9401] {
    font-size:9px;
    letter-spacing:1.25px;
    color:#a9c0d8;
    font-weight:600
}
.company-state[b-0xbzqj9401] {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 8px;
    border:1px solid #b1dac82d;
    border-radius:20px;
    background:#8bc3ae14;
    color:#b5dec9;
    font-size:10px
}
.company-state>span[b-0xbzqj9401] {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#9bd3b8
}
.company-state.inactive[b-0xbzqj9401] {
    color:#efd0a8;
    background:#d1a56416;
    border-color:#ddbd9230
}
.company-state.inactive>span[b-0xbzqj9401] {
    background:#e0bd8a
}
.logo-tile[b-0xbzqj9401] {
    width:105px;
    height:96px;
    display:grid;
    place-items:center;
    overflow:hidden;
    margin:24px 0 20px;
    padding:13px;
    background:#fff;
    border:1px solid #ffffff9c;
    border-radius:12px;
    box-shadow:0 5px 14px #10283f25
}
.logo-tile img[b-0xbzqj9401] {
    width:100%;
    height:100%;
    max-height:70px;
    object-fit:contain
}
.logo-monogram[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    color:#366389;
    font-size:28px;
    font-weight:700;
    letter-spacing:1px
}
.logo-monogram small[b-0xbzqj9401] {
    font-size:7px;
    font-weight:600;
    color:#91a7bb;
    letter-spacing:1.9px
}
.identity-card h2[b-0xbzqj9401] {
    position:relative;
    font-size:20px;
    line-height:1.45;
    font-weight:600;
    letter-spacing:-.3px;
    margin:0 0 12px;
    overflow-wrap:anywhere
}
.company-code[b-0xbzqj9401] {
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid #abc7e12d;
    background:#ffffff09;
    border-radius:5px;
    padding:5px 8px;
    color:#b9cfe3;
    font-size:10px;
    overflow-wrap:anywhere
}
.identity-contact[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    gap:13px;
    border-top:1px solid #a6c3dc25;
    margin-top:23px;
    padding-top:21px;
    font-size:11px;
    color:#b8cddd;
    line-height:1.65
}
.identity-contact>span[b-0xbzqj9401] {
    display:flex;
    gap:9px;
    align-items:flex-start
}
.identity-contact i[b-0xbzqj9401] {
    flex:none;
    color:#83a8c6;
    margin-top:2px
}
.identity-contact>span>span[b-0xbzqj9401] {
    min-width:0;
    overflow-wrap:anywhere
}
.identity-brand[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    gap:7px;
    border-top:1px solid #a6c3dc25;
    margin-top:25px;
    padding-top:19px
}
.e360-mark[b-0xbzqj9401] {
    color:#f3f8fc;
    letter-spacing:-1px;
    font-size:21px;
    font-weight:750
}
.e360-mark>span[b-0xbzqj9401] {
    font-weight:400;
    color:#b0c8dd
}
.identity-brand>span:last-child[b-0xbzqj9401] {
    font-size:9px;
    color:#90aec8;
    letter-spacing:.15px
}
.activity-card[b-0xbzqj9401] {
    padding:18px 20px;
    border:1px solid #dfe7f1;
    border-radius:11px;
    background:#ffffffb8
}
.activity-card header[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:8px
}
.small-icon[b-0xbzqj9401] {
    display:grid;
    place-items:center;
    flex:none;
    width:28px;
    height:28px;
    border:1px solid #dfe8f3;
    border-radius:7px;
    background:#f1f6fc;
    color:#6e8eaf;
    font-size:13px
}
.activity-card h3[b-0xbzqj9401],.logo-card h3[b-0xbzqj9401] {
    margin:0;
    font-size:12px;
    font-weight:600;
    color:#577694
}
.activity-card dl[b-0xbzqj9401] {
    margin:14px 0 0;
    display:flex;
    flex-direction:column;
    gap:13px
}
.activity-card dl>div[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    gap:4px
}
.activity-card dt[b-0xbzqj9401] {
    font-size:10px;
    font-weight:400;
    color:#92a2b6
}
.activity-card dd[b-0xbzqj9401] {
    margin:0;
    font-size:11px;
    color:#607b98;
    overflow-wrap:anywhere
}
.information-card[b-0xbzqj9401] {
    border:1px solid #dce5f0;
    border-radius:11px;
    background:#fff;
    box-shadow:0 2px 4px #24466a03;
    overflow:hidden
}
.section-heading[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:11px;
    padding:17px 20px 14px;
    border-bottom:1px solid #edf1f7
}
.section-icon[b-0xbzqj9401] {
    flex:none;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #dce7f6;
    border-radius:9px;
    background:#f0f5fd;
    color:#6188b5;
    font-size:16px
}
.section-icon.teal[b-0xbzqj9401] {
    border-color:#dbebe6;
    background:#eff8f5;
    color:#619c91
}
.section-heading h2[b-0xbzqj9401] {
    margin:0;
    font-size:14px;
    letter-spacing:-.1px;
    font-weight:600;
    color:#3e5a78
}
.section-heading p[b-0xbzqj9401] {
    margin:4px 0 0;
    color:#95a3b7;
    font-size:11px
}
.section-number[b-0xbzqj9401] {
    margin-left:auto;
    align-self:flex-start;
    color:#c2cddd;
    font-size:11px;
    letter-spacing:1px;
    padding-top:2px
}
.fields[b-0xbzqj9401] {
    border:0;
    padding:17px 20px 19px;
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px 22px;
    min-width:0
}
.field[b-0xbzqj9401] {
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
    font-size:12px
}
.field.full[b-0xbzqj9401] {
    grid-column:1/-1
}
.field>span[b-0xbzqj9401] {
    display:flex;
    gap:5px;
    align-items:center;
    font-weight:550;
    color:#536f90
}
.field>span>b[b-0xbzqj9401],.form-caption b[b-0xbzqj9401] {
    color:#b87373;
    font-weight:500
}
.field>span>i[b-0xbzqj9401] {
    font-size:10px;
    margin-left:auto;
    color:#a8b6c8
}
.field[b-0xbzqj9401]  input,.field[b-0xbzqj9401]  textarea {
    width:100%;
    min-width:0;
    border:1px solid #d7e1ed;
    border-radius:6px;
    padding:9px 11px;
    background:#fff;
    color:#3f5d7c;
    font:inherit;
    font-size:13px;
    line-height:1.4;
    transition:border-color .15s,box-shadow .15s
}
.field[b-0xbzqj9401]  input {
    height:37px
}
.field[b-0xbzqj9401]  textarea {
    resize:vertical;
    min-height:56px;
    max-height:120px
}
.field[b-0xbzqj9401]  input::placeholder,.field[b-0xbzqj9401]  textarea::placeholder {
    color:#acb8c9;
    font-size:11px
}
.field[b-0xbzqj9401]  input:focus,.field[b-0xbzqj9401]  textarea:focus {
    outline:0;
    border-color:#74a2cc;
    box-shadow:0 0 0 3px #d9e9f74d
}
.fields:disabled[b-0xbzqj9401]  input,.fields:disabled[b-0xbzqj9401]  textarea {
    background:#f8fafd;
    color:#7890aa
}
.readonly-input[b-0xbzqj9401] {
    display:flex;
    gap:8px;
    align-items:center;
    padding-left:11px;
    border:1px solid #e0e7f0;
    border-radius:6px;
    background:#f5f8fc;
    color:#90a5be
}
.readonly-input input[b-0xbzqj9401] {
    border:0;
    background:transparent!important;
    box-shadow:none!important;
    color:#7b91aa;
    font-size:11px
}
.field small[b-0xbzqj9401] {
    color:#9aaabd;
    font-size:10px;
    line-height:1.5
}
.input-icon[b-0xbzqj9401] {
    position:relative
}
.input-icon>i[b-0xbzqj9401] {
    position:absolute;
    top:12px;
    left:11px;
    color:#9bb0c5;
    font-size:12px
}
.input-icon[b-0xbzqj9401]  input {
    padding-left:31px
}
.field[b-0xbzqj9401]  .validation-message {
    color:#af5b5b;
    font-size:10px;
    line-height:1.5
}
.field[b-0xbzqj9401]  .invalid {
    border-color:#d49b9b;
    background:#fffcfc
}
.logo-card[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border:1px solid #dfe7f1;
    border-radius:10px;
    background:#ffffffb8;
    padding:16px 18px
}
.logo-card-copy[b-0xbzqj9401] {
    display:flex;
    gap:10px;
    align-items:flex-start;
    min-width:0
}
.logo-card-copy .small-icon[b-0xbzqj9401] {
    width:31px;
    height:31px
}
.logo-card-copy h3[b-0xbzqj9401] {
    padding-top:1px
}
.logo-card-copy p[b-0xbzqj9401] {
    margin:5px 0 0;
    font-size:10px;
    line-height:1.6;
    color:#92a3b9
}
.logo-actions[b-0xbzqj9401] {
    flex:none;
    display:flex;
    align-items:center;
    gap:8px
}
.upload-button[b-0xbzqj9401] {
    position:relative;
    overflow:hidden;
    cursor:pointer;
    font-size:11px;
    min-height:33px;
    padding:7px 10px
}
.upload-button[b-0xbzqj9401]  input {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer
}
.upload-button.disabled[b-0xbzqj9401]  input {
    cursor:default
}
.remove-logo[b-0xbzqj9401] {
    padding:6px;
    border:0;
    background:transparent;
    cursor:pointer;
    color:#b07c80;
    font-size:10px;
    white-space:nowrap
}
.remove-logo:disabled[b-0xbzqj9401] {
    opacity:.5;
    cursor:default
}
.pending-note[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:7px;
    color:#ae8b50;
    font-size:10px
}
.pending-note i[b-0xbzqj9401] {
    font-size:5px
}
.form-caption[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:0;
    font-size:10px;
    color:#95a5ba;
    line-height:1.6;
    padding:0 3px
}
.form-caption>i[b-0xbzqj9401] {
    color:#89a6bb
}
.form-caption>span[b-0xbzqj9401] {
    margin-left:auto
}
.readonly-note[b-0xbzqj9401] {
    display:flex;
    gap:8px;
    align-items:center;
    padding:10px 12px;
    background:#ecf4fc;
    border:1px solid #d7e6f6;
    border-radius:8px;
    color:#6e8fb2;
    font-size:11px
}
.save-bar[b-0xbzqj9401] {
    flex:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:1px solid #dce5f0;
    border-radius:10px;
    padding:12px 16px;
    background:#fff;
    box-shadow:0 -4px 16px #263e6003
}
.save-state[b-0xbzqj9401] {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0
}
.state-icon[b-0xbzqj9401] {
    display:grid;
    place-items:center;
    flex:none;
    width:33px;
    height:33px;
    border-radius:8px;
    background:#f0f7f5;
    color:#77a293;
    font-size:15px
}
.save-state strong[b-0xbzqj9401] {
    display:block;
    font-size:11px;
    font-weight:550;
    color:#6c8c84
}
.save-state small[b-0xbzqj9401] {
    display:block;
    margin-top:4px;
    color:#99aabd;
    font-size:10px
}
.save-state.unsaved .state-icon[b-0xbzqj9401] {
    background:#fcf6e9;
    color:#bc9c5e
}
.save-state.unsaved strong[b-0xbzqj9401] {
    color:#ac915d
}
.save-actions[b-0xbzqj9401] {
    display:flex;
    gap:8px;
    align-items:center
}
.save-actions .primary[b-0xbzqj9401] {
    min-width:137px
}
.save-actions .button[b-0xbzqj9401] {
    min-height:37px;
    font-size:11px
}
.loading-state[b-0xbzqj9401] {
    flex:1;
    min-height:0;
    border:1px solid #e0e8f2;
    border-radius:12px;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:30px;
    text-align:center;
    color:#7590ac
}
.loading-icon[b-0xbzqj9401] {
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    border:1px solid #dae6f4;
    border-radius:16px;
    background:#f1f6fc;
    font-size:27px;
    color:#8faac8;
    margin-bottom:20px
}
.loading-state strong[b-0xbzqj9401] {
    font-size:15px;
    font-weight:600;
    color:#5f7f9f
}
.loading-state p[b-0xbzqj9401] {
    font-size:12px;
    color:#9caec2;
    margin:9px 0 18px
}
.loading-line[b-0xbzqj9401] {
    position:relative;
    width:150px;
    height:3px;
    border-radius:10px;
    background:#e8f0f8;
    overflow:hidden
}
.loading-line[b-0xbzqj9401]::after {
    content:"";
    position:absolute;
    inset:0;
    width:45%;
    border-radius:10px;
    background:#90b4d6;
    animation:loading-b-0xbzqj9401 1.4s ease-in-out infinite
}
.spinning[b-0xbzqj9401] {
    animation:spin-b-0xbzqj9401 1s linear infinite
}
@keyframes spin-b-0xbzqj9401 {
    to {
        transform:rotate(360deg)
    }
}
@keyframes loading-b-0xbzqj9401 {
    from {
        transform:translateX(-100%)
    }
    to {
        transform:translateX(330%)
    }
}
@container company (max-width:1100px) {
    .company-content[b-0xbzqj9401] {
        grid-template-columns:260px minmax(0,1fr);
        gap:15px
    }
    .identity-card[b-0xbzqj9401] {
        padding:19px
    }
    .fields[b-0xbzqj9401] {
        padding:15px 17px;
        gap:15px
    }
    .section-heading[b-0xbzqj9401] {
        padding:15px 17px
    }
    .logo-card[b-0xbzqj9401] {
        align-items:flex-start;
        flex-direction:column
    }
    .logo-actions[b-0xbzqj9401] {
        padding-left:40px
    }
    .workspace-tag[b-0xbzqj9401] {
        display:none
    }
    .identity-card h2[b-0xbzqj9401] {
        font-size:18px
    }
    .save-state small[b-0xbzqj9401] {
        max-width:340px;
        line-height:1.5
    }
}
@container company (max-width:780px) {
    .company-content[b-0xbzqj9401] {
        grid-template-columns:1fr;
        gap:15px
    }
    .identity-column[b-0xbzqj9401] {
        display:grid;
        grid-template-columns:minmax(0,1fr) 210px;
        gap:13px
    }
    .identity-card[b-0xbzqj9401] {
        display:grid;
        grid-template-columns:72px minmax(0,1fr);
        align-items:center;
        gap:10px 14px;
        padding:16px
    }
    .identity-decoration[b-0xbzqj9401],.identity-contact[b-0xbzqj9401],.identity-brand[b-0xbzqj9401] {
        display:none
    }
    .identity-top[b-0xbzqj9401] {
        grid-column:2;
        grid-row:1;
        gap:0
    }
    .identity-label[b-0xbzqj9401] {
        display:none
    }
    .logo-tile[b-0xbzqj9401] {
        grid-column:1;
        grid-row:1/4;
        width:72px;
        height:72px;
        margin:0;
        padding:9px
    }
    .logo-tile img[b-0xbzqj9401] {
        max-height:54px
    }
    .identity-card h2[b-0xbzqj9401] {
        grid-column:2;
        margin:0;
        font-size:15px
    }
    .company-code[b-0xbzqj9401] {
        grid-column:2;
        justify-self:start;
        font-size:9px;
        padding:3px 6px
    }
    .activity-card[b-0xbzqj9401] {
        padding:13px
    }
    .activity-card dl[b-0xbzqj9401] {
        gap:9px;
        margin-top:10px
    }
    .activity-card dl>div:first-child[b-0xbzqj9401] {
        display:none
    }
    .activity-card h3[b-0xbzqj9401] {
        font-size:11px
    }
    .save-state small[b-0xbzqj9401] {
        display:none
    }
    .fields[b-0xbzqj9401] {
        gap:15px 18px
    }
    .logo-card[b-0xbzqj9401] {
        flex-direction:row;
        align-items:center
    }
    .logo-actions[b-0xbzqj9401] {
        padding-left:0
    }
    .heading-copy h1[b-0xbzqj9401] {
        font-size:21px
    }
    .heading-copy p[b-0xbzqj9401] {
        font-size:11px
    }
    .save-bar[b-0xbzqj9401] {
        padding:10px 12px
    }
}
@container company (max-width:560px) {
    .identity-column[b-0xbzqj9401] {
        grid-template-columns:1fr
    }
    .activity-card[b-0xbzqj9401] {
        display:none
    }
    .page-heading[b-0xbzqj9401] {
        align-items:flex-start
    }
    .heading-copy h1[b-0xbzqj9401] {
        font-size:19px
    }
    .heading-copy p[b-0xbzqj9401] {
        max-width:240px;
        font-size:10px
    }
    .heading-actions .button[b-0xbzqj9401] {
        font-size:0;
        padding:9px;
        gap:0
    }
    .heading-actions .button i[b-0xbzqj9401] {
        font-size:14px
    }
    .fields[b-0xbzqj9401] {
        grid-template-columns:1fr;
        gap:14px
    }
    .logo-card[b-0xbzqj9401] {
        flex-direction:column;
        align-items:flex-start;
        padding:14px
    }
    .logo-actions[b-0xbzqj9401] {
        padding-left:40px
    }
    .form-caption>span[b-0xbzqj9401] {
        margin-left:0;
        width:100%;
        padding-left:17px
    }
    .save-state .state-icon[b-0xbzqj9401] {
        display:none
    }
    .save-state strong[b-0xbzqj9401] {
        font-size:10px
    }
    .save-actions[b-0xbzqj9401] {
        gap:5px
    }
    .save-actions .button[b-0xbzqj9401] {
        padding:8px 10px;
        font-size:10px
    }
    .save-actions .primary[b-0xbzqj9401] {
        min-width:110px
    }
    .save-actions .secondary i[b-0xbzqj9401] {
        display:none
    }
    .save-bar[b-0xbzqj9401] {
        gap:8px
    }
    .section-heading h2[b-0xbzqj9401] {
        font-size:13px
    }
    .section-heading p[b-0xbzqj9401] {
        font-size:10px
    }
}
@media(max-width:900px) {
    .company-page[b-0xbzqj9401] {
        padding:16px;
        gap:13px
    }
}
@media(prefers-reduced-motion:reduce) {
    .spinning[b-0xbzqj9401],.loading-line[b-0xbzqj9401]::after {
        animation:none
    }
    .button[b-0xbzqj9401],.field[b-0xbzqj9401]  input,.field[b-0xbzqj9401]  textarea {
        transition:none
    }
}
/* _content/E360_Client/Components/Pages/SystemAdmin/SYS_APPROVAL_PAGE.razor.rz.scp.css */
.approval-page[b-uw2fgvt74k]{height:97%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#24344b;padding:20px 24px;gap:16px;font-size:13px}
.approval-heading[b-uw2fgvt74k]{display:flex;align-items:center;gap:14px;flex-shrink:0}.approval-heading h1[b-uw2fgvt74k]{font-size:21px;font-weight:700;margin:0 0 6px}.approval-heading p[b-uw2fgvt74k]{margin:0;color:#748196}.approval-icon[b-uw2fgvt74k]{height:46px;width:46px;display:grid;place-items:center;border-radius:13px;background:#e8f0ff;color:#245bd6;font-size:24px}.approval-count[b-uw2fgvt74k]{margin-left:auto;background:#f1f5fa;border-radius:20px;padding:7px 13px;color:#64748b;white-space:nowrap}
.approval-guide[b-uw2fgvt74k]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-shrink:0;max-height:190px;overflow:auto}.approval-guide>div[b-uw2fgvt74k]{padding:12px 14px;border:1px solid #dfe9fa;background:#f7faff;border-radius:9px;min-width:0}.approval-guide-number[b-uw2fgvt74k]{display:inline-grid;place-items:center;width:22px;height:22px;background:#e2edff;color:#245bd6;border-radius:50%;font-weight:700;margin-right:7px}.approval-guide strong[b-uw2fgvt74k]{color:#25476e}.approval-guide p[b-uw2fgvt74k]{color:#657890;line-height:1.5;margin:8px 0 0;font-size:12px}
.approval-toolbar[b-uw2fgvt74k],.approval-filters[b-uw2fgvt74k],.approval-actions[b-uw2fgvt74k]{display:flex;align-items:center;gap:10px}.approval-toolbar[b-uw2fgvt74k]{justify-content:space-between;flex-shrink:0;flex-wrap:wrap}.approval-filters[b-uw2fgvt74k]{flex-wrap:wrap}.approval-search[b-uw2fgvt74k]{position:relative}.approval-search i[b-uw2fgvt74k]{position:absolute;left:12px;top:11px;color:#8996a8}.approval-search input[b-uw2fgvt74k]{width:290px;padding-left:36px!important}
.approval-page input[b-uw2fgvt74k],.approval-page select[b-uw2fgvt74k],.approval-dialog input[b-uw2fgvt74k],.approval-dialog select[b-uw2fgvt74k],.approval-dialog textarea[b-uw2fgvt74k]{font:inherit;border:1px solid #dce3ee;border-radius:7px;padding:9px 11px;background:#fff;color:#24344b;min-width:0}.approval-page input:focus[b-uw2fgvt74k],.approval-page select:focus[b-uw2fgvt74k],.approval-dialog input:focus[b-uw2fgvt74k],.approval-dialog select:focus[b-uw2fgvt74k],.approval-dialog textarea:focus[b-uw2fgvt74k]{outline:2px solid #a9c3ff;outline-offset:1px;border-color:#6796f2}.approval-page button[b-uw2fgvt74k],.approval-dialog button[b-uw2fgvt74k]{font:inherit;border:1px solid #dbe3ef;background:#fff;color:#394b65;border-radius:7px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.approval-page button:hover:not(:disabled)[b-uw2fgvt74k],.approval-dialog button:hover:not(:disabled)[b-uw2fgvt74k]{background:#edf3ff;border-color:#aac5ff}.approval-page button.primary[b-uw2fgvt74k],.approval-dialog button.primary[b-uw2fgvt74k]{background:#2461d7;color:#fff;border-color:#2461d7}.approval-page button:disabled[b-uw2fgvt74k],.approval-dialog button:disabled[b-uw2fgvt74k]{opacity:.5;cursor:default}.approval-notice[b-uw2fgvt74k]{border-radius:8px;padding:11px 14px;flex-shrink:0}.approval-notice.error[b-uw2fgvt74k]{background:#fff1f1;color:#b62c36;border:1px solid #ffd9dd}.approval-notice.success[b-uw2fgvt74k]{background:#eefaf4;color:#267850;border:1px solid #d2efdf}
.approval-table-wrap[b-uw2fgvt74k]{flex:1;min-height:0;overflow:auto;border:1px solid #e4eaf3;border-radius:10px}.approval-table[b-uw2fgvt74k]{width:100%;border-collapse:separate;border-spacing:0}.approval-table th[b-uw2fgvt74k]{position:sticky;top:0;background:#f4f7fb;padding:13px 14px;font-size:12px;font-weight:600;color:#63738a;border-bottom:1px solid #e0e7f0;text-align:left;z-index:1;white-space:nowrap}.approval-table td[b-uw2fgvt74k]{padding:13px 14px;border-bottom:1px solid #eef1f6;vertical-align:middle}.approval-table tbody tr:hover[b-uw2fgvt74k]{background:#f8faff}.approval-table tbody tr:last-child td[b-uw2fgvt74k]{border-bottom:0}.approval-table strong[b-uw2fgvt74k]{font-weight:600}.approval-table .number[b-uw2fgvt74k]{text-align:right}.muted[b-uw2fgvt74k]{color:#7a879a}.nowrap[b-uw2fgvt74k]{white-space:nowrap}.approval-table button.text-link[b-uw2fgvt74k]{background:none;border:0;color:#2461d7;padding:2px 0}.approval-empty[b-uw2fgvt74k]{text-align:center!important;padding:55px 16px!important;color:#8a97a8}.approval-empty>i[b-uw2fgvt74k],.approval-empty>strong[b-uw2fgvt74k],.approval-empty>span[b-uw2fgvt74k]{display:block;margin:8px auto}.approval-empty>i[b-uw2fgvt74k]{font-size:35px;color:#a9bedb}.approval-empty>strong[b-uw2fgvt74k]{font-size:15px;color:#4c617d}.approval-pagination[b-uw2fgvt74k]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;color:#7a879a}.approval-pagination>div[b-uw2fgvt74k]{display:flex;align-items:center;gap:12px}
.approval-badge[b-uw2fgvt74k]{display:inline-flex;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#edf1f7;color:#627189;white-space:nowrap}.approval-badge.active[b-uw2fgvt74k],.approval-badge.approved[b-uw2fgvt74k],.approval-badge.approve[b-uw2fgvt74k]{background:#e6f7ed;color:#23764e}.approval-badge.pending[b-uw2fgvt74k],.approval-badge.submit[b-uw2fgvt74k]{background:#fff4db;color:#996819}.approval-badge.rejected[b-uw2fgvt74k],.approval-badge.reject[b-uw2fgvt74k]{background:#ffebed;color:#b83e4c}.approval-badge.returned[b-uw2fgvt74k],.approval-badge.return[b-uw2fgvt74k]{background:#e8efff;color:#4263b2}.approval-mine[b-uw2fgvt74k]{display:block;font-size:10px;color:#245bd6;margin-top:5px}
.approval-backdrop[b-uw2fgvt74k]{position:fixed;inset:0;background:rgba(20,34,57,.38);display:flex;align-items:center;justify-content:center;z-index:1500;padding:25px}.approval-dialog[b-uw2fgvt74k]{width:min(1100px,96vw);max-height:92vh;background:#fff;box-shadow:0 24px 80px #12213a40;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;font-size:13px;color:#24344b}.approval-dialog>header[b-uw2fgvt74k]{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#f7f9fd;border-bottom:1px solid #e7edf5;flex-shrink:0}.approval-dialog>header small[b-uw2fgvt74k]{font-size:10px;letter-spacing:1.4px;color:#6790d8;font-weight:700}.approval-dialog h2[b-uw2fgvt74k]{margin:5px 0 0;font-size:19px;font-weight:700}.approval-dialog-body[b-uw2fgvt74k]{padding:24px;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:18px}.approval-dialog footer[b-uw2fgvt74k]{padding:16px 24px;border-top:1px solid #e6ecf5;display:flex;align-items:center;gap:10px;flex-shrink:0}.approval-footer-spacer[b-uw2fgvt74k]{flex:1}.approval-dialog label[b-uw2fgvt74k]{display:flex;flex-direction:column;gap:7px;color:#5b6c83;font-weight:500}.approval-form-grid[b-uw2fgvt74k]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.approval-dialog fieldset[b-uw2fgvt74k]{border:0;padding:0;margin:0;min-width:0}.approval-dialog .check[b-uw2fgvt74k]{flex-direction:row;align-items:center;gap:9px;align-self:end;min-height:38px}.approval-dialog input[type=checkbox][b-uw2fgvt74k]{width:16px;height:16px;accent-color:#2461d7}.approval-section[b-uw2fgvt74k]{display:flex;align-items:center;justify-content:space-between;margin:19px 0 12px}.approval-section h3[b-uw2fgvt74k]{font-size:15px;font-weight:700;margin:0}.approval-hint[b-uw2fgvt74k]{background:#f0f5fc;border:1px solid #dbe7f8;border-radius:8px;padding:12px 14px;color:#627594;font-size:12px;line-height:1.7}.approval-editor-table[b-uw2fgvt74k]{overflow:auto;margin-top:14px;border:1px solid #e3eaf4;border-radius:8px}.approval-editor-table .approval-table td[b-uw2fgvt74k]{padding:9px}.approval-editor-table input:not([type=checkbox])[b-uw2fgvt74k],.approval-editor-table select[b-uw2fgvt74k]{width:100%;min-width:120px}.approval-editor-table .step-number[b-uw2fgvt74k]{min-width:55px!important;width:65px!important}.approval-dialog .danger-text[b-uw2fgvt74k]{color:#be4656}.approval-request-summary[b-uw2fgvt74k]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px;background:#f7f9fd;border:1px solid #e7edf5;border-radius:10px}.approval-request-summary>div[b-uw2fgvt74k]{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.approval-request-summary small[b-uw2fgvt74k]{font-size:10px;color:#8b99ad;letter-spacing:.6px}.approval-request-summary strong[b-uw2fgvt74k]{font-size:17px}.approval-request-summary span:not(.approval-badge)[b-uw2fgvt74k]{color:#7c8ba2;font-size:12px}
.approval-steps[b-uw2fgvt74k]{display:flex;flex-direction:column;gap:10px}.approval-step[b-uw2fgvt74k]{display:flex;align-items:center;gap:14px;border:1px solid #e6edf5;border-radius:10px;padding:14px;flex-wrap:wrap}.approval-step.pending[b-uw2fgvt74k]{border-color:#aac8f6;background:#f8fbff}.approval-step-index[b-uw2fgvt74k]{width:34px;height:34px;display:grid;place-items:center;background:#edf2f9;color:#6b83a4;font-weight:700;border-radius:50%;flex-shrink:0}.approval-step.approved .approval-step-index[b-uw2fgvt74k]{background:#e2f5eb;color:#2c8057}.approval-step-info[b-uw2fgvt74k]{flex:1;min-width:200px}.approval-step-info strong[b-uw2fgvt74k]{display:block;margin-bottom:5px}.approval-step-info span[b-uw2fgvt74k]{font-size:12px;color:#8591a5}.approval-step-info p[b-uw2fgvt74k]{margin:6px 0 0;color:#63728b;font-size:12px}.approval-step-actions[b-uw2fgvt74k]{display:flex;gap:7px}.approval-timeline[b-uw2fgvt74k]{padding:0 10px}.approval-timeline>div[b-uw2fgvt74k]{position:relative;padding:0 0 20px 25px;border-left:2px solid #e3ebf6}.timeline-dot[b-uw2fgvt74k]{position:absolute;width:10px;height:10px;background:#648bca;border-radius:50%;left:-6px;top:4px;border:2px solid #fff}.approval-timeline small[b-uw2fgvt74k]{display:block;color:#8392a9;font-size:11px;margin-top:5px}.approval-timeline p[b-uw2fgvt74k]{margin:8px 0 0;color:#536681}.approval-timeline>div:last-child[b-uw2fgvt74k]{padding-bottom:0}
@media(max-width:1100px){.approval-guide[b-uw2fgvt74k]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px}}@media(max-width:850px){.approval-page[b-uw2fgvt74k]{padding:14px}.approval-count[b-uw2fgvt74k]{display:none}.approval-dialog-body[b-uw2fgvt74k]{padding:16px}.approval-form-grid[b-uw2fgvt74k]{grid-template-columns:1fr}.approval-request-summary[b-uw2fgvt74k]{grid-template-columns:1fr}.approval-backdrop[b-uw2fgvt74k]{padding:12px}.approval-search input[b-uw2fgvt74k]{width:240px}.approval-step-actions[b-uw2fgvt74k]{width:100%;flex-wrap:wrap}.approval-guide[b-uw2fgvt74k]{grid-template-columns:1fr;max-height:175px}}
/* _content/E360_Client/Components/Pages/SystemAdmin/TRADE_SETTINGS_PAGE.razor.rz.scp.css */
.trade-settings[b-m7b7tsfyo3]{height:100%;min-height:0;overflow:auto;padding:20px;background:#f4f7fb;color:#20334d}.trade-settings header[b-m7b7tsfyo3]{display:flex;align-items:center;gap:14px;margin-bottom:20px}.page-icon[b-m7b7tsfyo3]{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e0eaff;color:#2458b8;font-size:22px}h1[b-m7b7tsfyo3]{font-size:22px;margin:0 0 5px;font-weight:700}header p[b-m7b7tsfyo3]{margin:0;color:#65758b;font-size:13px}.actions[b-m7b7tsfyo3]{display:flex;gap:8px;margin-left:auto}button[b-m7b7tsfyo3]{border:1px solid #d6deeb;background:white;border-radius:8px;padding:9px 14px;color:#30486a;font-weight:600}.primary[b-m7b7tsfyo3]{background:#245edb;border-color:#245edb;color:white}button:disabled[b-m7b7tsfyo3]{opacity:.5;cursor:not-allowed}.settings-card[b-m7b7tsfyo3]{max-width:1000px;padding:24px;background:white;border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 5px 18px #18345a08}h2[b-m7b7tsfyo3]{font-size:16px;margin:0 0 20px}.check[b-m7b7tsfyo3]{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-bottom:1px solid #edf1f6}.check input[b-m7b7tsfyo3]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#245edb}.check strong[b-m7b7tsfyo3]{font-size:14px}.check small[b-m7b7tsfyo3]{display:block;font-size:13px;line-height:1.6;color:#68798d;margin-top:5px;max-width:790px}.fields[b-m7b7tsfyo3]{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0}.fields label[b-m7b7tsfyo3]{display:flex;gap:12px;align-items:center;font-size:13px}.fields input[b-m7b7tsfyo3]{width:150px;min-height:36px;border:1px solid #cfd9e6;border-radius:7px;padding:6px 10px}.help[b-m7b7tsfyo3]{background:#eff5ff;border-left:3px solid #467ce2;padding:13px 16px;font-size:13px;line-height:1.65;margin:18px 0;color:#385878}footer[b-m7b7tsfyo3]{font-size:12px;color:#758499;margin-top:24px}.notice[b-m7b7tsfyo3]{padding:12px 16px;border-radius:8px;margin:12px 0;font-size:13px}.error[b-m7b7tsfyo3]{background:#fff0f0;color:#aa3030}.success[b-m7b7tsfyo3]{background:#eaf7ef;color:#247242}@media(max-width:780px){.trade-settings[b-m7b7tsfyo3]{padding:12px}.trade-settings header[b-m7b7tsfyo3]{flex-wrap:wrap}.actions[b-m7b7tsfyo3]{width:100%;margin-left:0}.settings-card[b-m7b7tsfyo3]{padding:16px}.fields label[b-m7b7tsfyo3]{flex-wrap:wrap}}
/* _content/E360_Client/Components/Pages/Warehouse/WAREHOUSE_DOCUMENT_DIALOG.razor.rz.scp.css */
.document-dialog-body[b-ma46ji7522] { max-height: min(70vh, 850px); overflow: auto; min-height: 100px; overscroll-behavior: contain; }
.document-dialog-body.paper-preview[b-ma46ji7522] { background: #e9edf3; padding: 20px; }
.document-dialog-footer[b-ma46ji7522] { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%; }
.document-dialog-footer > div[b-ma46ji7522] { display: flex; align-items: center; gap: 8px; }
.document-dialog-footer button[b-ma46ji7522] { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; color: #334155; font-size: 12px; font-weight: 600; }
.document-dialog-footer button.primary[b-ma46ji7522] { background: #2563eb; border-color: #2563eb; color: #fff; }
.document-dialog-footer button:disabled[b-ma46ji7522] { opacity: .55; cursor: wait; }
.document-dialog-error[b-ma46ji7522] { display: flex; align-items: center; gap: 8px; padding: 10px 14px; color: #991b1b; background: #fef2f2; border-bottom: 1px solid #fecaca; font-size: 12px; }
@media(max-width:600px) { .document-dialog-body.paper-preview[b-ma46ji7522] { padding: 10px; } }

/* _content/E360_Client/Components/Pages/Warehouse/WAREHOUSE_DOCUMENT_ROW_ACTIONS.razor.rz.scp.css */
.document-row-actions[b-pmnkea6ub6] { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 140px; }
button[b-pmnkea6ub6] { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #64748b; cursor: pointer; }
button:hover:not(:disabled)[b-pmnkea6ub6] { color: #2563eb; background: #eff6ff; border-color: #dbeafe; }
button.success:hover:not(:disabled)[b-pmnkea6ub6] { color: #15803d; background: #f0fdf4; border-color: #bbf7d0; }
button.danger:hover:not(:disabled)[b-pmnkea6ub6] { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
button:focus-visible[b-pmnkea6ub6] { outline: 2px solid #2563eb; outline-offset: 2px; }
button:disabled[b-pmnkea6ub6] { cursor: wait; opacity: .45; }
/* _content/E360_Client/Components/Pages/Warehouse/WAREHOUSE_DOCUMENT_VIEW.razor.rz.scp.css */
.document-view[b-0axhtv3mr7] { color: #1e293b; background: #fff; font-size: 13px; }
.document-heading[b-0axhtv3mr7] { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 22px 26px; border-bottom: 1px solid #e2e8f0; }
.document-eyebrow[b-0axhtv3mr7] { color: #64748b; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.document-heading h2[b-0axhtv3mr7] { margin: 5px 0 10px; font-size: 24px; font-weight: 700; overflow-wrap: anywhere; }
.document-date[b-0axhtv3mr7] { display: grid; gap: 5px; color: #64748b; font-size: 12px; text-align: right; white-space: nowrap; }
.document-date strong[b-0axhtv3mr7] { color: #334155; font-size: 15px; }
.document-status[b-0axhtv3mr7] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.document-status > span[b-0axhtv3mr7] { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.completed[b-0axhtv3mr7] { color: #166534; background: #dcfce7; } .cancelled[b-0axhtv3mr7] { color: #64748b; background: #f1f5f9; }
.draft[b-0axhtv3mr7] { color: #92400e; background: #fef3c7; } .submitted[b-0axhtv3mr7] { color: #1d4ed8; background: #dbeafe; }
.document-facts[b-0axhtv3mr7] { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px 24px; margin: 0; padding: 22px 26px; }
.document-facts > div[b-0axhtv3mr7] { min-width: 0; }
.document-facts dt[b-0axhtv3mr7] { margin-bottom: 5px; color: #64748b; font-size: 11px; font-weight: 400; }
.document-facts dd[b-0axhtv3mr7] { margin: 0; color: #334155; font-weight: 600; overflow-wrap: anywhere; }
.document-note[b-0axhtv3mr7] { display: flex; align-items: flex-start; gap: 10px; margin: 0 26px 20px; padding: 12px 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; }
.document-note > i[b-0axhtv3mr7] { color: #64748b; } .document-note strong[b-0axhtv3mr7] { font-size: 11px; color: #64748b; }
.document-note p[b-0axhtv3mr7] { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.document-lines[b-0axhtv3mr7] { padding: 0 26px 24px; }
.document-section-heading[b-0axhtv3mr7] { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; font-size: 13px; }
.document-section-heading i[b-0axhtv3mr7] { margin-right: 6px; color: #2563eb; } .document-section-heading > span[b-0axhtv3mr7] { color: #64748b; font-size: 12px; }
.document-table-scroll[b-0axhtv3mr7] { overflow: auto; border: 1px solid #e2e8f0; border-radius: 6px; }
table[b-0axhtv3mr7] { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 12px; }
th[b-0axhtv3mr7] { padding: 10px 12px; background: #f8fafc; color: #64748b; font-size: 11px; font-weight: 600; white-space: nowrap; }
td[b-0axhtv3mr7] { padding: 11px 12px; vertical-align: top; border-top: 1px solid #e9edf3; }
th:first-child[b-0axhtv3mr7] { width: 48px; } th:nth-child(3)[b-0axhtv3mr7] { min-width: 200px; }
.number[b-0axhtv3mr7] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.muted[b-0axhtv3mr7] { color: #94a3b8; } .document-code[b-0axhtv3mr7] { font-weight: 600; color: #475569; }
.document-line-note[b-0axhtv3mr7] { margin-top: 3px; color: #64748b; white-space: pre-wrap; }
.document-tracking[b-0axhtv3mr7] { margin-top: 6px; color: #64748b; font-size: 11px; line-height: 1.7; }
.document-tracking summary[b-0axhtv3mr7] { cursor: pointer; color: #2563eb; } .document-tracking > div[b-0axhtv3mr7] { padding-left: 12px; }
tfoot[b-0axhtv3mr7] { background: #f8fafc; font-weight: 700; }
.document-empty[b-0axhtv3mr7] { padding: 28px; color: #94a3b8; text-align: center; }
@media(max-width:900px) { .document-facts[b-0axhtv3mr7] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .document-heading[b-0axhtv3mr7],.document-facts[b-0axhtv3mr7] { padding: 16px; } .document-lines[b-0axhtv3mr7] { padding: 0 16px 16px; } .document-note[b-0axhtv3mr7] { margin: 0 16px 16px; } .document-heading h2[b-0axhtv3mr7] { font-size: 20px; } }

/* _content/E360_Client/Components/Pages/Warehouse/WAREHOUSE_LINE_TRACKING.razor.rz.scp.css */
.line-tracking[b-rv7yws91mx] { display:flex; flex-direction:column; gap:2px; margin-top:3px; color:#64748b; font-size:10px; font-weight:400; }
.tracking-more[b-rv7yws91mx] { color:#2563eb; }
/* _content/E360_Client/Components/Pages/Warehouse/WAREHOUSE_ORDER_PICKER.razor.rz.scp.css */
.order-picker-overlay[b-3p730steqs] { position: fixed; inset: 0; z-index: 2100; display: grid; place-items: center; padding: 20px; background: #0f172a80; }
.order-picker-dialog[b-3p730steqs] { width: min(1000px, 96vw); max-height: 86vh; display: flex; flex-direction: column; overflow: hidden; border-radius: 8px; background: #fff; box-shadow: 0 20px 60px #0003; color: #334155; font-size: 13px; }
header[b-3p730steqs], footer[b-3p730steqs] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; flex-shrink: 0; }
header[b-3p730steqs] { border-bottom: 1px solid #e2e8f0; } header > button[b-3p730steqs] { border: 0; background: transparent; font-size: 22px; }
.order-picker-tools[b-3p730steqs] { display: flex; align-items: center; gap: 16px; padding: 12px 16px 0; }
.order-picker-tools input[b-3p730steqs] { flex: 1; min-width: 0; height: 34px; padding: 0 10px; border: 1px solid #cbd5e1; border-radius: 5px; }
.order-picker-tools span[b-3p730steqs] { white-space: nowrap; font-size: 12px; color: #2563eb; }
.order-picker-hint[b-3p730steqs] { margin: 8px 16px 12px; font-size: 12px; color: #64748b; }
.order-picker-scroll[b-3p730steqs] { flex: 1; min-height: 140px; overflow: auto; margin: 0 16px; border: 1px solid #e2e8f0; }
table[b-3p730steqs] { width: 100%; border-collapse: collapse; white-space: nowrap; } th[b-3p730steqs] { position: sticky; top: 0; background: #f8fafc; color: #64748b; text-align: left; } th[b-3p730steqs], td[b-3p730steqs] { padding: 9px 10px; border-bottom: 1px solid #e2e8f0; }
tr.selected[b-3p730steqs] { background: #eff6ff; } input[type="checkbox"][b-3p730steqs] { width: 17px; height: 17px; accent-color: #2563eb; } input:disabled[b-3p730steqs] { opacity: .4; }
.empty[b-3p730steqs] { padding: 32px 12px; text-align: center; color: #94a3b8; }
footer[b-3p730steqs] { justify-content: flex-end; } footer button[b-3p730steqs] { padding: 7px 12px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; } footer .primary[b-3p730steqs] { color: #fff; border-color: #2563eb; background: #2563eb; } button:disabled[b-3p730steqs] { opacity: .5; cursor: not-allowed; }
/* _content/E360_Client/Components/Pages/Warehouse/WH_INVENTORY.razor.rz.scp.css */
.inventory-page[b-e2jgai87kz]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#f5f7fb;color:#243249;overflow:hidden}header[b-e2jgai87kz]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.eyebrow[b-e2jgai87kz]{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#7386a2}h1[b-e2jgai87kz]{font-size:21px;margin:4px 0;font-weight:650}h1 i[b-e2jgai87kz]{color:#2563eb;margin-right:6px}header p[b-e2jgai87kz]{font-size:12px;color:#64748b;margin:0;line-height:1.5}button[b-e2jgai87kz]{border:1px solid #d4dfed;border-radius:7px;background:white;color:#42536d;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}button:disabled[b-e2jgai87kz]{opacity:.45;cursor:default}.primary[b-e2jgai87kz]{background:#2563eb;color:white;border-color:#2563eb}.filters[b-e2jgai87kz]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 14px;padding:12px 14px;background:white;border:1px solid #e1e8f1;border-radius:10px;flex:none}.filters>label[b-e2jgai87kz]{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#596b85;min-width:0}.filters .product[b-e2jgai87kz]{grid-column:span 2}.filters[b-e2jgai87kz]  .dxbl-input-editor{width:100%;min-width:0}.filters input[b-e2jgai87kz],.lookup-search input[b-e2jgai87kz]{min-width:0;padding:6px 9px;border:1px solid #d5dfec;border-radius:6px;background:white;font:inherit;font-size:12px}.lookup-search[b-e2jgai87kz]{display:flex;gap:6px;align-items:end;grid-column:span 2}.lookup-search input[b-e2jgai87kz]{flex:1;min-width:0;height:32px}.lookup-search button[b-e2jgai87kz]{height:32px}.results[b-e2jgai87kz]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:white;border:1px solid #e1e8f1;border-radius:10px}.toolbar[b-e2jgai87kz]{display:flex;align-items:center;gap:12px;padding:10px 12px;flex:none;flex-wrap:wrap}.dimensions[b-e2jgai87kz]{display:flex;gap:4px;background:#f1f5fa;padding:3px;border-radius:7px}.dimensions button[b-e2jgai87kz]{border:0;background:transparent;padding:6px 10px}.dimensions .active[b-e2jgai87kz]{background:white;box-shadow:0 1px 4px #2432491c;color:#1d4ed8;font-weight:650}.search[b-e2jgai87kz]{display:flex;align-items:center;gap:8px;border:1px solid #d6e0ed;border-radius:7px;padding:6px 10px;min-width:160px;flex:1;color:#64748b}.search input[b-e2jgai87kz]{width:100%;border:0;outline:none;font:inherit;font-size:12px;min-width:0}.zero[b-e2jgai87kz]{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:12px;color:#64748b}.metrics[b-e2jgai87kz]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #edf1f7;border-bottom:1px solid #e2e9f3;background:#fafcff;flex:none}.metrics>div[b-e2jgai87kz]{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:10px 16px;border-right:1px solid #e8eef6}.metrics span[b-e2jgai87kz]{font-size:12px;color:#6b7c95}.metrics strong[b-e2jgai87kz]{font-size:20px;font-variant-numeric:tabular-nums;color:#24456f}.metrics .unit-label[b-e2jgai87kz]{font-size:13px}.grid-scroll[b-e2jgai87kz]{min-height:0;flex:1;overflow:auto}table[b-e2jgai87kz]{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th[b-e2jgai87kz]{position:sticky;top:0;background:#eff4fa;z-index:1;text-align:left;font-size:11px;font-weight:650;color:#536680}th[b-e2jgai87kz],td[b-e2jgai87kz]{padding:9px 12px;border-bottom:1px solid #eaf0f6}tbody tr:hover[b-e2jgai87kz]{background:#f7faff}td small[b-e2jgai87kz]{display:block;margin-top:3px;color:#76849a;max-width:360px;overflow:hidden;text-overflow:ellipsis}td strong[b-e2jgai87kz]{font-weight:600}.num[b-e2jgai87kz]{text-align:right;font-variant-numeric:tabular-nums}.in[b-e2jgai87kz],.metrics .in[b-e2jgai87kz]{color:#148060}.out[b-e2jgai87kz],.metrics .out[b-e2jgai87kz],small.out[b-e2jgai87kz]{color:#c24d43}.note[b-e2jgai87kz]{max-width:360px;white-space:normal;line-height:1.5;color:#64748b}.empty[b-e2jgai87kz]{padding:42px!important;text-align:center;color:#78889e}footer[b-e2jgai87kz]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #e3eaf4;font-size:12px;color:#64748b;flex:none}footer>div[b-e2jgai87kz]{display:flex;align-items:center;gap:12px}footer button[b-e2jgai87kz]{padding:5px 8px}.foot-note[b-e2jgai87kz]{font-size:11px;line-height:1.6;color:#6e7e95;flex:none}.notice[b-e2jgai87kz]{padding:9px 12px;font-size:12px;border-radius:6px;flex:none}.error[b-e2jgai87kz]{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3}.pending[b-e2jgai87kz]{background:#fff9eb;color:#946725;margin:0 12px 9px}@media(max-width:1150px){.filters[b-e2jgai87kz]{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics>div[b-e2jgai87kz]{padding:8px 10px}.dimensions button[b-e2jgai87kz]{padding:5px 7px}}@media(max-width:780px){.filters[b-e2jgai87kz]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;overflow:auto}header p[b-e2jgai87kz]{display:none}.metrics[b-e2jgai87kz]{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-page[b-e2jgai87kz]{padding:10px}.toolbar[b-e2jgai87kz]{gap:8px}.dimensions[b-e2jgai87kz]{max-width:100%;overflow:auto}.foot-note[b-e2jgai87kz]{max-height:52px;overflow:auto}}
/* _content/E360_Client/Components/Pages/Warehouse/WH_ISSUE/WH_ISSUE.razor.rz.scp.css */
/* =========================================================
   Issue PAGE
   ========================================================= */
[b-9a9smj9zci] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
.Issue-page[b-9a9smj9zci] {
    width: 100%;
    height: 97%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f6f8;
    box-sizing: border-box;
}

.issue-destination-refresh[b-9a9smj9zci] {
    flex: 0 0 28px;
    height: 100%;
    border: 0;
    border-left: 1px solid #e1e5e9;
    background: #f8fafc;
    color: #2563eb;
    cursor: pointer;
}
.issue-destination-refresh:disabled[b-9a9smj9zci] { opacity: .5; cursor: default; }
.issue-transfer-feedback[b-9a9smj9zci] {
    grid-column: 1 / -1;
    padding: 7px 10px;
    border: 1px solid #f1dfad;
    border-radius: 5px;
    background: #fff9eb;
    color: #875a13;
    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
   HEADER
   ========================================================= */

.Issue-header[b-9a9smj9zci] {
    height: 45px;
    min-height: 45px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    background: #ffffff;
    border-bottom: 1px solid #e1e5e9;
}

.allocation-header-icon[b-9a9smj9zci] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #2563eb;
    color: #ffffff;
    font-size: 15px;
}

.Issue-title-area[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.Issue-title[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #212529;
}

    .Issue-title i[b-9a9smj9zci] {
        font-size: 19px;
    }

.Issue-code[b-9a9smj9zci] {
    font-size: 12px;
    color: #6c757d;
}

    .Issue-code strong[b-9a9smj9zci] {
        color: #495057;
        font-weight: 600;
    }

.Issue-status[b-9a9smj9zci] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}

    .Issue-status i[b-9a9smj9zci] {
        font-size: 7px;
    }

    .Issue-status.draft[b-9a9smj9zci] {
        color: #856404;
        background: #fff3cd;
    }

.Issue-actions[b-9a9smj9zci] {
    display: flex;
    gap: 7px;
}


/* =========================================================
   BODY
   ========================================================= */

.Issue-body[b-9a9smj9zci] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 8px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* =========================================================
   SECTION
   ========================================================= */

.Issue-section[b-9a9smj9zci] {
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 5px;
    overflow: hidden;
}

.section-header[b-9a9smj9zci] {
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border-bottom: 1px solid #edf0f2;
}

.section-title[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #343a40;
}

    .section-title > i[b-9a9smj9zci] {
        font-size: 14px;
    }

.item-count[b-9a9smj9zci] {
    margin-left: 2px;
    padding: 2px 7px;
    border-radius: 10px;
    background: #f1f3f5;
    color: #6c757d;
    font-size: 10px;
    font-weight: 500;
}

.section-actions[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 6px;
}


/* =========================================================
   THÔNG TIN PHIẾU
   ========================================================= */

.Issue-info-section[b-9a9smj9zci] {
    flex-shrink: 0;
}

.Issue-info-grid[b-9a9smj9zci] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 5px 12px;
    padding: 5px 12px 10px;
}

.Issue-field[b-9a9smj9zci] {
    grid-column: span 3;
    min-width: 0;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    min-height: 26px;
}

    .Issue-field > label[b-9a9smj9zci] {
        margin: 0;
        padding-right: 7px;
        color: #495057;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .Issue-field .required[b-9a9smj9zci] {
        color: #dc3545;
    }


/* =========================================================
   INPUT WRAPPER
   ========================================================= */

.input-wrapper[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    height: 26px;
    min-height: 26px;
    background: #ffffff;
    border: 1px solid #d9dee5;
    border-radius: 3px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .input-wrapper > i[b-9a9smj9zci] {
        flex: 0 0 32px;
        width: 32px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #6c757d;
        font-size: 14px;
        pointer-events: none;
    }

    .input-wrapper:focus-within[b-9a9smj9zci] {
        border-color: #86b7fe;
        box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.08);
    }


/* =========================================================
   DEVEXPRESS CONTROL
   ========================================================= */

.Issue-field[b-9a9smj9zci]  .Issue-dx-control {
    width: 100%;
    min-width: 0;
    height: 100%;
}

.input-wrapper[b-9a9smj9zci]  .Issue-dx-control {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


    /* =========================================================
   DEVEXPRESS INPUT
   ========================================================= */

    .input-wrapper[b-9a9smj9zci]  .Issue-dx-control input {
        height: 24px !important;
        min-height: 24px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        font-size: 12px;
    }

        .input-wrapper[b-9a9smj9zci]  .Issue-dx-control input::placeholder {
            color: #9aa1aa;
            opacity: 1;
        }


    /* =========================================================
   DEVEXPRESS BUTTON / DROPDOWN
   ========================================================= */

    .input-wrapper[b-9a9smj9zci]  .Issue-dx-control .dxbl-btn {
        min-height: 24px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }


/* =========================================================
   DEVEXPRESS SPECIFIC CONTROLS
   ========================================================= */

.Issue-field .dxbl-combobox[b-9a9smj9zci] {
    width: 100%;
}

.Issue-field .dxbl-text-edit[b-9a9smj9zci] {
    width: 100%;
}

.Issue-field .dxbl-date-edit[b-9a9smj9zci] {
    width: 100%;
}

.Issue-field .dxbl-btn-group[b-9a9smj9zci],
.Issue-field .dxbl-edit-btn[b-9a9smj9zci] {
    min-height: 24px;
}

.Issue-field .dxbl-text-edit-input[b-9a9smj9zci] {
    min-height: 24px;
}


/* =========================================================
   Issue FIELD LAYOUT
   ========================================================= */

/* Nhóm thông tin và trường dài */

.issue-info-subhead[b-9a9smj9zci] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 6px 8px;
    border-bottom: 1px solid #e8edf3;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.issue-info-subhead:first-child[b-9a9smj9zci] { margin-top: 0; }
.issue-info-subhead i[b-9a9smj9zci] { color: #2563eb; font-size: 13px; }


.Issue-warehouse-field[b-9a9smj9zci] {
    grid-column: span 3;
}
.Issue-field-wide[b-9a9smj9zci]{
    grid-column: span 6;
}
.Issue-field-wide-type[b-9a9smj9zci] {
    grid-column: span 3;
}
/* Số chứng từ */

.Issue-document-no[b-9a9smj9zci] {
    grid-column: span 3;
}


/* Ngày chứng từ */

.Issue-document-date[b-9a9smj9zci] {
    grid-column: span 3;
}


/* Số hóa đơn */

.Issue-invoice-no[b-9a9smj9zci] {
    grid-column: span 3;
}


/* Ngày hóa đơn */

.Issue-invoice-date[b-9a9smj9zci] {
    grid-column: span 3;
}


/* =========================================================
   PRODUCT SECTION
   ========================================================= */

.Issue-items-section[b-9a9smj9zci] {
    flex: 1 0 280px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.Issue-items-section .section-header[b-9a9smj9zci] {
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 7px;
    padding-bottom: 7px;
}


/* =========================================================
   PRODUCT SEARCH
   ========================================================= */

.product-search[b-9a9smj9zci] {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    display: flex;
    align-items: center;
    margin: 0;
    position: relative;
}

    .product-search .search-icon[b-9a9smj9zci] {
        position: absolute;
        left: 10px;
        color: #7b838a;
        font-size: 13px;
    }

    .product-search input[b-9a9smj9zci] {
        width: 100%;
        height: 34px;
        padding: 5px 48px 5px 31px;
        border: 1px solid #d9dee3;
        border-radius: 4px;
        outline: none;
        font-size: 12px;
    }

        .product-search input:focus[b-9a9smj9zci] {
            border-color: #86b7fe;
            box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.08);
        }

.search-shortcut[b-9a9smj9zci] {
    position: absolute;
    right: 8px;
    padding: 2px 6px;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    background: #f8f9fa;
    color: #6c757d;
    font-size: 10px;
}




/* =========================================================
   ADD PRODUCT HINT
   ========================================================= */

.add-product-hint[b-9a9smj9zci] {
    height: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #8a9299;
    font-size: 11px;
}

    .add-product-hint i[b-9a9smj9zci] {
        font-size: 12px;
    }

    .add-product-hint strong[b-9a9smj9zci] {
        color: #495057;
    }


/* =========================================================
   SUMMARY
   ========================================================= */

.issue-bottom-grid[b-9a9smj9zci] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 370px);
    gap: 8px;
}

.issue-note-box[b-9a9smj9zci],
.issue-summary-box[b-9a9smj9zci] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #e1e5e9;
    border-radius: 6px;
    background: #fff;
}

.issue-note-box[b-9a9smj9zci] { display: flex; flex-direction: column; gap: 4px; }
.issue-note-box label[b-9a9smj9zci] { color: #334155; font-size: 12px; font-weight: 700; }
.issue-note-box label i[b-9a9smj9zci] { margin-right: 5px; color: #2563eb; }
.issue-note-box textarea[b-9a9smj9zci] { flex: 1; width: 100%; min-height: 46px; padding: 5px 8px; border: 1px solid #d9dee5; border-radius: 5px; resize: vertical; font: inherit; font-size: 12px; color: #1e293b; }
.issue-note-box textarea:focus[b-9a9smj9zci] { outline: none; border-color: #86b7fe; box-shadow: 0 0 0 2px rgba(13, 110, 253, .08); }
.issue-note-box textarea:disabled[b-9a9smj9zci] { background: #f8fafc; }
.issue-summary-box[b-9a9smj9zci] { display: grid; gap: 3px; }
.issue-summary-meta[b-9a9smj9zci] { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 5px; border-bottom: 1px solid #e9edf2; color: #64748b; font-size: 11px; }
.issue-summary-meta i[b-9a9smj9zci] { margin-right: 4px; color: #94a3b8; }
.issue-summary-row[b-9a9smj9zci] { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #64748b; font-size: 12px; }
.issue-summary-row strong[b-9a9smj9zci] { color: #334155; font-variant-numeric: tabular-nums; }
.issue-summary-total[b-9a9smj9zci] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 4px; border-top: 1px solid #dbe4ee; color: #0f172a; font-size: 11px; font-weight: 700; }
.issue-summary-total strong[b-9a9smj9zci] { color: #1d4ed8; font-size: 12px; white-space: nowrap; }

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

.Issue-footer[b-9a9smj9zci] {
    height: 52px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: #ffffff;
    border-top: 1px solid #dee2e6;
}

.footer-actions[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 7px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.Issue-page .btn[b-9a9smj9zci] {
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 11px;
    border-radius: 4px;
    font-size: 12px;
}

    .Issue-page .btn i[b-9a9smj9zci] {
        font-size: 12px;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .Issue-header[b-9a9smj9zci] {
        height: auto;
        padding-top: 7px;
        padding-bottom: 7px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .Issue-info-grid[b-9a9smj9zci] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .Issue-info-grid > .Issue-field[b-9a9smj9zci] {
        grid-column: span 1;
    }

    .Issue-info-grid > .Issue-field-wide[b-9a9smj9zci] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 900px) {

    .Issue-page[b-9a9smj9zci] {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .Issue-body[b-9a9smj9zci] {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .Issue-items-section[b-9a9smj9zci] {
        min-height: 280px;
    }

    .Issue-info-grid[b-9a9smj9zci] {
        grid-template-columns: 1fr;
    }

    .Issue-info-grid > .Issue-field[b-9a9smj9zci] {
        grid-column: 1 / -1;
    }

    .Issue-header[b-9a9smj9zci] {
        height: auto;
        min-height: 54px;
        padding: 8px 12px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .Issue-title-area[b-9a9smj9zci] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .issue-bottom-grid[b-9a9smj9zci] { grid-template-columns: 1fr; }
}


/* =========================================================
   DEVEXPRESS GRID
   ========================================================= */

.Issue-table-wrapper[b-9a9smj9zci] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e1e5e9;
    border-radius: 4px;
}

    .Issue-table-wrapper .Issue-grid[b-9a9smj9zci] {
        flex: 1 1 0;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
    }

[b-9a9smj9zci] .Issue-table-wrapper .dxbl-grid {
    height: 100%;
}



.product-search[b-9a9smj9zci] {
    position: relative;
    z-index: 100;
}

.issue-stock-popup[b-9a9smj9zci] { max-height: min(82vh, 760px); }
.issue-line-note[b-9a9smj9zci] { width: 100%; margin-top: 4px; padding: 2px 0; border: 0; background: transparent; color: #64748b; font-size: 11px; outline: none; }
.issue-line-note:focus[b-9a9smj9zci] { border-bottom: 1px solid #93c5fd; }
.issue-return-link[b-9a9smj9zci] { display: flex; align-items: center; justify-content: space-between; gap: 12px; grid-column: 1 / -1; padding: 10px 14px; background: #eff6ff; border-radius: 6px; color: #1e40af; }
.issue-stock-tools[b-9a9smj9zci] { display: flex; gap: 12px; padding: 12px 20px; align-items: center; }
.issue-stock-tools input[b-9a9smj9zci] { flex: 1; min-width: 0; height: 36px; padding: 7px 12px; border: 1px solid #d9e2ec; border-radius: 6px; }
.issue-stock-table-scroll[b-9a9smj9zci] { flex: 1; min-height: 180px; overflow: auto; margin: 0 20px 14px; }
.issue-stock-table-scroll table[b-9a9smj9zci] { width: 100%; }
.issue-stock-table-scroll thead[b-9a9smj9zci] { position: sticky; top: 0; background: #f3f6fa; z-index: 1; }
.issue-stock-table-scroll input[type="checkbox"][b-9a9smj9zci] { width: 18px; height: 18px; accent-color: #2563eb; }

/* =========================================================
   SEARCH DROPDOWN
   ========================================================= */

.product-search-dropdown[b-9a9smj9zci] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 2000;
    background: #ffffff;
    border: 1px solid #dfe3e8;
    border-radius: 5px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}


/* =========================================================
   HEADER
   ========================================================= */

.product-search-header[b-9a9smj9zci] {
    display: grid;
    grid-template-columns: 140px minmax(250px, 1fr) 80px 90px;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    background: #f7f8fa;
    border-bottom: 1px solid #e5e7eb;
    color: #6b7280;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}


/* =========================================================
   ITEM
   ========================================================= */

.product-search-item[b-9a9smj9zci] {
    display: grid;
    grid-template-columns: 140px minmax(250px, 1fr) 80px 90px;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f1f3;
    font-size: 13px;
    transition: background-color 0.08s ease;
}

    .product-search-item:hover[b-9a9smj9zci] {
        background: #f5f7fa;
    }

    .product-search-item.selected[b-9a9smj9zci] {
        background: #eaf2ff;
    }


/* =========================================================
   COLUMNS
   ========================================================= */

.product-code[b-9a9smj9zci] {
    font-weight: 600;
    color: #374151;
}

.product-name[b-9a9smj9zci] {
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-unit[b-9a9smj9zci] {
    color: #6b7280;
}

.product-stock[b-9a9smj9zci] {
    text-align: right;
    font-weight: 600;
    color: #374151;
}


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

.product-search-footer[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 32px;
    padding: 0 12px;
    background: #fafafa;
    color: #6b7280;
    font-size: 11px;
    border-top: 1px solid #e5e7eb;
}

    .product-search-footer kbd[b-9a9smj9zci] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 18px;
        padding: 0 4px;
        margin-right: 3px;
        border: 1px solid #d1d5db;
        border-radius: 3px;
        background: #ffffff;
        color: #4b5563;
        font-family: inherit;
        font-size: 10px;
    }

    .product-search-footer .result-count[b-9a9smj9zci] {
        margin-left: auto;
    }


/* =========================================================
   CSS POPUP 
   ========================================================= */
/* =========================================================
   COMPLETE POPUP
   ========================================================= */

/* =========================================================
   COMPLETE POPUP
   ========================================================= */

.Issue-complete-popup[b-9a9smj9zci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 24px 22px;
}


/* =========================================================
   ICON
   ========================================================= */

.complete-icon[b-9a9smj9zci] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #eaf7ef;
    color: #198754;
    font-size: 23px;
    font-weight: 600;
}

    .complete-icon i[b-9a9smj9zci] {
        line-height: 1;
    }


/* =========================================================
   TITLE
   ========================================================= */

.complete-title[b-9a9smj9zci] {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    color: #212529;
    margin-bottom: 7px;
}


/* =========================================================
   MESSAGE
   ========================================================= */

.complete-message[b-9a9smj9zci] {
    max-width: 360px;
    font-size: 13px;
    line-height: 20px;
    color: #6c757d;
}

    .complete-message strong[b-9a9smj9zci] {
        color: #212529;
        font-weight: 600;
    }


/* =========================================================
   QUESTION
   ========================================================= */

.complete-question[b-9a9smj9zci] {
    width: 100%;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
    color: #343a40;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}


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

.complete-popup-footer[b-9a9smj9zci] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}


/* =========================================================
   LEFT / RIGHT GROUP
   ========================================================= */

.complete-secondary-actions[b-9a9smj9zci],
.complete-main-actions[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 6px;
}


/* =========================================================
   SECONDARY ACTIONS
   ========================================================= */

.btn-complete-edit[b-9a9smj9zci],
.btn-complete-new[b-9a9smj9zci] {
    min-width: auto !important;
    height: 32px;
    padding: 5px 8px !important;
    background: transparent !important;
    border: 0 !important;
    color: #6c757d !important;
    font-size: 12px;
    font-weight: 400;
}


    /* =========================================================
   SECONDARY HOVER
   ========================================================= */

    .btn-complete-edit:hover[b-9a9smj9zci],
    .btn-complete-new:hover[b-9a9smj9zci] {
        background: #f5f6f8 !important;
        color: #343a40 !important;
    }


/* =========================================================
   LATER
   ========================================================= */

.btn-complete-later[b-9a9smj9zci] {
    min-width: 72px;
    height: 34px;
    padding: 5px 12px !important;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    font-size: 13px;
    font-weight: 400;
}


    /* =========================================================
   LATER HOVER
   ========================================================= */

    .btn-complete-later:hover[b-9a9smj9zci] {
        background: #f8f9fa !important;
        border-color: #adb5bd !important;
    }


/* =========================================================
   ALLOCATION - PRIMARY
   ========================================================= */

.btn-complete-allocation[b-9a9smj9zci] {
    min-width: 118px;
    height: 34px;
    padding: 5px 14px !important;
    background: #0d6efd !important;
    border: 1px solid #0d6efd !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
}


    /* =========================================================
   ALLOCATION HOVER
   ========================================================= */

    .btn-complete-allocation:hover[b-9a9smj9zci] {
        background: #0b5ed7 !important;
        border-color: #0a58ca !important;
    }

.complete-main-actions[b-9a9smj9zci] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.complete-actions-left[b-9a9smj9zci],
.complete-actions-right[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-grid-action[b-9a9smj9zci] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 3px 6px;
}

.btn-grid-detail[b-9a9smj9zci] {
    color: #0d6efd;
}

.btn-grid-delete[b-9a9smj9zci] {
    color: #dc3545;
}

.Issue-detail-table-wrapper[b-9a9smj9zci] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #fff;
}

/* =========================================================
   TABLE
   ========================================================= */

.Issue-detail-table[b-9a9smj9zci] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}


    /* =========================================================
   HEADER
   ========================================================= */

    .Issue-detail-table thead[b-9a9smj9zci] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

.Issue-table-group-header th[b-9a9smj9zci] {
    height: 32px;
    padding: 5px 8px;
    background: #f1f3f5;
    border-right: 1px solid #dfe3e8;
    border-bottom: 1px solid #d6dbe1;
    color: #495057;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.Issue-table-header th[b-9a9smj9zci] {
    height: 34px;
    padding: 6px 8px;
    background: #f8f9fa;
    border-right: 1px solid #dfe3e8;
    border-bottom: 1px solid #d6dbe1;
    color: #495057;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}


/* =========================================================
   BODY
   ========================================================= */

.Issue-detail-row[b-9a9smj9zci] {
    height: 44px;
}

    .Issue-detail-row td[b-9a9smj9zci] {
        padding: 4px 8px;
        border-right: 1px solid #edf0f2;
        border-bottom: 1px solid #edf0f2;
        background: #fff;
        vertical-align: middle;
    }

    .Issue-detail-row:hover td[b-9a9smj9zci] {
        background: #f8fafc;
    }


/* =========================================================
   COLUMNS
   ========================================================= */
.col-index[b-9a9smj9zci] {
    width: 45px;
}
.col-stt[b-9a9smj9zci] {
    width: 42px;
    min-width: 42px;
}

.col-code[b-9a9smj9zci] {
    width: 110px;
    min-width: 110px;
}

.col-product-name[b-9a9smj9zci] {
    width: 320px;
    min-width: 320px;
}

.col-unit[b-9a9smj9zci] {
    width: 110px;
    min-width: 110px;
}

.col-qty[b-9a9smj9zci] {
    width: 110px;
    min-width: 110px;
}

.col-price[b-9a9smj9zci] {
    width: 125px;
    min-width: 125px;
}

.col-amount[b-9a9smj9zci] {
    width: 140px;
    min-width: 140px;
}

.col-tax[b-9a9smj9zci] {
    width: 85px;
    min-width: 85px;
}

.col-tax-amount[b-9a9smj9zci] {
    width: 120px;
    min-width: 120px;
}

.col-discount[b-9a9smj9zci] {
    width: 120px;
    min-width: 120px;
}

.col-total[b-9a9smj9zci] {
    width: 150px;
    min-width: 150px;
}

.col-action[b-9a9smj9zci] {
    width: 85px;
    min-width: 85px;
}


/* =========================================================
   CELL
   ========================================================= */

.cell-stt[b-9a9smj9zci] {
    text-align: center;
    color: #6c757d;
}

.cell-code[b-9a9smj9zci] {
    font-weight: 600;
    color: #343a40;
}

.product-code[b-9a9smj9zci] {
    white-space: nowrap;
}

.product-name[b-9a9smj9zci] {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-unit[b-9a9smj9zci] {
    text-align: center;
}

.cell-number[b-9a9smj9zci] {
    text-align: right;
    white-space: nowrap;
    font-size: 13px;
}

.cell-readonly[b-9a9smj9zci] {
    color: #495057;
}

.cell-total[b-9a9smj9zci] {
    font-weight: 700;
}


/* =========================================================
   INPUT
   ========================================================= */

.Issue-unit-combo[b-9a9smj9zci] {
    width: 100%;
}

.Issue-number-input[b-9a9smj9zci] {
    width: 100%;
}

.Issue-detail-table[b-9a9smj9zci]
(.dxbl-text-edit) {
    min-height: 30px;
}

.Issue-detail-table[b-9a9smj9zci]
(.dxbl-spin-edit) {
    width: 100%;
}


/* =========================================================
   ACTION
   ========================================================= */

.cell-action[b-9a9smj9zci] {
    text-align: center;
    white-space: nowrap;
}

.Issue-row-actions[b-9a9smj9zci] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.btn-row-action[b-9a9smj9zci] {
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.btn-row-detail[b-9a9smj9zci] {
    color: #0d6efd;
}

    .btn-row-detail:hover[b-9a9smj9zci] {
        background: #e7f1ff;
    }

.btn-row-delete[b-9a9smj9zci] {
    color: #dc3545;
}

    .btn-row-delete:hover[b-9a9smj9zci] {
        background: #fdebec;
    }


/* =========================================================
   EMPTY
   ========================================================= */

.Issue-empty-row td[b-9a9smj9zci] {
    height: 180px;
    border: 0;
}

.empty-content[b-9a9smj9zci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #adb5bd;
}

    .empty-content i[b-9a9smj9zci] {
        font-size: 28px;
    }

    .empty-content span[b-9a9smj9zci] {
        font-size: 13px;
    }


/* =========================================================
   SCROLLBAR
   ========================================================= */

.Issue-detail-table-wrapper[b-9a9smj9zci]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.Issue-detail-table-wrapper[b-9a9smj9zci]::-webkit-scrollbar-track {
    background: #f1f3f5;
}

.Issue-detail-table-wrapper[b-9a9smj9zci]::-webkit-scrollbar-thumb {
    background: #c5cbd3;
    border-radius: 4px;
}

    .Issue-detail-table-wrapper[b-9a9smj9zci]::-webkit-scrollbar-thumb:hover {
        background: #adb5bd;
    }


/* =========================================================
   COMPACT DEVEXPRESS CONTROL - Issue DETAIL TABLE
   ========================================================= */

/* Đơn vị tính */
.Issue-detail-table .Issue-unit-combo[b-9a9smj9zci] {
    font-size: 12px !important;
    height: 30px !important;
    min-height: 30px !important;
}

/* Số lượng / đơn giá / VAT / chiết khấu */
.Issue-detail-table .Issue-number-input[b-9a9smj9zci] {
    font-size: 12px !important;
    height: 30px !important;
    min-height: 30px !important;
}


/* =========================================================
   DEVEXPRESS INNER ELEMENTS
   ========================================================= */

/* ComboBox */
.Issue-detail-table .Issue-unit-combo .dxbl-text-edit[b-9a9smj9zci] {
    font-size: 12px !important;
    min-height: 30px !important;
    height: 30px !important;
}

/* Text bên trong ComboBox */
.Issue-detail-table .Issue-unit-combo .dxbl-text-edit-input[b-9a9smj9zci] {
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    text-align: center;
    padding-bottom: 0 !important;
}

/* SpinEdit */
.Issue-detail-table .Issue-number-input .dxbl-text-edit[b-9a9smj9zci] {
    font-size: 12px !important;
    min-height: 30px !important;
    height: 30px !important;
}

/* Input SpinEdit */
.Issue-detail-table .Issue-number-input .dxbl-text-edit-input[b-9a9smj9zci] {
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: right !important;
}

[b-9a9smj9zci] .Issue-detail-table .Issue-number-input .dxbl-text-edit-input {
    text-align: right !important;
    font-size: 13px
}
[b-9a9smj9zci] .dxbl-text-edit .dxbl-text-edit-input {
   
    font-size: 13px
}
/* =========================================================
   TABLE CELL
   ========================================================= */
.Issue-detail-table td[b-9a9smj9zci] {
    font-size: 13px;
}

.Issue-detail-table .cell-unit[b-9a9smj9zci],
.Issue-detail-table .cell-number[b-9a9smj9zci] {
    padding: 3px 5px;
}


/* =========================================================
   PRODUCT TEXT
   ========================================================= */

.Issue-detail-table .product-code[b-9a9smj9zci],
.Issue-detail-table .product-name[b-9a9smj9zci] {
    font-size: 13px;
}




/* =========================================================
   MANAGEMENT BUTTON
   ========================================================= */

.manage-detail-btn[b-9a9smj9zci] {
    height: 28px;
    padding: 0 9px;
    border: 1px solid #bfdbfe;
    border-radius: 4px;
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
}

    .manage-detail-btn:hover[b-9a9smj9zci] {
        background: #dbeafe;
        border-color: #93c5fd;
    }
/* =========================================================
   TRACKING BADGE
   ========================================================= */

.tracking-badge[b-9a9smj9zci] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.tracking-none[b-9a9smj9zci] {
    background: #f3f4f6;
    color: #6b7280;
}
/* =========================================================
   NÚT XÓA
   ========================================================= */

.delete-detail-btn[b-9a9smj9zci] {
    min-width: 30px;
    width: 30px;
    padding: 0;
    color: #dc3545;
    border-color: #e3e6ea;
}

    .delete-detail-btn:hover[b-9a9smj9zci] {
        color: #fff;
        background: #dc3545;
        border-color: #dc3545;
    }

    .delete-detail-btn i[b-9a9smj9zci] {
        font-size: 13px;
    }
/* =========================================================
   POPUP PHÂN BỔ HÀNG HÓA
   ========================================================= */
/* =========================================================
   POPUP
   ========================================================= */

.detail-popup-overlay[b-9a9smj9zci] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.detail-popup[b-9a9smj9zci] {
    width: min(1050px, 95vw);
    max-height: 90vh;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.detail-popup-header[b-9a9smj9zci] {
    min-height: 58px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
}

.detail-popup-title[b-9a9smj9zci] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.detail-popup-product[b-9a9smj9zci] {
    margin-top: 3px;
    font-size: 11px;
    color: #6b7280;
}

.detail-popup-summary[b-9a9smj9zci] {
    min-height: 54px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 35px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

    .detail-popup-summary span[b-9a9smj9zci] {
        display: block;
        margin-bottom: 2px;
        font-size: 10px;
        color: #6b7280;
    }

    .detail-popup-summary strong[b-9a9smj9zci] {
        font-size: 14px;
    }


/* =========================================================
   DETAIL SUB SECTION
   ========================================================= */

.detail-sub-section[b-9a9smj9zci] {
    margin: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    overflow: hidden;
}

.sub-section-header[b-9a9smj9zci] {
    min-height: 46px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fafbfc;
    border-bottom: 1px solid #e5e7eb;
}

.sub-section-title[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

    .sub-section-title i[b-9a9smj9zci] {
        color: #2563eb;
    }

.sub-section-description[b-9a9smj9zci] {
    margin-top: 2px;
    color: #9ca3af;
    font-size: 10px;
}

.sub-section-add[b-9a9smj9zci] {
    height: 28px;
    padding: 0 9px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    cursor: pointer;
}

    .sub-section-add:hover[b-9a9smj9zci] {
        background: #f3f4f6;
        border-color: #9ca3af;
    }

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


/* =========================================================
   DETAIL TABLE
   ========================================================= */

.detail-table-wrapper[b-9a9smj9zci] {
    max-height: 220px;
    overflow: auto;
}

.detail-lot-table[b-9a9smj9zci],
.detail-serial-table[b-9a9smj9zci] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .detail-lot-table th[b-9a9smj9zci],
    .detail-serial-table th[b-9a9smj9zci] {
        height: 32px;
        padding: 0 8px;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #6b7280;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
    }

    .detail-lot-table td[b-9a9smj9zci],
    .detail-serial-table td[b-9a9smj9zci] {
        height: 40px;
        padding: 0 8px;
        border-bottom: 1px solid #f0f1f3;
        color: #4b5563;
        font-size: 11px;
    }

    .detail-lot-table tbody tr:last-child td[b-9a9smj9zci],
    .detail-serial-table tbody tr:last-child td[b-9a9smj9zci] {
        border-bottom: none;
    }


/* =========================================================
   INPUT
   ========================================================= */

.detail-input[b-9a9smj9zci],
.detail-number-input[b-9a9smj9zci],
.detail-input-select[b-9a9smj9zci] {
    width: 100%;
    height: 28px;
    padding: 0 7px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    color: #374151;
    font-size: 11px;
    outline: none;
}

    .detail-input:focus[b-9a9smj9zci],
    .detail-number-input:focus[b-9a9smj9zci] {
        border-color: #93c5fd;
        box-shadow: 0 0 0 2px rgba(37, 99, 235, .08);
    }

.detail-number-input[b-9a9smj9zci] {
    text-align: right;
}

.detail-input-select[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .detail-input-select i[b-9a9smj9zci] {
        color: #9ca3af;
        font-size: 10px;
    }


/* =========================================================
   ACTION
   ========================================================= */

.col-action[b-9a9smj9zci] {
    width: 44px;
    text-align: center !important;
}

.action-cell[b-9a9smj9zci] {
    text-align: center;
}

.icon-action[b-9a9smj9zci] {
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

    .icon-action:hover[b-9a9smj9zci] {
        background: #fef2f2;
        color: #dc2626;
    }


/* =========================================================
   STATUS
   ========================================================= */

.detail-status-badge[b-9a9smj9zci] {
    display: inline-flex;
    height: 21px;
    padding: 0 7px;
    align-items: center;
    border-radius: 10px;
    font-size: 10px;
}

    .detail-status-badge.pending[b-9a9smj9zci] {
        background: #fff7ed;
        color: #c2410c;
    }


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

.detail-popup-footer[b-9a9smj9zci] {
    min-height: 58px;
    padding: 8px 14px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-popup-total[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6b7280;
    font-size: 11px;
}

    .detail-popup-total strong[b-9a9smj9zci] {
        font-size: 14px;
    }

.detail-popup-actions[b-9a9smj9zci] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* =========================================================
   BUTTON
   ========================================================= */

.detail-btn[b-9a9smj9zci] {
    height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s ease;
}

    .detail-btn i[b-9a9smj9zci] {
        font-size: 14px;
    }

.detail-btn-outline[b-9a9smj9zci] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

    .detail-btn-outline:hover[b-9a9smj9zci] {
        background: #f9fafb;
        border-color: #9ca3af;
    }

.detail-btn-primary[b-9a9smj9zci] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .detail-btn-primary:hover[b-9a9smj9zci] {
        background: #1d4ed8;
    }

    .detail-btn-primary:disabled[b-9a9smj9zci] {
        opacity: .5;
        cursor: not-allowed;
    }

.detail-btn-cancel[b-9a9smj9zci] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #4b5563;
}

.detail-close[b-9a9smj9zci] {
    width: 32px;
    height: 32px;
    margin-left: 2px;
    border: none;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

    .detail-close:hover[b-9a9smj9zci] {
        background: #f3f4f6;
        color: #111827;
    }

.location-picker[b-9a9smj9zci] {
    position: relative;
    width: 100%;
}

.location-picker-input[b-9a9smj9zci] {
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.location-picker-dropdown[b-9a9smj9zci] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1000;
    width: 320px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    overflow: hidden;
}

.warning-message[b-9a9smj9zci] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 4px;
    font-size: 14px;
}

    .warning-message i[b-9a9smj9zci] {
        font-size: 20px;
        flex-shrink: 0;
    }
.Issue-status.completed i[b-9a9smj9zci] {
    color: #198754 !important;
}
.issue-barcode-message[b-9a9smj9zci]{padding:6px 10px;font-size:12px;color:#126152;background:#edf8f5;border-radius:6px;margin-bottom:6px}
/* _content/E360_Client/Components/Pages/Warehouse/WH_ISSUE/WH_ISSUE_LIST.razor.rz.scp.css */
.issue-list-page[b-yr8t7daqn4] { width:100%; height:97%; min-height:0; min-width:0; display:flex; flex-direction:column; overflow:hidden; background:#f5f6f8; color:#2f343b; font-size:13px; }
.issue-list-header[b-yr8t7daqn4] { min-height:56px; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 16px; background:#fff; border-bottom:1px solid #e5e7eb; }
.issue-list-title[b-yr8t7daqn4] { display:flex; align-items:center; gap:10px; min-width:0; }
.issue-list-title-icon[b-yr8t7daqn4] { flex:none; width:34px; height:34px; display:grid; place-items:center; border-radius:7px; color:#2563eb; background:#eef4ff; font-size:17px; }
.issue-list-header h1[b-yr8t7daqn4] { margin:0; font-size:15px; font-weight:600; line-height:18px; }
.issue-list-header p[b-yr8t7daqn4] { margin:2px 0 0; color:#8a919b; font-size:11px; }
.issue-primary[b-yr8t7daqn4] { height:34px; display:inline-flex; align-items:center; gap:6px; padding:0 13px; border:0; border-radius:5px; color:#fff; background:#2563eb; font-size:13px; font-weight:500; white-space:nowrap; }
.issue-primary:hover:not(:disabled)[b-yr8t7daqn4] { background:#1d4ed8; }
.issue-list-filters[b-yr8t7daqn4] { flex:none; display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:10px 10px 0; padding:10px; background:#fff; border:1px solid #e2e8f0; border-radius:7px; }
.issue-list-filters input[b-yr8t7daqn4],.issue-list-filters select[b-yr8t7daqn4] { height:34px; min-width:0; border:1px solid #cbd5e1; border-radius:5px; padding:0 9px; background:#fff; color:#334155; font-size:12px; }
.issue-search[b-yr8t7daqn4] { flex:1 1 220px; position:relative; }
.issue-search i[b-yr8t7daqn4] { position:absolute; top:9px; left:10px; color:#94a3b8; }
.issue-search input[b-yr8t7daqn4] { box-sizing:border-box; width:100%; padding-left:30px; }
.issue-list-filters select[b-yr8t7daqn4] { flex:0 1 160px; }
.issue-date[b-yr8t7daqn4] { display:flex; align-items:center; gap:5px; white-space:nowrap; color:#64748b; font-size:12px; }
.issue-date input[b-yr8t7daqn4] { width:125px; }
.issue-refresh[b-yr8t7daqn4] { width:34px; height:34px; flex:none; border:1px solid #cbd5e1; border-radius:5px; background:#fff; color:#334155; }
.issue-list-panels[b-yr8t7daqn4] { flex:1 1 0; min-height:0; min-width:0; display:grid; grid-template-rows:minmax(0,1fr) minmax(0,1fr); gap:8px; padding:8px 10px 10px; overflow:hidden; }
.issue-list-card[b-yr8t7daqn4] { min-height:0; min-width:0; display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid #e3e6ea; border-radius:6px; }
.issue-list-card-header[b-yr8t7daqn4] { flex:none; min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 12px; border-bottom:1px solid #e8eaed; font-size:12px; }
.issue-list-card-header > span[b-yr8t7daqn4] { color:#8a919b; font-size:11px; }
.issue-list-card-header strong[b-yr8t7daqn4] { display:flex; align-items:center; gap:7px; font-weight:600; }
.issue-list-card-header strong > i[b-yr8t7daqn4] { color:#64748b; }
.record-count[b-yr8t7daqn4] { min-width:24px; padding:2px 6px; border-radius:10px; color:#6b7280; background:#f0f2f5; font-size:10px; text-align:center; }
.issue-list-scroll[b-yr8t7daqn4] { flex:1 1 0; min-height:0; overflow:auto; }
.issue-list-scroll table[b-yr8t7daqn4] { width:100%; border-collapse:collapse; white-space:nowrap; font-size:12px; }
.issue-list-scroll th[b-yr8t7daqn4] { position:sticky; top:0; z-index:1; height:34px; padding:0 9px; background:#f8f9fa; color:#6b7280; border-bottom:1px solid #dfe3e8; text-align:left; font-size:11px; font-weight:600; }
.issue-list-scroll td[b-yr8t7daqn4] { height:36px; padding:0 9px; border-bottom:1px solid #edf0f2; }
.issue-list-scroll tbody tr:hover[b-yr8t7daqn4] { background:#f8fafc; }
.issue-master-card tbody tr[b-yr8t7daqn4] { cursor:pointer; }
.issue-master-card tbody tr.selected[b-yr8t7daqn4],.issue-master-card tbody tr.selected:hover[b-yr8t7daqn4] { background:#eef4ff; }
.issue-master-card tbody tr.selected td:first-child[b-yr8t7daqn4] { box-shadow:inset 3px 0 #2563eb; }
.issue-no[b-yr8t7daqn4] { color:#2563eb; font-weight:600; }
.issue-list-scroll .number[b-yr8t7daqn4] { text-align:right; font-variant-numeric:tabular-nums; }
.issue-list-scroll .actions[b-yr8t7daqn4] { text-align:center; min-width:150px; }
.issue-list-scroll .index[b-yr8t7daqn4] { width:40px; text-align:center; color:#64748b; }
.description[b-yr8t7daqn4] { max-width:240px; overflow:hidden; text-overflow:ellipsis; }
.issue-status[b-yr8t7daqn4] { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:500; }
.issue-status i[b-yr8t7daqn4] { font-size:7px; }
.issue-status.draft[b-yr8t7daqn4] { color:#d97706; }
.issue-status.completed[b-yr8t7daqn4] { color:#198754; }
.issue-status.cancelled[b-yr8t7daqn4] { color:#64748b; }
.issue-status.pending[b-yr8t7daqn4] { color:#2563eb; }
.issue-list-empty[b-yr8t7daqn4] { padding:30px !important; color:#94a3b8; text-align:center; }
.issue-list-error[b-yr8t7daqn4] { padding:9px 13px; color:#b91c1c; background:#fef2f2; font-size:12px; }
.issue-list-pager[b-yr8t7daqn4] { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border-top:1px solid #e2e8f0; font-size:12px; color:#64748b; }
.issue-list-pager button[b-yr8t7daqn4] { margin-left:6px; padding:5px 10px; border:1px solid #cbd5e1; border-radius:4px; background:#fff; color:#334155; }
button:disabled[b-yr8t7daqn4] { cursor:default; opacity:.45; }
button:focus-visible[b-yr8t7daqn4],input:focus-visible[b-yr8t7daqn4],select:focus-visible[b-yr8t7daqn4] { outline:2px solid #2563eb; outline-offset:2px; }
.issue-detail-header[b-yr8t7daqn4] { flex-wrap:wrap; padding-top:5px; padding-bottom:5px; }
.issue-detail-header .issue-status[b-yr8t7daqn4] { margin-left:8px; }
.issue-detail-scroll table[b-yr8t7daqn4] { min-width:900px; }
.issue-detail-scroll td[b-yr8t7daqn4] { padding-top:6px; padding-bottom:6px; vertical-align:top; }
.issue-detail-summary[b-yr8t7daqn4] { flex:none; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px 24px; padding:8px 12px; border-top:1px solid #e2e8f0; font-size:12px; color:#64748b; }
.issue-detail-summary strong[b-yr8t7daqn4] { color:#334155; font-variant-numeric:tabular-nums; }
.list-feedback[b-yr8t7daqn4] { flex:none; margin:8px 10px 0; padding:8px 12px; border:1px solid; border-radius:6px; font-size:12px; }
.list-feedback.error[b-yr8t7daqn4] { color:#991b1b; background:#fef2f2; border-color:#fecaca; }
.list-feedback.success[b-yr8t7daqn4] { color:#166534; background:#f0fdf4; border-color:#bbf7d0; }
@media(max-width:700px) { .issue-list-header[b-yr8t7daqn4] { padding:8px 12px; flex-wrap:wrap; } .issue-list-filters[b-yr8t7daqn4] { padding:8px; } .issue-search[b-yr8t7daqn4] { flex-basis:100%; } .issue-list-filters select[b-yr8t7daqn4] { flex:1 1 140px; } .issue-detail-header > span[b-yr8t7daqn4] { width:100%; } }

.issue-master-card th.actions[b-yr8t7daqn4] { right:0; z-index:2; }
.issue-master-card td.actions[b-yr8t7daqn4] { position:sticky; right:0; background:#fff; box-shadow:-1px 0 #edf0f2; }
.issue-master-card tr.selected td.actions[b-yr8t7daqn4] { background:#eef4ff; }
.issue-master-card tr:hover:not(.selected) td.actions[b-yr8t7daqn4] { background:#f8fafc; }
/* _content/E360_Client/Components/Pages/Warehouse/WH_OPERATIONS_PAGE.razor.rz.scp.css */
.ops-page[b-9wc2jmr3ll] {
    height:97%;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:16px;
    background:#f4f7fb;
    color:#24324a;
    font-size:13px;
    overflow:hidden;
    box-sizing:border-box
}
.ops-header[b-9wc2jmr3ll] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex:none
}
.ops-eyebrow[b-9wc2jmr3ll] {
    font-size:10px;
    font-weight:700;
    letter-spacing:1.1px;
    color:#71829b
}
.ops-header h1[b-9wc2jmr3ll] {
    display:flex;
    gap:10px;
    align-items:center;
    font-size:23px;
    margin:4px 0;
    font-weight:700;
    color:#172b4d
}
.ops-header h1 i[b-9wc2jmr3ll] {
    font-size:21px;
    color:#2563eb
}
.ops-header p[b-9wc2jmr3ll] {
    margin:0;
    color:#67788f;
    font-size:12px
}
.ops-actions[b-9wc2jmr3ll] {
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:wrap
}
.ops-page button[b-9wc2jmr3ll] {
    border:1px solid #d6dfec;
    border-radius:7px;
    background:#fff;
    color:#334967;
    min-height:32px;
    padding:5px 11px;
    font:inherit;
    cursor:pointer;
    white-space:nowrap;
    transition:background .15s
}
.ops-page button:hover:not(:disabled)[b-9wc2jmr3ll] {
    background:#edf4ff;
    border-color:#a9c8f3
}
.ops-page button.primary[b-9wc2jmr3ll] {
    background:#2463db;
    border-color:#2463db;
    color:#fff
}
.ops-page button.primary:hover:not(:disabled)[b-9wc2jmr3ll] {
    background:#1e50b3
}
.ops-page button.danger[b-9wc2jmr3ll] {
    color:#c13642
}
.ops-page button:disabled[b-9wc2jmr3ll] {
    opacity:.5;
    cursor:default
}
.ops-page input[b-9wc2jmr3ll],.ops-page select[b-9wc2jmr3ll],.ops-page textarea[b-9wc2jmr3ll] {
    min-width:0;
    border:1px solid #d5dfec;
    border-radius:6px;
    background:#fff;
    color:#24324a;
    font:inherit;
    padding:6px 9px;
    min-height:32px;
    box-sizing:border-box
}
.ops-page input:focus[b-9wc2jmr3ll],.ops-page select:focus[b-9wc2jmr3ll],.ops-page textarea:focus[b-9wc2jmr3ll] {
    outline:2px solid #c5dbff;
    border-color:#5a91ec
}
.ops-page input:disabled[b-9wc2jmr3ll],.ops-page select:disabled[b-9wc2jmr3ll],.ops-page textarea:disabled[b-9wc2jmr3ll] {
    background:#f4f6fa;
    color:#66758c
}
.ops-alert[b-9wc2jmr3ll] {
    padding:9px 12px;
    border-radius:7px;
    flex:none
}
.ops-alert.error[b-9wc2jmr3ll] {
    background:#fff1f2;
    border:1px solid #fecdd3;
    color:#a82b3a
}
.ops-alert.success[b-9wc2jmr3ll] {
    background:#ecfdf5;
    border:1px solid #bcebd8;
    color:#177249
}
.ops-progress[b-9wc2jmr3ll] {
    color:#2563eb;
    font-size:12px;
    flex:none
}
.ops-filters[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:10px;
    flex:none
}
.ops-search[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:7px;
    flex:1;
    background:#fff;
    border:1px solid #d5dfec;
    border-radius:8px;
    padding-left:10px;
    max-width:560px;
    color:#8897ac
}
.ops-search input[b-9wc2jmr3ll] {
    border:0;
    flex:1;
    width:100%;
    background:transparent
}
.ops-filters>span[b-9wc2jmr3ll] {
    margin-left:auto;
    color:#71829b;
    font-size:12px
}
.ops-list[b-9wc2jmr3ll] {
    display:flex;
    flex-direction:column;
    flex:0 1 40%;
    min-height:145px;
    background:#fff;
    border:1px solid #dde5f0;
    border-radius:10px;
    overflow:hidden
}
.ops-scroll[b-9wc2jmr3ll] {
    min-height:0;
    overflow:auto;
    flex:1;
    overscroll-behavior:contain
}
.ops-page table[b-9wc2jmr3ll] {
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    white-space:nowrap;
    font-size:12px
}
.ops-page th[b-9wc2jmr3ll] {
    position:sticky;
    top:0;
    background:#f0f4fa;
    color:#65758d;
    z-index:1;
    text-align:left;
    font-weight:600;
    border-bottom:1px solid #dce5f0;
    padding:10px 12px
}
.ops-page td[b-9wc2jmr3ll] {
    padding:8px 12px;
    border-bottom:1px solid #eef2f7;
    height:36px;
    box-sizing:border-box
}
.ops-page tr.selected td[b-9wc2jmr3ll] {
    background:#eaf3ff
}
.ops-page tbody tr:hover td[b-9wc2jmr3ll] {
    background:#f5f8fd
}
.ops-page .num[b-9wc2jmr3ll] {
    text-align:right;
    font-variant-numeric:tabular-nums
}
.ops-page button.link[b-9wc2jmr3ll] {
    padding:0;
    min-height:0;
    border:0;
    background:transparent;
    color:#225dcc;
    font-weight:600
}
.ops-page .icon-button[b-9wc2jmr3ll] {
    min-height:28px;
    padding:3px 7px;
    border-color:transparent;
    background:transparent
}
.ops-page .empty[b-9wc2jmr3ll] {
    text-align:center;
    color:#8a98ac;
    height:75px
}
.ops-pagination[b-9wc2jmr3ll] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:7px 12px;
    flex:none;
    font-size:11px;
    color:#7c8ba0;
    border-top:1px solid #e7edf6
}
.ops-pagination>div[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:8px
}
.ops-pagination button[b-9wc2jmr3ll] {
    min-height:25px;
    padding:0 8px
}
.ops-document[b-9wc2jmr3ll] {
    min-height:0;
    flex:1;
    display:flex;
    flex-direction:column;
    border:1px solid #dce5f0;
    border-radius:10px;
    background:#fff;
    overflow:hidden
}
.ops-detail-title[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px 12px;
    flex:none;
    border-bottom:1px solid #e6edf6
}
.ops-detail-title>div:first-child[b-9wc2jmr3ll] {
    display:flex;
    gap:10px;
    align-items:center
}
.ops-detail-title strong[b-9wc2jmr3ll] {
    font-size:13px;
    color:#243e65
}
.ops-detail-title span[b-9wc2jmr3ll] {
    color:#7b8ba2;
    font-size:11px
}
.ops-fields[b-9wc2jmr3ll] {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 18px;
    padding:12px;
    flex:none
}
.ops-fields label[b-9wc2jmr3ll] {
    display:grid;
    grid-template-columns:90px minmax(0,1fr);
    align-items:center;
    gap:8px;
    min-width:0;
    margin:0
}
.ops-fields label>span[b-9wc2jmr3ll] {
    color:#718099;
    font-size:12px
}
.ops-fields .wide[b-9wc2jmr3ll] {
    grid-column:span 2
}
.ops-fields input[b-9wc2jmr3ll],.ops-fields select[b-9wc2jmr3ll] {
    width:100%
}
.ops-note[b-9wc2jmr3ll] {
    padding:7px 12px;
    font-size:11px;
    color:#667c98;
    background:#f6f9fe;
    border-bottom:1px solid #e8eef7;
    flex:none;
    line-height:1.5
}
.ops-add[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 12px;
    flex:none;
    border-bottom:1px solid #edf1f7
}
.ops-add>span[b-9wc2jmr3ll] {
    color:#7c8a9e;
    font-size:11px;
    white-space:nowrap
}
.ops-add input[b-9wc2jmr3ll] {
    flex:1;
    width:100%
}
.ops-found[b-9wc2jmr3ll] {
    flex:none;
    margin:0 12px 8px;
    border:1px solid #bfd4f3;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 5px 14px #2549770b
}
.ops-found-scroll[b-9wc2jmr3ll] {
    max-height:140px;
    overflow:auto
}
.ops-found .ops-detail-title[b-9wc2jmr3ll] {
    padding:5px 10px;
    background:#f1f6ff
}
.ops-found-fields[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    padding:9px;
    background:#f8fbff
}
.ops-found-fields>strong[b-9wc2jmr3ll] {
    max-width:220px;
    font-size:12px
}
.ops-found-fields input[b-9wc2jmr3ll] {
    width:90px
}
.ops-found-fields select[b-9wc2jmr3ll] {
    max-width:190px
}
.ops-lines input[b-9wc2jmr3ll] {
    max-width:220px;
    min-height:29px;
    font-size:12px
}
.ops-lines .quantity[b-9wc2jmr3ll] {
    width:98px;
    text-align:right
}
.ops-lines td[b-9wc2jmr3ll] {
    padding:5px 10px
}
.ops-lines .product-name[b-9wc2jmr3ll] {
    min-width:180px;
    max-width:320px;
    overflow:hidden;
    text-overflow:ellipsis
}
.ops-document-footer[b-9wc2jmr3ll] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:8px 12px;
    background:#fafcff;
    border-top:1px solid #e2eaf4;
    flex:none
}
.ops-document-footer>label[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:10px;
    flex:1;
    min-width:0;
    margin:0;
    font-size:12px;
    color:#73829a
}
.ops-document-footer textarea[b-9wc2jmr3ll] {
    flex:1;
    min-height:32px;
    height:32px;
    max-height:65px;
    resize:vertical
}
.ops-document-footer>div[b-9wc2jmr3ll] {
    display:flex;
    align-items:center;
    gap:15px
}
.ops-document-footer>div span[b-9wc2jmr3ll] {
    font-size:11px;
    color:#8a97aa
}
.ops-document-footer strong[b-9wc2jmr3ll] {
    font-size:18px;
    color:#2259a8
}
.badge[b-9wc2jmr3ll] {
    display:inline-block;
    font-size:10px;
    border-radius:20px;
    padding:4px 8px;
    font-weight:600;
    background:#f0f3f7;
    color:#6b7b91
}
.badge.approved[b-9wc2jmr3ll],.badge.received[b-9wc2jmr3ll] {
    background:#e8f6ef;
    color:#21835a
}
.badge.submitted[b-9wc2jmr3ll],.badge.in_transit[b-9wc2jmr3ll],.badge.draft_receipt[b-9wc2jmr3ll] {
    background:#fff3dc;
    color:#a46e16
}
.badge.cancelled[b-9wc2jmr3ll] {
    background:#fdecef;
    color:#b24455
}
.badge.released[b-9wc2jmr3ll] {
    background:#eaf1fe;
    color:#4068b3
}
.difference[b-9wc2jmr3ll] {
    display:block;
    margin-top:3px;
    color:#bd7328;
    font-size:10px
}
.ops-no-selection[b-9wc2jmr3ll] {
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    color:#8f9fb3
}
.ops-no-selection i[b-9wc2jmr3ll] {
    font-size:28px
}
@media(max-width:1100px) {
    .ops-fields[b-9wc2jmr3ll] {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .ops-fields .wide[b-9wc2jmr3ll] {
        grid-column:span 1
    }
    .ops-header h1[b-9wc2jmr3ll] {
        font-size:20px
    }
}
@media(max-width:760px) {
    .ops-page[b-9wc2jmr3ll] {
        padding:9px;
        overflow:auto;
        height:100%;
        min-height:0
    }
    .ops-header[b-9wc2jmr3ll] {
        align-items:flex-start
    }
    .ops-header p[b-9wc2jmr3ll] {
        display:none
    }
    .ops-fields[b-9wc2jmr3ll] {
        grid-template-columns:1fr
    }
    .ops-detail-title[b-9wc2jmr3ll] {
        flex-wrap:wrap
    }
    .ops-list[b-9wc2jmr3ll] {
        flex:none;
        height:250px
    }
    .ops-document[b-9wc2jmr3ll] {
        flex:none;
        min-height:330px
    }
    .ops-lines[b-9wc2jmr3ll] {
        min-height:180px;
        max-height:400px
    }
    .ops-document-footer>div span[b-9wc2jmr3ll] {
        display:none
    }
    .ops-filters[b-9wc2jmr3ll] {
        flex-wrap:wrap
    }
    .ops-filters>span[b-9wc2jmr3ll] {
        display:none
    }
    .ops-found-fields[b-9wc2jmr3ll] {
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .ops-found-fields select[b-9wc2jmr3ll] {
        max-width:none
    }
}
.ops-history[b-9wc2jmr3ll] {
    flex:none;
    border-top:1px solid #e4ebf5;
    font-size:11px;
    color:#71829b;
    padding:6px 12px
}
.ops-history summary[b-9wc2jmr3ll] {
    cursor:pointer
}
.ops-history>div[b-9wc2jmr3ll] {
    max-height:110px;
    overflow:auto
}
.ops-history p[b-9wc2jmr3ll] {
    margin:6px 0
}
.ops-history time[b-9wc2jmr3ll] {
    font-variant-numeric:tabular-nums
}
/* _content/E360_Client/Components/Pages/Warehouse/WH_PRODUCTION_SOURCE_PICKER.razor.rz.scp.css */
.production-source-overlay[b-4o35p571cl]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#142e4b88;backdrop-filter:blur(3px);z-index:10000}.production-source-dialog[b-4o35p571cl]{display:flex;flex-direction:column;width:min(1000px,95vw);max-height:83vh;min-height:250px;border-radius:14px;background:#fff;border:1px solid #dce6f0;box-shadow:0 22px 70px #16334b44;padding:20px;color:#2c4c68;font-size:12px}.production-source-dialog>header[b-4o35p571cl]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.production-source-dialog header small[b-4o35p571cl]{color:#89a0b4;letter-spacing:1px;font-size:10px}.production-source-dialog h2[b-4o35p571cl]{font-size:20px;margin:4px 0}.production-source-dialog button[b-4o35p571cl]{font:inherit;font-weight:600;padding:7px 11px;border-radius:7px;border:1px solid #cdddeb;background:#f1f7fd;color:#2b6da5;cursor:pointer;white-space:nowrap}.production-source-dialog header button[b-4o35p571cl]{font-size:22px;line-height:1;background:white}.source-search[b-4o35p571cl]{display:flex;gap:8px;margin-bottom:12px}.source-search input[b-4o35p571cl]{flex:1;min-width:0;border:1px solid #d4e0eb;border-radius:7px;padding:8px 11px;font:inherit}.source-table[b-4o35p571cl]{min-height:0;overflow:auto;flex:1}.source-table table[b-4o35p571cl]{width:100%;border-collapse:separate;border-spacing:0}.source-table th[b-4o35p571cl],.source-table td[b-4o35p571cl]{padding:9px 10px;text-align:left;border-bottom:1px solid #e3ebf3}.source-table th[b-4o35p571cl]{position:sticky;top:0;background:#eff5fb;color:#6b879f;font-size:11px;white-space:nowrap}.source-table td small[b-4o35p571cl]{display:block;color:#92a7ba;font-size:11px;margin-top:3px}.source-table tr:hover[b-4o35p571cl]{background:#f6faff}.empty[b-4o35p571cl]{text-align:center!important;color:#8ba0b2;padding:28px!important}.production-source-dialog footer[b-4o35p571cl]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;color:#8ba0b2}.error[b-4o35p571cl]{background:#fff1ee;color:#b25d4d;border-radius:6px;padding:10px}@media(max-width:700px){.production-source-overlay[b-4o35p571cl]{padding:10px}.production-source-dialog[b-4o35p571cl]{padding:14px}.source-table table[b-4o35p571cl]{min-width:650px}.production-source-dialog h2[b-4o35p571cl]{font-size:16px}}
/* _content/E360_Client/Components/Pages/Warehouse/WH_RECEIPT/WH_RECEIPT.razor.rz.scp.css */

[b-6mwzbw1pwg] .dxbl-grid {
    --dxbl-grid-font-size: 12px !important;
}
.receipt-page[b-6mwzbw1pwg] {
    width: 100%;
    height: 97%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f6f8;
    box-sizing: border-box;
}

.receipt-header[b-6mwzbw1pwg] {
    min-height: 45px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    background: #ffffff;
    border-bottom: 1px solid #e1e5e9;
}

.allocation-header-icon[b-6mwzbw1pwg] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #2563eb;
    color: #ffffff;
    font-size: 15px;
}

.receipt-title-area[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.receipt-title[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #212529;
}

    .receipt-title i[b-6mwzbw1pwg] {
        font-size: 19px;
    }

.receipt-code[b-6mwzbw1pwg] {
    font-size: 12px;
    color: #6c757d;
}

    .receipt-code strong[b-6mwzbw1pwg] {
        color: #495057;
        font-weight: 600;
    }

.receipt-status[b-6mwzbw1pwg] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}

    .receipt-status i[b-6mwzbw1pwg] {
        font-size: 7px;
    }

    .receipt-status.draft[b-6mwzbw1pwg] {
        color: #856404;
        background: #fff3cd;
    }

.receipt-actions[b-6mwzbw1pwg] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.receipt-body[b-6mwzbw1pwg] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 8px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.receipt-section[b-6mwzbw1pwg] {
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 5px;
    overflow: hidden;
}

.section-header[b-6mwzbw1pwg] {
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border-bottom: 1px solid #edf0f2;
}

.receipt-items-section .section-header[b-6mwzbw1pwg] {
    flex-wrap: wrap;
    row-gap: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.section-title[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #343a40;
}

    .section-title > i[b-6mwzbw1pwg] {
        font-size: 14px;
    }

.item-count[b-6mwzbw1pwg] {
    margin-left: 2px;
    padding: 2px 7px;
    border-radius: 10px;
    background: #f1f3f5;
    color: #6c757d;
    font-size: 10px;
    font-weight: 500;
}

.receipt-info-section[b-6mwzbw1pwg] {
    flex-shrink: 0;
}

.receipt-info-grid[b-6mwzbw1pwg] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 5px 12px;
    padding: 5px 12px 10px;
}

.receipt-field[b-6mwzbw1pwg] {
    min-width: 0;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    min-height: 26px;
}

    .receipt-field > label[b-6mwzbw1pwg] {
        margin: 0;
        padding-right: 7px;
        color: #495057;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .receipt-field .required[b-6mwzbw1pwg] {
        color: #dc3545;
    }

.input-wrapper[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 26px;
    min-height: 26px;
    background: #ffffff;
    border: 1px solid #d9dee5;
    border-radius: 3px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .input-wrapper > i[b-6mwzbw1pwg] {
        flex: 0 0 32px;
        width: 32px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #6c757d;
        font-size: 14px;
        pointer-events: none;
    }

    .input-wrapper:focus-within[b-6mwzbw1pwg] {
        border-color: #86b7fe;
        box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.08);
    }

.receipt-dx-control[b-6mwzbw1pwg] {
    width: 100%;
    height: 26px;
}

.input-wrapper .receipt-dx-control[b-6mwzbw1pwg] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


    

    .input-wrapper .receipt-dx-control input[b-6mwzbw1pwg] {
        height: 24px !important;
        min-height: 24px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        font-size: 12px;
    }

        .input-wrapper .receipt-dx-control input[b-6mwzbw1pwg]::placeholder {
            color: #9aa1aa;
            opacity: 1;
        }


    

    .input-wrapper .receipt-dx-control .dxbl-btn[b-6mwzbw1pwg] {
        min-height: 24px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

.receipt-field .dxbl-combobox[b-6mwzbw1pwg] {
    width: 100%;
}

.receipt-field .dxbl-text-edit[b-6mwzbw1pwg] {
    width: 100%;
}

.receipt-field .dxbl-date-edit[b-6mwzbw1pwg] {
    width: 100%;
}

.receipt-field .dxbl-btn-group[b-6mwzbw1pwg],
.receipt-field .dxbl-edit-btn[b-6mwzbw1pwg] {
    min-height: 24px;
}

.receipt-field .dxbl-text-edit-input[b-6mwzbw1pwg] {
    min-height: 24px;
}

.receipt-info-subhead[b-6mwzbw1pwg] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 6px 8px;
    border-bottom: 1px solid #e8edf3;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.receipt-info-subhead:first-child[b-6mwzbw1pwg] { margin-top: 0; }
.receipt-info-subhead i[b-6mwzbw1pwg] { color: #2563eb; font-size: 13px; }
.receipt-core-field[b-6mwzbw1pwg] { grid-column: span 3; }
.receipt-person-field[b-6mwzbw1pwg] { grid-column: span 3; }

.receipt-field-wide[b-6mwzbw1pwg] {
    grid-column: span 6;
}

.receipt-document-no[b-6mwzbw1pwg] {
    grid-column: span 3;
}

.receipt-document-date[b-6mwzbw1pwg] {
    grid-column: span 3;
}

.receipt-invoice-no[b-6mwzbw1pwg] {
    grid-column: span 3;
}

.receipt-invoice-date[b-6mwzbw1pwg] {
    grid-column: span 3;
}

.receipt-items-section[b-6mwzbw1pwg] {
    flex: 1 0 280px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.product-search[b-6mwzbw1pwg] {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    display: flex;
    align-items: center;
    margin: 0;
    position: relative;
}

    .product-search .search-icon[b-6mwzbw1pwg] {
        position: absolute;
        left: 10px;
        color: #7b838a;
        font-size: 13px;
    }

    .product-search input[b-6mwzbw1pwg] {
        width: 100%;
        height: 34px;
        padding: 5px 48px 5px 31px;
        border: 1px solid #d9dee3;
        border-radius: 4px;
        outline: none;
        font-size: 12px;
    }

        .product-search input:focus[b-6mwzbw1pwg] {
            border-color: #86b7fe;
            box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.08);
        }

.search-shortcut[b-6mwzbw1pwg] {
    position: absolute;
    right: 8px;
    padding: 2px 6px;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    background: #f8f9fa;
    color: #6c757d;
    font-size: 10px;
}

.add-product-hint[b-6mwzbw1pwg] {
    height: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #8a9299;
    font-size: 11px;
}

    .add-product-hint i[b-6mwzbw1pwg] {
        font-size: 12px;
    }

    .add-product-hint strong[b-6mwzbw1pwg] {
        color: #495057;
    }

.receipt-bottom-grid[b-6mwzbw1pwg] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 370px);
    gap: 8px;
}

.receipt-note-box[b-6mwzbw1pwg],
.receipt-summary-box[b-6mwzbw1pwg] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #e1e5e9;
    border-radius: 6px;
    background: #fff;
}

.receipt-note-box[b-6mwzbw1pwg] { display: flex; flex-direction: column; gap: 4px; }
.receipt-note-box label[b-6mwzbw1pwg] { color: #334155; font-size: 12px; font-weight: 700; }
.receipt-note-box label i[b-6mwzbw1pwg] { margin-right: 5px; color: #2563eb; }
.receipt-note-box textarea[b-6mwzbw1pwg] { flex: 1; width: 100%; min-height: 46px; padding: 5px 8px; border: 1px solid #d9dee5; border-radius: 5px; resize: vertical; font: inherit; font-size: 12px; color: #1e293b; }
.receipt-note-box textarea:focus[b-6mwzbw1pwg] { outline: none; border-color: #86b7fe; box-shadow: 0 0 0 2px rgba(13, 110, 253, .08); }
.receipt-note-box textarea:disabled[b-6mwzbw1pwg] { background: #f8fafc; }
.receipt-summary-box[b-6mwzbw1pwg] { display: grid; gap: 3px; }
.receipt-summary-meta[b-6mwzbw1pwg] { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 5px; border-bottom: 1px solid #e9edf2; color: #64748b; font-size: 11px; }
.receipt-summary-meta i[b-6mwzbw1pwg] { margin-right: 4px; color: #94a3b8; }
.receipt-summary-row[b-6mwzbw1pwg] { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #64748b; font-size: 12px; }
.receipt-summary-row strong[b-6mwzbw1pwg] { color: #334155; font-variant-numeric: tabular-nums; }
.receipt-summary-total[b-6mwzbw1pwg] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 4px; border-top: 1px solid #dbe4ee; color: #0f172a; font-size: 11px; font-weight: 700; }
.receipt-summary-total strong[b-6mwzbw1pwg] { color: #1d4ed8; font-size: 12px; white-space: nowrap; }

.receipt-page .btn[b-6mwzbw1pwg] {
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 11px;
    border-radius: 4px;
    font-size: 12px;
}

    .receipt-page .btn i[b-6mwzbw1pwg] {
        font-size: 12px;
    }

@media (max-width: 1200px) {

    .receipt-info-grid[b-6mwzbw1pwg] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .receipt-info-grid > .receipt-field[b-6mwzbw1pwg] { grid-column: span 1; }
    .receipt-info-grid > .receipt-field-wide[b-6mwzbw1pwg] { grid-column: 1 / -1; }
}


@media (max-width: 900px) {

    .receipt-page[b-6mwzbw1pwg] {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .receipt-body[b-6mwzbw1pwg] {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .receipt-items-section[b-6mwzbw1pwg] {
        min-height: 280px;
    }

    .receipt-info-grid[b-6mwzbw1pwg] {
        grid-template-columns: 1fr;
    }

    .receipt-field[b-6mwzbw1pwg] {
        grid-column: 1 / -1;
    }

    .receipt-header[b-6mwzbw1pwg] {
        min-height: 54px;
        padding: 8px 12px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .receipt-title-area[b-6mwzbw1pwg] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .receipt-bottom-grid[b-6mwzbw1pwg] { grid-template-columns: 1fr; }
}

@media (max-width: 1200px) {
    .receipt-header[b-6mwzbw1pwg] {
        padding-top: 7px;
        padding-bottom: 7px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .receipt-items-section .add-product-hint[b-6mwzbw1pwg] {
        display: none;
    }
}

.receipt-table-wrapper[b-6mwzbw1pwg] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e1e5e9;
    border-radius: 4px;
}

[b-6mwzbw1pwg] .receipt-table-wrapper .dxbl-grid {
    height: 100%;
}

.product-search[b-6mwzbw1pwg] {
    position: relative;
    z-index: 100;
}

.product-search-dropdown[b-6mwzbw1pwg] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 2000;
    background: #ffffff;
    border: 1px solid #dfe3e8;
    border-radius: 5px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.product-code[b-6mwzbw1pwg] {
    font-weight: 600;
    color: #374151;
}

.product-name[b-6mwzbw1pwg] {
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-search-footer[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 32px;
    padding: 0 12px;
    background: #fafafa;
    color: #6b7280;
    font-size: 11px;
    border-top: 1px solid #e5e7eb;
}

    .product-search-footer kbd[b-6mwzbw1pwg] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 18px;
        padding: 0 4px;
        margin-right: 3px;
        border: 1px solid #d1d5db;
        border-radius: 3px;
        background: #ffffff;
        color: #4b5563;
        font-family: inherit;
        font-size: 10px;
    }

    .product-search-footer .result-count[b-6mwzbw1pwg] {
        margin-left: auto;
    }

.btn-complete-new[b-6mwzbw1pwg] {
    min-width: auto !important;
    height: 32px;
    padding: 5px 8px !important;
    background: transparent !important;
    border: 0 !important;
    color: #6c757d !important;
    font-size: 12px;
    font-weight: 400;
}


    

    .btn-complete-new:hover[b-6mwzbw1pwg] {
        background: #f5f6f8 !important;
        color: #343a40 !important;
    }

.btn-complete-later[b-6mwzbw1pwg] {
    min-width: 72px;
    height: 34px;
    padding: 5px 12px !important;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    font-size: 13px;
    font-weight: 400;
}


    

    .btn-complete-later:hover[b-6mwzbw1pwg] {
        background: #f8f9fa !important;
        border-color: #adb5bd !important;
    }

.btn-grid-action[b-6mwzbw1pwg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 3px 6px;
}

.btn-grid-detail[b-6mwzbw1pwg] {
    color: #0d6efd;
}

.btn-grid-delete[b-6mwzbw1pwg] {
    color: #dc3545;
}

.receipt-detail-table-wrapper[b-6mwzbw1pwg] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #fff;
}

.receipt-detail-table[b-6mwzbw1pwg] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}


    

    .receipt-detail-table thead[b-6mwzbw1pwg] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

.receipt-table-group-header th[b-6mwzbw1pwg] {
    height: 32px;
    padding: 5px 8px;
    background: #f1f3f5;
    border-right: 1px solid #dfe3e8;
    border-bottom: 1px solid #d6dbe1;
    color: #495057;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.receipt-table-header th[b-6mwzbw1pwg] {
    height: 34px;
    padding: 6px 8px;
    background: #f8f9fa;
    border-right: 1px solid #dfe3e8;
    border-bottom: 1px solid #d6dbe1;
    color: #495057;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.receipt-detail-row[b-6mwzbw1pwg] {
    height: 44px;
}

    .receipt-detail-row td[b-6mwzbw1pwg] {
        padding: 4px 8px;
        border-right: 1px solid #edf0f2;
        border-bottom: 1px solid #edf0f2;
        background: #fff;
        vertical-align: middle;
    }

    .receipt-detail-row:hover td[b-6mwzbw1pwg] {
        background: #f8fafc;
    }

.col-index[b-6mwzbw1pwg] {
    width: 45px;
}
.col-stt[b-6mwzbw1pwg] {
    width: 42px;
    min-width: 42px;
}

.col-code[b-6mwzbw1pwg] {
    width: 110px;
    min-width: 110px;
}

.col-product-name[b-6mwzbw1pwg] {
    width: 320px;
    min-width: 320px;
}

.col-unit[b-6mwzbw1pwg] {
    width: 110px;
    min-width: 110px;
}

.col-qty[b-6mwzbw1pwg] {
    width: 110px;
    min-width: 110px;
}

.col-price[b-6mwzbw1pwg] {
    width: 125px;
    min-width: 125px;
}

.col-amount[b-6mwzbw1pwg] {
    width: 140px;
    min-width: 140px;
}

.col-tax[b-6mwzbw1pwg] {
    width: 85px;
    min-width: 85px;
}

.col-tax-amount[b-6mwzbw1pwg] {
    width: 120px;
    min-width: 120px;
}

.col-discount[b-6mwzbw1pwg] {
    width: 120px;
    min-width: 120px;
}

.col-discount-percent[b-6mwzbw1pwg] {
    width: 90px;
    min-width: 90px;
}

.col-total[b-6mwzbw1pwg] {
    width: 150px;
    min-width: 150px;
}

.col-action[b-6mwzbw1pwg] {
    width: 85px;
    min-width: 85px;
}

.cell-stt[b-6mwzbw1pwg] {
    text-align: center;
    color: #6c757d;
}

.cell-code[b-6mwzbw1pwg] {
    font-weight: 600;
    color: #343a40;
}

.product-code[b-6mwzbw1pwg] {
    white-space: nowrap;
}

.product-name[b-6mwzbw1pwg] {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-unit[b-6mwzbw1pwg] {
    text-align: center;
}

.cell-number[b-6mwzbw1pwg] {
    text-align: right;
    white-space: nowrap;
    font-size: 13px;
}

.cell-readonly[b-6mwzbw1pwg] {
    color: #495057;
}

.cell-total[b-6mwzbw1pwg] {
    font-weight: 700;
}

.receipt-unit-combo[b-6mwzbw1pwg] {
    width: 100%;
}

.receipt-number-input[b-6mwzbw1pwg] {
    width: 100%;
}

.receipt-detail-table[b-6mwzbw1pwg]
(.dxbl-text-edit) {
    min-height: 30px;
}

.receipt-detail-table[b-6mwzbw1pwg]
(.dxbl-spin-edit) {
    width: 100%;
}

.cell-action[b-6mwzbw1pwg] {
    text-align: center;
    white-space: nowrap;
}

.receipt-row-actions[b-6mwzbw1pwg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.btn-row-action[b-6mwzbw1pwg] {
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.btn-row-detail[b-6mwzbw1pwg] {
    color: #0d6efd;
}

    .btn-row-detail:hover[b-6mwzbw1pwg] {
        background: #e7f1ff;
    }

.btn-row-delete[b-6mwzbw1pwg] {
    color: #dc3545;
}

    .btn-row-delete:hover[b-6mwzbw1pwg] {
        background: #fdebec;
    }

.receipt-empty-row td[b-6mwzbw1pwg] {
    height: 180px;
    border: 0;
}

.empty-content[b-6mwzbw1pwg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #adb5bd;
}

    .empty-content i[b-6mwzbw1pwg] {
        font-size: 28px;
    }

    .empty-content span[b-6mwzbw1pwg] {
        font-size: 13px;
    }

.receipt-detail-table-wrapper[b-6mwzbw1pwg]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.receipt-detail-table-wrapper[b-6mwzbw1pwg]::-webkit-scrollbar-track {
    background: #f1f3f5;
}

.receipt-detail-table-wrapper[b-6mwzbw1pwg]::-webkit-scrollbar-thumb {
    background: #c5cbd3;
    border-radius: 4px;
}

    .receipt-detail-table-wrapper[b-6mwzbw1pwg]::-webkit-scrollbar-thumb:hover {
        background: #adb5bd;
    }

.receipt-detail-table .receipt-unit-combo[b-6mwzbw1pwg] {
    font-size: 12px !important;
    height: 30px !important;
    min-height: 30px !important;
}


.receipt-detail-table .receipt-number-input[b-6mwzbw1pwg] {
    font-size: 12px !important;
    height: 30px !important;
    min-height: 30px !important;
}

.receipt-detail-table .receipt-unit-combo .dxbl-text-edit[b-6mwzbw1pwg] {
    font-size: 12px !important;
    min-height: 30px !important;
    height: 30px !important;
}


.receipt-detail-table .receipt-unit-combo .dxbl-text-edit-input[b-6mwzbw1pwg] {
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    text-align: center;
    padding-bottom: 0 !important;
}


.receipt-detail-table .receipt-number-input .dxbl-text-edit[b-6mwzbw1pwg] {
    font-size: 12px !important;
    min-height: 30px !important;
    height: 30px !important;
}


.receipt-detail-table .receipt-number-input .dxbl-text-edit-input[b-6mwzbw1pwg] {
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: right !important;
}

[b-6mwzbw1pwg] .receipt-detail-table .receipt-number-input .dxbl-text-edit-input {
    text-align: right !important;
    font-size: 13px
}
[b-6mwzbw1pwg] .dxbl-text-edit .dxbl-text-edit-input {
   
    font-size: 13px
}

.receipt-detail-table td[b-6mwzbw1pwg] {
    font-size: 13px;
}

.receipt-detail-table .cell-unit[b-6mwzbw1pwg],
.receipt-detail-table .cell-number[b-6mwzbw1pwg] {
    padding: 3px 5px;
}

.receipt-detail-table .product-code[b-6mwzbw1pwg],
.receipt-detail-table .product-name[b-6mwzbw1pwg] {
    font-size: 13px;
}

.manage-detail-btn[b-6mwzbw1pwg] {
    height: 28px;
    padding: 0 9px;
    border: 1px solid #bfdbfe;
    border-radius: 4px;
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
}

    .manage-detail-btn:hover[b-6mwzbw1pwg] {
        background: #dbeafe;
        border-color: #93c5fd;
    }


.tracking-badge[b-6mwzbw1pwg] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.tracking-none[b-6mwzbw1pwg] {
    background: #f3f4f6;
    color: #6b7280;
}


.delete-detail-btn[b-6mwzbw1pwg] {
    min-width: 30px;
    width: 30px;
    padding: 0;
    color: #dc3545;
    border-color: #e3e6ea;
}

    .delete-detail-btn:hover[b-6mwzbw1pwg] {
        color: #fff;
        background: #dc3545;
        border-color: #dc3545;
    }

    .delete-detail-btn i[b-6mwzbw1pwg] {
        font-size: 13px;
    }

.detail-popup-overlay[b-6mwzbw1pwg] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.detail-popup[b-6mwzbw1pwg] {
    width: min(1050px, 95vw);
    max-height: 90vh;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.detail-popup-header[b-6mwzbw1pwg] {
    min-height: 58px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
}

.detail-popup-title[b-6mwzbw1pwg] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.detail-popup-product[b-6mwzbw1pwg] {
    margin-top: 3px;
    font-size: 11px;
    color: #6b7280;
}

.detail-popup-summary[b-6mwzbw1pwg] {
    min-height: 54px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 35px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

    .detail-popup-summary span[b-6mwzbw1pwg] {
        display: block;
        margin-bottom: 2px;
        font-size: 10px;
        color: #6b7280;
    }

    .detail-popup-summary strong[b-6mwzbw1pwg] {
        font-size: 14px;
    }

.detail-sub-section[b-6mwzbw1pwg] {
    margin: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    overflow: hidden;
}

.sub-section-header[b-6mwzbw1pwg] {
    min-height: 46px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fafbfc;
    border-bottom: 1px solid #e5e7eb;
}

.sub-section-title[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

    .sub-section-title i[b-6mwzbw1pwg] {
        color: #2563eb;
    }

.sub-section-description[b-6mwzbw1pwg] {
    margin-top: 2px;
    color: #9ca3af;
    font-size: 10px;
}

.sub-section-add[b-6mwzbw1pwg] {
    height: 28px;
    padding: 0 9px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    cursor: pointer;
}

    .sub-section-add:hover[b-6mwzbw1pwg] {
        background: #f3f4f6;
        border-color: #9ca3af;
    }

.serial-actions[b-6mwzbw1pwg] {
    display: flex;
    gap: 6px;
}

.detail-table-wrapper[b-6mwzbw1pwg] {
    max-height: 220px;
    overflow: auto;
}

.detail-lot-table[b-6mwzbw1pwg],
.detail-serial-table[b-6mwzbw1pwg] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .detail-lot-table th[b-6mwzbw1pwg],
    .detail-serial-table th[b-6mwzbw1pwg] {
        height: 32px;
        padding: 0 8px;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #6b7280;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
    }

    .detail-lot-table td[b-6mwzbw1pwg],
    .detail-serial-table td[b-6mwzbw1pwg] {
        height: 40px;
        padding: 0 8px;
        border-bottom: 1px solid #f0f1f3;
        color: #4b5563;
        font-size: 11px;
    }

    .detail-lot-table tbody tr:last-child td[b-6mwzbw1pwg],
    .detail-serial-table tbody tr:last-child td[b-6mwzbw1pwg] {
        border-bottom: none;
    }

.detail-input[b-6mwzbw1pwg],
.detail-number-input[b-6mwzbw1pwg] {
    width: 100%;
    height: 28px;
    padding: 0 7px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    color: #374151;
    font-size: 11px;
    outline: none;
}

    .detail-input:focus[b-6mwzbw1pwg],
    .detail-number-input:focus[b-6mwzbw1pwg] {
        border-color: #93c5fd;
        box-shadow: 0 0 0 2px rgba(37, 99, 235, .08);
    }

.detail-number-input[b-6mwzbw1pwg] {
    text-align: right;
}

.col-action[b-6mwzbw1pwg] {
    width: 44px;
    text-align: center !important;
}

.action-cell[b-6mwzbw1pwg] {
    text-align: center;
}

.icon-action[b-6mwzbw1pwg] {
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

    .icon-action:hover[b-6mwzbw1pwg] {
        background: #fef2f2;
        color: #dc2626;
    }

.detail-status-badge[b-6mwzbw1pwg] {
    display: inline-flex;
    height: 21px;
    padding: 0 7px;
    align-items: center;
    border-radius: 10px;
    font-size: 10px;
}

    .detail-status-badge.pending[b-6mwzbw1pwg] {
        background: #fff7ed;
        color: #c2410c;
    }

.detail-popup-footer[b-6mwzbw1pwg] {
    min-height: 58px;
    padding: 8px 14px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-popup-total[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6b7280;
    font-size: 11px;
}

    .detail-popup-total strong[b-6mwzbw1pwg] {
        font-size: 14px;
    }

.detail-popup-actions[b-6mwzbw1pwg] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.detail-btn[b-6mwzbw1pwg] {
    height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s ease;
}

    .detail-btn i[b-6mwzbw1pwg] {
        font-size: 14px;
    }

.detail-btn-primary[b-6mwzbw1pwg] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .detail-btn-primary:hover[b-6mwzbw1pwg] {
        background: #1d4ed8;
    }

    .detail-btn-primary:disabled[b-6mwzbw1pwg] {
        opacity: .5;
        cursor: not-allowed;
    }

.detail-btn-cancel[b-6mwzbw1pwg] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #4b5563;
}

.detail-close[b-6mwzbw1pwg] {
    width: 32px;
    height: 32px;
    margin-left: 2px;
    border: none;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

    .detail-close:hover[b-6mwzbw1pwg] {
        background: #f3f4f6;
        color: #111827;
    }

.location-picker[b-6mwzbw1pwg] {
    position: relative;
    width: 100%;
}

.location-picker-input[b-6mwzbw1pwg] {
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.location-picker-dropdown[b-6mwzbw1pwg] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1000;
    width: 320px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    overflow: hidden;
}

.warning-message[b-6mwzbw1pwg] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 4px;
    font-size: 14px;
}

    .warning-message i[b-6mwzbw1pwg] {
        font-size: 20px;
        flex-shrink: 0;
    }
.receipt-status.completed i[b-6mwzbw1pwg] {
    color: #198754 !important;
}

.receipt-source-toolbar[b-6mwzbw1pwg] {
    display: flex;
    gap: 10px;
    padding-bottom: 14px;
}

.receipt-source-search[b-6mwzbw1pwg] {
    flex: 1;
    min-width: 0;
    padding: 9px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    outline: none;
}

.receipt-source-search:focus[b-6mwzbw1pwg] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.receipt-source-list[b-6mwzbw1pwg] {
    max-height: min(52vh, 480px);
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.receipt-source-table[b-6mwzbw1pwg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.receipt-source-table th[b-6mwzbw1pwg],
.receipt-source-table td[b-6mwzbw1pwg] {
    padding: 11px 12px;
    text-align: left;
    border-bottom: 1px solid #edf2f7;
}

.receipt-source-table th[b-6mwzbw1pwg] {
    position: sticky;
    top: 0;
    background: #f8fafc;
    color: #475569;
    font-weight: 650;
}

.receipt-source-table tr:hover td[b-6mwzbw1pwg] {
    background: #f8fbff;
}

.receipt-source-empty[b-6mwzbw1pwg] {
    padding: 28px;
    text-align: center;
    color: #64748b;
}

.receipt-source-select[b-6mwzbw1pwg] {
    padding: 6px 12px;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
}

.receipt-detail-table th.transfer-reason[b-6mwzbw1pwg],.receipt-detail-table td.transfer-reason[b-6mwzbw1pwg]{min-width:220px;width:240px}
.transfer-allocation-help[b-6mwzbw1pwg]{font-size:13px;color:#526078;margin:0 0 12px;line-height:1.5}
/* _content/E360_Client/Components/Pages/Warehouse/WH_RECEIPT/WH_RECEIPT_LIST.razor.rz.scp.css */
.receipt-transfer-shell[b-10b91oatvg] { height:97%; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.receipt-transfer-tabs[b-10b91oatvg] { flex:none; display:flex; flex-wrap:wrap; gap:8px; padding:10px 16px 0; background:#f5f6f8; }
.receipt-transfer-tabs button[b-10b91oatvg] { border:1px solid #dce3ed; background:#fff; padding:9px 14px; border-radius:6px; color:#536179; font-size:12px; font-weight:600; }
.receipt-transfer-tabs button.active[b-10b91oatvg] { border-color:#adc6fa; background:#eaf1ff; color:#1d4ed8; }
.receipt-transfer-content[b-10b91oatvg] { flex:1; min-height:0; overflow:hidden; }
.receipt-list-page[b-10b91oatvg] { width:100%; height:100%; min-height:0; min-width:0; display:flex; flex-direction:column; overflow:hidden; background:#f5f6f8; color:#2f343b; font-size:13px; }
.receipt-list-header[b-10b91oatvg] { min-height:56px; flex:none; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 16px; background:#fff; border-bottom:1px solid #e5e7eb; }
.receipt-list-title[b-10b91oatvg] { display:flex; align-items:center; gap:10px; min-width:0; }
.receipt-list-title-icon[b-10b91oatvg] { flex:none; width:34px; height:34px; display:grid; place-items:center; border-radius:7px; background:#eef4ff; color:#2563eb; font-size:17px; }
.receipt-list-title-main[b-10b91oatvg] { font-size:15px; font-weight:600; line-height:18px; }
.receipt-list-title-sub[b-10b91oatvg] { margin-top:2px; color:#8a919b; font-size:11px; }
.btn-primary[b-10b91oatvg] { height:34px; display:inline-flex; align-items:center; gap:6px; padding:0 13px; border:0; border-radius:5px; background:#2563eb; color:#fff; font-size:13px; font-weight:500; white-space:nowrap; }
.btn-primary:hover:not(:disabled)[b-10b91oatvg] { background:#1d4ed8; }
.receipt-list-filter[b-10b91oatvg] { flex:none; display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:10px 10px 0; padding:10px; background:#fff; border:1px solid #e2e8f0; border-radius:7px; }
.receipt-list-filter input[b-10b91oatvg],.receipt-list-filter select[b-10b91oatvg] { height:34px; min-width:0; border:1px solid #cbd5e1; border-radius:5px; padding:0 9px; background:#fff; color:#334155; font-size:12px; }
.receipt-search[b-10b91oatvg] { flex:1 1 220px; position:relative; }
.receipt-search i[b-10b91oatvg] { position:absolute; top:9px; left:10px; color:#94a3b8; }
.receipt-search input[b-10b91oatvg] { box-sizing:border-box; width:100%; padding-left:30px; }
.receipt-list-filter select[b-10b91oatvg] { flex:0 1 160px; }
.receipt-filter-date[b-10b91oatvg] { display:flex; align-items:center; gap:5px; white-space:nowrap; color:#64748b; font-size:12px; }
.receipt-filter-date input[b-10b91oatvg] { width:125px; }
.receipt-refresh[b-10b91oatvg] { flex:none; width:34px; height:34px; border:1px solid #cbd5e1; border-radius:5px; background:#fff; color:#334155; }
.receipt-list-section[b-10b91oatvg] { flex:1 1 0; min-height:0; min-width:0; display:flex; flex-direction:column; margin:8px 10px 0; background:#fff; border:1px solid #e3e6ea; border-radius:6px; overflow:hidden; }
.receipt-section-detail[b-10b91oatvg] { margin-bottom:10px; }
.section-header[b-10b91oatvg] { flex:none; min-height:38px; display:flex; align-items:center; gap:8px; padding:0 12px; border-bottom:1px solid #e8eaed; }
.section-title[b-10b91oatvg] { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; }
.section-title i[b-10b91oatvg] { color:#64748b; }
.record-count[b-10b91oatvg] { min-width:24px; padding:2px 6px; border-radius:10px; background:#f0f2f5; color:#6b7280; font-size:10px; text-align:center; }
.table-wrapper[b-10b91oatvg] { flex:1 1 0; min-height:0; width:100%; overflow:auto; }
.receipt-grid[b-10b91oatvg] { width:100%; border-collapse:collapse; white-space:nowrap; font-size:12px; }
.receipt-grid th[b-10b91oatvg] { position:sticky; top:0; z-index:1; height:34px; padding:0 9px; background:#f8f9fa; border-bottom:1px solid #dfe3e8; color:#6b7280; font-size:11px; font-weight:600; text-align:left; }
.receipt-grid td[b-10b91oatvg] { height:36px; padding:0 9px; border-bottom:1px solid #edf0f2; }
.receipt-grid tbody tr:hover[b-10b91oatvg] { background:#f8fafc; }
.receipt-section-master tbody tr[b-10b91oatvg] { cursor:pointer; }
.receipt-section-master tbody tr.selected[b-10b91oatvg],.receipt-section-master tbody tr.selected:hover[b-10b91oatvg] { background:#eef4ff; }
.receipt-section-master tbody tr.selected td:first-child[b-10b91oatvg] { box-shadow:inset 3px 0 #2563eb; }
.receipt-no[b-10b91oatvg] { color:#2563eb; font-weight:600; }
.receipt-grid .text-center[b-10b91oatvg] { text-align:center; }
.receipt-grid .text-right[b-10b91oatvg] { text-align:right; font-variant-numeric:tabular-nums; }
.col-stt[b-10b91oatvg] { width:40px; text-align:center !important; }
.receipt-grid th.col-action[b-10b91oatvg] { position:sticky; right:0; z-index:2; text-align:center; min-width:150px; }
.receipt-section-master td:last-child[b-10b91oatvg] { position:sticky; right:0; background:#fff; box-shadow:-1px 0 #edf0f2; }
.receipt-section-master tr.selected td:last-child[b-10b91oatvg] { background:#eef4ff; }
.receipt-section-master tr:hover:not(.selected) td:last-child[b-10b91oatvg] { background:#f8fafc; }
.status[b-10b91oatvg] { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:500; }
.status i[b-10b91oatvg] { font-size:7px; }
.status.completed[b-10b91oatvg] { color:#198754; }
.status.draft[b-10b91oatvg] { color:#d97706; }
.status.cancelled[b-10b91oatvg] { color:#64748b; }
.status.pending[b-10b91oatvg] { color:#2563eb; }
.detail-section-header[b-10b91oatvg] { flex-wrap:wrap; justify-content:space-between; padding-top:5px; padding-bottom:5px; }
.detail-document-info[b-10b91oatvg] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#8a919b; font-size:11px; }
.detail-document-info strong[b-10b91oatvg] { color:#475569; }
.detail-info-separator[b-10b91oatvg] { color:#cbd5e1; }
.detail-summary[b-10b91oatvg] { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; margin-left:auto; font-size:11px; color:#64748b; }
.summary-item[b-10b91oatvg] { display:flex; align-items:center; gap:6px; }
.summary-item strong[b-10b91oatvg] { color:#334155; font-variant-numeric:tabular-nums; }
.receipt-detail-grid[b-10b91oatvg] { min-width:900px; }
.receipt-detail-grid td[b-10b91oatvg] { padding-top:6px; padding-bottom:6px; vertical-align:top; }
.receipt-detail-placeholder[b-10b91oatvg] { flex:1 1 0; min-height:0; display:flex; align-items:center; justify-content:center; gap:8px; margin:8px 10px 10px; padding:14px 16px; border:1px solid #e2e8f0; border-radius:6px; background:#fff; color:#94a3b8; font-size:12px; }
.receipt-list-pager[b-10b91oatvg] { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border-top:1px solid #e2e8f0; font-size:12px; color:#64748b; }
.receipt-list-pager button[b-10b91oatvg] { margin-left:6px; padding:5px 10px; border:1px solid #cbd5e1; border-radius:4px; background:#fff; color:#334155; }
.receipt-list-empty[b-10b91oatvg] { padding:30px !important; text-align:center; color:#94a3b8; }
.receipt-detail-error[b-10b91oatvg] { padding:12px !important; color:#991b1b; background:#fef2f2; white-space:normal; }
.list-feedback[b-10b91oatvg] { flex:none; margin:8px 10px 0; padding:8px 12px; border:1px solid; border-radius:6px; font-size:12px; }
.list-feedback.error[b-10b91oatvg] { color:#991b1b; background:#fef2f2; border-color:#fecaca; }
.list-feedback.success[b-10b91oatvg] { color:#166534; background:#f0fdf4; border-color:#bbf7d0; }
.receipt-popup-error[b-10b91oatvg] { position:fixed; right:24px; bottom:24px; z-index:3000; display:flex; align-items:center; gap:18px; max-width:480px; padding:12px 16px; border:1px solid #fecaca; border-radius:8px; background:#fff7f7; color:#991b1b; box-shadow:0 8px 24px #0002; }
.receipt-popup-error button[b-10b91oatvg] { border:0; background:transparent; color:inherit; font-size:20px; }
button:disabled[b-10b91oatvg] { opacity:.45; cursor:default; }
button:focus-visible[b-10b91oatvg],input:focus-visible[b-10b91oatvg],select:focus-visible[b-10b91oatvg] { outline:2px solid #2563eb; outline-offset:2px; }
@media(max-width:700px) { .receipt-list-header[b-10b91oatvg] { padding:8px 12px; flex-wrap:wrap; } .receipt-list-filter[b-10b91oatvg] { padding:8px; } .receipt-search[b-10b91oatvg] { flex-basis:100%; } .receipt-list-filter select[b-10b91oatvg] { flex:1 1 140px; } .detail-document-info[b-10b91oatvg] { width:100%; } }
/* _content/E360_Client/Components/Pages/Warehouse/WH_RECEIPT/WH_TRANSFER_RECEIVING_LIST.razor.rz.scp.css */
.transfer-inbox[b-5r3i1gzw5c]{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:#f5f7fb;color:#1e293b;overflow:hidden}
header[b-5r3i1gzw5c]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}h1[b-5r3i1gzw5c]{font-size:21px;margin:0;font-weight:700}header p[b-5r3i1gzw5c]{margin:5px 0 0;color:#64748b;font-size:13px}
button[b-5r3i1gzw5c]{border:1px solid #dbe3ed;border-radius:7px;background:white;padding:7px 12px;color:#334155;cursor:pointer;font:inherit;font-size:13px}button:disabled[b-5r3i1gzw5c]{opacity:.5;cursor:default}
.states[b-5r3i1gzw5c]{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:none}.states .active[b-5r3i1gzw5c]{background:#eaf1ff;color:#1d4ed8;border-color:#9dbbfc}.states strong[b-5r3i1gzw5c]{margin-left:7px}
.search[b-5r3i1gzw5c]{display:flex;align-items:center;gap:8px;margin-left:auto;background:white;border:1px solid #dbe3ed;border-radius:8px;padding:8px 12px;min-width:270px}.search input[b-5r3i1gzw5c]{border:0;outline:none;width:100%;font-size:13px}
.master[b-5r3i1gzw5c],.detail[b-5r3i1gzw5c]{display:flex;flex-direction:column;min-height:0;border:1px solid #e1e7ef;background:white;border-radius:10px;overflow:hidden}.master[b-5r3i1gzw5c]{flex:1.1}.detail[b-5r3i1gzw5c]{flex:1}.table-scroll[b-5r3i1gzw5c]{flex:1;min-height:0;overflow:auto}
table[b-5r3i1gzw5c]{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th[b-5r3i1gzw5c]{position:sticky;top:0;z-index:1;background:#f0f4fa;color:#526078;font-weight:650;text-align:left}th[b-5r3i1gzw5c],td[b-5r3i1gzw5c]{padding:10px 12px;border-bottom:1px solid #edf1f6}td small[b-5r3i1gzw5c]{display:block;color:#64748b;margin-top:4px;font-size:12px;max-width:430px;white-space:normal;overflow-wrap:anywhere}tr.selected td[b-5r3i1gzw5c]{background:#eff6ff}tbody tr:hover td[b-5r3i1gzw5c]{background:#f7faff}.master tbody tr[b-5r3i1gzw5c]{cursor:pointer}.number[b-5r3i1gzw5c]{text-align:right;font-variant-numeric:tabular-nums}.variance[b-5r3i1gzw5c]{color:#b45309}.receive[b-5r3i1gzw5c]{background:#eff6ff;color:#1d4ed8;border-color:#c5d8fb;font-weight:600}
.status[b-5r3i1gzw5c]{display:inline-flex;padding:4px 8px;border-radius:5px;background:#fff5db;color:#925b00;font-size:12px}.status.RECEIVED[b-5r3i1gzw5c]{background:#dcfce7;color:#166534}.status.RECEIVED_DIFFERENCE[b-5r3i1gzw5c]{background:#fff0e5;color:#9a3412}.status.DRAFT[b-5r3i1gzw5c]{background:#e7efff;color:#1d4ed8}
footer[b-5r3i1gzw5c],.detail-heading[b-5r3i1gzw5c]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;flex:none}footer span[b-5r3i1gzw5c],.detail-heading span[b-5r3i1gzw5c]{color:#64748b}.detail-heading[b-5r3i1gzw5c]{border-bottom:1px solid #e1e7ef}.empty[b-5r3i1gzw5c]{text-align:center;color:#64748b;padding:28px}.error[b-5r3i1gzw5c]{padding:10px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:7px}
@media(max-width:850px){.transfer-inbox[b-5r3i1gzw5c]{padding:10px}.search[b-5r3i1gzw5c]{margin-left:0;flex:1}.states[b-5r3i1gzw5c]{gap:5px}header p[b-5r3i1gzw5c]{max-width:450px}.detail-heading span[b-5r3i1gzw5c]{display:none}}

.receipt-history[b-5r3i1gzw5c]{display:flex;gap:8px;align-items:center;flex:none;max-height:90px;overflow:auto;flex-wrap:wrap;padding:9px 12px;background:#f7faff;border-bottom:1px solid #e3eaf3;font-size:12px}.receipt-history button[b-5r3i1gzw5c]{font-size:11px;padding:5px 8px}.status.PARTIAL[b-5r3i1gzw5c]{background:#fff1d9;color:#966313}
/* _content/E360_Client/Components/Pages/Warehouse/WH_STOCKTAKE.razor.rz.scp.css */
.stocktake-page[b-6p984zqjj5]{height:97%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#f5f7fb;color:#243249;overflow:hidden}header[b-6p984zqjj5]{display:flex;justify-content:space-between;align-items:center;gap:15px;flex:none}header>div:first-child[b-6p984zqjj5]{display:flex;gap:12px;align-items:center}h1[b-6p984zqjj5]{font-size:19px;font-weight:650;margin:0}h1 strong[b-6p984zqjj5]{color:#245caa;margin-left:8px}.badge[b-6p984zqjj5]{font-size:12px;padding:5px 8px;border-radius:6px;background:#e6edf8;color:#405575}.actions[b-6p984zqjj5]{display:flex;gap:7px;flex-wrap:wrap}button[b-6p984zqjj5]{border:1px solid #d1ddeb;background:white;color:#334155;border-radius:7px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer}button:disabled[b-6p984zqjj5]{opacity:.5;cursor:default}.primary[b-6p984zqjj5]{background:#2563eb;color:white;border-color:#2563eb}.danger[b-6p984zqjj5]{color:#b91c1c}.workflow[b-6p984zqjj5]{display:flex;gap:12px;align-items:center;font-size:12px;color:#768398;flex:none}.workflow span[b-6p984zqjj5]{padding:6px 10px;border-radius:6px}.workflow .active[b-6p984zqjj5]{background:#e5efff;color:#1d4ed8;font-weight:650}.head-fields[b-6p984zqjj5]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 18px;padding:12px 14px;background:white;border:1px solid #e0e7f0;border-radius:9px;flex:none}.head-fields label[b-6p984zqjj5]{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:7px;font-size:12px;color:#526078;min-width:0;position:relative}.head-fields label>.required[b-6p984zqjj5]{position:absolute;left:71px;color:#dc2626}.head-fields .wide[b-6p984zqjj5]{grid-column:span 3}.head-fields input[b-6p984zqjj5],.found-panel input[b-6p984zqjj5],.found-panel select[b-6p984zqjj5],.scan select[b-6p984zqjj5]{min-width:0;padding:6px 9px;border:1px solid #d6dfec;border-radius:5px;background:white;font:inherit;font-size:12px}.head-fields input:read-only[b-6p984zqjj5]{background:#f6f8fb;color:#64748b}.snapshot[b-6p984zqjj5]{font-size:12px;align-self:center;color:#64748b}.snapshot strong[b-6p984zqjj5]{color:#526078}.head-fields[b-6p984zqjj5]  .dxbl-input-editor{width:100%;min-width:0}.count-card[b-6p984zqjj5]{flex:1;min-height:0;overflow:hidden;background:white;border:1px solid #e0e7f0;border-radius:9px;display:flex;flex-direction:column}.count-toolbar[b-6p984zqjj5]{display:flex;align-items:center;gap:10px;padding:10px 12px;flex:none}.count-toolbar strong[b-6p984zqjj5]{font-size:13px;white-space:nowrap}.count-toolbar strong span[b-6p984zqjj5]{color:#64748b;font-size:12px;font-weight:400;margin-left:7px}.search[b-6p984zqjj5]{display:flex;gap:8px;align-items:center;margin-right:auto;min-width:160px;flex:1;border:1px solid #d6dfec;border-radius:6px;padding:6px 10px;color:#64748b}.search input[b-6p984zqjj5]{min-width:0;width:100%;border:0;outline:none;font-size:12px}.table-space[b-6p984zqjj5]{flex:1;min-height:0;overflow:hidden}footer[b-6p984zqjj5]{display:flex;gap:22px;padding:9px 12px;border-top:1px solid #e4eaf3;font-size:12px;color:#64748b;flex:none}footer strong[b-6p984zqjj5]{color:#334155}.foot-note[b-6p984zqjj5]{font-size:12px;line-height:1.5;color:#64748b;flex:none}.foot-note strong[b-6p984zqjj5]{color:#2563eb}.notice[b-6p984zqjj5]{padding:9px 12px;border:1px solid;border-radius:6px;font-size:13px;flex:none}.error[b-6p984zqjj5]{color:#b91c1c;background:#fff1f1;border-color:#fecaca}.success[b-6p984zqjj5]{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.scan[b-6p984zqjj5]{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#f4f8ff;border-top:1px solid #e4ecf8;border-bottom:1px solid #e4ecf8;flex:none}.scan>input[b-6p984zqjj5]{flex:1;min-width:100px;border:1px solid #ccdaed;padding:7px 10px;border-radius:6px;font-size:12px}.scan i[b-6p984zqjj5]{color:#2563eb}.found-panel[b-6p984zqjj5]{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:10px 12px;background:#fffaf0;border-bottom:1px solid #f1e1b8;flex:none}.found-panel label[b-6p984zqjj5]{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:140px;max-width:240px;flex:1}.found-search[b-6p984zqjj5]{display:flex;gap:5px}.found-panel p[b-6p984zqjj5]{flex-basis:100%;margin:0;color:#8b692c;font-size:12px}.found-panel[b-6p984zqjj5]  .dxbl-input-editor{width:100%}@media(max-width:1100px){header[b-6p984zqjj5]{align-items:flex-start}header>div:first-child[b-6p984zqjj5]{flex-direction:column;align-items:flex-start;gap:5px}.head-fields[b-6p984zqjj5]{grid-template-columns:repeat(2,minmax(0,1fr))}.head-fields .wide[b-6p984zqjj5]{grid-column:span 1}.workflow[b-6p984zqjj5]{gap:4px}.count-toolbar[b-6p984zqjj5]{flex-wrap:wrap}.foot-note[b-6p984zqjj5]{font-size:11px}}
.empty-confirm[b-6p984zqjj5]{display:flex;align-items:center;gap:8px;padding:12px;font-size:13px;color:#526078;border-top:1px solid #e4eaf3}
.scope-help[b-6p984zqjj5]{padding:0 12px 9px;color:#64748b;font-size:12px;line-height:1.5;flex:none}
/* _content/E360_Client/Components/Pages/Warehouse/WH_STOCKTAKE_LIST.razor.rz.scp.css */
.stocktake-list[b-3tzgt7lsgv]{height:97%;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;background:#f5f7fb;padding:16px;color:#223047}header[b-3tzgt7lsgv]{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none}h1[b-3tzgt7lsgv]{font-size:21px;font-weight:700;margin:0}header p[b-3tzgt7lsgv]{font-size:13px;color:#64748b;margin:5px 0 0}button[b-3tzgt7lsgv]{border:1px solid #d6e0ed;background:white;border-radius:7px;padding:7px 12px;font:inherit;font-size:13px;color:#334155;cursor:pointer}button:disabled[b-3tzgt7lsgv]{opacity:.5;cursor:default}.primary[b-3tzgt7lsgv]{background:#2563eb;color:white;border-color:#2563eb}.filters[b-3tzgt7lsgv]{display:flex;gap:10px;flex:none}.filters label[b-3tzgt7lsgv]{display:flex;gap:8px;align-items:center;flex:1;background:white;border:1px solid #d6e0ed;border-radius:7px;padding:7px 12px}.filters input[b-3tzgt7lsgv]{border:0;outline:0;width:100%;font-size:13px}.filters select[b-3tzgt7lsgv]{border:1px solid #d6e0ed;border-radius:7px;padding:7px 10px;background:white;font-size:13px}.master[b-3tzgt7lsgv],.detail[b-3tzgt7lsgv]{background:white;border:1px solid #e0e7f0;border-radius:10px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.master[b-3tzgt7lsgv]{flex:1}.detail[b-3tzgt7lsgv]{flex:1.1}.scroll[b-3tzgt7lsgv],.rows[b-3tzgt7lsgv]{flex:1;min-height:0;overflow:auto}table[b-3tzgt7lsgv]{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th[b-3tzgt7lsgv]{position:sticky;top:0;background:#edf2f9;text-align:left;color:#526078;font-weight:650}th[b-3tzgt7lsgv],td[b-3tzgt7lsgv]{padding:9px 12px;border-bottom:1px solid #e8eef5}tbody tr[b-3tzgt7lsgv]{cursor:pointer}.selected td[b-3tzgt7lsgv]{background:#edf5ff}small[b-3tzgt7lsgv]{display:block;color:#64748b;font-size:12px;margin-top:3px}.status[b-3tzgt7lsgv]{font-size:12px;background:#edf2fb;padding:4px 7px;border-radius:5px}.APPROVED[b-3tzgt7lsgv]{background:#dcfce7;color:#166534}.COMPLETED[b-3tzgt7lsgv]{background:#fff1cc;color:#926100}.CANCELLED[b-3tzgt7lsgv]{color:#8b95a6}.detail-title[b-3tzgt7lsgv],footer[b-3tzgt7lsgv]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:12px;flex:none}.detail-title[b-3tzgt7lsgv]{border-bottom:1px solid #e0e7f0}.detail-title span[b-3tzgt7lsgv],footer span[b-3tzgt7lsgv]{color:#64748b}.empty[b-3tzgt7lsgv]{text-align:center;color:#64748b;padding:30px}.error[b-3tzgt7lsgv]{background:#fff1f1;border:1px solid #fecaca;color:#b91c1c;border-radius:7px;padding:10px;font-size:13px}
/* _content/E360_Client/Components/Pages/Warehouse/WH_STOCKTAKE_ROWS.razor.rz.scp.css */
.count-grid-scroll[b-eudxfnbpih]{height:97%;min-height:0;overflow:auto}.count-grid[b-eudxfnbpih]{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.count-grid th[b-eudxfnbpih]{position:sticky;top:0;z-index:1;background:#f0f4fa;text-align:left;color:#526078;font-weight:650}.count-grid th[b-eudxfnbpih],.count-grid td[b-eudxfnbpih]{padding:9px 11px;border-bottom:1px solid #e9eef5}.count-grid .num[b-eudxfnbpih]{text-align:right;font-variant-numeric:tabular-nums}.count-grid small[b-eudxfnbpih]{display:block;color:#64748b;margin-top:3px}.variance td[b-eudxfnbpih]{background:#fffaf0}.difference[b-eudxfnbpih]{color:#ad6200;font-weight:600}.count-grid input[b-eudxfnbpih],.count-grid select[b-eudxfnbpih]{border:1px solid #d5dfeb;border-radius:6px;background:white;font:inherit;padding:6px 8px;min-height:30px}.quantity[b-eudxfnbpih]{width:115px;text-align:right}.note[b-eudxfnbpih]{width:235px}button[b-eudxfnbpih]{border:1px solid #c7d8f3;color:#245fae;background:#eff6ff;border-radius:6px;padding:5px 9px;font:inherit;cursor:pointer}.empty[b-eudxfnbpih]{text-align:center;color:#64748b;padding:32px!important}
.row-actions button+button[b-eudxfnbpih]{margin-left:6px}.row-actions .remove[b-eudxfnbpih]{color:#b91c1c;background:#fff5f5;border-color:#fecaca}
/* _content/E360_Client/Components/Pages/Warehouse/WH_TRACKING_LOOKUP.razor.rz.scp.css */
.tracking-page[b-n1ckm4au51]{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#f3f7fa;color:#2c465e;box-sizing:border-box;font:13px "Segoe UI",sans-serif;overflow:hidden}.tracking-page>header[b-n1ckm4au51]{display:flex;align-items:center;gap:13px;flex-shrink:0}.tracking-title-icon[b-n1ckm4au51]{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#e2f0e9;color:#3a8364;font-size:23px}.tracking-page header span[b-n1ckm4au51]{font-size:10px;font-weight:700;letter-spacing:.08em;color:#729487}.tracking-page h1[b-n1ckm4au51]{font-size:22px;margin:3px 0 5px}.tracking-page header p[b-n1ckm4au51]{font-size:12px;color:#7b8f9f;margin:0}.tracking-toolbar[b-n1ckm4au51]{display:flex;gap:10px;align-items:center;flex-shrink:0}.tracking-search[b-n1ckm4au51]{display:flex;align-items:center;gap:9px;padding:0 12px;flex:1;background:#fff;border:1px solid #d8e3ec;border-radius:8px}.tracking-search i[b-n1ckm4au51]{color:#8aa0b3}.tracking-search input[b-n1ckm4au51]{width:100%;border:0;padding:10px 0;background:transparent;font:inherit;outline:0;min-width:0}.tracking-toolbar[b-n1ckm4au51]  .pos-select{width:270px}.tracking-toolbar>button[b-n1ckm4au51]{padding:9px 13px;background:#fff;border:1px solid #d4e1e8;border-radius:7px;color:#4c6d82;white-space:nowrap;cursor:pointer}.tracking-error[b-n1ckm4au51]{padding:10px 13px;border:1px solid #efcdcd;background:#fff1f1;border-radius:8px;color:#a04949;font-size:12px}.tracking-list[b-n1ckm4au51],.tracking-detail[b-n1ckm4au51]{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:white;border:1px solid #dbe5ed;border-radius:10px}.tracking-list[b-n1ckm4au51]{flex:1.15}.tracking-detail[b-n1ckm4au51]{flex:1;min-height:180px}.tracking-section-heading[b-n1ckm4au51]{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #e6edf3;background:#fcfdfe;flex-shrink:0}.tracking-section-heading>span[b-n1ckm4au51],.tracking-section-heading div>span[b-n1ckm4au51]{font-size:11px;color:#8397a7}.tracking-section-heading strong[b-n1ckm4au51]{font-size:12px}.tracking-scroll[b-n1ckm4au51]{overflow:auto;min-height:0;flex:1}table[b-n1ckm4au51]{width:100%;border-spacing:0;font-size:12px}th[b-n1ckm4au51],td[b-n1ckm4au51]{padding:10px 12px;text-align:left;border-bottom:1px solid #e8eef3;white-space:nowrap}th[b-n1ckm4au51]{position:sticky;top:0;background:#f2f7fa;z-index:1;font-size:10px;font-weight:600;color:#6d879d}tbody tr[b-n1ckm4au51]{cursor:pointer}tbody tr:hover[b-n1ckm4au51]{background:#f7fafc}tbody tr.selected[b-n1ckm4au51]{background:#eaf4f8;box-shadow:inset 3px 0 #2d8d9f}td strong[b-n1ckm4au51]{font-weight:600}td small[b-n1ckm4au51]{display:block;font-size:10px;color:#8b9eac;margin-top:4px}.num[b-n1ckm4au51]{text-align:right;font-variant-numeric:tabular-nums}.tracking-badge[b-n1ckm4au51]{display:inline-block;background:#eef1f4;color:#85929e;font-size:10px;padding:4px 7px;border-radius:5px}.tracking-badge.active[b-n1ckm4au51]{background:#e9f6ed;color:#3c8960}.tracking-badge.out[b-n1ckm4au51]{background:#fff2e7;color:#ad773b}.expired[b-n1ckm4au51],.expired small[b-n1ckm4au51]{color:#bc6556}.tracking-empty[b-n1ckm4au51]{padding:28px;text-align:center;color:#8ea1b1;font-size:12px}.tracking-tabs[b-n1ckm4au51]{display:flex;gap:6px;padding:7px 12px;border-bottom:1px solid #e3ecf2;flex-shrink:0}.tracking-tabs button[b-n1ckm4au51]{background:transparent;border:0;padding:7px 12px;border-radius:6px;color:#8096a7;font:inherit;font-size:12px;cursor:pointer}.tracking-tabs button.active[b-n1ckm4au51]{background:#e8f3ef;color:#307c65;font-weight:600}.tracking-detail footer[b-n1ckm4au51]{padding:9px 14px;border-top:1px solid #e3ecf2;font-size:10px;color:#8a9eac;flex-shrink:0;background:#fcfdfe}button:focus-visible[b-n1ckm4au51],input:focus-visible[b-n1ckm4au51]{outline:3px solid #a9d0e6;outline-offset:2px}@media(max-width:800px){.tracking-toolbar[b-n1ckm4au51]{flex-wrap:wrap}.tracking-toolbar[b-n1ckm4au51]  .pos-select{width:220px}.tracking-page header p[b-n1ckm4au51]{display:none}.tracking-page[b-n1ckm4au51]{padding:12px}.tracking-section-heading>span[b-n1ckm4au51]{display:none}}
/* _content/E360_Client/Components/Pages/Warehouse/WH_VALUATION.razor.rz.scp.css */
.valuation-page[b-bjigiyy7gz]{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px;background:#f3f6fb;overflow:hidden;color:#24354a;font-size:13px}.page-heading[b-bjigiyy7gz],.section-heading[b-bjigiyy7gz],.toolbar[b-bjigiyy7gz],.editor-toolbar[b-bjigiyy7gz],.actions[b-bjigiyy7gz],.document-fields[b-bjigiyy7gz],.document-footer[b-bjigiyy7gz],.pager[b-bjigiyy7gz]{display:flex;align-items:center;gap:10px}.page-heading[b-bjigiyy7gz]{flex-shrink:0}.heading-icon[b-bjigiyy7gz]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#3267b1;background:#e2ecfb;font-size:23px}.page-heading h1[b-bjigiyy7gz]{font-size:21px;margin:0}.page-heading p[b-bjigiyy7gz]{margin:3px 0 0;color:#718097;font-size:12px}.heading-actions[b-bjigiyy7gz],.push-right[b-bjigiyy7gz]{margin-left:auto}.heading-actions[b-bjigiyy7gz]{display:flex;gap:8px}.valuation-page button[b-bjigiyy7gz]{border:1px solid #d8e0eb;background:#fff;border-radius:7px;min-height:32px;padding:5px 11px;color:#31465f;white-space:nowrap}.valuation-page button:disabled[b-bjigiyy7gz]{opacity:.5;cursor:not-allowed}.valuation-page button.primary[b-bjigiyy7gz]{color:#fff;background:#3268b8;border-color:#3268b8}.workspace-tabs[b-bjigiyy7gz]{display:flex;gap:5px;border-bottom:1px solid #dce4ef;padding-bottom:8px;flex-shrink:0}.workspace-tabs button.active[b-bjigiyy7gz]{color:#22579f;background:#e5eefb;border-color:#b6cdeb;font-weight:600}.notice[b-bjigiyy7gz]{padding:9px 12px;border-radius:7px;flex-shrink:0}.notice.error[b-bjigiyy7gz]{color:#963c37;background:#fff0ee;border:1px solid #f2d2cd}.notice.success[b-bjigiyy7gz]{color:#26705a;background:#eaf6f0;border:1px solid #cfe6da}.toolbar[b-bjigiyy7gz],.editor-toolbar[b-bjigiyy7gz]{padding:10px 12px;background:#fff;border:1px solid #e0e7f0;border-radius:9px;flex-wrap:wrap;flex-shrink:0}.search[b-bjigiyy7gz]{display:flex;align-items:center;gap:8px;min-width:240px;flex:1}.search input[b-bjigiyy7gz]{border:0!important;flex:1;min-width:0}.valuation-page input[b-bjigiyy7gz],.valuation-page select[b-bjigiyy7gz]{min-height:32px;border:1px solid #d8e1ed;border-radius:6px;padding:5px 8px;max-width:100%;color:inherit;background:#fff}.valuation-page input:read-only[b-bjigiyy7gz]{background:#f5f7fa}.valuation-page .table-scroll[b-bjigiyy7gz]{min-height:0;overflow:auto;background:#fff;border:1px solid #dfe6ef;border-radius:8px;flex:1}.valuation-page table[b-bjigiyy7gz]{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap}.valuation-page th[b-bjigiyy7gz]{position:sticky;top:0;z-index:1;background:#edf2f9;color:#596a83;font-weight:600;text-align:left;font-size:12px}.valuation-page th[b-bjigiyy7gz],.valuation-page td[b-bjigiyy7gz]{padding:9px 11px;border-bottom:1px solid #e9eef5}.valuation-page td.number[b-bjigiyy7gz],.valuation-page th.number[b-bjigiyy7gz]{text-align:right;font-variant-numeric:tabular-nums}.valuation-page input.number[b-bjigiyy7gz]{width:165px;text-align:right}.valuation-page tr.selected td[b-bjigiyy7gz]{background:#eaf1fd}.valuation-page tr:hover td[b-bjigiyy7gz]{background:#f5f8fe}.valuation-page small[b-bjigiyy7gz]{display:block;color:#7b8799;font-size:11px}.run-list[b-bjigiyy7gz]{flex:0 1 33%!important;min-height:140px!important}.detail-list[b-bjigiyy7gz]{flex:1}.section-heading[b-bjigiyy7gz]{justify-content:space-between;flex-shrink:0}.document-fields[b-bjigiyy7gz]{flex:1;flex-wrap:wrap}.document-fields label[b-bjigiyy7gz]{display:flex;align-items:center;gap:8px}.document-fields label input[b-bjigiyy7gz]{width:210px}.document-fields[b-bjigiyy7gz]  .accounting-select{min-width:200px}.toolbar[b-bjigiyy7gz]  .accounting-select{width:225px;flex:0 0 auto}.document-footer[b-bjigiyy7gz]{padding:9px 12px;background:#fff;border:1px solid #e0e7f0;border-radius:8px;flex-shrink:0;flex-wrap:wrap}.document-footer label[b-bjigiyy7gz]{display:flex;align-items:center;gap:8px;flex:1}.document-footer input[b-bjigiyy7gz]{width:100%;min-width:180px}.document-footer strong[b-bjigiyy7gz]{margin-left:auto}.badge[b-bjigiyy7gz]{padding:5px 9px;border-radius:15px;background:#e9eef7;color:#4d6381}.pager[b-bjigiyy7gz]{justify-content:flex-end;flex-shrink:0}.pager span[b-bjigiyy7gz]{margin-right:auto;color:#7a8699}.policy-panel[b-bjigiyy7gz]{background:#fff;border:1px solid #dde6f2;border-radius:12px;padding:22px;overflow:auto;max-width:1100px}.policy-panel h2[b-bjigiyy7gz]{margin:0;font-size:17px}.policy-panel p[b-bjigiyy7gz],.inline-help[b-bjigiyy7gz]{font-size:12px;line-height:1.6;color:#718198}.policy-fields[b-bjigiyy7gz]{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:15px 24px;margin:20px 0}.policy-fields label[b-bjigiyy7gz]{display:flex;align-items:center;gap:10px}.policy-fields label>span[b-bjigiyy7gz]{min-width:160px}.policy-fields label.check[b-bjigiyy7gz]{grid-column:1/-1}.policy-fields label.check>span[b-bjigiyy7gz]{min-width:0}.policy-fields[b-bjigiyy7gz]  .accounting-select{flex:1;min-width:0}.input-split[b-bjigiyy7gz]{display:grid;grid-template-rows:minmax(130px,35%) minmax(220px,1fr);min-height:0;flex:1;gap:12px}.input-editor[b-bjigiyy7gz]{display:flex;flex-direction:column;gap:8px;min-height:0}.input-editor>p[b-bjigiyy7gz]{margin:0}.input-editor .table-scroll[b-bjigiyy7gz]{flex:1}.input-editor td input[b-bjigiyy7gz]{width:150px}.product-results[b-bjigiyy7gz]{display:flex;flex-wrap:wrap;gap:5px;max-height:90px;overflow:auto}.product-results button[b-bjigiyy7gz]{font-size:12px}.empty[b-bjigiyy7gz]{text-align:center;padding:25px!important;color:#8390a2}@media(max-width:1100px){.valuation-page[b-bjigiyy7gz]{padding:10px}.policy-fields[b-bjigiyy7gz]{grid-template-columns:1fr}.editor-toolbar .actions[b-bjigiyy7gz]{flex-wrap:wrap}.heading-actions[b-bjigiyy7gz]{gap:4px}.page-heading p[b-bjigiyy7gz]{max-width:350px}}@media(max-width:700px){.page-heading[b-bjigiyy7gz]{flex-wrap:wrap}.workspace-tabs[b-bjigiyy7gz]{overflow:auto}.valuation-page[b-bjigiyy7gz]{overflow:auto}.valuation-page .table-scroll[b-bjigiyy7gz]{min-height:180px}.policy-fields label[b-bjigiyy7gz]{flex-wrap:wrap}.input-split[b-bjigiyy7gz]{min-height:500px}}
.notice.info[b-bjigiyy7gz]{color:#315d8e;background:#edf4fc;border:1px solid #ccddf1;line-height:1.6}
/* _content/E360_Client/Components/PRODUCT_QUICK_ADD.razor.rz.scp.css */
.quick-product[b-uhugf157vl]{position:relative;flex:0 0 auto;width:100%;min-width:0;margin:7px 0;color:#344054;font-size:12px}.quick-input[b-uhugf157vl]{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:1px solid #d7e1ed;border-radius:6px;background:#fff;box-sizing:border-box}.quick-input:focus-within[b-uhugf157vl]{border-color:#648fd7;box-shadow:0 0 0 2px #2563eb12}.quick-input>i[b-uhugf157vl]{color:#7890ac}.quick-input input[b-uhugf157vl]{flex:1;min-width:0;width:100%;height:32px;border:0!important;outline:0;padding:5px 0!important;background:transparent;box-shadow:none!important;font:inherit;color:#243b58;box-sizing:border-box}.quick-input input:disabled[b-uhugf157vl]{cursor:wait}.quick-input input[b-uhugf157vl]::placeholder{color:#8a9bae}.quick-input kbd[b-uhugf157vl]{color:#71849c;background:#f1f5fa;border:1px solid #e0e7f0;border-radius:4px;padding:1px 5px;font:10px system-ui}.quick-results[b-uhugf157vl]{position:fixed;inset:auto;margin:0;padding:0;border:1px solid #d8e3f0;border-radius:8px;background:#fff;color:#344054;box-shadow:0 12px 36px #213f6826;box-sizing:border-box;overflow:hidden;font:12px system-ui}.quick-results:popover-open[b-uhugf157vl],.quick-results.quick-fallback[b-uhugf157vl]{display:flex;flex-direction:column}.quick-results[b-uhugf157vl]::backdrop{background:transparent;pointer-events:none}.quick-result-heading[b-uhugf157vl],.quick-result[b-uhugf157vl]{display:grid;grid-template-columns:125px minmax(0,1fr) 90px;gap:12px;align-items:center;text-align:left}.quick-result-heading[b-uhugf157vl]{flex:none;background:#f3f7fc;padding:9px 12px;border-bottom:1px solid #e2eaf4;color:#71849d;font-size:11px;font-weight:600}.quick-result-scroll[b-uhugf157vl]{overflow:auto;min-height:0;overscroll-behavior:contain}.quick-result[b-uhugf157vl]{width:100%;padding:9px 12px;border:0;border-bottom:1px solid #edf2f8;background:#fff;font:inherit;color:#344054;cursor:pointer;box-sizing:border-box}.quick-result:hover[b-uhugf157vl],.quick-result.selected[b-uhugf157vl]{background:#eaf2ff}.quick-result>strong[b-uhugf157vl]{color:#25539a;overflow-wrap:anywhere;font-weight:650}.quick-result>span[b-uhugf157vl]{min-width:0;white-space:normal}.quick-result b[b-uhugf157vl]{display:block;color:#2e4665;font-weight:600}.quick-result small[b-uhugf157vl]{display:block;margin-top:3px;color:#8191a5;font-size:10px}.quick-unit[b-uhugf157vl]{color:#71849b}.quick-results footer[b-uhugf157vl]{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;flex:none;padding:7px 12px;background:#f8fafd;border-top:1px solid #e3ebf5;font-size:10px;color:#7d8fa6}.quick-results footer>span:last-child[b-uhugf157vl]{margin-left:auto}.quick-results kbd[b-uhugf157vl]{padding:1px 4px;border:1px solid #dce4ef;border-radius:3px;background:#fff;font:10px system-ui}.quick-empty[b-uhugf157vl]{padding:20px 12px;color:#788ba5;text-align:center}.quick-error[b-uhugf157vl]{margin-top:4px;color:#b44850;font-size:11px}.quick-announcement[b-uhugf157vl]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quick-spinner[b-uhugf157vl]{width:13px;height:13px;border:2px solid #d9e5f6;border-top-color:#3970c7;border-radius:50%;animation:quick-spin-b-uhugf157vl .7s linear infinite;flex:none}@keyframes quick-spin-b-uhugf157vl{to{transform:rotate(360deg)}}@media(max-width:600px){.quick-result-heading[b-uhugf157vl],.quick-result[b-uhugf157vl]{grid-template-columns:85px minmax(0,1fr) 60px;gap:7px}.quick-results footer[b-uhugf157vl]{gap:6px;font-size:9px}.quick-results footer>span:last-child[b-uhugf157vl]{margin-left:0}}@media(prefers-reduced-motion:reduce){.quick-spinner[b-uhugf157vl]{animation:none}}
/* _content/E360_Client/Components/Shared/STANDARD_DATA_BUTTON.razor.rz.scp.css */
.standard-data-button[b-q44jooyca1]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 12px;border:1px solid #c6d6ee;border-radius:8px;background:#f3f7ff;color:#2459a4;font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.standard-data-button:hover:not(:disabled)[b-q44jooyca1]{background:#e7efff;border-color:#8caee0}.standard-data-button:disabled[b-q44jooyca1]{opacity:.48;cursor:not-allowed}.standard-data-backdrop[b-q44jooyca1]{position:fixed;inset:0;z-index:18000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(17,31,53,.5);backdrop-filter:blur(3px)}.standard-data-dialog[b-q44jooyca1]{display:flex;flex-direction:column;width:min(980px,100%);max-height:calc(100dvh - 44px);overflow:hidden;border:1px solid #dbe4f0;border-radius:17px;background:#fff;box-shadow:0 28px 90px #0e254840;color:#26364e;text-align:left;font:13px/1.5 system-ui,sans-serif}.standard-data-dialog header[b-q44jooyca1]{display:flex;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px solid #e5ebf3;background:linear-gradient(120deg,#f0f5ff,#fff)}.standard-data-icon[b-q44jooyca1]{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:#dceaff;color:#2e64af;font-size:23px}.standard-data-dialog small[b-q44jooyca1]{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#6a80a3}.standard-data-dialog h2[b-q44jooyca1]{margin:3px 0 0;font-size:20px;font-weight:700}.standard-data-close[b-q44jooyca1]{margin-left:auto;border:0;background:transparent;color:#70839c;font-size:26px;cursor:pointer}.standard-data-context[b-q44jooyca1]{display:flex;gap:16px;flex-wrap:wrap;padding:12px 24px;background:#f8fafd;color:#5a6f8d}.standard-data-context i[b-q44jooyca1]{margin-right:5px}.standard-data-context strong[b-q44jooyca1]{margin-left:auto;color:#285cad}.standard-data-date[b-q44jooyca1]{display:flex;align-items:center;gap:16px;padding:10px 24px}.standard-data-date label[b-q44jooyca1]{display:flex;align-items:center;gap:10px}.standard-data-date input[b-q44jooyca1]{padding:6px 10px;border:1px solid #ccd7e5;border-radius:7px;background:white;color:#26364e}.standard-data-note[b-q44jooyca1]{padding:10px 24px;color:#60718a;font-size:12px}.standard-data-error[b-q44jooyca1]{flex:none;margin:8px 24px;padding:10px 13px;border:1px solid #f2d3c0;border-radius:8px;background:#fff5ed;color:#98542b}.standard-data-table[b-q44jooyca1]{overflow:auto;min-height:100px;flex:1;margin:4px 24px 16px;border:1px solid #dfe6ef;border-radius:9px}.standard-data-table table[b-q44jooyca1]{width:100%;border-collapse:collapse;font-size:12px}.standard-data-table th[b-q44jooyca1]{position:sticky;top:0;padding:10px 12px;background:#eef3fa;color:#516783;text-align:left;font-weight:600;z-index:1}.standard-data-table td[b-q44jooyca1]{padding:8px 12px;border-bottom:1px solid #edf1f7;vertical-align:top}.standard-data-table tr:nth-child(even)[b-q44jooyca1]{background:#fafcff}.standard-data-table td:first-child[b-q44jooyca1]{white-space:nowrap;color:#34577c}.standard-data-dialog footer[b-q44jooyca1]{display:flex;align-items:center;gap:10px;flex:none;padding:15px 24px;border-top:1px solid #e1e8f2;background:#fafcff}.standard-data-dialog footer>div[b-q44jooyca1]{margin-right:auto;font-size:11px;color:#71839b}.standard-data-dialog footer a[b-q44jooyca1]{display:block;color:#346cb8;margin-top:3px;text-decoration:none}.standard-data-cancel[b-q44jooyca1],.standard-data-confirm[b-q44jooyca1]{padding:8px 14px;border-radius:8px;font:600 12px system-ui,sans-serif;cursor:pointer;white-space:nowrap}.standard-data-cancel[b-q44jooyca1]{border:1px solid #d1dce9;background:white;color:#526682}.standard-data-confirm[b-q44jooyca1]{border:1px solid #2863b2;background:#2863b2;color:white}.standard-data-confirm i[b-q44jooyca1]{margin-right:5px}.standard-data-dialog button:disabled[b-q44jooyca1]{opacity:.45;cursor:not-allowed}@media(max-width:650px){.standard-data-backdrop[b-q44jooyca1]{padding:10px}.standard-data-dialog[b-q44jooyca1]{max-height:calc(100dvh - 20px)}.standard-data-dialog header[b-q44jooyca1],.standard-data-context[b-q44jooyca1],.standard-data-date[b-q44jooyca1],.standard-data-note[b-q44jooyca1],.standard-data-dialog footer[b-q44jooyca1]{padding:12px 15px}.standard-data-table[b-q44jooyca1]{margin:4px 15px 12px}.standard-data-dialog footer[b-q44jooyca1]{flex-wrap:wrap}.standard-data-dialog footer>div[b-q44jooyca1]{width:100%}.standard-data-date[b-q44jooyca1]{flex-wrap:wrap}}