/* /Dialogs/PlanBuilderDialog.razor.rz.scp.css */
.pb-dialog[b-cg13xirlh7] {
    min-width: min(1180px, 96vw);
}

.pb-shell[b-cg13xirlh7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.8fr);
    gap: 12px;
    height: min(620px, calc(100vh - 190px));
    min-height: 420px;
}

.pb-search-panel[b-cg13xirlh7],
.pb-target-panel[b-cg13xirlh7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: #1f2225;
    border: 1px solid #343a40;
    border-radius: 6px;
    overflow: hidden;
}

.pb-panel-header[b-cg13xirlh7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    background: #252a2e;
    border-bottom: 1px solid #343a40;
}

.pb-title[b-cg13xirlh7] {
    color: #d4a73a;
    font-weight: 700;
}

.pb-muted[b-cg13xirlh7] {
    color: #888;
}

.pb-action-row[b-cg13xirlh7] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pb-search-row[b-cg13xirlh7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #343a40;
}

.pb-input[b-cg13xirlh7],
.pb-qty-input[b-cg13xirlh7] {
    background: #1c1f22;
    color: #f0f0f0;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 7px 8px;
    min-width: 0;
}

.pb-qty-input[b-cg13xirlh7] {
    width: 72px;
}

.pb-result-table[b-cg13xirlh7],
.pb-target-table[b-cg13xirlh7] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}

.pb-table-body[b-cg13xirlh7] {
    overflow-y: auto;
    min-height: 0;
    flex: 1;
}

.pb-table-head[b-cg13xirlh7],
.pb-table-row[b-cg13xirlh7] {
    display: grid;
    align-items: center;
    gap: 8px;
}

.pb-result-grid[b-cg13xirlh7] {
    grid-template-columns: 28px minmax(190px, 1fr) 72px 86px 50px 72px;
}

.pb-target-grid[b-cg13xirlh7] {
    grid-template-columns: 28px minmax(190px, 1fr) 82px 64px 36px;
}

.pb-table-head[b-cg13xirlh7] {
    padding: 6px 10px;
    color: #888;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: #252a2e;
    border-bottom: 1px solid #343a40;
}

.pb-table-row[b-cg13xirlh7] {
    padding: 7px 10px;
    color: #d7d7d7;
    border-bottom: 1px solid #2c3135;
}

.pb-table-row:hover[b-cg13xirlh7] {
    background: #28323a;
}

.pb-table-row.is-disabled[b-cg13xirlh7] {
    color: #777;
}

.pb-primary[b-cg13xirlh7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f0f0f0;
}

.pb-hq-toggle[b-cg13xirlh7] {
    border: 1px solid #555;
    background: transparent;
    color: #888;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    font: inherit;
}

.pb-hq-toggle.is-active[b-cg13xirlh7] {
    border-color: #d4a73a;
    color: #d4a73a;
    background: #2d291f;
}

.pb-empty[b-cg13xirlh7] {
    padding: 32px 16px;
    color: #777;
    text-align: center;
}

[b-cg13xirlh7] .pb-result-table,
[b-cg13xirlh7] .pb-target-table {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}

[b-cg13xirlh7] .pb-result-table .web-grid-table-inner,
[b-cg13xirlh7] .pb-target-table .web-grid-table-inner {
    min-width: 100%;
}

[b-cg13xirlh7] .pb-result-table .web-grid-table-head,
[b-cg13xirlh7] .pb-target-table .web-grid-table-head {
    padding: 6px 10px;
    color: #888;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: #252a2e;
    border-bottom: 1px solid #343a40;
}

[b-cg13xirlh7] .pb-result-table .web-grid-table-row,
[b-cg13xirlh7] .pb-target-table .web-grid-table-row {
    padding: 7px 10px;
    color: #d7d7d7;
    border-bottom: 1px solid #2c3135;
}

[b-cg13xirlh7] .pb-result-table .web-grid-table-row:hover,
[b-cg13xirlh7] .pb-target-table .web-grid-table-row:hover {
    background: #28323a;
}

[b-cg13xirlh7] .pb-result-table .web-grid-table-row.is-disabled {
    color: #777;
}

[b-cg13xirlh7] .pb-result-table .web-grid-table-empty,
[b-cg13xirlh7] .pb-target-table .web-grid-table-empty {
    min-height: 0;
}
/* /Dialogs/PlanEditorDialog.razor.rz.scp.css */
.pe-dialog[b-4nodd8e4xi] {
    background: #1f2327;
    color: #e6e6e6;
}

.pe-shell[b-4nodd8e4xi] {
    width: min(980px, calc(100vw - 64px));
    height: min(660px, calc(100vh - 170px));
    min-height: 440px;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    gap: 10px;
}

.pe-header[b-4nodd8e4xi],
.pe-toolbar[b-4nodd8e4xi],
.pe-edit-bar[b-4nodd8e4xi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pe-header[b-4nodd8e4xi] {
    align-items: flex-start;
}

.pe-title[b-4nodd8e4xi] {
    color: #d4a73a;
    font-weight: 700;
}

.pe-muted[b-4nodd8e4xi],
.pe-muted-cell[b-4nodd8e4xi] {
    color: #9ca3af;
}

.pe-counts[b-4nodd8e4xi] {
    color: #d7dde3;
    font-size: 12px;
    white-space: nowrap;
}

.pe-toolbar[b-4nodd8e4xi],
.pe-edit-bar[b-4nodd8e4xi],
.pe-summary[b-4nodd8e4xi] {
    padding: 8px 10px;
    border: 1px solid #38424a;
    border-radius: 4px;
    background: #252b30;
}

.pe-field[b-4nodd8e4xi] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9ca3af;
    font-size: 12px;
}

.pe-select[b-4nodd8e4xi] {
    height: 28px;
    min-width: 150px;
    background: #1f2327;
    color: #e6e6e6;
    border: 1px solid #4b5563;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 12px;
}

.pe-selection-actions[b-4nodd8e4xi] {
    display: flex;
    gap: 6px;
}

.pe-text-btn[b-4nodd8e4xi] {
    height: 28px;
    padding: 0 9px;
    background: transparent;
    color: #d7e8f8;
    border: 1px solid #4f6780;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.pe-text-btn:disabled[b-4nodd8e4xi] {
    color: #6b7280;
    border-color: #374151;
    cursor: default;
}

.pe-check-row[b-4nodd8e4xi] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #d7dde3;
    font-size: 12px;
    margin-left: auto;
}

.pe-node-table[b-4nodd8e4xi] {
    min-height: 0;
    overflow: hidden;
    border: 1px solid #38424a;
    border-radius: 4px;
    background: #1f2327;
}

.pe-node-grid[b-4nodd8e4xi] {
    display: grid;
    grid-template-columns: 34px minmax(260px, 1fr) 70px 60px 90px minmax(150px, 0.7fr);
    align-items: center;
    gap: 10px;
}

.pe-table-head[b-4nodd8e4xi] {
    height: 34px;
    padding: 0 10px;
    color: #9ca3af;
    background: #252b30;
    border-bottom: 1px solid #38424a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.pe-table-body[b-4nodd8e4xi] {
    height: calc(100% - 34px);
    overflow: auto;
}

.pe-table-row[b-4nodd8e4xi] {
    min-height: 34px;
    padding: 0 10px;
    color: #d7dde3;
    border-bottom: 1px solid #2f363d;
    font-size: 12px;
}

.pe-table-row:hover[b-4nodd8e4xi] {
    background: #27323a;
}

.pe-node-name[b-4nodd8e4xi] {
    color: #f3f4f6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pe-hq[b-4nodd8e4xi] {
    color: #d4a73a;
    font-weight: 700;
}

.pe-flags[b-4nodd8e4xi] {
    color: #9ca3af;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pe-summary[b-4nodd8e4xi] {
    color: #c9d2dc;
    font-size: 12px;
}

[b-4nodd8e4xi] .pe-node-table {
    height: 100%;
    min-height: 0;
    overflow: auto;
    border: 1px solid #38424a;
    border-radius: 4px;
    background: #1f2327;
}

[b-4nodd8e4xi] .pe-node-table .web-grid-table-inner {
    min-width: 100%;
}

[b-4nodd8e4xi] .pe-node-table .web-grid-table-head {
    min-height: 34px;
    padding: 0 10px;
    color: #9ca3af;
    background: #252b30;
    border-bottom: 1px solid #38424a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

[b-4nodd8e4xi] .pe-node-table .web-grid-table-row {
    min-height: 34px;
    padding: 0 10px;
    color: #d7dde3;
    border-bottom: 1px solid #2f363d;
    font-size: 12px;
}

[b-4nodd8e4xi] .pe-node-table .web-grid-table-row:hover {
    background: #27323a;
}
/* /Pages/AcquisitionEvaluation.razor.rz.scp.css */
.ae-page[b-u514x8srmq] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr) 350px;
    gap: 0;
    height: calc(100vh - 64px);
    min-height: 0;
    background: #1e1e1e;
}

.ae-controls[b-u514x8srmq] {
    border-right: 1px solid #3a3a3a;
    background: #252525;
    padding: 16px;
    overflow-y: auto;
}

.ae-title[b-u514x8srmq] {
    color: #d4a73a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.ae-stat-grid[b-u514x8srmq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
}

.ae-stat[b-u514x8srmq] {
    border: 1px solid #3a3a3a;
    background: #1f1f1f;
    border-radius: 6px;
    padding: 10px;
}

.ae-stat span[b-u514x8srmq] {
    display: block;
    color: #f0f0f0;
    font-size: 20px;
    font-weight: 700;
}

.ae-stat small[b-u514x8srmq],
.ae-muted[b-u514x8srmq] {
    color: #9aa0a6;
}

.ae-filter-group[b-u514x8srmq],
.ae-actions[b-u514x8srmq] {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}

.ae-filter-group[b-u514x8srmq] {
    grid-template-columns: 1fr 1fr;
}

.ae-filter-group button[b-u514x8srmq],
.ae-actions button[b-u514x8srmq] {
    min-height: 34px;
    border: 1px solid #4b4b4b;
    border-radius: 6px;
    background: #303030;
    color: #d8d8d8;
    font-size: 13px;
}

.ae-filter-group button.selected[b-u514x8srmq],
.ae-actions button:hover:not(:disabled)[b-u514x8srmq] {
    border-color: #d4a73a;
    color: #f5d98b;
    background: #3a321d;
}

.ae-actions button:disabled[b-u514x8srmq] {
    opacity: 0.45;
    cursor: default;
}

.ae-info[b-u514x8srmq] {
    border: 1px solid #3a3a3a;
    border-radius: 6px;
    background: #202020;
    color: #b9c0c7;
    font-size: 12px;
    line-height: 1.45;
    padding: 12px;
    margin-bottom: 16px;
}

.ae-info-title[b-u514x8srmq] {
    color: #e5c15d;
    font-weight: 700;
    margin-bottom: 6px;
}

.ae-ledger[b-u514x8srmq] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ae-ledger-header[b-u514x8srmq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid #3a3a3a;
    background: #252525;
}

.ae-ledger-title[b-u514x8srmq] {
    color: #f0f0f0;
    font-size: 17px;
    font-weight: 700;
}

.ae-ledger-subtitle[b-u514x8srmq],
.ae-legend[b-u514x8srmq] {
    color: #9aa0a6;
    font-size: 12px;
}

.ae-legend[b-u514x8srmq] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.ae-legend span[b-u514x8srmq] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ae-legend i[b-u514x8srmq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.ae-legend .is-active[b-u514x8srmq] {
    background: #7ecb8f;
}

.ae-legend .is-suppressed[b-u514x8srmq] {
    background: #747474;
}

.ae-legend .is-market[b-u514x8srmq] {
    background: #80bfff;
}

.ae-table[b-u514x8srmq] {
    overflow: auto;
    min-height: 0;
}

.ae-table-head[b-u514x8srmq],
.ae-row[b-u514x8srmq] {
    display: grid;
    align-items: center;
    gap: 8px;
}

.ae-table-head[b-u514x8srmq] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    min-height: 36px;
    padding: 0 14px;
    background: #1c1c1c;
    border-bottom: 1px solid #3a3a3a;
    color: #9aa0a6;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.ae-head-cell[b-u514x8srmq] {
    position: relative;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ae-resize-handle[b-u514x8srmq] {
    position: absolute;
    top: 6px;
    right: -6px;
    width: 12px;
    height: 24px;
    cursor: col-resize;
    border-radius: 4px;
    background: transparent;
    z-index: 2;
}

.ae-resize-handle[b-u514x8srmq]::after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 5px;
    width: 2px;
    background: #4b4b4b;
}

.ae-resize-handle:hover[b-u514x8srmq]::after {
    background: #d4a73a;
}

.ae-row[b-u514x8srmq] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px 0 0;
    border-bottom: 1px solid #2f2f2f;
    background: #242424;
    color: #e5e5e5;
    text-align: left;
    cursor: pointer;
}

.ae-row:hover[b-u514x8srmq] {
    background: #303030;
}

.ae-row.selected[b-u514x8srmq] {
    background: #33404a;
    box-shadow: inset 3px 0 0 #90caf9;
}

.ae-row.suppressed[b-u514x8srmq] {
    opacity: 0.62;
}

.ae-row.active:not(.selected)[b-u514x8srmq] {
    box-shadow: inset 3px 0 0 #7ecb8f;
}

.ae-row.partial:not(.selected)[b-u514x8srmq] {
    box-shadow: inset 3px 0 0 #d4a73a;
}

.ae-item-cell[b-u514x8srmq],
.ae-used-cell[b-u514x8srmq],
.ae-role-cell[b-u514x8srmq],
.ae-market-cell[b-u514x8srmq],
.ae-cost-cell[b-u514x8srmq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ae-item-cell[b-u514x8srmq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 6px;
    padding-left: 10px;
}

.ae-item-name[b-u514x8srmq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.ae-item-cell small[b-u514x8srmq] {
    color: #9aa0a6;
}

.ae-source-cell[b-u514x8srmq] {
    min-width: 0;
}

.ae-source-select[b-u514x8srmq] {
    width: 100%;
    min-height: 28px;
    border: 1px solid;
    border-radius: 5px;
    background: #1f1f1f;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
}

.ae-source-select:disabled[b-u514x8srmq] {
    opacity: 0.65;
    cursor: default;
}

.ae-market-cell[b-u514x8srmq],
.ae-used-cell[b-u514x8srmq],
.ae-cost-cell[b-u514x8srmq] {
    color: #cfd7df;
    font-size: 13px;
}

.ae-used-cell[b-u514x8srmq] {
    color: #b9c0c7;
}

.ae-cost-cell[b-u514x8srmq] {
    text-align: right;
    font-weight: 700;
}

.ae-cost-cell.projected-unsupported[b-u514x8srmq] {
    color: #ff6b6b;
    text-decoration: underline;
    text-decoration-color: rgba(255, 107, 107, 0.9);
    text-underline-offset: 2px;
}

.ae-empty[b-u514x8srmq] {
    margin: 32px;
    border: 1px solid #3a3a3a;
    border-radius: 8px;
    background: #252525;
    padding: 28px;
    color: #cfd7df;
}

.ae-empty-title[b-u514x8srmq] {
    color: #f0f0f0;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

.ae-empty-body[b-u514x8srmq] {
    color: #9aa0a6;
}

[b-u514x8srmq] .ae-table {
    overflow: auto;
    min-height: 0;
}

[b-u514x8srmq] .ae-table .web-grid-table-head,
[b-u514x8srmq] .ae-table .web-grid-table-row {
    display: grid;
    align-items: center;
    gap: 8px;
}

[b-u514x8srmq] .ae-table .web-grid-table-head {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    min-height: 36px;
    padding: 0 14px;
    background: #1c1c1c;
    border-bottom: 1px solid #3a3a3a;
    color: #9aa0a6;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

[b-u514x8srmq] .ae-table .web-table-header-cell {
    position: relative;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-u514x8srmq] .ae-table .web-table-sort-button:hover,
[b-u514x8srmq] .ae-table .web-table-header-cell.is-sorted .web-table-sort-button {
    color: #c7d6e2;
}

[b-u514x8srmq] .ae-row {
    width: 100%;
    min-height: 46px;
    padding: 0 14px 0 0;
    border-bottom: 1px solid #2f2f2f;
    background: #242424;
    color: #e5e5e5;
    text-align: left;
}

[b-u514x8srmq] .ae-row:hover {
    background: #303030;
}

[b-u514x8srmq] .ae-row.selected {
    background: #33404a;
    box-shadow: inset 3px 0 0 #90caf9;
}

[b-u514x8srmq] .ae-row.suppressed {
    opacity: 0.62;
}

[b-u514x8srmq] .ae-row.active:not(.selected) {
    box-shadow: inset 3px 0 0 #7ecb8f;
}

[b-u514x8srmq] .ae-row.partial:not(.selected) {
    box-shadow: inset 3px 0 0 #d4a73a;
}

[b-u514x8srmq] .ae-item-cell,
[b-u514x8srmq] .ae-used-cell,
[b-u514x8srmq] .ae-role-cell,
[b-u514x8srmq] .ae-market-cell,
[b-u514x8srmq] .ae-cost-cell {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-u514x8srmq] .ae-item-cell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 6px;
    padding-left: 10px;
}

[b-u514x8srmq] .ae-item-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

[b-u514x8srmq] .ae-item-cell small {
    color: #9aa0a6;
}

[b-u514x8srmq] .ae-source-cell {
    min-width: 0;
}

[b-u514x8srmq] .ae-source-select {
    width: 100%;
    min-height: 28px;
    border: 1px solid;
    border-radius: 5px;
    background: #1f1f1f;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
}

[b-u514x8srmq] .ae-source-select:disabled {
    opacity: 0.65;
    cursor: default;
}

[b-u514x8srmq] .ae-market-cell,
[b-u514x8srmq] .ae-used-cell,
[b-u514x8srmq] .ae-cost-cell {
    color: #cfd7df;
    font-size: 13px;
}

[b-u514x8srmq] .ae-used-cell {
    color: #b9c0c7;
}

[b-u514x8srmq] .ae-cost-cell {
    text-align: right;
    font-weight: 700;
}

[b-u514x8srmq] .ae-cost-cell.projected-unsupported {
    color: #ff6b6b;
    text-decoration: underline;
    text-decoration-color: rgba(255, 107, 107, 0.9);
    text-underline-offset: 2px;
}
/* /Pages/MarketAnalysis.razor.rz.scp.css */
.ma-page-container[b-96824cuxld] {
    height: 100%;
}

.ma-grid-layout[b-96824cuxld] {
    display: grid;
    grid-template-columns: 280px 1fr;
    height: 100%;
    width: 100%;
}
/* /Pages/ProcurementPlan.razor.rz.scp.css */
.pp-page-container[b-9zdt0uac3d] {
    height: 100%;
}

.pp-grid-layout[b-9zdt0uac3d] {
    display: grid;
    grid-template-columns: 280px 1fr;
    height: 100%;
    width: 100%;
}

@media (max-width: 720px) {
    .pp-grid-layout[b-9zdt0uac3d] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100%;
    }
}
/* /Pages/TradeCrafters.razor.rz.scp.css */
.trade-crafters-page[b-dluyf82pxp] {
  padding: 16px;
}

.trade-crafters-layout[b-dluyf82pxp] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 16px;
}

.trade-crafters-main[b-dluyf82pxp],
.trade-crafters-detail[b-dluyf82pxp],
.trade-crafters-panel[b-dluyf82pxp] {
  min-width: 0;
}

.trade-crafters-header[b-dluyf82pxp],
.trade-crafters-create-row[b-dluyf82pxp] {
  gap: 12px;
}

.trade-crafters-header[b-dluyf82pxp] {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.trade-crafters-create-row[b-dluyf82pxp] {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(160px, 210px)) auto;
  align-items: end;
}

.trade-crafters-lodestone-search-row[b-dluyf82pxp] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 230px) minmax(180px, 230px) auto;
  gap: 12px;
  align-items: end;
}

.trade-crafters-panel[b-dluyf82pxp] {
  background: #252525;
  border: 1px solid #343434;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 14px;
}

.trade-crafters-list[b-dluyf82pxp] {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.trade-crafters-table[b-dluyf82pxp] {
  width: 100%;
}

.trade-crafter-row[b-dluyf82pxp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  border: 1px solid #3a3a3a;
  border-radius: 6px;
  background: #1f1f1f;
  color: #e0e0e0;
  padding: 10px 12px;
  text-align: left;
}

.trade-crafter-row small[b-dluyf82pxp] {
  color: #9f9f9f;
}

.trade-crafter-jobs[b-dluyf82pxp] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.trade-crafter-lodestone-flair[b-dluyf82pxp] {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px;
  margin: 8px 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.03);
}

.trade-crafter-lodestone-flair img[b-dluyf82pxp] {
  width: 72px;
  height: 96px;
  object-fit: cover;
  border-radius: 4px;
}

.trade-crafter-lodestone-flair div[b-dluyf82pxp] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.trade-crafters-detail[b-dluyf82pxp] {
  position: sticky;
  top: 16px;
  align-self: start;
}

.trade-crafter-assignments[b-dluyf82pxp] {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.trade-crafter-assignment-cell[b-dluyf82pxp] {
  min-width: 0;
}

.trade-crafter-assignment-empty[b-dluyf82pxp] {
  color: #9f9f9f;
}

.trade-crafter-assignment-chip[b-dluyf82pxp],
.trade-crafter-assignment-link[b-dluyf82pxp] {
  border: 1px solid #4b5f3c;
  border-radius: 6px;
  background: #20281d;
  color: #d7f1c3;
  cursor: pointer;
  text-align: left;
}

.trade-crafter-assignment-chip[b-dluyf82pxp] {
  max-width: 100%;
  padding: 4px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trade-crafter-assignment-link[b-dluyf82pxp] {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
}

.trade-crafter-assignment-link span[b-dluyf82pxp],
.trade-crafter-assignment-link small[b-dluyf82pxp] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trade-crafter-assignment-link small[b-dluyf82pxp] {
  color: #b8c9ad;
}

.trade-crafters-lodestone-results[b-dluyf82pxp],
.trade-crafters-lodestone-preview[b-dluyf82pxp] {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  min-width: 0;
}

.trade-crafters-lodestone-result[b-dluyf82pxp] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.trade-crafters-lodestone-result:hover[b-dluyf82pxp] {
  border-color: rgba(146, 198, 99, 0.55);
}

.trade-crafters-lodestone-result span[b-dluyf82pxp],
.trade-crafters-lodestone-result small[b-dluyf82pxp],
.trade-crafters-lodestone-preview span[b-dluyf82pxp] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.trade-crafters-lodestone-result small[b-dluyf82pxp],
.trade-crafters-lodestone-preview span[b-dluyf82pxp] {
  color: rgba(255, 255, 255, 0.68);
}

.trade-crafters-lodestone-preview-heading[b-dluyf82pxp],
.trade-crafters-lodestone-actions[b-dluyf82pxp] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

@media (max-width: 1100px) {
  .trade-crafters-layout[b-dluyf82pxp] {
    grid-template-columns: 1fr;
  }

  .trade-crafters-detail[b-dluyf82pxp] {
    position: static;
  }

  .trade-crafters-create-row[b-dluyf82pxp] {
    display: grid;
    grid-template-columns: 1fr;
  }

  .trade-crafters-lodestone-search-row[b-dluyf82pxp] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/TradeOrders.razor.rz.scp.css */
.trade-orders-page[b-awl6acyz1t] {
  box-sizing: border-box;
  height: calc(100vh - 112px);
  max-width: none !important;
  padding: 12px 16px;
  overflow: hidden;
}

.trade-orders-board[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: 280px minmax(420px, 1fr) clamp(680px, 38vw, 760px);
  gap: 12px;
  height: 100%;
  min-height: 0;
}

.trade-orders-rail[b-awl6acyz1t],
.trade-orders-workspace[b-awl6acyz1t],
.trade-orders-ops[b-awl6acyz1t],
.trade-orders-panel[b-awl6acyz1t],
.trade-orders-workspace-card[b-awl6acyz1t] {
  min-width: 0;
}

.trade-orders-rail[b-awl6acyz1t],
.trade-orders-workspace-card[b-awl6acyz1t],
.trade-orders-ops[b-awl6acyz1t] {
  background: #242424;
  border: 1px solid #343434;
  border-radius: 6px;
}

.trade-orders-rail[b-awl6acyz1t],
.trade-orders-ops[b-awl6acyz1t] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.trade-orders-workspace[b-awl6acyz1t] {
  min-height: 0;
  overflow: hidden;
}

.trade-orders-workspace-card[b-awl6acyz1t] {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 14px;
  overflow: auto;
}

.trade-orders-workspace-card.is-new[b-awl6acyz1t] {
  border-color: rgba(216, 177, 61, 0.45);
}

.trade-orders-workspace-card.is-import[b-awl6acyz1t] {
  border-color: rgba(167, 76, 191, 0.5);
}

.trade-orders-rail-header[b-awl6acyz1t],
.trade-orders-workspace-header[b-awl6acyz1t],
.trade-orders-workspace-actions[b-awl6acyz1t],
.trade-orders-section-heading[b-awl6acyz1t],
.trade-orders-section-actions[b-awl6acyz1t],
.trade-orders-note-row[b-awl6acyz1t],
.trade-orders-payment-heading[b-awl6acyz1t],
.trade-orders-ops-header[b-awl6acyz1t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.trade-orders-rail-header[b-awl6acyz1t] {
  flex: 0 0 auto;
  padding: 10px 12px 4px;
}

.trade-orders-rail > .mud-input-control[b-awl6acyz1t] {
  flex: 0 0 auto;
  margin: 4px 10px 10px;
}

.trade-orders-rail-scroll[b-awl6acyz1t] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 8px 12px;
}

.trade-orders-rail-empty[b-awl6acyz1t] {
  color: #a9a9a9;
  font-size: 0.78rem;
  padding: 10px;
}

.trade-orders-rail-group[b-awl6acyz1t] {
  border-top: 1px solid #343434;
  padding: 8px 0;
}

.trade-orders-rail-group-title[b-awl6acyz1t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0;
  background: transparent;
  color: #f1f1f1;
  cursor: pointer;
  padding: 4px 2px 6px;
  text-align: left;
}

.trade-orders-rail-group-title span:first-child[b-awl6acyz1t] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: 0.82rem;
  font-weight: 700;
}

.trade-orders-count-chip[b-awl6acyz1t],
.trade-orders-status-chip[b-awl6acyz1t] {
  border: 1px solid #555;
  border-radius: 999px;
  color: #dedede;
  font-size: 0.68rem;
  line-height: 1;
  padding: 5px 7px;
  white-space: nowrap;
}

.trade-orders-rail-list[b-awl6acyz1t] {
  display: grid;
  gap: 2px;
}

.trade-orders-rail-order[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title chip"
    "meta chip";
  align-items: center;
  column-gap: 8px;
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #f4f4f4;
  cursor: pointer;
  padding: 7px 8px;
  text-align: left;
}

.trade-orders-rail-order:hover[b-awl6acyz1t],
.trade-orders-rail-order.is-selected[b-awl6acyz1t] {
  background: #3b341f;
}

.trade-orders-rail-title[b-awl6acyz1t] {
  grid-area: title;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 700;
}

.trade-orders-rail-meta[b-awl6acyz1t] {
  grid-area: meta;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #bcbcbc;
  font-size: 0.68rem;
}

.trade-orders-rail-order .trade-orders-status-chip[b-awl6acyz1t] {
  grid-area: chip;
  align-self: center;
  background: #2d3034;
}

.trade-orders-workspace-header[b-awl6acyz1t] {
  flex: 0 0 auto;
  border-bottom: 1px solid #343434;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

.trade-orders-workspace-header h6[b-awl6acyz1t] {
  margin: 0;
}

.trade-orders-workspace-actions[b-awl6acyz1t] {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.trade-orders-section-actions[b-awl6acyz1t] {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.trade-orders-editor-grid[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(210px, 300px) minmax(220px, 1fr);
  gap: 10px;
  align-items: end;
}

.trade-orders-work-section[b-awl6acyz1t] {
  border: 1px solid #343434;
  border-radius: 6px;
  margin-top: 12px;
  padding: 10px;
}

.trade-orders-search-row[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.trade-orders-search-results[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
  margin: 8px 0 12px;
}

.trade-orders-search-result[b-awl6acyz1t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid #3f3f3f;
  border-radius: 4px;
  background: #1f1f1f;
  color: #f3f3f3;
  cursor: pointer;
  text-align: left;
}

.trade-orders-search-result:hover[b-awl6acyz1t] {
  border-color: #d8b13d;
  background: #292713;
}

.trade-orders-search-result span:last-child[b-awl6acyz1t] {
  color: #a7a7a7;
  font-size: 0.75rem;
  white-space: nowrap;
}

.trade-orders-output-table[b-awl6acyz1t],
.trade-orders-breakdown-table[b-awl6acyz1t],
.trade-orders-material-table[b-awl6acyz1t] {
  margin-top: 8px;
  border: 1px solid #343434;
  border-radius: 4px;
  overflow: hidden;
}

.trade-orders-output-header[b-awl6acyz1t],
.trade-orders-output-row[b-awl6acyz1t],
.trade-orders-breakdown-header[b-awl6acyz1t],
.trade-orders-breakdown-row[b-awl6acyz1t],
.trade-orders-material-header[b-awl6acyz1t],
.trade-orders-material-row[b-awl6acyz1t] {
  display: grid;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
}

.trade-orders-output-header[b-awl6acyz1t],
.trade-orders-breakdown-header[b-awl6acyz1t],
.trade-orders-material-header[b-awl6acyz1t] {
  color: #cfcfcf;
  font-size: 0.72rem;
  font-weight: 700;
  background: #1f1f1f;
  border-bottom: 1px solid #343434;
}

.trade-orders-output-row[b-awl6acyz1t],
.trade-orders-breakdown-row[b-awl6acyz1t],
.trade-orders-material-row[b-awl6acyz1t] {
  border-bottom: 1px solid #303030;
}

.trade-orders-output-row:last-child[b-awl6acyz1t],
.trade-orders-breakdown-row:last-child[b-awl6acyz1t],
.trade-orders-material-row:last-child[b-awl6acyz1t] {
  border-bottom: 0;
}

.trade-orders-output-header[b-awl6acyz1t],
.trade-orders-output-row[b-awl6acyz1t] {
  grid-template-columns: minmax(180px, 1fr) 100px 72px 48px;
}

.trade-orders-output-empty[b-awl6acyz1t] {
  color: #aaa;
  padding: 12px;
}

.trade-orders-breakdown-header[b-awl6acyz1t],
.trade-orders-breakdown-row[b-awl6acyz1t] {
  grid-template-columns: minmax(160px, 1fr) 80px 48px;
}

.trade-orders-pipeline[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.trade-orders-pipeline-stage[b-awl6acyz1t] {
  border: 1px solid #3f3f3f;
  border-radius: 6px;
  background: #202020;
  min-height: 62px;
  padding: 10px;
}

.trade-orders-pipeline-stage.is-complete[b-awl6acyz1t] {
  background: #1e351f;
  border-color: #4f8f4f;
}

.trade-orders-pipeline-stage.is-warning[b-awl6acyz1t] {
  border-color: #d8b13d;
}

.trade-orders-pipeline-stage span[b-awl6acyz1t] {
  display: block;
  color: #bdbdbd;
  font-size: 0.7rem;
  line-height: 1.2;
}

.trade-orders-pipeline-stage strong[b-awl6acyz1t] {
  display: block;
  color: #f2f2f2;
  font-size: 0.78rem;
  line-height: 1.2;
  margin-top: 6px;
}

.trade-orders-linked-plan-grid[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(140px, 200px) minmax(140px, 200px);
  gap: 8px;
  margin-top: 8px;
}

.trade-orders-linked-plan-grid div[b-awl6acyz1t],
.trade-orders-payment-subtotals div[b-awl6acyz1t] {
  border: 1px solid #343434;
  border-radius: 6px;
  background: #202020;
  min-width: 0;
  padding: 8px;
}

.trade-orders-linked-plan-grid span[b-awl6acyz1t],
.trade-orders-payment-subtotals span[b-awl6acyz1t] {
  display: block;
  color: #b8b8b8;
  font-size: 0.68rem;
  line-height: 1.1;
}

.trade-orders-linked-plan-grid strong[b-awl6acyz1t],
.trade-orders-payment-subtotals strong[b-awl6acyz1t] {
  display: block;
  color: #f0f0f0;
  font-size: 0.82rem;
  line-height: 1.2;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.trade-orders-ops[b-awl6acyz1t] {
  overflow: hidden;
}

.trade-orders-ops-header[b-awl6acyz1t] {
  flex: 0 0 auto;
  border-bottom: 1px solid #343434;
  padding: 12px 12px 10px;
}

.trade-orders-ops .mud-tabs[b-awl6acyz1t] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

.trade-orders-tab-panel[b-awl6acyz1t] {
  height: 100%;
  min-height: 0;
  overflow: auto;
  padding: 12px;
}

.trade-orders-payment-metrics[b-awl6acyz1t] {
  display: grid;
  gap: 8px;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #242424;
  padding-bottom: 8px;
}

.trade-orders-payment-metric[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "label copy"
    "value copy";
  align-items: center;
  gap: 2px 8px;
  border: 1px solid #4f8f4f;
  border-radius: 6px;
  background: #1d321d;
  padding: 10px 12px;
}

.trade-orders-payment-metric span[b-awl6acyz1t] {
  grid-area: label;
  color: #d2e8d2;
  font-size: 0.72rem;
  font-weight: 700;
}

.trade-orders-payment-metric strong[b-awl6acyz1t] {
  grid-area: value;
  color: #ffffff;
  font-size: 1.28rem;
  line-height: 1.15;
}

.trade-orders-payment-metric .mud-icon-button[b-awl6acyz1t] {
  grid-area: copy;
}

.trade-orders-payment-subtotals[b-awl6acyz1t] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.trade-orders-payment-heading[b-awl6acyz1t] {
  align-items: baseline;
  margin-top: 12px;
}

.trade-orders-material-header[b-awl6acyz1t],
.trade-orders-material-row[b-awl6acyz1t] {
  grid-template-columns: minmax(150px, 1fr) 64px 86px 96px minmax(104px, 132px);
}

.trade-orders-material-table.is-compact .trade-orders-material-header[b-awl6acyz1t],
.trade-orders-material-table.is-compact .trade-orders-material-row[b-awl6acyz1t] {
  grid-template-columns: minmax(150px, 1fr) 70px minmax(118px, 140px);
}

.trade-orders-hq[b-awl6acyz1t] {
  display: inline-block;
  margin-left: 6px;
  color: #d8b13d;
  font-size: 0.72rem;
  font-weight: 700;
}

.trade-orders-material-cell[b-awl6acyz1t] {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.trade-orders-material-cell strong[b-awl6acyz1t] {
  font-size: 0.78rem;
  line-height: 1.2;
}

.trade-orders-material-cell span[b-awl6acyz1t] {
  color: #b8b8b8;
  font-size: 0.68rem;
  line-height: 1.2;
}

.trade-orders-material-warning[b-awl6acyz1t] {
  color: #f0b45f !important;
}

.trade-orders-procurement-grid[b-awl6acyz1t] {
  margin-top: 8px;
  font-size: 0.76rem;
}

[b-awl6acyz1t] .trade-orders-procurement-grid .web-grid-table-inner {
  min-width: 0;
}

[b-awl6acyz1t] .trade-orders-procurement-grid .web-grid-table-head,
[b-awl6acyz1t] .trade-orders-procurement-grid .web-grid-table-row {
  align-items: start;
}

[b-awl6acyz1t] .trade-orders-procurement-grid .web-grid-table-head {
  color: #c7c7c7;
}

[b-awl6acyz1t] .trade-orders-procurement-grid .web-grid-table-row {
  border-top: 1px solid #343434;
  padding: 7px 0;
}

[b-awl6acyz1t] .trade-orders-procurement-grid .web-grid-table-cell.is-align-end {
  text-align: right;
  white-space: nowrap;
}

[b-awl6acyz1t] .trade-orders-procurement-item-cell {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

[b-awl6acyz1t] .trade-orders-link-button {
  appearance: none;
  border: 0;
  background: transparent;
  color: #9fd17e;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
  text-align: left;
  overflow-wrap: anywhere;
}

[b-awl6acyz1t] .trade-orders-link-button:hover,
[b-awl6acyz1t] .trade-orders-link-button:focus-visible {
  color: #d8b13d;
  text-decoration: underline;
}

[b-awl6acyz1t] .trade-orders-source-cell {
  display: grid;
  gap: 2px;
  min-width: 0;
}

[b-awl6acyz1t] .trade-orders-source-primary {
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
}

[b-awl6acyz1t] .trade-orders-source-primary .trade-orders-link-button {
  min-width: 0;
}

[b-awl6acyz1t] .trade-orders-source-menu {
  flex: 0 0 auto;
  margin-left: -2px;
}

[b-awl6acyz1t] .trade-orders-source-menu .mud-icon-button {
  width: 20px;
  height: 20px;
  padding: 0;
  color: #b8b8b8;
}

[b-awl6acyz1t] .trade-orders-source-menu .mud-icon-root {
  font-size: 1rem;
}

[b-awl6acyz1t] .trade-orders-source-evidence,
[b-awl6acyz1t] .trade-orders-source-warning {
  display: block;
  color: #a9a9a9;
  font-size: 0.66rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

[b-awl6acyz1t] .trade-orders-source-warning {
  color: #f0b45f;
}

.trade-orders-warning-list[b-awl6acyz1t] {
  margin: 0;
  padding-left: 18px;
}

.trade-orders-status-panel[b-awl6acyz1t],
.trade-orders-close-panel[b-awl6acyz1t],
.trade-orders-panel[b-awl6acyz1t] {
  border: 1px solid #343434;
  border-radius: 6px;
  background: #252525;
  margin-top: 12px;
  padding: 12px;
}

.trade-orders-close-panel[b-awl6acyz1t] {
  border-color: #463030;
}

.trade-orders-close-panel .mud-button-root + .mud-button-root[b-awl6acyz1t] {
  margin-top: 8px;
}

.trade-orders-history[b-awl6acyz1t] {
  margin: 10px 0 0;
  padding-left: 18px;
}

.trade-orders-history li[b-awl6acyz1t] {
  margin-bottom: 6px;
}

@media (max-width: 1450px) {
  .trade-orders-page[b-awl6acyz1t] {
    height: auto;
    overflow: visible;
  }

  .trade-orders-board[b-awl6acyz1t] {
    grid-template-columns: 280px minmax(0, 1fr);
    height: auto;
  }

  .trade-orders-workspace-card[b-awl6acyz1t] {
    min-height: 680px;
  }

  .trade-orders-ops[b-awl6acyz1t] {
    grid-column: 1 / -1;
    max-height: 520px;
  }
}

@media (max-width: 980px) {
  .trade-orders-board[b-awl6acyz1t],
  .trade-orders-editor-grid[b-awl6acyz1t],
  .trade-orders-pipeline[b-awl6acyz1t],
  .trade-orders-linked-plan-grid[b-awl6acyz1t],
  .trade-orders-payment-subtotals[b-awl6acyz1t],
  .trade-orders-search-row[b-awl6acyz1t],
  .trade-orders-output-header[b-awl6acyz1t],
  .trade-orders-output-row[b-awl6acyz1t],
  .trade-orders-breakdown-header[b-awl6acyz1t],
  .trade-orders-breakdown-row[b-awl6acyz1t],
  .trade-orders-material-header[b-awl6acyz1t],
  .trade-orders-material-row[b-awl6acyz1t],
  .trade-orders-material-table.is-compact .trade-orders-material-header[b-awl6acyz1t],
  .trade-orders-material-table.is-compact .trade-orders-material-row[b-awl6acyz1t] {
    grid-template-columns: 1fr;
  }

  .trade-orders-rail[b-awl6acyz1t],
  .trade-orders-workspace-card[b-awl6acyz1t],
  .trade-orders-ops[b-awl6acyz1t] {
    min-height: auto;
  }
}
/* /Pages/TradePayroll.razor.rz.scp.css */
.trade-page[b-giuxrb0wdo] {
    min-height: calc(100vh - 64px);
    padding: 16px;
}

.trade-layout[b-giuxrb0wdo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
}

.trade-main[b-giuxrb0wdo],
.trade-panel[b-giuxrb0wdo],
.trade-empty[b-giuxrb0wdo] {
    background: #242424;
    border: 1px solid #3a4a35;
    border-radius: 6px;
}

.trade-main[b-giuxrb0wdo] {
    padding: 16px;
}

.trade-empty[b-giuxrb0wdo] {
    margin: 32px auto;
    max-width: 520px;
    padding: 24px;
}

.trade-section-header[b-giuxrb0wdo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.trade-side[b-giuxrb0wdo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.trade-panel[b-giuxrb0wdo] {
    padding: 16px;
}

.trade-material-table[b-giuxrb0wdo] {
    display: grid;
    gap: 1px;
    overflow-x: auto;
}

.trade-material-row[b-giuxrb0wdo] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 72px 140px 120px 120px;
    align-items: center;
    gap: 12px;
    min-width: 720px;
    padding: 10px 12px;
    background: #1d1d1d;
}

.trade-material-head[b-giuxrb0wdo] {
    color: #8fbf7f;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.trade-evidence[b-giuxrb0wdo],
.trade-hq[b-giuxrb0wdo] {
    color: #aaa;
    font-size: 0.78rem;
}

.trade-hq[b-giuxrb0wdo] {
    display: inline-block;
    margin-left: 6px;
    color: #d4a73a;
    font-weight: 700;
}

.trade-totals[b-giuxrb0wdo] {
    display: grid;
    gap: 10px;
}

.trade-assigned-crafter-select[b-giuxrb0wdo] {
    margin-bottom: 10px;
}

.trade-assignment-actions[b-giuxrb0wdo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.trade-assign-button[b-giuxrb0wdo] {
    flex: 1 1 auto;
}

.trade-open-orders-button[b-giuxrb0wdo] {
    flex: 0 0 auto;
}

.trade-meta-list[b-giuxrb0wdo] {
    display: grid;
    gap: 6px;
    border-top: 1px solid #363636;
    padding-top: 12px;
    margin-bottom: 12px;
}

.trade-meta-list div[b-giuxrb0wdo],
.trade-policy-rule[b-giuxrb0wdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.trade-meta-list span[b-giuxrb0wdo],
.trade-policy-rule span[b-giuxrb0wdo] {
    color: #aaa;
}

.trade-meta-list strong[b-giuxrb0wdo] {
    max-width: 190px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-policy-rule[b-giuxrb0wdo] {
    margin-bottom: 8px;
}

.trade-crafted-summary[b-giuxrb0wdo] {
    border-top: 1px solid #363636;
    padding-top: 12px;
}

.trade-crafted-summary > span[b-giuxrb0wdo] {
    color: #aaa;
    display: block;
    margin-bottom: 6px;
}

.trade-crafted-table[b-giuxrb0wdo] {
    display: grid;
    gap: 4px;
}

.trade-crafted-table div[b-giuxrb0wdo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.trade-crafted-table span[b-giuxrb0wdo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-crafted-table strong[b-giuxrb0wdo] {
    color: #f1f1f1;
    font-weight: 700;
}

.trade-responsibility-select[b-giuxrb0wdo] {
    max-width: 140px;
}

.trade-totals div[b-giuxrb0wdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.trade-total[b-giuxrb0wdo] {
    border-top: 1px solid #444;
    margin-top: 4px;
    padding-top: 12px;
    color: #8fbf7f;
}

.trade-payroll-note[b-giuxrb0wdo] {
    border-top: 1px solid #363636;
    display: block;
    margin-top: 2px;
    padding-top: 10px;
}

.trade-warnings[b-giuxrb0wdo] {
    margin: 0;
    padding-left: 18px;
    color: #ddd;
}

@media (max-width: 980px) {
    .trade-layout[b-giuxrb0wdo] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/AcquisitionDetailsPanel.razor.rz.scp.css */
.rp-column[b-wmsunjf917] {
    padding: 16px;
    overflow-y: auto;
}

.rp-empty-state[b-wmsunjf917] {
    color: #888;
    text-align: center;
    padding: 24px;
}

.rp-empty-title[b-wmsunjf917] {
    color: #d4a73a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.rp-empty-subtitle[b-wmsunjf917] {
    color: #888;
    font-size: 12px;
}

.rp-panel[b-wmsunjf917] {
    background: #2d2d2d;
    border-radius: 4px;
    border: 1px solid #444;
    margin-bottom: 12px;
}

.rp-panel-header[b-wmsunjf917] {
    background: #363636;
    padding: 12px;
    border-bottom: 1px solid #444;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.rp-header-title[b-wmsunjf917] {
    color: #cccccc;
    font-weight: 500;
}

.rp-header-action[b-wmsunjf917] {
    background: #1e1e1e;
    border: 1px solid #555;
    border-radius: 4px;
    color: #d4a73a;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
}

.rp-header-action:hover[b-wmsunjf917] {
    background: #252525;
    border-color: #777;
}

.rp-details-wrap[b-wmsunjf917] {
    padding: 8px;
}

.rp-item-name[b-wmsunjf917] {
    color: #cccccc;
    font-size: 14px;
    font-weight: 600;
    margin: 4px 8px 2px;
}

.rp-item-meta[b-wmsunjf917] {
    color: #888;
    font-size: 12px;
    margin: 0 8px 8px;
}

.rp-detail-row[b-wmsunjf917] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    background: #1e1e1e;
    border-radius: 4px;
    margin-bottom: 6px;
}

.rp-detail-label[b-wmsunjf917] {
    color: #ccc;
    font-size: 13px;
}

.rp-detail-value[b-wmsunjf917] {
    color: #d4a73a;
    font-size: 13px;
    font-weight: 600;
}

.rp-warning-block[b-wmsunjf917] {
    color: #e6d2a0;
    font-size: 12px;
    line-height: 1.45;
    background: #2b2416;
    border: 1px solid #7a5c1b;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 12px;
}

.rp-warning-title[b-wmsunjf917] {
    color: #d4a73a;
    font-weight: 600;
    margin-bottom: 6px;
}

.rp-method-list[b-wmsunjf917] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rp-method-row[b-wmsunjf917] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px;
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 4px;
    color: #ccc;
    text-align: left;
    cursor: pointer;
}

.rp-method-row:hover:not(:disabled)[b-wmsunjf917] {
    border-color: #555;
    background: #252525;
}

.rp-method-row.selected[b-wmsunjf917] {
    border-color: #d4a73a;
    background: #242116;
}

.rp-method-row.projected-unsupported[b-wmsunjf917] {
    background: #2b1717;
    border-color: #8a4038;
}

.rp-method-row.projected-unsupported:hover:not(:disabled)[b-wmsunjf917] {
    background: #351b1b;
    border-color: #b4534a;
}

.rp-method-row:disabled[b-wmsunjf917] {
    color: #666;
    cursor: not-allowed;
    opacity: 0.8;
}

.rp-method-row.projected-unsupported:disabled[b-wmsunjf917] {
    color: #b9a0a0;
    opacity: 1;
}

.rp-method-main[b-wmsunjf917] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rp-method-name[b-wmsunjf917] {
    color: #cccccc;
    font-size: 13px;
    font-weight: 600;
}

.rp-method-detail[b-wmsunjf917] {
    color: #888;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 2px;
}

.rp-method-cost[b-wmsunjf917] {
    color: #d4a73a;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.rp-method-cost.projected-unsupported[b-wmsunjf917] {
    color: #ff6b6b;
}
/* /Shared/CompactSelectField.razor.rz.scp.css */
.compact-select-field[b-i4uuf438h2] {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.compact-select-field-label[b-i4uuf438h2] {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.compact-select-field-select[b-i4uuf438h2] {
  width: 100%;
  min-height: 30px;
  border: 1px solid #595959;
  border-radius: 5px;
  background-color: #1f1f1f;
  color: #f3f3f3;
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
}

.compact-select-field-select:focus-visible[b-i4uuf438h2] {
  border-color: #92c663;
  outline: 1px solid #92c663;
  outline-offset: 1px;
}

.compact-select-field-select:disabled[b-i4uuf438h2] {
  opacity: 0.65;
  cursor: default;
}
/* /Shared/CompactValueField.razor.rz.scp.css */
.compact-value-field[b-trp6e8aa01] {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.compact-value-field-label[b-trp6e8aa01] {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.compact-value-field-value[b-trp6e8aa01] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  border: 1px solid #595959;
  border-radius: 5px;
  background-color: #1f1f1f;
  color: #f3f3f3;
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
  opacity: 0.78;
}
/* /Shared/MarketAnalysisControlsPanel.razor.rz.scp.css */
.ma-controls-column[b-088ic6xj1v] {
    padding: 16px;
    border-right: 1px solid #444;
    overflow-y: auto;
    min-width: 280px;
    max-width: 280px;
}

.ma-field-block[b-088ic6xj1v] {
    margin-bottom: 12px;
}

.ma-field-label[b-088ic6xj1v] {
    color: #888;
    font-size: 12px;
    margin-bottom: 4px;
}

.ma-full-width[b-088ic6xj1v] {
    width: 100%;
}

.ma-region-toggle-block[b-088ic6xj1v] {
    margin-bottom: 16px;
}

.ma-region-toggle[b-088ic6xj1v] {
    background: #1e1e1e;
    border-radius: 6px;
    padding: 4px 8px;
    width: 100%;
}

.ma-region-toggle-text[b-088ic6xj1v] {
    color: #ccc;
}

.ma-region-toggle-caption[b-088ic6xj1v] {
    color: #666;
    display: block;
    margin-top: 4px;
    margin-left: 32px;
}
/* /Shared/MarketAnalysisListingLadder.razor.rz.scp.css */
.ma-ladder-shell[b-97twhh0tuk] {
    overflow-x: auto;
    padding: 6px 0 2px;
}

.ma-ladder-table[b-97twhh0tuk] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

.ma-ladder-table th[b-97twhh0tuk],
.ma-ladder-table td[b-97twhh0tuk] {
    padding: 5px 6px;
    border-bottom: 1px solid #30363b;
    color: #d7d7d7;
    text-align: left;
    white-space: nowrap;
}

.ma-ladder-table th[b-97twhh0tuk] {
    color: #8d949c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #252a2e;
}

.ma-ladder-table th:nth-child(4)[b-97twhh0tuk],
.ma-ladder-table td:nth-child(4)[b-97twhh0tuk] {
    width: 24%;
}

.ma-ladder-table th:nth-child(6)[b-97twhh0tuk],
.ma-ladder-table td:nth-child(6)[b-97twhh0tuk] {
    width: 10%;
}

.ma-ladder-retainer[b-97twhh0tuk] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-ladder-table tr.is-competitive td[b-97twhh0tuk] {
    background: rgba(79, 171, 120, 0.12);
}

.ma-ladder-table tr.is-outlier td[b-97twhh0tuk],
.ma-ladder-table tr.is-uncompetitive td[b-97twhh0tuk] {
    color: #ffcc9a;
}

.ma-ladder-table tr.is-insane td[b-97twhh0tuk] {
    color: #ffb4a8;
}

.ma-ladder-table tr.is-low-outlier td[b-97twhh0tuk] {
    color: #b8e986;
}

.ma-ladder-table tr.ma-band-tone-low td[b-97twhh0tuk] {
    background: rgba(104, 159, 56, 0.12);
}

.ma-ladder-table tr.ma-band-tone-mid td[b-97twhh0tuk] {
    background: rgba(66, 133, 166, 0.10);
}

.ma-ladder-table tr.ma-band-tone-high td[b-97twhh0tuk] {
    background: rgba(171, 71, 188, 0.12);
}

.ma-ladder-table tr.ma-band-edge-low-outlier td:first-child[b-97twhh0tuk] {
    box-shadow: inset 3px 0 0 #b8e986;
}

.ma-ladder-table tr.ma-band-edge-thin td:first-child[b-97twhh0tuk] {
    box-shadow: inset 3px 0 0 #64b5f6;
}

.ma-ladder-table tr.ma-band-edge-competitive td:first-child[b-97twhh0tuk] {
    box-shadow: inset 3px 0 0 #81c784;
}

.ma-ladder-table tr.ma-band-edge-uncompetitive td:first-child[b-97twhh0tuk] {
    box-shadow: inset 3px 0 0 #ffcc80;
}

.ma-ladder-table tr.ma-band-edge-insane td:first-child[b-97twhh0tuk] {
    box-shadow: inset 3px 0 0 #ce93d8;
}

.ma-ladder-table tr.ma-band-edge-unknown td:first-child[b-97twhh0tuk] {
    box-shadow: inset 3px 0 0 #8d949c;
}

.ma-ladder-break-row td[b-97twhh0tuk] {
    color: #f2c166;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #332d20;
}

.ma-ladder-flag[b-97twhh0tuk] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: 999px;
    color: #ffb4a8;
    background: rgba(244, 67, 54, 0.14);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.ma-ladder-flag.is-uncompetitive[b-97twhh0tuk] {
    color: #ffcc9a;
    background: rgba(255, 152, 0, 0.14);
}

.ma-ladder-flag.is-outlier[b-97twhh0tuk] {
    color: #ffcc9a;
    background: rgba(255, 152, 0, 0.14);
}

.ma-ladder-flag.is-low-outlier[b-97twhh0tuk] {
    color: #b8e986;
    background: rgba(139, 195, 74, 0.14);
}

.ma-ladder-flag.is-insane[b-97twhh0tuk] {
    color: #ffb4a8;
    background: rgba(244, 67, 54, 0.14);
}
/* /Shared/MarketAnalysisListPanel.razor.rz.scp.css */
.ma-ledger-shell[b-u9479vzo89] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 7px;
    min-width: 0;
}

.ma-ledger-workspace[b-u9479vzo89] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(380px, 0.8fr);
    gap: 8px;
    min-height: 0;
    flex: 1;
}

.ma-ledger-list[b-u9479vzo89],
.ma-detail-pane[b-u9479vzo89] {
    min-width: 0;
    min-height: 0;
    background: #1f2225;
    border: 1px solid #343a40;
    border-radius: 6px;
    overflow: hidden;
}

.ma-ledger-list[b-u9479vzo89] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.ma-item-cell[b-u9479vzo89] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
}

.ma-item-name[b-u9479vzo89] {
    color: #f0f0f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.ma-item-name:hover[b-u9479vzo89],
.ma-detail-title:hover[b-u9479vzo89] {
    color: #90caf9;
    text-decoration: underline;
}

.ma-item-kind[b-u9479vzo89] {
    color: #888;
    font-size: 11px;
}

.ma-table-scroll[b-u9479vzo89] {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent;
}

.ma-ledger-table[b-u9479vzo89] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.ma-ledger-table thead[b-u9479vzo89] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #252a2e;
}

.ma-ledger-table th[b-u9479vzo89],
.ma-ledger-table td[b-u9479vzo89] {
    min-width: 0;
    padding: 5px 5px;
    border-bottom: 1px solid #2c3135;
    color: #d7d7d7;
    text-align: left;
    vertical-align: middle;
}

.ma-ledger-table th[b-u9479vzo89] {
    padding: 4px 5px;
    border-bottom-color: #343a40;
    color: #888;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    background: #252a2e;
}

.ma-ledger-table tbody tr[b-u9479vzo89] {
    background: transparent;
    cursor: pointer;
}

.ma-ledger-table tbody tr:hover[b-u9479vzo89],
.ma-ledger-table tbody tr.is-selected[b-u9479vzo89] {
    background: #28323a;
}

.ma-ledger-table tbody tr.is-selected[b-u9479vzo89] {
    box-shadow: inset 3px 0 0 #90caf9;
}

.ma-ledger-table tbody tr.has-warning:not(.is-selected)[b-u9479vzo89] {
    box-shadow: inset 3px 0 0 #ff9800;
}

.ma-sort-header[b-u9479vzo89] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: pointer;
}

.ma-sort-header:hover[b-u9479vzo89],
.ma-sort-header.is-active[b-u9479vzo89] {
    color: #c7d6e2;
}

.ma-sort-direction[b-u9479vzo89] {
    color: #90caf9;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.ma-recommendation-column span[b-u9479vzo89] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25;
}

.ma-number-column[b-u9479vzo89],
.ma-total-column[b-u9479vzo89] {
    text-align: left;
    white-space: nowrap;
}

.ma-total-column[b-u9479vzo89] {
    color: #d4a73a;
    font-weight: 700;
}

.ma-total-value[b-u9479vzo89] {
    color: inherit;
}

.ma-total-value.is-projected-unsupported[b-u9479vzo89] {
    color: #ff6b6b;
    text-decoration: underline;
    text-decoration-color: rgba(255, 107, 107, 0.9);
    text-underline-offset: 2px;
}

.ma-stock-ok[b-u9479vzo89] {
    color: #90ee90;
}

.ma-stock-warning[b-u9479vzo89] {
    color: #ffb74d;
    font-weight: 600;
}

.ma-detail-pane[b-u9479vzo89] {
    display: flex;
    flex-direction: column;
}

.ma-detail-header[b-u9479vzo89] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border-bottom: 1px solid #343a40;
    background: #252a2e;
    flex-shrink: 0;
}

.ma-detail-title-block[b-u9479vzo89] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.ma-detail-title-row[b-u9479vzo89] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
}

.ma-detail-title[b-u9479vzo89] {
    color: #f4f4f4;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.ma-detail-copy-button[b-u9479vzo89],
.ma-detail-refresh-button[b-u9479vzo89] {
    flex-shrink: 0;
    color: #8d949c;
    padding: 2px;
}

.ma-detail-subtitle[b-u9479vzo89] {
    color: #888;
    line-height: 1.3;
}

.ma-detail-total[b-u9479vzo89] {
    color: #d4a73a;
    font-weight: 700;
    white-space: nowrap;
}

.ma-detail-tabs[b-u9479vzo89] {
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    padding: 6px 8px 0;
    border-bottom: 1px solid #343a40;
    background: #252a2e;
}

.ma-detail-tab[b-u9479vzo89] {
    padding: 5px 9px 6px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #9ea7af;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.ma-detail-tab:hover[b-u9479vzo89],
.ma-detail-tab.is-active[b-u9479vzo89] {
    color: #f0f0f0;
    background: #1f2225;
    border-color: #343a40;
}

.ma-detail-scroll[b-u9479vzo89] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 8px;
}

.ma-price-band-view[b-u9479vzo89] {
    min-width: 0;
}

.ma-price-band-grid[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-grid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

.ma-price-band-grid th[b-u9479vzo89],
.ma-price-band-grid td[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-grid th,
[b-u9479vzo89] .ma-price-band-grid td {
    padding: 6px 7px;
    border-bottom: 1px solid #2c3135;
    color: #d7d7d7;
    text-align: left;
    vertical-align: top;
}

.ma-price-band-grid th[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-grid th {
    color: #8f98a0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: #252a2e;
}

[b-u9479vzo89] .ma-price-band-grid .web-table-sort-button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: pointer;
}

[b-u9479vzo89] .ma-price-band-grid .web-table-sort-button:hover,
[b-u9479vzo89] .ma-price-band-grid .web-table-header-cell.is-sorted .web-table-sort-button {
    color: #c7d6e2;
}

[b-u9479vzo89] .ma-price-band-grid .web-table-sort-indicator {
    color: #90caf9;
    font-size: 10px;
    font-weight: 700;
}

[b-u9479vzo89] .ma-price-band-grid .web-data-table-expanded-cell {
    padding: 0 7px 8px 26px;
    background: #1a1d20;
}

.ma-price-band-expand-button[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-expand-button {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    grid-template-areas:
        "marker range"
        "marker avg";
    align-items: center;
    column-gap: 5px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.ma-price-band-toggle-marker[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-toggle-marker {
    grid-area: marker;
    color: #90caf9;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.ma-price-band-range[b-u9479vzo89],
.ma-price-band-average[b-u9479vzo89] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ma-price-band-range[b-u9479vzo89] {
    grid-area: range;
    color: #f0f0f0;
    font-weight: 700;
}

.ma-price-band-average[b-u9479vzo89] {
    grid-area: avg;
    color: #8f98a0;
    font-size: 11px;
}

.ma-price-band-signal[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal {
    display: inline-grid;
    gap: 2px;
    color: #b7c0c8;
    font-weight: 700;
}

.ma-price-band-signal-secondary[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal-secondary {
    color: #8f98a0;
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
}

.ma-price-band-signal.is-low-outlier[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal.is-low-outlier {
    color: #ffb74d;
}

.ma-price-band-signal.is-thin[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal.is-thin {
    color: #64b5f6;
}

.ma-price-band-signal.is-competitive[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal.is-competitive {
    color: #81c784;
}

.ma-price-band-signal.is-uncompetitive[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal.is-uncompetitive {
    color: #ffcc80;
}

.ma-price-band-signal.is-insane[b-u9479vzo89],
[b-u9479vzo89] .ma-price-band-signal.is-insane {
    color: #ce93d8;
}

[b-u9479vzo89] .ma-price-band-listing-grid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

[b-u9479vzo89] .ma-price-band-listing-grid th,
[b-u9479vzo89] .ma-price-band-listing-grid td {
    padding: 5px 6px;
    border-bottom: 1px solid #30363b;
    color: #d7d7d7;
    text-align: left;
    white-space: nowrap;
}

[b-u9479vzo89] .ma-price-band-listing-grid th {
    color: #8d949c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #252a2e;
}

[b-u9479vzo89] .ma-price-band-listing-grid .web-table-sort-button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: pointer;
}

[b-u9479vzo89] .ma-price-band-listing-grid .web-table-sort-button:hover,
[b-u9479vzo89] .ma-price-band-listing-grid .web-table-header-cell.is-sorted .web-table-sort-button {
    color: #c7d6e2;
}

[b-u9479vzo89] .ma-price-band-listing-grid .web-table-sort-indicator {
    color: #90caf9;
    font-size: 10px;
    font-weight: 700;
}

[b-u9479vzo89] .ma-price-band-listing-grid .ma-price-band-retainer-cell {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ma-price-band-empty[b-u9479vzo89] {
    padding: 8px;
    color: #8d949c;
    font-size: 12px;
}

.ma-detail-empty[b-u9479vzo89] {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: #777;
    text-align: center;
}

.ma-analysis-missing[b-u9479vzo89] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    color: #8d949c;
    text-align: center;
}
/* /Shared/MarketAnalysisResultsPanel.razor.rz.scp.css */
.ma-results-column[b-g7agw07jm2] {
    padding: 16px;
    overflow: hidden;
    min-width: 0;
}

.ma-state-paper[b-g7agw07jm2] {
    background: linear-gradient(135deg, #2d2d2d 0%, #252525 100%);
    height: 100%;
    border-radius: 12px;
}

.ma-state-inner[b-g7agw07jm2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.ma-state-icon[b-g7agw07jm2] {
    color: #555;
    margin-bottom: 16px;
}

.ma-state-title[b-g7agw07jm2] {
    color: #888;
    margin-bottom: 8px;
}

.ma-state-body[b-g7agw07jm2] {
    color: #666;
    margin-bottom: 24px;
}
/* /Shared/MarketAnalysisWorldGrid.razor.rz.scp.css */
.ma-world-grid-shell[b-swxjxn98gy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ma-world-warning[b-swxjxn98gy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid #614b20;
    border-radius: 6px;
    color: #ffd28a;
    background: #2d281e;
    font-size: 12px;
}

.ma-scope-price-context[b-swxjxn98gy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid #343a40;
    border-radius: 6px;
    color: #c7d6e2;
    background: #252a2e;
    font-size: 12px;
}

.ma-world-grid-table[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

.ma-world-grid-table th[b-swxjxn98gy],
.ma-world-grid-table td[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table th,
[b-swxjxn98gy] .ma-world-grid-table td {
    padding: 6px;
    border-bottom: 1px solid #30363b;
    color: #d7d7d7;
    text-align: left;
    vertical-align: top;
}

.ma-world-grid-table th[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table th {
    color: #8d949c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #252a2e;
    white-space: nowrap;
}

.ma-world-sort-header[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table .web-table-sort-button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: pointer;
}

.ma-world-sort-header:hover[b-swxjxn98gy],
.ma-world-sort-header.is-active[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table .web-table-sort-button:hover,
[b-swxjxn98gy] .ma-world-grid-table .web-table-header-cell.is-sorted .web-table-sort-button {
    color: #c7d6e2;
}

.ma-world-sort-direction[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table .web-table-sort-indicator {
    color: #90caf9;
    font-size: 10px;
    font-weight: 700;
}

.ma-world-row[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-row {
    box-shadow: inset 3px 0 0 transparent;
}

.ma-world-row.is-optimal[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-row.is-optimal {
    box-shadow: inset 3px 0 0 #4fab78;
}

.ma-world-row.is-competitive[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-row.is-competitive {
    box-shadow: inset 3px 0 0 #d4a73a;
}

.ma-world-row.is-expensive[b-swxjxn98gy],
.ma-world-row.is-poor[b-swxjxn98gy],
.ma-world-row.is-unavailable[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-row.is-expensive,
[b-swxjxn98gy] .ma-world-row.is-poor,
[b-swxjxn98gy] .ma-world-row.is-unavailable {
    box-shadow: inset 3px 0 0 #df6f5d;
}

.ma-world-toggle[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-toggle {
    display: flex;
    align-items: center;
    gap: 3px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: #f0f0f0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.ma-world-toggle span:first-of-type[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-toggle span:first-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ma-world-dc[b-swxjxn98gy],
.ma-world-muted[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-dc,
[b-swxjxn98gy] .ma-world-muted {
    display: block;
    color: #8d949c;
    font-size: 11px;
    line-height: 1.3;
}

.ma-world-score[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-score {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: 999px;
    color: #141719;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.ma-world-score.is-optimal[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-score.is-optimal {
    background: #8bd19f;
}

.ma-world-score.is-competitive[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-score.is-competitive {
    background: #f0c65b;
}

.ma-world-score.is-expensive[b-swxjxn98gy],
.ma-world-score.is-poor[b-swxjxn98gy],
.ma-world-score.is-unavailable[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-score.is-expensive,
[b-swxjxn98gy] .ma-world-score.is-poor,
[b-swxjxn98gy] .ma-world-score.is-unavailable {
    background: #f09080;
}

.ma-world-expanded-row td[b-swxjxn98gy],
[b-swxjxn98gy] .ma-world-grid-table .web-data-table-expanded-cell {
    padding: 0 6px 8px 24px;
    background: #1a1d20;
}
/* /Shared/ProcurementControlsPanel.razor.rz.scp.css */
.pp-controls-column[b-loresywb49] {
    padding: 16px;
    border-right: 1px solid #444;
    overflow-y: auto;
    min-width: 280px;
    max-width: 280px;
}

.pp-field-block[b-loresywb49] {
    margin-bottom: 12px;
}

.pp-field-label[b-loresywb49] {
    color: #888;
    font-size: 12px;
    margin-bottom: 4px;
}

.pp-section-title[b-loresywb49] {
    color: #d4a73a;
    margin: 16px 0 8px;
}

.pp-full-width[b-loresywb49] {
    width: 100%;
}

.pp-slider-endpoints[b-loresywb49] {
    display: flex;
    justify-content: space-between;
    margin-top: -8px;
    color: #888;
    font-size: 11px;
}

.pp-summary-paper[b-loresywb49] {
    background: linear-gradient(135deg, #2d4a2d 0%, #253825 100%);
    border-radius: 8px;
}

.pp-summary-label[b-loresywb49] {
    color: #888;
}

.pp-summary-value[b-loresywb49] {
    color: #d4a73a;
    font-weight: 700;
}

.pp-summary-stat-row[b-loresywb49] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.pp-summary-stat[b-loresywb49] {
    flex: 1;
    text-align: center;
    padding: 8px;
    background: rgba(76, 175, 80, 0.1);
    border-radius: 6px;
}

.pp-summary-stat-icon[b-loresywb49],
.pp-summary-stat-text[b-loresywb49] {
    color: #4caf50;
}

.pp-summary-stat-text[b-loresywb49] {
    display: block;
}

@media (max-width: 720px) {
    .pp-controls-column[b-loresywb49] {
        max-width: none;
        min-width: 0;
        border-right: none;
        border-bottom: 1px solid #444;
    }
}
/* /Shared/ProcurementResultsShell.razor.rz.scp.css */
.pp-results-column[b-c8n0ae7v7u] {
    padding: 16px;
    overflow: hidden;
    min-width: 0;
}
/* /Shared/ProcurementRouteTreePanel.razor.rz.scp.css */
.pp-route-shell[b-pzga21n723] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 8px;
    min-width: 0;
}

.pp-route-summary[b-pzga21n723] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 12px;
    background: #202823;
    border: 1px solid #34533a;
    border-radius: 6px;
    flex-shrink: 0;
}

.pp-route-title-block[b-pzga21n723] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pp-route-title[b-pzga21n723] {
    color: #90ee90;
    font-weight: 700;
}

.pp-route-subtitle[b-pzga21n723] {
    color: #888;
}

.pp-route-total[b-pzga21n723] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #d4a73a;
    font-weight: 800;
}

.pp-route-total small[b-pzga21n723] {
    color: #888;
    font-weight: 400;
}

.pp-route-content[b-pzga21n723] {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
}

.pp-route-empty[b-pzga21n723] {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #777;
    text-align: center;
    background: #1f2225;
    border: 1px solid #343a40;
    border-radius: 6px;
}

.pp-route-tree[b-pzga21n723] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pp-dc-group[b-pzga21n723],
.pp-error-group[b-pzga21n723] {
    background: #1f2225;
    border: 1px solid #343a40;
    border-radius: 6px;
    overflow: hidden;
}

.pp-dc-header[b-pzga21n723] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    background: #252a2e;
    border-bottom: 1px solid #343a40;
    color: #90caf9;
    font-weight: 700;
}

.pp-dc-header small[b-pzga21n723] {
    color: #888;
    font-weight: 400;
    margin-left: auto;
    order: 2;
}

.pp-dc-toggle[b-pzga21n723] {
    color: #90caf9;
    order: 3;
}

.pp-dc-header.is-vendor[b-pzga21n723] {
    color: #d4a73a;
}

.pp-dc-header.is-error[b-pzga21n723] {
    color: #ffb74d;
}

.pp-world-node[b-pzga21n723] {
    border-bottom: 1px solid #2c3135;
}

.pp-world-node:last-child[b-pzga21n723] {
    border-bottom: 0;
}

.pp-world-row[b-pzga21n723] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 90px 90px 120px 32px;
    align-items: center;
    width: 100%;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #ddd;
    padding: 8px 12px;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.pp-world-row:hover[b-pzga21n723] {
    background: #28323a;
}

.pp-world-main[b-pzga21n723],
.pp-item-main[b-pzga21n723] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.pp-world-name[b-pzga21n723],
.pp-item-main > span[b-pzga21n723],
.pp-item-link[b-pzga21n723] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pp-item-link[b-pzga21n723] {
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ddd;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.pp-item-link:hover[b-pzga21n723] {
    color: #90caf9;
}

.pp-world-meta[b-pzga21n723] {
    color: #aaa;
    text-align: right;
    font-size: 12px;
}

.pp-world-cost[b-pzga21n723],
.pp-item-total[b-pzga21n723] {
    color: #d4a73a;
    font-weight: 700;
    text-align: right;
}

.pp-split-icon[b-pzga21n723] {
    color: #ff9800;
}

.pp-congested-label[b-pzga21n723] {
    color: #ffb74d;
    font-size: 11px;
    font-weight: 700;
}

.pp-item-table[b-pzga21n723] {
    padding: 0 12px 10px 36px;
}

.pp-item-header[b-pzga21n723],
.pp-item-row[b-pzga21n723] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 120px 100px 120px 108px;
    align-items: center;
    gap: 10px;
}

.pp-item-header[b-pzga21n723] {
    padding: 6px 8px;
    color: #888;
    font-size: 11px;
    text-transform: uppercase;
}

.pp-item-row[b-pzga21n723] {
    padding: 7px 8px;
    border-top: 1px solid #2c3135;
    color: #ddd;
}

.pp-item-row:hover[b-pzga21n723] {
    background: #252d33;
}

.pp-item-main[b-pzga21n723] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.pp-item-main small[b-pzga21n723] {
    color: #90ee90;
    font-size: 11px;
}

.pp-item-row > span:not(:first-child)[b-pzga21n723] {
    text-align: right;
}

.pp-copy-button[b-pzga21n723] {
    color: #777;
}

.pp-item-actions[b-pzga21n723] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
}

.pp-world-warning[b-pzga21n723] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 8px 10px;
    background: #34251f;
    border: 1px solid #5a3a2a;
    border-radius: 4px;
    color: #ffb74d;
}

.pp-error-row[b-pzga21n723] {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(240px, 1fr);
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid #2c3135;
    color: #ddd;
}

.pp-error-row span:last-child[b-pzga21n723] {
    color: #ffb74d;
}
/* /Shared/ProjectItemsPanel.razor.rz.scp.css */
.lp-column[b-n69b95evc6] {
    padding: 16px;
    overflow-y: auto;
    border-right: 1px solid #333;
}

.lp-title[b-n69b95evc6] {
    font-size: 16px;
    font-weight: 600;
    color: #d4a73a;
    margin-bottom: 16px;
}

.lp-add-section[b-n69b95evc6] {
    margin-bottom: 16px;
}

.lp-label[b-n69b95evc6] {
    color: #cccccc;
    font-size: 14px;
    margin-bottom: 4px;
}

.lp-input[b-n69b95evc6] {
    width: 100%;
    padding: 8px;
    background: #2d2d2d;
    color: white;
    border: 1px solid #444;
    border-radius: 4px;
    box-sizing: border-box;
}

.lp-search-btn[b-n69b95evc6] {
    width: 100%;
    padding: 8px;
    margin-top: 8px;
    background: #d4a73a;
    color: #1a1a1a;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}

.lp-builder-btn[b-n69b95evc6] {
    width: 100%;
    padding: 8px;
    margin-top: 8px;
    background: transparent;
    color: #d4a73a;
    border: 1px solid #d4a73a;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}

.lp-builder-btn:hover[b-n69b95evc6] {
    background: #2d291f;
}

.lp-search-results[b-n69b95evc6] {
    margin-top: 8px;
    background: #2d2d2d;
    border-radius: 4px;
    border: 1px solid #d4a73a;
    max-height: 200px;
    overflow-y: auto;
}

.lp-search-result-item[b-n69b95evc6] {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #444;
}

.lp-search-result-name[b-n69b95evc6] {
    color: white;
}

.lp-search-result-meta[b-n69b95evc6] {
    color: #888;
    font-size: 12px;
}

.lp-targets-panel[b-n69b95evc6] {
    background: #2d2d2d;
    border-radius: 4px;
    border: 1px solid #444;
}

.lp-targets-header[b-n69b95evc6] {
    background: #363636;
    padding: 12px;
    border-bottom: 1px solid #444;
}

.lp-targets-header-text[b-n69b95evc6] {
    color: #cccccc;
    font-weight: 500;
}

.lp-targets-body[b-n69b95evc6] {
    padding: 8px;
}

.lp-empty-targets[b-n69b95evc6] {
    color: #888;
    text-align: center;
    padding: 24px;
    font-size: 14px;
}

.lp-target-row[b-n69b95evc6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: #1e1e1e;
    border-radius: 4px;
    margin-bottom: 8px;
}

.lp-hq-toggle[b-n69b95evc6] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    width: 20px;
}

.lp-item-name[b-n69b95evc6] {
    flex: 1;
}

.lp-qty-input[b-n69b95evc6] {
    width: 60px;
    padding: 4px;
    background: #2d2d2d;
    color: white;
    border: 1px solid #444;
    border-radius: 4px;
    text-align: center;
}

.lp-remove-btn[b-n69b95evc6] {
    background: transparent;
    border: none;
    color: #ff6b6b;
    cursor: pointer;
    font-size: 12px;
}

.lp-build-wrap[b-n69b95evc6] {
    padding: 12px;
    border-top: 1px solid #444;
}

.lp-build-btn[b-n69b95evc6] {
    width: 100%;
    padding: 10px;
    background: #d4a73a;
    color: #1a1a1a;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}

.lp-plan-actions[b-n69b95evc6] {
    margin-top: 16px;
    display: flex;
    gap: 8px;
}

.lp-plan-btn[b-n69b95evc6] {
    flex: 1;
    padding: 8px;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.lp-plan-btn-save[b-n69b95evc6] {
    background: #4caf50;
}

.lp-plan-btn-export[b-n69b95evc6] {
    background: #2196f3;
}

.lp-autosave-meta[b-n69b95evc6] {
    color: #888;
    font-size: 11px;
    text-align: center;
    margin-top: 8px;
}
/* /Shared/RecipePlanPanel.razor.rz.scp.css */
.mp-column[b-xsyyjxgcnd] {
    padding: 16px;
    overflow-y: auto;
    border-right: 1px solid #333;
}

.mp-header-row[b-xsyyjxgcnd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.mp-title[b-xsyyjxgcnd] {
    font-size: 16px;
    font-weight: 600;
    color: #d4a73a;
}

.mp-tree-actions[b-xsyyjxgcnd] {
    display: flex;
    gap: 4px;
}

.mp-control-bar[b-xsyyjxgcnd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 6px 8px;
    background: #252525;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
}

.mp-editor-btn[b-xsyyjxgcnd],
.mp-tree-action-btn[b-xsyyjxgcnd] {
    padding: 4px 8px;
    background: #2d2d2d;
    color: #ccc;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.mp-editor-btn[b-xsyyjxgcnd] {
    border-color: #5b7896;
    color: #d7e8f8;
}

.mp-empty-state[b-xsyyjxgcnd] {
    color: #888;
    text-align: center;
    padding: 40px;
}

.mp-empty-title[b-xsyyjxgcnd] {
    font-size: 18px;
    margin-bottom: 8px;
}

.mp-empty-subtitle[b-xsyyjxgcnd] {
    font-size: 14px;
}

.mp-saved-section[b-xsyyjxgcnd] {
    margin-top: 32px;
    text-align: left;
}

.mp-saved-title[b-xsyyjxgcnd] {
    color: #d4a73a;
    font-size: 14px;
    margin-bottom: 12px;
}

.mp-saved-plan-row[b-xsyyjxgcnd] {
    background: #2d2d2d;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 8px;
    border: 1px solid #444;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mp-saved-plan-name[b-xsyyjxgcnd] {
    color: white;
    font-weight: 500;
}

.mp-saved-plan-meta[b-xsyyjxgcnd] {
    color: #888;
    font-size: 12px;
}

.mp-saved-actions[b-xsyyjxgcnd] {
    display: flex;
    gap: 4px;
}

.mp-load-btn[b-xsyyjxgcnd] {
    padding: 4px 12px;
    background: #4caf50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.mp-delete-btn[b-xsyyjxgcnd] {
    padding: 4px 8px;
    background: transparent;
    color: #ff6b6b;
    border: 1px solid #ff6b6b;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.mp-tree-panel[b-xsyyjxgcnd] {
    background: #2d2d2d;
    border-radius: 4px;
    border: 1px solid #444;
    padding: 12px;
}
/* /Shared/ShoppingListPanel.razor.rz.scp.css */
.rp-column[b-x2o6na3klo] {
    padding: 16px;
    overflow-y: auto;
}

.rp-title[b-x2o6na3klo] {
    font-size: 16px;
    font-weight: 600;
    color: #d4a73a;
    margin-bottom: 16px;
}

.rp-empty-state[b-x2o6na3klo] {
    color: #888;
    text-align: center;
    padding: 24px;
}

.rp-panel[b-x2o6na3klo] {
    background: #2d2d2d;
    border-radius: 4px;
    border: 1px solid #444;
    margin-bottom: 12px;
}

.rp-panel-header[b-x2o6na3klo] {
    background: #363636;
    padding: 12px;
    border-bottom: 1px solid #444;
}

.rp-header-title[b-x2o6na3klo] {
    color: #cccccc;
    font-weight: 500;
}

.rp-details-wrap[b-x2o6na3klo] {
    padding: 8px;
}

.rp-detail-row[b-x2o6na3klo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    background: #1e1e1e;
    border-radius: 4px;
    margin-bottom: 6px;
}

.rp-detail-label[b-x2o6na3klo] {
    color: #ccc;
    font-size: 13px;
}

.rp-detail-value[b-x2o6na3klo] {
    color: #d4a73a;
    font-size: 13px;
    font-weight: 600;
}

.rp-info-block[b-x2o6na3klo] {
    color: #888;
    font-size: 12px;
    line-height: 1.45;
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
}

.rp-warning-block[b-x2o6na3klo] {
    color: #e6d2a0;
    font-size: 12px;
    line-height: 1.45;
    background: #2b2416;
    border: 1px solid #7a5c1b;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 12px;
}

.rp-warning-title[b-x2o6na3klo] {
    color: #d4a73a;
    font-weight: 600;
    margin-bottom: 6px;
}

.rp-warning-list[b-x2o6na3klo] {
    margin-top: 8px;
    padding-left: 16px;
}

.rp-warning-list li[b-x2o6na3klo] {
    margin-bottom: 4px;
}
/* /Shared/StartupLoadingOverlay.razor.rz.scp.css */
.startup-overlay[b-jc26kgior0] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(12, 12, 14, 0.92);
}

.startup-overlay__panel[b-jc26kgior0] {
    width: min(420px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 32px;
    border: 1px solid rgba(212, 167, 58, 0.55);
    border-radius: 8px;
    background: #1f1f22;
    color: #f2f0ea;
    text-align: center;
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.45);
}

.startup-overlay__brand[b-jc26kgior0] {
    color: #d4a73a;
    font-size: 1.15rem;
    font-weight: 700;
}

.startup-overlay__title[b-jc26kgior0] {
    color: #f2f0ea;
    overflow-wrap: anywhere;
}

.startup-overlay__message[b-jc26kgior0] {
    max-width: 100%;
    color: #d8d2c4;
    overflow-wrap: anywhere;
}

.startup-overlay__warning-icon[b-jc26kgior0] {
    color: #ffca28;
    font-size: 48px;
}
/* /Shared/TablePrimitives/WebDataTable.razor.rz.scp.css */
.web-data-table[b-w0fctv7l8w] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.web-data-table th[b-w0fctv7l8w],
.web-data-table td[b-w0fctv7l8w] {
    min-width: 0;
    padding: 7px 10px;
    text-align: left;
    vertical-align: middle;
}

.web-data-table th[b-w0fctv7l8w] {
    color: #bdbdbd;
    font-size: 12px;
    font-weight: 600;
}

.web-data-table td[b-w0fctv7l8w] {
    color: #e0e0e0;
    border-top: 1px solid #343434;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.web-data-table-row.is-clickable[b-w0fctv7l8w] {
    cursor: pointer;
}

.web-data-table-row.is-clickable:hover[b-w0fctv7l8w] {
    background: rgba(212, 167, 58, 0.08);
}

.web-data-table-row.is-selected[b-w0fctv7l8w] {
    background: rgba(212, 167, 58, 0.14);
}

.web-data-table .is-align-end[b-w0fctv7l8w] {
    text-align: right;
}

.web-data-table-expanded-cell[b-w0fctv7l8w] {
    width: 100%;
    white-space: normal;
}

.web-data-table-empty-cell[b-w0fctv7l8w] {
    width: 100%;
    color: #9f9f9f;
    white-space: normal;
}
/* /Shared/TablePrimitives/WebGridTable.razor.rz.scp.css */
.web-grid-table[b-btvxxjp1um] {
    overflow: auto;
    min-height: 0;
}

.web-grid-table-inner[b-btvxxjp1um] {
    width: var(--web-table-grid-width);
}

.web-grid-table-head[b-btvxxjp1um],
.web-grid-table-row[b-btvxxjp1um] {
    display: grid;
    grid-template-columns: var(--web-table-grid-template);
    align-items: center;
    gap: var(--web-table-grid-gap);
}

.web-grid-table-cell[b-btvxxjp1um] {
    min-width: 0;
}

.web-grid-table-row-action[b-btvxxjp1um] {
    border: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
}

.web-grid-table-row-action:focus-visible[b-btvxxjp1um] {
    outline: 2px solid #90caf9;
    outline-offset: -2px;
}

.web-grid-table-empty[b-btvxxjp1um] {
    min-width: 0;
}
/* /Shared/TablePrimitives/WebTableHeaderCell.razor.rz.scp.css */
.web-table-header-cell[b-fk0aia21gc] {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.web-table-sort-button[b-fk0aia21gc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: pointer;
    justify-content: flex-start;
}

.web-table-header-cell.is-align-end[b-fk0aia21gc],
.web-table-header-cell.is-align-end .web-table-sort-button[b-fk0aia21gc] {
    justify-content: flex-end;
    text-align: right;
}

.web-table-header-label[b-fk0aia21gc] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.web-table-sort-indicator[b-fk0aia21gc] {
    color: #90caf9;
    font-size: 10px;
    font-weight: 700;
}

.web-table-resize-handle[b-fk0aia21gc] {
    position: absolute;
    top: 6px;
    right: -6px;
    width: 12px;
    height: 24px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: col-resize;
    z-index: 2;
}

.web-table-resize-handle[b-fk0aia21gc]::after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 5px;
    width: 2px;
    background: #4b4b4b;
}

.web-table-resize-handle:hover[b-fk0aia21gc]::after,
.web-table-resize-handle:focus-visible[b-fk0aia21gc]::after {
    background: #d4a73a;
}
