/* /Pages/AbTest/AbExperimentDetail.razor.rz.scp.css */
.ab-variant-leading[b-jjnkinhfc7] {
    border: 2px solid var(--op-color-success);
    border-radius: var(--op-radius-lg);
}

.ab-rate-label[b-jjnkinhfc7] {
    color: var(--op-color-text-4);
    font-size: var(--op-font-size-xs);
}
/* /Pages/Admin/Organization.razor.rz.scp.css */
.org-shell[b-b11h3z969w] {
    display: grid;
    grid-template-columns: minmax(270px, 340px) minmax(0, 1fr);
    min-height: 680px;
    border: 1px solid var(--op-color-border);
    background: var(--op-color-bg-card);
    border-radius: 6px;
    overflow: hidden;
}

.org-tree-pane[b-b11h3z969w] {
    min-width: 0;
    border-right: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
}

.org-tree-heading[b-b11h3z969w],
.org-detail-header[b-b11h3z969w],
.org-section-title[b-b11h3z969w] {
    display: flex;
    align-items: center;
}

.org-tree-heading[b-b11h3z969w] {
    justify-content: space-between;
    min-height: 54px;
    padding: 0 16px;
    border-bottom: 1px solid var(--op-color-border);
    font-weight: 600;
}

.org-search[b-b11h3z969w] { padding: 12px; }
.org-tree-scroll[b-b11h3z969w] { max-height: 720px; overflow: auto; padding: 0 10px 16px; }

[b-b11h3z969w] .ant-tree { background: transparent; }
[b-b11h3z969w] .ant-tree-node-content-wrapper { min-width: 0; }
[b-b11h3z969w] .org-tree-title { display: inline-flex; align-items: center; gap: 7px; min-width: 0; width: 100%; }
[b-b11h3z969w] .org-tree-icon { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 4px; flex: 0 0 24px; }
[b-b11h3z969w] .org-tree-icon-tenant { color: var(--op-color-primary); background: var(--op-color-primary-bg); }
[b-b11h3z969w] .org-tree-icon-dept,
[b-b11h3z969w] .org-tree-icon-unassigned { color: var(--op-color-success); background: color-mix(in srgb, var(--op-color-success) 10%, var(--op-color-bg-card)); }
[b-b11h3z969w] .org-tree-icon-user { color: var(--op-color-accent); background: var(--op-color-accent-bg); }
[b-b11h3z969w] .org-tree-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[b-b11h3z969w] .org-tree-count { margin-left: auto; min-width: 22px; height: 20px; padding: 0 6px; border-radius: 10px; color: var(--op-color-text-2); background: var(--op-color-bg-hover); font-size: 12px; line-height: 20px; text-align: center; }

.org-detail-pane[b-b11h3z969w] { min-width: 0; padding: 22px; }
.org-detail-header[b-b11h3z969w] { gap: 12px; min-height: 50px; }
.org-detail-header > :nth-child(2)[b-b11h3z969w] { min-width: 0; flex: 1; }
.org-detail-icon[b-b11h3z969w],
.org-dept-icon[b-b11h3z969w] { display: inline-grid; place-items: center; color: var(--op-color-primary); background: var(--op-color-primary-bg); border-radius: 6px; }
.org-detail-icon[b-b11h3z969w] { width: 44px; height: 44px; font-size: 20px; }
.org-detail-title[b-b11h3z969w] { font-size: 20px; font-weight: 600; }

.org-stat-grid[b-b11h3z969w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    overflow: hidden;
}

.org-stat[b-b11h3z969w] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 94px; background: var(--op-color-bg-tile); }
.org-stat + .org-stat[b-b11h3z969w] { border-left: 1px solid var(--op-color-border); }
.org-stat strong[b-b11h3z969w] { color: var(--op-color-primary); font-size: 26px; line-height: 1.2; }
.org-stat span[b-b11h3z969w] { margin-top: 6px; color: var(--op-color-text-3); }

.org-section[b-b11h3z969w] { margin-top: 24px; }
.org-section-title[b-b11h3z969w] { gap: 7px; padding-bottom: 10px; border-bottom: 1px solid var(--op-color-border); font-weight: 600; }
.org-dept-list[b-b11h3z969w] { display: grid; }
.org-dept-row[b-b11h3z969w] { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--op-color-border); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.org-dept-row:hover[b-b11h3z969w] { background: var(--op-color-bg-hover); }
.org-dept-icon[b-b11h3z969w] { width: 34px; height: 34px; }
.org-dept-main[b-b11h3z969w] { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.org-dept-main strong[b-b11h3z969w],
.org-dept-main small[b-b11h3z969w] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.org-dept-main small[b-b11h3z969w] { margin-top: 3px; color: var(--op-color-text-3); }
.org-empty-row[b-b11h3z969w] { padding: 20px 12px; color: var(--op-color-text-3); text-align: center; }
.org-state[b-b11h3z969w] { display: grid; min-height: 260px; place-items: center; }

@media (max-width: 900px) {
    .org-shell[b-b11h3z969w] { grid-template-columns: 1fr; }
    .org-tree-pane[b-b11h3z969w] { border-right: 0; border-bottom: 1px solid var(--op-color-border); }
    .org-tree-scroll[b-b11h3z969w] { max-height: 360px; }
    .org-detail-pane[b-b11h3z969w] { padding: 16px; }
}

@media (max-width: 560px) {
    .org-stat-grid[b-b11h3z969w] { grid-template-columns: 1fr; }
    .org-stat[b-b11h3z969w] { min-height: 72px; }
    .org-stat + .org-stat[b-b11h3z969w] { border-left: 0; border-top: 1px solid var(--op-color-border); }
}
/* /Pages/Admin/Roles.razor.rz.scp.css */
.op-permission-tree[b-yqm64lv943] {
    max-height: 520px;
    overflow: auto;
    border: 1px solid var(--op-color-border);
    padding: 12px 14px;
}

.op-permission-title[b-yqm64lv943] { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; max-width: 100%; }
.op-permission-name[b-yqm64lv943] { min-width: 110px; }
.op-permission-code[b-yqm64lv943] { color: var(--op-color-text-3); overflow-wrap: anywhere; }
.op-permission-depts[b-yqm64lv943] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
/* /Pages/Admin/Tenants.razor.rz.scp.css */
.op-tenant-member-editor[b-gitnidnli0] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
}
/* /Pages/Agents/AgentDetail.razor.rz.scp.css */
.agent-detail-table-scroll[b-c7n3r0rxd9] {
    overflow-x: auto;
}

.agent-detail-table[b-c7n3r0rxd9] {
    min-width: 720px;
}
/* /Pages/Annotations/AnnotationAssets.razor.rz.scp.css */
.annotation-filter-panel[b-97z1bdx0gz] {
    width: 280px;
    flex-shrink: 0;
}

@media (max-width: 720px) {
    .annotation-filter-panel[b-97z1bdx0gz] {
        width: 100%;
    }
}
/* /Pages/Apps/AppDetail.razor.rz.scp.css */
.app-detail-tags[b-ygmffpunz5] {
    margin-bottom: var(--op-space-2);
}

.app-detail-info-grid[b-ygmffpunz5] {
    margin-bottom: var(--op-space-4);
}

.app-detail-link[b-ygmffpunz5] {
    cursor: pointer;
}

.app-detail-field[b-ygmffpunz5] {
    margin-bottom: 10px;
}

.app-detail-copy-row[b-ygmffpunz5],
.app-detail-progress-row[b-ygmffpunz5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--op-space-2);
}

.app-detail-code-value[b-ygmffpunz5] {
    min-width: 0;
    flex: 1 1 220px;
    overflow-wrap: anywhere;
}

.app-detail-code-block[b-ygmffpunz5] {
    padding: var(--op-space-3);
    border-radius: var(--op-radius-lg);
    background: var(--op-color-bg-tile);
    white-space: pre-wrap;
}

.app-detail-section-heading[b-ygmffpunz5] {
    margin-top: var(--op-space-4);
}
/* /Pages/Apps/AppList.razor.rz.scp.css */
.app-list-column[b-bi4bmogm13] {
    margin-bottom: var(--op-space-4);
}

.app-list-card[b-bi4bmogm13] {
    height: 100%;
}

.app-list-heading[b-bi4bmogm13] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--op-space-2);
    margin-bottom: var(--op-space-2);
}

.app-list-title[b-bi4bmogm13] {
    font-size: 15px;
    font-weight: 600;
}

.app-list-description[b-bi4bmogm13] {
    min-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.app-list-meta[b-bi4bmogm13] {
    margin-top: 10px;
    color: var(--op-color-text-3);
    font-size: var(--op-font-size-sm);
}

.app-list-actions[b-bi4bmogm13] {
    margin-top: var(--op-space-3);
}
.app-create-type-row[b-bi4bmogm13] {
    display: flex;
    gap: var(--op-space-2);
    margin-bottom: 6px;
}
/* /Pages/Assets/DatasetAssetCreate.razor.rz.scp.css */
.pai-field[b-nkgt13oxg8] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: var(--op-space-2);
    color: var(--op-color-text-3);
    font-size: var(--op-font-size-sm);
}

.pai-field > span:first-child[b-nkgt13oxg8] { min-height: 20px; }
.pai-field b[b-nkgt13oxg8] { color: var(--op-color-error); }
.pai-field-wide[b-nkgt13oxg8] { grid-column: 1 / -1; }
.pai-field[b-nkgt13oxg8]  .ant-select,
.pai-field[b-nkgt13oxg8]  .ant-input,
.pai-field[b-nkgt13oxg8]  textarea { width: 100%; }

.pai-tag-binding[b-nkgt13oxg8],
.pai-path-input[b-nkgt13oxg8] {
    min-height: 34px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--op-space-2);
}

.pai-tag-values[b-nkgt13oxg8] {
    min-height: 34px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--op-space-1);
    padding: 3px var(--op-space-3);
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-base);
    background: var(--op-color-bg-card);
}

.pai-tag-values > span:only-child[b-nkgt13oxg8] { color: var(--op-color-text-4); }

.pai-option-grid[b-nkgt13oxg8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--op-space-3);
}

.pai-option[b-nkgt13oxg8] {
    min-height: 88px;
    display: grid;
    grid-template-columns: 22px 1fr 18px;
    align-items: start;
    gap: var(--op-space-3);
    padding: var(--op-space-4);
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-base);
    background: var(--op-color-bg-card);
    color: var(--op-color-text-3);
    text-align: left;
    cursor: pointer;
}

.pai-option.selected[b-nkgt13oxg8] {
    border-color: var(--op-color-primary);
    box-shadow: inset 0 0 0 1px var(--op-color-primary);
}

.pai-option strong[b-nkgt13oxg8],
.pai-option small[b-nkgt13oxg8] { display: block; }
.pai-option strong[b-nkgt13oxg8] { margin-bottom: var(--op-space-1); color: var(--op-color-text-1); font-size: var(--op-font-size-base); }
.pai-option small[b-nkgt13oxg8] { color: var(--op-color-text-4); font-size: var(--op-font-size-xs); line-height: 18px; }
.pai-option > .anticon:last-child[b-nkgt13oxg8] { color: var(--op-color-primary); }

.pai-segmented[b-nkgt13oxg8] {
    display: inline-flex;
    padding: 3px;
    background: var(--op-color-bg-hover);
}

.pai-segmented button[b-nkgt13oxg8] {
    height: 30px;
    padding: 0 var(--op-space-5);
    border: 0;
    background: transparent;
    color: var(--op-color-text-3);
    cursor: pointer;
}

.pai-segmented button.active[b-nkgt13oxg8] {
    background: var(--op-color-bg-card);
    color: var(--op-color-primary);
    box-shadow: var(--op-shadow-card);
}

.pai-import-format[b-nkgt13oxg8] { justify-self: start; }
.pai-readonly-row > div[b-nkgt13oxg8] { min-height: 32px; display: flex; align-items: center; gap: var(--op-space-2); color: var(--op-color-text-4); }

@media (max-width: 760px) {
    .pai-field-wide[b-nkgt13oxg8] { grid-column: auto; }
    .pai-option-grid[b-nkgt13oxg8] { grid-template-columns: minmax(0, 1fr); }
    .pai-path-input[b-nkgt13oxg8] { grid-template-columns: 1fr; }
}
/* /Pages/Assets/DatasetAssetDetail.razor.rz.scp.css */
.pai-detail-loading[b-65zwtw5td2] { min-height: 420px; display: grid; place-items: center; }
.pai-detail-page[b-65zwtw5td2] { min-width: 0; color: var(--op-color-text-1); background: var(--op-color-bg-card); }
.pai-detail-actions[b-65zwtw5td2], .pai-version-actions[b-65zwtw5td2], .pai-version-name[b-65zwtw5td2], .pai-files-toolbar > div[b-65zwtw5td2] { display: flex; align-items: center; gap: 8px; }
.pai-overview-grid[b-65zwtw5td2] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); border-bottom: 1px solid var(--op-color-border); }
.pai-overview-panel[b-65zwtw5td2] { min-width: 0; padding: 22px 24px; }
.pai-overview-panel + .pai-overview-panel[b-65zwtw5td2] { border-left: 1px solid var(--op-color-border); }
.pai-overview-panel h2[b-65zwtw5td2], .pai-version-heading h2[b-65zwtw5td2] { margin: 0 0 16px; font-size: 15px; line-height: 22px; letter-spacing: 0; }
.pai-overview-panel dl[b-65zwtw5td2], .pai-version-panels dl[b-65zwtw5td2] { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px 16px; margin: 0; font-size: 13px; }
.pai-overview-panel dt[b-65zwtw5td2], .pai-version-panels dt[b-65zwtw5td2] { color: var(--op-color-text-4); }
.pai-overview-panel dd[b-65zwtw5td2], .pai-version-panels dd[b-65zwtw5td2] { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.pai-tags-cell[b-65zwtw5td2] { display: flex; flex-wrap: wrap; gap: 4px; }
.pai-editable-value[b-65zwtw5td2], .pai-copy-value[b-65zwtw5td2], .pai-description-row[b-65zwtw5td2] { display: flex; align-items: flex-start; gap: 6px; }
.pai-editable-value button[b-65zwtw5td2], .pai-copy-value button[b-65zwtw5td2], .pai-inline-edit[b-65zwtw5td2] { width: 24px; height: 24px; flex: 0 0 24px; display: inline-grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--op-color-text-4); cursor: pointer; }
.pai-editable-value button:hover[b-65zwtw5td2], .pai-copy-value button:hover[b-65zwtw5td2], .pai-inline-edit:hover[b-65zwtw5td2] { color: var(--op-color-primary); background: var(--op-color-bg-hover); }
.pai-description[b-65zwtw5td2] { min-height: 0; margin: 0; color: var(--op-color-text-3); font-size: 13px; line-height: 21px; white-space: pre-wrap; }
.pai-description-row .pai-description[b-65zwtw5td2] { flex: 1; }
.pai-overview-description[b-65zwtw5td2] { grid-column: 1 / -1; border-top: 1px solid var(--op-color-border); border-left: 0 !important; padding-top: 18px; padding-bottom: 18px; }
.pai-dataset-version-section[b-65zwtw5td2] { min-width: 0; margin: 16px 24px 24px; padding: 16px; border: 1px solid var(--op-color-border); border-radius: 4px; background: var(--op-color-bg-card); }
.pai-dataset-version-heading[b-65zwtw5td2] { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pai-dataset-version-heading h2[b-65zwtw5td2] { margin: 0; font-size: 15px; line-height: 22px; letter-spacing: 0; }
.pai-dataset-version-table-wrap[b-65zwtw5td2] { overflow-x: auto; }
.pai-dataset-version-name[b-65zwtw5td2], .pai-dataset-version-actions[b-65zwtw5td2] { display: flex; align-items: center; gap: 6px; }
.pai-dataset-version-actions[b-65zwtw5td2] { flex-wrap: wrap; gap: 6px 16px; }
.pai-dataset-version-link[b-65zwtw5td2], .pai-dataset-version-actions button[b-65zwtw5td2] { padding: 0; border: 0; background: transparent; color: var(--op-color-primary); cursor: pointer; font: inherit; text-align: left; white-space: nowrap; }
.pai-dataset-version-link:hover[b-65zwtw5td2], .pai-dataset-version-actions button:hover[b-65zwtw5td2] { color: var(--op-color-primary-active); text-decoration: underline; }
.pai-dataset-version-actions button.danger[b-65zwtw5td2] { color: var(--op-color-error); }
.pai-dataset-version-actions button.disabled[b-65zwtw5td2] { color: var(--op-color-text-disabled); cursor: not-allowed; text-decoration: none; }
.pai-dataset-storage[b-65zwtw5td2] { max-width: 220px; display: block; overflow: hidden; color: var(--op-color-primary); text-overflow: ellipsis; white-space: nowrap; }
.pai-dataset-version-drawer[b-65zwtw5td2] { height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.pai-dataset-version-summary[b-65zwtw5td2] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px; background: var(--op-color-bg-tile); }
.pai-dataset-version-summary > div[b-65zwtw5td2] { min-width: 0; display: grid; gap: 4px; }
.pai-dataset-version-summary span[b-65zwtw5td2] { color: var(--op-color-text-4); font-size: 12px; }
.pai-dataset-version-summary strong[b-65zwtw5td2] { min-width: 0; overflow-wrap: anywhere; }
.pai-dataset-drawer-actions[b-65zwtw5td2] { display: flex; flex: 0 0 auto; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.pai-version-workspace[b-65zwtw5td2] { padding: 24px; }
.pai-version-heading[b-65zwtw5td2] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.pai-version-heading h2[b-65zwtw5td2] { margin-bottom: 2px; font-size: 18px; }
.pai-version-heading p[b-65zwtw5td2] { margin: 0; color: var(--op-color-text-4); font-size: 12px; }
.pai-version-selector[b-65zwtw5td2] { display: flex; align-items: center; gap: 8px; color: var(--op-color-text-3); font-size: 13px; }
.pai-no-version[b-65zwtw5td2] { min-height: 280px; display: grid; place-items: center; align-content: center; gap: 12px; }
.pai-version-bar[b-65zwtw5td2] { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; padding: 8px 12px; background: var(--op-color-bg-tile); border: 1px solid var(--op-color-border); }
.pai-version-name strong[b-65zwtw5td2] { font-size: 16px; }
.pai-version-name > span:last-child[b-65zwtw5td2] { color: var(--op-color-text-4); font-size: 12px; }
.pai-detail-tabs[b-65zwtw5td2] { display: flex; flex: 0 0 auto; gap: 24px; margin-top: 16px; overflow-y: hidden; border-bottom: 1px solid var(--op-color-border); }
.pai-detail-tabs button[b-65zwtw5td2] { position: relative; height: 42px; padding: 0 2px; border: 0; background: transparent; color: var(--op-color-text-3); cursor: pointer; }
.pai-detail-tabs button.active[b-65zwtw5td2] { color: var(--op-color-primary); font-weight: 600; }
.pai-detail-tabs button.active[b-65zwtw5td2]::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--op-color-primary); }
.pai-version-panels[b-65zwtw5td2] { display: grid; flex: 1 1 auto; grid-template-columns: 1fr 1fr; min-height: 0; overflow-y: auto; align-content: start; }
.pai-version-panels section[b-65zwtw5td2] { min-width: 0; padding: 24px 18px 24px 0; border-bottom: 1px solid var(--op-color-border); }
.pai-version-panels section:nth-child(even)[b-65zwtw5td2] { padding-left: 24px; border-left: 1px solid var(--op-color-border); }
.pai-version-panels section:last-child[b-65zwtw5td2] { grid-column: 1 / -1; border-left: 0; }
.pai-version-panels h3[b-65zwtw5td2] { margin: 0 0 18px; font-size: 14px; letter-spacing: 0; }
.pai-mono[b-65zwtw5td2], .pai-storage-uri[b-65zwtw5td2] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.pai-storage-uri[b-65zwtw5td2] { padding: 7px 9px; background: var(--op-color-bg-tile); }
.pai-files-toolbar[b-65zwtw5td2] { min-height: 54px; display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; }
.pai-files-toolbar > div:last-child[b-65zwtw5td2] { color: var(--op-color-text-4); font-size: 12px; }
.pai-file-table-wrap[b-65zwtw5td2] { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; border-top: 1px solid var(--op-color-border); }
.pai-file-table[b-65zwtw5td2] { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
.pai-file-table th[b-65zwtw5td2] { position: sticky; top: 0; z-index: 1; height: 42px; padding: 8px 10px; background: var(--op-color-bg-tile); color: var(--op-color-text-3); font-weight: 500; text-align: left; }
.pai-file-table td[b-65zwtw5td2] { height: 48px; padding: 8px 10px; border-bottom: 1px solid var(--op-color-split); overflow: hidden; color: var(--op-color-text-3); text-overflow: ellipsis; white-space: nowrap; }
.pai-file-table th:nth-child(1)[b-65zwtw5td2] { width: 36%; }
.pai-file-table th:nth-child(2)[b-65zwtw5td2] { width: 12%; }
.pai-file-table th:nth-child(3)[b-65zwtw5td2] { width: 11%; }
.pai-file-table th:nth-child(4)[b-65zwtw5td2] { width: 25%; }
.pai-file-table th:nth-child(5)[b-65zwtw5td2] { width: 16%; }
.pai-file-table td:last-child[b-65zwtw5td2] { white-space: nowrap; }
.pai-file-table td:last-child :deep(.ant-btn)[b-65zwtw5td2] { padding-right: 0; padding-left: 0; }
.pai-check-col[b-65zwtw5td2] { width: 42px; }
.pai-operation-col[b-65zwtw5td2] { width: 84px; }
.pai-file-name[b-65zwtw5td2] { min-width: 0; overflow: hidden; color: var(--op-color-text-1) !important; white-space: nowrap; }
.pai-file-name-text[b-65zwtw5td2] { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pai-file-name-link[b-65zwtw5td2] { max-width: 100%; min-width: 0; display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; color: var(--op-color-primary); cursor: pointer; font: inherit; text-align: left; vertical-align: middle; }
.pai-file-name-link:hover[b-65zwtw5td2] { color: var(--op-color-primary-active); }
.pai-file-name-link :deep(.anticon)[b-65zwtw5td2] { flex: 0 0 auto; }
.pai-table-state[b-65zwtw5td2] { height: 180px !important; text-align: center; }
.pai-scene-grid[b-65zwtw5td2] { max-width: 780px; display: grid; gap: 14px; padding: 24px 0; }
.pai-scene-row[b-65zwtw5td2] { display: grid; grid-template-columns: 10px 120px minmax(120px, 1fr) 70px 60px; align-items: center; gap: 10px; font-size: 13px; }
.pai-color-dot[b-65zwtw5td2] { width: 8px; height: 8px; display: inline-block; flex: 0 0 8px; border-radius: 50%; }
.pai-scene-row > div[b-65zwtw5td2] { height: 6px; overflow: hidden; background: var(--op-color-split); }
.pai-scene-row > div span[b-65zwtw5td2] { height: 100%; display: block; background: var(--op-color-primary); }
.pai-scene-row em[b-65zwtw5td2] { font-style: normal; text-align: right; }
.pai-scene-row small[b-65zwtw5td2] { color: var(--op-color-text-4); text-align: right; }
.pai-segmented[b-65zwtw5td2] { display: inline-flex; padding: 3px; background: var(--op-color-bg-hover); }
.pai-segmented button[b-65zwtw5td2] { height: 30px; padding: 0 16px; border: 0; background: transparent; color: var(--op-color-text-3); cursor: pointer; }
.pai-segmented button.active[b-65zwtw5td2] { background: var(--op-color-bg-card); color: var(--op-color-primary); box-shadow: 0 1px 3px rgba(31, 35, 41, .12); }
.pai-segmented-drawer[b-65zwtw5td2] { width: 100%; }
.pai-segmented-drawer button[b-65zwtw5td2] { flex: 1; }
.pai-drawer-path[b-65zwtw5td2] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.pai-tag-binding[b-65zwtw5td2] { min-height: 34px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.pai-tag-values[b-65zwtw5td2] { min-height: 34px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 3px 10px; border: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
.pai-tag-values > span:only-child[b-65zwtw5td2] { color: var(--op-color-text-4); }
.pai-drawer-actions[b-65zwtw5td2], .pai-modal-actions[b-65zwtw5td2] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
.pai-scene-options[b-65zwtw5td2] { max-height: 300px; display: grid; gap: 10px; overflow-y: auto; padding: 12px 0; }
.pai-scene-options label[b-65zwtw5td2] { display: flex; align-items: center; gap: 8px; }
.pai-lineage-state[b-65zwtw5td2] { min-height: 180px; display: grid; place-items: center; }
.pai-lineage-source[b-65zwtw5td2], .pai-lineage-target[b-65zwtw5td2] { max-width: 520px; margin: 0 auto; padding: 14px 16px; border: 1px solid var(--op-color-border); background: var(--op-color-primary-bg); }
.pai-lineage-source[b-65zwtw5td2] { display: grid; gap: 4px; border-left: 3px solid var(--op-color-primary); }
.pai-lineage-source span[b-65zwtw5td2], .pai-lineage-target span[b-65zwtw5td2], .pai-lineage-source small[b-65zwtw5td2] { color: var(--op-color-text-4); font-size: 12px; }
.pai-lineage-source strong[b-65zwtw5td2], .pai-lineage-target strong[b-65zwtw5td2] { color: var(--op-color-text-1); font-size: 14px; }
.pai-lineage-list[b-65zwtw5td2] { padding-top: 2px; }
.pai-lineage-edge[b-65zwtw5td2] { height: 42px; display: grid; place-items: center; color: var(--op-color-text-4); }
.pai-lineage-target[b-65zwtw5td2] { border-color: var(--op-color-border); border-left: 3px solid var(--op-color-success); background: var(--op-color-bg-card); }
.pai-lineage-target > div[b-65zwtw5td2] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 5px; }
.pai-lineage-target dl[b-65zwtw5td2] { display: grid; grid-template-columns: 68px 1fr 68px 1fr; gap: 7px 10px; margin: 12px 0 0; font-size: 12px; }
.pai-lineage-target dt[b-65zwtw5td2] { color: var(--op-color-text-4); }
.pai-lineage-target dd[b-65zwtw5td2] { margin: 0; }
@media (max-width: 1100px) { .pai-overview-grid[b-65zwtw5td2] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .pai-version-workspace[b-65zwtw5td2] { padding: 14px 12px; } .pai-detail-actions[b-65zwtw5td2], .pai-version-actions[b-65zwtw5td2] { width: 100%; flex-wrap: wrap; } .pai-overview-grid[b-65zwtw5td2], .pai-version-panels[b-65zwtw5td2] { grid-template-columns: 1fr; } .pai-overview-panel + .pai-overview-panel[b-65zwtw5td2], .pai-overview-panel:last-child[b-65zwtw5td2] { grid-column: auto; border-top: 1px solid var(--op-color-border); border-left: 0; } .pai-dataset-version-section[b-65zwtw5td2] { margin: 12px 12px 16px; padding: 12px; } .pai-dataset-version-heading[b-65zwtw5td2], .pai-version-heading[b-65zwtw5td2], .pai-version-bar[b-65zwtw5td2], .pai-files-toolbar[b-65zwtw5td2] { align-items: flex-start; flex-direction: column; } .pai-dataset-version-summary[b-65zwtw5td2] { grid-template-columns: 1fr 1fr; } .pai-version-selector[b-65zwtw5td2] { width: 100%; justify-content: space-between; } .pai-version-panels section[b-65zwtw5td2], .pai-version-panels section:nth-child(even)[b-65zwtw5td2], .pai-version-panels section:last-child[b-65zwtw5td2] { grid-column: auto; padding: 20px 0; border-left: 0; } .pai-detail-tabs[b-65zwtw5td2] { gap: 16px; flex-wrap: wrap; overflow: visible; } .pai-detail-tabs button[b-65zwtw5td2] { white-space: nowrap; } .pai-file-table th:nth-child(2)[b-65zwtw5td2] { width: 66px; } .pai-file-table th:nth-child(3)[b-65zwtw5td2] { width: 62px; } .pai-file-table th:nth-child(4)[b-65zwtw5td2], .pai-file-table td:nth-child(4)[b-65zwtw5td2] { display: none; } .pai-file-table th:nth-child(5)[b-65zwtw5td2] { width: 68px; } .pai-file-table th[b-65zwtw5td2], .pai-file-table td[b-65zwtw5td2] { padding-right: 6px; padding-left: 6px; } .pai-scene-row[b-65zwtw5td2] { grid-template-columns: 10px 86px minmax(80px, 1fr) 46px; } .pai-scene-row small[b-65zwtw5td2] { display: none; } }
/* /Pages/Assets/DatasetAssets.razor.rz.scp.css */
.pai-dataset-workspace[b-ij8q3okfrc] { min-width: 0; }
.pai-dataset-name[b-ij8q3okfrc], .pai-action-link[b-ij8q3okfrc] { border: 0; padding: 0; background: transparent; color: var(--op-color-primary); cursor: pointer; font: inherit; text-align: left; }
.pai-dataset-name[b-ij8q3okfrc] { max-width: 100%; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pai-dataset-id[b-ij8q3okfrc] { margin-top: var(--op-space-1); color: var(--op-color-text-4); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: var(--op-font-size-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pai-action-link:hover[b-ij8q3okfrc], .pai-dataset-name:hover[b-ij8q3okfrc] { color: var(--op-color-primary-hover); text-decoration: underline; }
.pai-time[b-ij8q3okfrc] { white-space: pre-line; line-height: 18px; }
.pai-tag-more[b-ij8q3okfrc] { color: var(--op-color-text-4); font-size: var(--op-font-size-xs); }
.pai-column-settings[b-ij8q3okfrc] { display: grid; gap: 14px; }
.pai-column-option[b-ij8q3okfrc] { display: flex; align-items: center; gap: 8px; color: var(--op-color-text-2); cursor: pointer; }
.pai-mono[b-ij8q3okfrc] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.pai-delete-target[b-ij8q3okfrc] { padding: 12px; margin: 16px 0; background: var(--op-color-bg-tile); color: var(--op-color-text-1); overflow-wrap: anywhere; }
.pai-delete-target span[b-ij8q3okfrc] { color: var(--op-color-text-3); font-size: 12px; }
/* 从 ModelScope 导入数据集：阻塞式进度弹窗 */
.ds-import-stage[b-ij8q3okfrc] { display: flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 14px; color: var(--op-color-text-2); }
.ds-import-hint[b-ij8q3okfrc] { margin-top: 12px; font-size: 12px; line-height: 1.7; }
.ds-import-summary[b-ij8q3okfrc] { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 10px; }
.ds-import-warn[b-ij8q3okfrc] { color: var(--op-color-error); font-size: 13px; background: color-mix(in srgb, var(--op-color-error) 8%, var(--op-color-bg-card)); border: 1px solid color-mix(in srgb, var(--op-color-error) 35%, var(--op-color-border)); padding: 10px 12px; border-radius: 6px; line-height: 1.7; }

/* 筛选栏按钮区：横跨剩余列并右对齐、不换行，避免多个按钮挤在单列换行 */
.pai-filter-actions[b-ij8q3okfrc] {
    grid-column: 3 / -1;
    justify-content: flex-end;
    flex-wrap: nowrap;
}
/* /Pages/Assets/DatasetVersionCreate.razor.rz.scp.css */
.pai-version-create-loading[b-bmjyoanbsz] { min-height: 420px; display: grid; place-items: center; }
.pai-version-create-page[b-bmjyoanbsz] { min-height: calc(100vh - 64px); padding-bottom: 72px; color: var(--op-color-text-1); background: var(--op-color-bg-card); }
.pai-version-create-header[b-bmjyoanbsz] { position: sticky; top: 0; z-index: 8; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 16px 24px 12px; border-bottom: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
.pai-version-create-breadcrumb[b-bmjyoanbsz] { color: var(--op-color-text-4); font-size: 12px; }
.pai-version-create-layout[b-bmjyoanbsz] { display: grid; grid-template-columns: minmax(0, 760px) 180px; justify-content: center; gap: 48px; padding: 0 32px 36px; }
.pai-version-create-form[b-bmjyoanbsz] { min-width: 0; }
.pai-version-form-group[b-bmjyoanbsz] { scroll-margin-top: 20px; padding: 14px 0 22px; border-bottom: 1px solid var(--op-color-border); }
.pai-version-form-group > h2[b-bmjyoanbsz] { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; font-size: 15px; letter-spacing: 0; }
.pai-version-subsection[b-bmjyoanbsz] { padding: 0 18px 24px 28px; }
.pai-version-subsection + .pai-version-subsection[b-bmjyoanbsz] { padding-top: 22px; border-top: 1px solid var(--op-color-split); }
.pai-version-subsection h3[b-bmjyoanbsz] { margin: 0 0 18px; font-size: 14px; letter-spacing: 0; }
.pai-version-fields[b-bmjyoanbsz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; padding-left: 18px; }
.pai-version-field[b-bmjyoanbsz] { min-width: 0; display: grid; align-content: start; gap: 7px; color: var(--op-color-text-3); font-size: 13px; }
.pai-version-field > span:first-child[b-bmjyoanbsz] { min-height: 20px; }
.pai-version-field b[b-bmjyoanbsz] { color: var(--op-color-error); }
.pai-version-field-wide[b-bmjyoanbsz] { grid-column: 1 / -1; }
.pai-version-field[b-bmjyoanbsz]  .ant-input, .pai-version-field[b-bmjyoanbsz]  textarea { width: 100%; }
.pai-readonly-value[b-bmjyoanbsz], .pai-version-name-value[b-bmjyoanbsz] { min-height: 32px; display: flex; align-items: center; color: var(--op-color-text-1); }
.pai-version-name-value[b-bmjyoanbsz] { font-weight: 500; }
.pai-tag-binding[b-bmjyoanbsz], .pai-path-input[b-bmjyoanbsz] { min-height: 34px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.pai-tag-values[b-bmjyoanbsz] { min-height: 34px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 3px 10px; border: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
.pai-tag-values > span:only-child[b-bmjyoanbsz] { color: var(--op-color-text-4); }
.pai-segmented[b-bmjyoanbsz] { width: max-content; display: inline-flex; border: 1px solid var(--op-color-border); }
.pai-segmented button[b-bmjyoanbsz] { height: 32px; padding: 0 18px; border: 0; border-right: 1px solid var(--op-color-border); background: var(--op-color-bg-card); color: var(--op-color-text-3); cursor: pointer; }
.pai-segmented button:last-child[b-bmjyoanbsz] { border-right: 0; }
.pai-segmented button.active[b-bmjyoanbsz] { background: var(--op-color-primary-bg); color: var(--op-color-primary); }
.pai-permission-summary[b-bmjyoanbsz], .pai-advanced-config[b-bmjyoanbsz] { padding: 14px 28px; border-top: 1px solid var(--op-color-split); color: var(--op-color-text-1); font-size: 13px; }
.pai-permission-summary summary[b-bmjyoanbsz], .pai-advanced-config summary[b-bmjyoanbsz] { cursor: pointer; }
.pai-permission-summary dl[b-bmjyoanbsz] { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 10px 16px; margin: 16px 0 0 18px; }
.pai-permission-summary dt[b-bmjyoanbsz] { color: var(--op-color-text-4); }
.pai-permission-summary dd[b-bmjyoanbsz] { margin: 0; }
.pai-advanced-config .pai-version-field[b-bmjyoanbsz] { max-width: 460px; margin: 18px 0 0 18px; }
.pai-version-create-anchor[b-bmjyoanbsz] { position: sticky; top: 24px; align-self: start; display: grid; margin-top: 26px; }
.pai-version-create-anchor a[b-bmjyoanbsz] { position: relative; display: grid; grid-template-columns: 16px 1fr; align-items: center; gap: 8px; min-height: 46px; color: var(--op-color-text-3); font-size: 13px; }
.pai-version-create-anchor a[b-bmjyoanbsz]::before { content: ""; position: absolute; left: 5px; top: 0; bottom: 0; width: 1px; background: var(--op-color-border); }
.pai-version-create-anchor a span[b-bmjyoanbsz] { z-index: 1; width: 10px; height: 10px; border: 2px solid var(--op-color-text-disabled); border-radius: 50%; background: var(--op-color-bg-card); }
.pai-version-create-anchor a:first-child[b-bmjyoanbsz] { color: var(--op-color-primary); }
.pai-version-create-anchor a:first-child span[b-bmjyoanbsz] { border-color: var(--op-color-primary); background: var(--op-color-primary); }
.pai-version-create-footer[b-bmjyoanbsz] { position: fixed; z-index: 20; right: 0; bottom: 0; left: var(--sidebar-width, 208px); width: auto; min-height: 64px; padding: 12px 24px; border-top: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
@media (max-width: 1050px) { .pai-version-create-layout[b-bmjyoanbsz] { grid-template-columns: minmax(0, 1fr); } .pai-version-create-anchor[b-bmjyoanbsz] { display: none; } }
@media (max-width: 760px) { .pai-version-create-header[b-bmjyoanbsz] { padding: 14px 12px 8px; } .pai-version-create-layout[b-bmjyoanbsz] { padding: 0 14px 28px; } .pai-version-fields[b-bmjyoanbsz] { grid-template-columns: 1fr; padding-left: 0; } .pai-version-field-wide[b-bmjyoanbsz] { grid-column: auto; } .pai-version-subsection[b-bmjyoanbsz] { padding-right: 0; padding-left: 10px; } .pai-version-create-footer[b-bmjyoanbsz] { left: 0; padding: 10px 14px; } }
/* /Pages/Assets/ImageAssets.razor.rz.scp.css */
.image-asset-summary[b-dc48jjrez8],
.image-asset-cell[b-dc48jjrez8] {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.image-asset-summary[b-dc48jjrez8] { width: 240px; }
.image-asset-cell[b-dc48jjrez8] { width: 100%; }
[b-dc48jjrez8] .image-assets-table .ant-table-content > table {
    min-width: 1580px !important;
    table-layout: fixed;
}

.image-assets-state[b-dc48jjrez8] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--op-color-text-3);
}

.image-assets-state-error[b-dc48jjrez8] {
    align-items: stretch;
    max-width: 620px;
    margin: 0 auto;
}

.image-provision-switch[b-dc48jjrez8] {
    margin-bottom: 16px;
}

.image-credential-summary[b-dc48jjrez8] {
    max-width: 260px;
    overflow: hidden;
    color: var(--op-color-text-3);
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-dc48jjrez8] .op-list-toolbar {
    flex-wrap: nowrap;
}

[b-dc48jjrez8] .op-list-toolbar-fields {
    flex-wrap: nowrap;
}

[b-dc48jjrez8] .op-list-toolbar-actions {
    flex-shrink: 0;
}
.image-filter-registry[b-dc48jjrez8] {
    min-width: 240px;
}

.image-filter-project[b-dc48jjrez8] {
    min-width: 200px;
}

.harbor-browser[b-dc48jjrez8] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    min-height: 480px;
    border: 1px solid var(--op-color-split);
}

.harbor-projects[b-dc48jjrez8] {
    min-width: 0;
    border-right: 1px solid var(--op-color-split);
    background: var(--op-color-bg-tile);
}

.harbor-repositories[b-dc48jjrez8] {
    min-width: 0;
    padding: 16px;
}

.harbor-browser-heading[b-dc48jjrez8],
.harbor-artifact-heading[b-dc48jjrez8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    color: var(--op-color-text-3);
    font-size: 13px;
}

.harbor-browser-heading[b-dc48jjrez8] {
    padding: 0 14px;
    border-bottom: 1px solid var(--op-color-split);
    font-weight: 600;
}

.harbor-project-item[b-dc48jjrez8],
.harbor-repository-item[b-dc48jjrez8] {
    width: 100%;
    border: 0;
    color: var(--op-color-text-1);
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.harbor-project-item[b-dc48jjrez8] {
    display: block;
    min-height: 44px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--op-color-split);
}

.harbor-project-item:hover[b-dc48jjrez8],
.harbor-repository-item:hover[b-dc48jjrez8] {
    background: var(--op-color-bg-hover);
}

.harbor-project-item.active[b-dc48jjrez8],
.harbor-repository-item.active[b-dc48jjrez8] {
    color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
}

.harbor-project-item.active[b-dc48jjrez8] {
    box-shadow: inset 3px 0 0 var(--op-color-primary);
}

.harbor-item-name[b-dc48jjrez8] {
    min-width: 0;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.harbor-project-toolbar[b-dc48jjrez8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 48px;
    margin-bottom: 12px;
}

.harbor-project-summary[b-dc48jjrez8] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
    white-space: nowrap;
}

.harbor-project-actions[b-dc48jjrez8] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    white-space: nowrap;
}

[b-dc48jjrez8] .harbor-quota-input {
    flex: 0 0 120px;
    width: 120px !important;
    min-width: 120px;
    max-width: 120px;
}

[b-dc48jjrez8] .harbor-project-actions .ant-checkbox-wrapper,
[b-dc48jjrez8] .harbor-project-actions .ant-btn {
    flex: 0 0 auto;
}

.harbor-repository-list[b-dc48jjrez8] {
    max-height: 216px;
    overflow-y: auto;
    border: 1px solid var(--op-color-split);
    border-top: 0;
}

.harbor-repository-item[b-dc48jjrez8] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 130px 150px;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--op-color-split);
}

.harbor-repository-item:last-child[b-dc48jjrez8] {
    border-bottom: 0;
}

.harbor-artifact-heading[b-dc48jjrez8] {
    margin-top: 14px;
    border-bottom: 1px solid var(--op-color-split);
}

.harbor-browser-state[b-dc48jjrez8] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.harbor-artifact-empty[b-dc48jjrez8] {
    min-height: 150px;
}

[b-dc48jjrez8] .image-security-tabs > .ant-tabs-nav {
    margin-bottom: 0;
}

.image-security-list[b-dc48jjrez8] {
    min-height: 360px;
    padding-top: 16px;
}

.image-security-list > .ant-empty[b-dc48jjrez8],
[b-dc48jjrez8] .image-security-list > .ant-empty {
    padding-top: 96px;
}

.image-readme[b-dc48jjrez8] {
    max-height: 360px;
    margin: 0;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .image-filter-registry[b-dc48jjrez8],
    .image-filter-project[b-dc48jjrez8] {
        width: 100%;
        min-width: 0;
    }

    [b-dc48jjrez8] .op-list-toolbar,
    [b-dc48jjrez8] .op-list-toolbar-fields {
        flex-wrap: wrap;
    }

    .image-credential-summary[b-dc48jjrez8] {
        max-width: 100%;
    }

    .harbor-browser[b-dc48jjrez8] {
        grid-template-columns: 1fr;
    }

    .harbor-projects[b-dc48jjrez8] {
        border-right: 0;
        border-bottom: 1px solid var(--op-color-split);
    }

    .harbor-project-toolbar[b-dc48jjrez8] {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }

    .harbor-project-actions[b-dc48jjrez8] {
        flex-wrap: wrap;
    }

    .harbor-repository-item[b-dc48jjrez8] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }
}
/* /Pages/Assets/ModelAssetCreate.razor.rz.scp.css */
.model-create-field[b-l91rdhggwc] { min-width: 0; }
.model-create-wide[b-l91rdhggwc] { grid-column: 1 / -1; }
.model-create-field > .op-text-muted[b-l91rdhggwc] { margin-top: var(--op-space-1); text-align: right; }

.model-create-path[b-l91rdhggwc],
.model-create-tag-row[b-l91rdhggwc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--op-space-2);
}

.model-create-tags[b-l91rdhggwc] {
    min-height: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--op-space-1);
    padding: 3px var(--op-space-3);
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-base);
    background: var(--op-color-bg-card);
}

.model-create-tags > span:only-child[b-l91rdhggwc] { color: var(--op-color-text-4); }
.model-create-config[b-l91rdhggwc] { margin-top: var(--op-space-4); }
.model-create-json[b-l91rdhggwc] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }

@media (max-width: 720px) {
    .model-create-wide[b-l91rdhggwc] { grid-column: auto; }
    .model-create-path[b-l91rdhggwc],
    .model-create-tag-row[b-l91rdhggwc] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/Assets/ModelAssetDetail.razor.rz.scp.css */
.pai-model-detail-loading[b-q2gmfzjoij] { min-height: 420px; display: grid; place-items: center; }
.pai-model-detail[b-q2gmfzjoij] { min-width: 0; color: var(--op-color-text-1); background: var(--op-color-bg-card); }
.pai-model-detail-actions[b-q2gmfzjoij], .pai-model-version-heading > div[b-q2gmfzjoij], .pai-model-drawer-actions[b-q2gmfzjoij], .pai-model-files-toolbar > div[b-q2gmfzjoij] { display: flex; align-items: center; gap: 8px; }
.pai-model-overview[b-q2gmfzjoij] { display: grid; grid-template-columns: 1.55fr 1fr; gap: 16px; padding: 14px 24px 16px; background: var(--op-color-bg-card); }
.pai-model-overview-card[b-q2gmfzjoij], .pai-model-version-section[b-q2gmfzjoij] { min-width: 0; border: 1px solid var(--op-color-border); border-radius: 4px; background: var(--op-color-bg-card); }
.pai-model-overview-card[b-q2gmfzjoij] { padding: 16px; }
.pai-model-overview-card h2[b-q2gmfzjoij], .pai-model-version-heading h2[b-q2gmfzjoij] { margin: 0 0 18px; font-size: 15px; line-height: 22px; letter-spacing: 0; }
.pai-model-basic-card dl[b-q2gmfzjoij] { display: grid; grid-template-columns: 112px minmax(110px, 1fr) 112px minmax(110px, 1fr); gap: 10px 16px; margin: 0; font-size: 13px; }
.pai-model-basic-card dt[b-q2gmfzjoij] { color: var(--op-color-text-4); }
.pai-model-basic-card dd[b-q2gmfzjoij] { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.pai-model-editable[b-q2gmfzjoij] { display: flex; align-items: flex-start; gap: 5px; }
.pai-model-editable button[b-q2gmfzjoij], .pai-model-inline-edit[b-q2gmfzjoij] { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--op-color-text-4); cursor: pointer; }
.pai-model-editable button:hover[b-q2gmfzjoij], .pai-model-inline-edit:hover[b-q2gmfzjoij] { color: var(--op-color-primary); background: var(--op-color-bg-hover); }
.pai-model-tags-line[b-q2gmfzjoij] { display: flex; align-items: center; gap: 6px; }
.pai-model-version-tag[b-q2gmfzjoij] { display: inline-flex; align-items: center; min-height: 24px; padding: 1px 8px; border: 1px solid var(--op-color-border); font-size: 12px; }
.pai-model-tag-list[b-q2gmfzjoij] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 14px; color: var(--op-color-text-4); font-size: 13px; }
.pai-model-version-section[b-q2gmfzjoij] { margin: 0 24px 24px; padding: 16px; }
.pai-model-version-heading[b-q2gmfzjoij] { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pai-model-version-heading h2[b-q2gmfzjoij] { margin: 0; }
.pai-model-version-empty[b-q2gmfzjoij] { min-height: 240px; display: grid; place-items: center; align-content: center; gap: 12px; }
.pai-model-version-table-wrap[b-q2gmfzjoij] { overflow-x: auto; }
.pai-model-link[b-q2gmfzjoij], .pai-model-version-actions button[b-q2gmfzjoij], .pai-model-approval[b-q2gmfzjoij] { border: 0; padding: 0; background: transparent; color: var(--op-color-primary); cursor: pointer; font: inherit; text-align: left; }
.pai-model-version-actions[b-q2gmfzjoij] { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.pai-model-version-actions button[b-q2gmfzjoij] { white-space: nowrap; }
.pai-model-version-actions button:hover[b-q2gmfzjoij], .pai-model-link:hover[b-q2gmfzjoij] { color: var(--op-color-primary-active); text-decoration: underline; }
.pai-model-version-actions button.danger[b-q2gmfzjoij] { color: var(--op-color-error); }
.pai-model-version-actions button.disabled[b-q2gmfzjoij] { color: var(--op-color-text-disabled); cursor: not-allowed; text-decoration: none; }
.pai-model-time[b-q2gmfzjoij] { white-space: pre-line; line-height: 18px; }
.pai-model-storage[b-q2gmfzjoij] { max-width: 165px; display: block; overflow: hidden; color: var(--op-color-primary); text-overflow: ellipsis; white-space: nowrap; }
.pai-model-approval[b-q2gmfzjoij] { color: var(--op-color-text-1); white-space: nowrap; }
.pai-model-version-drawer[b-q2gmfzjoij] { min-height: calc(100vh - 120px); }
.pai-model-version-summary[b-q2gmfzjoij] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px; background: var(--op-color-bg-tile); }
.pai-model-version-summary > div[b-q2gmfzjoij] { min-width: 0; display: grid; gap: 4px; }
.pai-model-version-summary span[b-q2gmfzjoij] { color: var(--op-color-text-4); font-size: 12px; }
.pai-model-detail-tabs[b-q2gmfzjoij] { display: flex; gap: 24px; margin-top: 16px; border-bottom: 1px solid var(--op-color-border); }
.pai-model-detail-tabs button[b-q2gmfzjoij] { position: relative; height: 42px; padding: 0 2px; border: 0; background: transparent; color: var(--op-color-text-3); cursor: pointer; white-space: nowrap; }
.pai-model-detail-tabs button.active[b-q2gmfzjoij] { color: var(--op-color-primary); font-weight: 600; }
.pai-model-detail-tabs button.active[b-q2gmfzjoij]::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--op-color-primary); }
.pai-model-version-config[b-q2gmfzjoij] { display: grid; grid-template-columns: 1fr 1fr; }
.pai-model-version-config section[b-q2gmfzjoij] { min-width: 0; padding: 22px 18px 22px 0; }
.pai-model-version-config section + section[b-q2gmfzjoij] { padding-left: 22px; border-left: 1px solid var(--op-color-border); }
.pai-model-version-config h3[b-q2gmfzjoij] { margin: 0 0 16px; font-size: 14px; letter-spacing: 0; }
.pai-model-version-config dl[b-q2gmfzjoij] { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px 12px; margin: 0; font-size: 13px; }
.pai-model-version-config dt[b-q2gmfzjoij] { color: var(--op-color-text-4); }
.pai-model-version-config dd[b-q2gmfzjoij] { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.pai-model-storage-full[b-q2gmfzjoij], .pai-model-mono[b-q2gmfzjoij] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.pai-model-storage-full[b-q2gmfzjoij] { padding: 6px 8px; background: var(--op-color-bg-tile); }
.pai-model-drawer-actions[b-q2gmfzjoij] { justify-content: flex-end; flex-wrap: wrap; margin-top: 22px; }
.pai-model-schema-toolbar[b-q2gmfzjoij] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 20px 0 12px; }
.pai-model-schema-toolbar h3[b-q2gmfzjoij], .pai-model-schema-toolbar p[b-q2gmfzjoij] { margin: 0; }
.pai-model-schema-toolbar p[b-q2gmfzjoij] { margin-top: 4px; }
.pai-model-schema-json[b-q2gmfzjoij] { max-height: 440px; margin: 0; padding: 16px; overflow: auto; border: 1px solid var(--op-color-border); border-radius: 4px; background: var(--op-color-bg-tile); color: var(--op-color-text-1); font: 13px/1.6 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.pai-model-files-toolbar[b-q2gmfzjoij], .pai-model-metrics-toolbar[b-q2gmfzjoij] { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pai-model-files-toolbar > div[b-q2gmfzjoij], .pai-model-metrics-toolbar p[b-q2gmfzjoij] { color: var(--op-color-text-4); font-size: 12px; }
.pai-model-files-table-wrap[b-q2gmfzjoij] { overflow-x: auto; border-top: 1px solid var(--op-color-border); }
.pai-model-files-table[b-q2gmfzjoij] { width: 100%; min-width: 680px; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
.pai-model-files-table th[b-q2gmfzjoij] { height: 42px; padding: 8px 10px; background: var(--op-color-bg-tile); color: var(--op-color-text-3); font-weight: 500; text-align: left; }
.pai-model-files-table td[b-q2gmfzjoij] { height: 48px; padding: 8px 10px; border-bottom: 1px solid var(--op-color-split); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pai-model-table-state[b-q2gmfzjoij] { height: 180px !important; text-align: center; }
.pai-model-segmented[b-q2gmfzjoij] { display: inline-flex; padding: 3px; background: var(--op-color-bg-hover); }
.pai-model-segmented button[b-q2gmfzjoij] { height: 30px; padding: 0 16px; border: 0; background: transparent; cursor: pointer; }
.pai-model-segmented button.active[b-q2gmfzjoij] { background: var(--op-color-bg-card); color: var(--op-color-primary); box-shadow: 0 1px 3px rgba(31,35,41,.12); }
.pai-model-full-width[b-q2gmfzjoij] { width: 100%; }
.pai-model-column-settings[b-q2gmfzjoij] { display: grid; gap: 14px; }
.pai-model-column-settings label[b-q2gmfzjoij] { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.pai-model-approval-options[b-q2gmfzjoij], .pai-model-modal-actions[b-q2gmfzjoij] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.pai-model-delete-target[b-q2gmfzjoij] { padding: 12px; margin: 16px 0; background: var(--op-color-bg-tile); }
.pai-model-delete-target span[b-q2gmfzjoij] { color: var(--op-color-text-4); font-size: 12px; }
@media (max-width: 1100px) { .pai-model-overview[b-q2gmfzjoij] { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .pai-model-overview[b-q2gmfzjoij] { padding: 14px 12px; } .pai-model-detail-actions[b-q2gmfzjoij] { width: 100%; flex-wrap: wrap; } .pai-model-version-section[b-q2gmfzjoij] { margin: 0 12px 16px; padding: 12px; } .pai-model-basic-card dl[b-q2gmfzjoij] { grid-template-columns: 96px minmax(0, 1fr); } .pai-model-version-summary[b-q2gmfzjoij], .pai-model-version-config[b-q2gmfzjoij] { grid-template-columns: 1fr 1fr; } .pai-model-version-config section + section[b-q2gmfzjoij] { padding-left: 0; border-top: 1px solid var(--op-color-border); border-left: 0; } .pai-model-version-config section[b-q2gmfzjoij] { padding: 18px 0; } .pai-model-files-toolbar[b-q2gmfzjoij], .pai-model-metrics-toolbar[b-q2gmfzjoij] { align-items: flex-start; flex-direction: column; } }
/* /Pages/Assets/ModelAssets.razor.rz.scp.css */
.pai-model-workspace[b-a55nyl6swq] { min-width: 0; }
.pai-model-name[b-a55nyl6swq], .pai-model-link[b-a55nyl6swq] { border: 0; padding: 0; background: transparent; color: var(--op-color-primary); cursor: pointer; font: inherit; text-align: left; }
.pai-model-name[b-a55nyl6swq] { max-width: 100%; overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.pai-model-id[b-a55nyl6swq] { margin-top: var(--op-space-1); overflow: hidden; color: var(--op-color-text-4); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: var(--op-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }
.pai-model-time[b-a55nyl6swq] { white-space: pre-line; line-height: 18px; }
.pai-model-tag-more[b-a55nyl6swq] { color: var(--op-color-text-4); font-size: var(--op-font-size-xs); }
.pai-model-name:hover[b-a55nyl6swq], .pai-model-link:hover[b-a55nyl6swq] { color: var(--op-color-primary-hover); text-decoration: underline; }
.pai-model-columns[b-a55nyl6swq] { display: grid; gap: 14px; }
.pai-model-columns label[b-a55nyl6swq] { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.pai-model-delete-target[b-a55nyl6swq] { padding: 12px; margin: 16px 0; overflow-wrap: anywhere; background: var(--op-color-bg-tile); }
.pai-model-delete-target span[b-a55nyl6swq] { color: var(--op-color-text-3); font-size: 12px; }
/* 筛选栏按钮区：横跨剩余列并右对齐、不换行，避免多个按钮挤在单列换行 */
.pai-filter-actions[b-a55nyl6swq] {
    grid-column: 3 / -1;
    justify-content: flex-end;
    flex-wrap: nowrap;
}
/* /Pages/Assets/ModelRegistrationDrawer.razor.rz.scp.css */
.pai-model-register[b-52izlpd4np] { min-height: calc(100vh - 110px); display: flex; flex-direction: column; color: var(--op-color-text-1); }
.pai-register-mode[b-52izlpd4np] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.pai-register-mode > label[b-52izlpd4np] { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 16px; border: 1px solid var(--op-color-border); cursor: pointer; }
.pai-register-mode > label.active[b-52izlpd4np] { border-color: var(--op-color-primary-hover); background: var(--op-color-primary-bg); }
.pai-register-form[b-52izlpd4np] { flex: 1; display: grid; align-content: start; gap: 16px; padding: 0 0 24px; }
.pai-register-field[b-52izlpd4np] { min-width: 0; display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: center; gap: 8px; color: var(--op-color-text-3); font-size: 13px; }
.pai-register-field-top[b-52izlpd4np] { align-items: start; }
.pai-register-field > span:first-child[b-52izlpd4np] { padding-top: 7px; }
.pai-register-field b[b-52izlpd4np], .pai-register-config-box b[b-52izlpd4np] { color: var(--op-color-error); }
.pai-register-field small[b-52izlpd4np] { display: block; margin-top: 4px; color: var(--op-color-text-4); text-align: right; }
.pai-register-control[b-52izlpd4np] { width: 100%; }
.pai-register-options[b-52izlpd4np] { min-height: 32px; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.pai-register-options label[b-52izlpd4np] { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.pai-register-path[b-52izlpd4np], .pai-register-tag-row[b-52izlpd4np] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.pai-register-tags[b-52izlpd4np] { min-height: 32px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 3px 10px; border: 1px solid var(--op-color-border); }
.pai-register-tags > span:only-child[b-52izlpd4np] { color: var(--op-color-text-4); }
.pai-register-config-box[b-52izlpd4np] { display: grid; gap: 12px; margin-top: 8px; padding: 12px; border: 1px dashed var(--op-color-border); }
.pai-register-config-box > label[b-52izlpd4np] { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 10px; }
.pai-register-config-box .pai-register-json[b-52izlpd4np], .pai-register-custom-config > label[b-52izlpd4np] { align-items: start; }
.pai-register-custom-config > label[b-52izlpd4np] { grid-template-columns: 150px minmax(0, 1fr); }
.pai-register-advanced[b-52izlpd4np] { border-top: 1px solid var(--op-color-split); padding-top: 14px; }
.pai-register-advanced summary[b-52izlpd4np] { width: max-content; cursor: pointer; color: var(--op-color-text-3); }
.pai-register-advanced-body[b-52izlpd4np] { display: grid; gap: 16px; margin-top: 16px; padding: 0 0 8px; }
@media (max-width: 760px) { .pai-register-mode[b-52izlpd4np] { grid-template-columns: 1fr; } .pai-register-field[b-52izlpd4np] { grid-template-columns: 1fr; gap: 4px; } .pai-register-field > span:first-child[b-52izlpd4np] { padding-top: 0; } .pai-register-config-box > label[b-52izlpd4np], .pai-register-custom-config > label[b-52izlpd4np] { grid-template-columns: 1fr; } }
/* /Pages/Assets/ObjectStorage.razor.rz.scp.css */
.object-storage-surface[b-02o9sqo7it] {
    min-height: 0;
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    padding: 16px;
}
/* /Pages/Auth/ForgotPassword.razor.rz.scp.css */
.forgot-steps[b-bmolbfp9fc] { margin-bottom: var(--op-space-6); }
.forgot-captcha[b-bmolbfp9fc] { display: grid; grid-template-columns: minmax(0, 1fr) 128px; align-items: stretch; gap: var(--op-space-3); }
.forgot-captcha-button[b-bmolbfp9fc] { display: flex; align-items: center; justify-content: center; min-width: 0; height: 40px; padding: 0; overflow: hidden; border: 1px solid var(--op-color-border); border-radius: var(--op-radius-md); background: var(--op-color-bg-card); color: var(--op-color-primary); cursor: pointer; }
.forgot-captcha-image[b-bmolbfp9fc] { display: block; width: 100%; height: 100%; object-fit: cover; }
.forgot-actions[b-bmolbfp9fc] { display: flex; flex-direction: column; gap: var(--op-space-2); }

@media (max-width: 480px) {
    .forgot-captcha[b-bmolbfp9fc] { grid-template-columns: minmax(0, 1fr) 112px; }
}
/* /Pages/Automl/AutomlJobCreate.razor.rz.scp.css */
.automl-code-label[b-yfeb2iwyp7] {
    margin-bottom: var(--op-space-2);
    color: var(--op-color-text-4);
    font-size: var(--op-font-size-xs);
}

.automl-code-label-spaced[b-yfeb2iwyp7] {
    margin-top: var(--op-space-3);
    margin-bottom: var(--op-space-1);
}

.automl-code-preview[b-yfeb2iwyp7] {
    padding: var(--op-space-2);
    border-radius: var(--op-radius-md);
    background: var(--op-color-bg-tile);
    font-family: Consolas, monospace;
    font-size: var(--op-font-size-xs);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.automl-parameter-row[b-yfeb2iwyp7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--op-space-2);
    margin-bottom: 6px;
}

.automl-parameter-key[b-yfeb2iwyp7] { width: 180px; }
.automl-parameter-value[b-yfeb2iwyp7] { width: 220px; }
.automl-parameter-name[b-yfeb2iwyp7] { width: 150px; }
.automl-parameter-type[b-yfeb2iwyp7] { width: 110px; }
.automl-parameter-options[b-yfeb2iwyp7] { width: 200px; }
.automl-parameter-bound[b-yfeb2iwyp7] { width: 90px; }

.automl-log-option[b-yfeb2iwyp7] {
    display: inline-flex;
    align-items: center;
    gap: var(--op-space-1);
}

@media (max-width: 600px) {
    .automl-parameter-row[b-yfeb2iwyp7] {
        align-items: stretch;
        flex-direction: column;
    }

    .automl-parameter-key[b-yfeb2iwyp7],
    .automl-parameter-value[b-yfeb2iwyp7],
    .automl-parameter-name[b-yfeb2iwyp7],
    .automl-parameter-type[b-yfeb2iwyp7],
    .automl-parameter-options[b-yfeb2iwyp7],
    .automl-parameter-bound[b-yfeb2iwyp7] {
        width: 100%;
    }

    .automl-parameter-row > :deep(.ant-btn)[b-yfeb2iwyp7] {
        align-self: flex-start;
    }
}
.automl-section-title-first[b-yfeb2iwyp7] { margin-bottom: var(--op-space-3); }
.automl-section-title[b-yfeb2iwyp7] { margin: var(--op-space-4) 0 var(--op-space-3); }
/* /Pages/Automl/AutomlJobDetail.razor.rz.scp.css */
.automl-summary-grid[b-a88oph0l7i] {
    display: grid;
    grid-template-columns: minmax(90px, auto) minmax(220px, 1fr) minmax(140px, auto) minmax(180px, 1fr);
    gap: 24px;
    align-items: end;
    min-width: 0;
}

.automl-summary-item[b-a88oph0l7i] {
    min-width: 0;
}

.automl-summary-item :deep(.ant-progress)[b-a88oph0l7i] {
    width: min(100%, 240px);
}

@media (max-width: 720px) {
    .automl-summary-grid[b-a88oph0l7i] {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        align-items: start;
    }

    .automl-summary-item :deep(.ant-progress)[b-a88oph0l7i] {
        width: 100%;
    }
}
/* /Pages/Components/ComponentList.razor.rz.scp.css */
.component-workspace[b-fq3ys24ky9] {
    min-width: 0;
}

.component-name-cell[b-fq3ys24ky9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.component-code[b-fq3ys24ky9],
.component-image[b-fq3ys24ky9],
.component-command-preview[b-fq3ys24ky9] {
    color: var(--op-color-text-4);
    font-family: Consolas, "Courier New", monospace;
    font-size: var(--op-font-size-xs);
}

.component-code[b-fq3ys24ky9],
.component-image[b-fq3ys24ky9] {
    overflow-wrap: anywhere;
}

.component-command-preview[b-fq3ys24ky9] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.component-row-actions[b-fq3ys24ky9] {
    flex-wrap: nowrap;
}

.component-form-grid[b-fq3ys24ky9],
.component-resource-grid[b-fq3ys24ky9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--op-space-4);
}

.component-resource-grid[b-fq3ys24ky9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: var(--op-space-4);
}

.component-schema-stack[b-fq3ys24ky9] {
    display: grid;
    gap: var(--op-space-4);
}

.component-command-editor[b-fq3ys24ky9] {
    font-family: Consolas, "Courier New", monospace;
    font-size: var(--op-font-size-xs);
}

.component-command-hint[b-fq3ys24ky9] {
    margin-top: 6px;
    font-size: var(--op-font-size-xs);
    line-height: 1.7;
    color: var(--op-color-text-secondary);
}

.component-command-hint ul[b-fq3ys24ky9] {
    margin: 4px 0 0;
    padding-left: 18px;
}

.component-command-hint code[b-fq3ys24ky9] {
    padding: 0 4px;
    border-radius: 3px;
    background: var(--op-color-fill-quaternary, rgba(0, 0, 0, .04));
    font-family: Consolas, "Courier New", monospace;
}

.component-drawer-footer[b-fq3ys24ky9],
.component-dry-actions[b-fq3ys24ky9] {
    display: flex;
    justify-content: flex-end;
    gap: var(--op-space-2);
    margin-top: var(--op-space-4);
    padding-top: var(--op-space-3);
    border-top: 1px solid var(--op-color-border);
}

.component-dry-fields[b-fq3ys24ky9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--op-space-3);
    margin-top: var(--op-space-4);
}

.component-check-list[b-fq3ys24ky9] {
    display: grid;
    gap: var(--op-space-1);
    margin: var(--op-space-3) 0;
}

@media (max-width: 900px) {
    .component-form-grid[b-fq3ys24ky9],
    .component-resource-grid[b-fq3ys24ky9],
    .component-dry-fields[b-fq3ys24ky9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .component-row-actions[b-fq3ys24ky9] {
        flex-wrap: wrap;
    }
}
/* /Pages/Compute/ClusterManagement.razor.rz.scp.css */
.cluster-management-page[b-0oe2s1pq4k] {
    display: grid;
    gap: 16px;
    padding-bottom: 8px;
}

.cluster-config-alert[b-0oe2s1pq4k] {
    margin-bottom: 0;
}

.cluster-filter-band[b-0oe2s1pq4k] {
    min-height: 50px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
    background: var(--op-color-bg-card);
}

.cluster-filter-label[b-0oe2s1pq4k] {
    color: var(--op-color-text-3);
    font-size: 12px;
    font-weight: 600;
}

.cluster-management-layout[b-0oe2s1pq4k] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.cluster-rail[b-0oe2s1pq4k],
.cluster-detail-header[b-0oe2s1pq4k],
.cluster-connection-strip[b-0oe2s1pq4k],
.cluster-overview-bar[b-0oe2s1pq4k],
.cluster-node-panel[b-0oe2s1pq4k],
.cluster-inventory-panel[b-0oe2s1pq4k] {
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
    background: var(--op-color-bg-card);
}

.cluster-rail[b-0oe2s1pq4k] {
    position: sticky;
    top: 116px;
    max-height: calc(100vh - 180px);
    overflow: hidden;
}

.cluster-rail-header[b-0oe2s1pq4k] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 90px;
    padding: 14px 14px 12px;
    border-bottom: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
}

.cluster-rail-root-icon[b-0oe2s1pq4k] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--op-color-primary-bg);
    color: var(--op-color-primary);
    font-size: 16px;
}

.cluster-rail-root-content[b-0oe2s1pq4k] {
    min-width: 0;
    flex: 1;
}

.cluster-rail-title-row[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.cluster-rail-title[b-0oe2s1pq4k] {
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 600;
}

.cluster-rail-root-name[b-0oe2s1pq4k] {
    margin-top: 3px;
    overflow: hidden;
    color: var(--op-color-text-2);
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cluster-rail-count[b-0oe2s1pq4k] {
    margin-top: 2px;
    color: var(--op-color-text-4);
    font-size: 12px;
}

.cluster-rail-body[b-0oe2s1pq4k] {
    max-height: calc(100vh - 240px);
    overflow-y: auto;
    padding: 10px 8px 12px;
}

.cluster-tree-group[b-0oe2s1pq4k] {
    position: relative;
    min-width: 0;
    padding-left: 15px;
}

.cluster-tree-group + .cluster-tree-group[b-0oe2s1pq4k] {
    margin-top: 12px;
}

.cluster-tree-group[b-0oe2s1pq4k]::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 10px;
    left: 6px;
    border-left: 1px solid var(--op-color-border);
}

.cluster-tree-group-header[b-0oe2s1pq4k] {
    position: relative;
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 600;
}

.cluster-tree-group-header[b-0oe2s1pq4k]::before,
.cluster-rail-item[b-0oe2s1pq4k]::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -9px;
    width: 8px;
    border-top: 1px solid var(--op-color-border);
}

.cluster-tree-group-header > .anticon[b-0oe2s1pq4k] {
    color: var(--op-color-text-3);
}

.cluster-tree-group.removed .cluster-tree-group-header[b-0oe2s1pq4k] {
    color: var(--op-color-text-3);
}

.cluster-tree-group-count[b-0oe2s1pq4k] {
    min-width: 20px;
    padding: 0 5px;
    border-radius: 4px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-3);
    line-height: 20px;
    text-align: center;
}

.cluster-tree-group-empty[b-0oe2s1pq4k] {
    padding: 8px 10px 10px;
    color: var(--op-color-text-4);
    font-size: 12px;
}

.cluster-rail-empty[b-0oe2s1pq4k] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--op-color-text-4);
    text-align: center;
}

.cluster-rail-empty > .anticon[b-0oe2s1pq4k] {
    font-size: 28px;
}

.cluster-rail-item[b-0oe2s1pq4k] {
    position: relative;
    width: 100%;
    min-height: 94px;
    margin: 0 0 6px;
    padding: 12px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.cluster-rail-item:hover[b-0oe2s1pq4k] {
    background: var(--op-color-bg-hover);
}

.cluster-rail-item.selected[b-0oe2s1pq4k] {
    border-color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
}

.cluster-rail-item.removed[b-0oe2s1pq4k] {
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-3);
}

.cluster-rail-item.removed.selected[b-0oe2s1pq4k] {
    background: var(--op-color-primary-bg);
    color: inherit;
}

.cluster-status-dot[b-0oe2s1pq4k] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--op-color-text-4);
}

.cluster-status-dot.healthy[b-0oe2s1pq4k] { background: var(--op-color-success); }
.cluster-status-dot.degraded[b-0oe2s1pq4k] { background: var(--op-color-warning); }
.cluster-status-dot.unhealthy[b-0oe2s1pq4k] { background: var(--op-color-error); }
.cluster-status-dot.available[b-0oe2s1pq4k] { background: var(--op-color-success); }
.cluster-status-dot.warning[b-0oe2s1pq4k] { background: var(--op-color-warning); }
.cluster-status-dot.unavailable[b-0oe2s1pq4k] { background: var(--op-color-error); }
.cluster-status-dot.neutral[b-0oe2s1pq4k] { background: var(--op-color-text-4); }

.cluster-rail-item-content[b-0oe2s1pq4k] {
    min-width: 0;
    flex: 1;
    display: grid;
    gap: 6px;
}

.cluster-rail-item-row[b-0oe2s1pq4k],
.cluster-rail-item-meta[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.cluster-rail-item-name[b-0oe2s1pq4k] {
    min-width: 0;
    overflow: hidden;
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cluster-rail-item.selected .cluster-rail-item-name[b-0oe2s1pq4k] {
    color: var(--op-color-primary);
}

.cluster-rail-item-meta[b-0oe2s1pq4k] {
    color: var(--op-color-text-4);
    font-size: 12px;
}

.cluster-rail-item-meta.single[b-0oe2s1pq4k] {
    justify-content: flex-start;
}

.cluster-rail-item-summary[b-0oe2s1pq4k] {
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 18px;
}

.cluster-schedule-on[b-0oe2s1pq4k] {
    color: var(--op-color-success);
}

.cluster-detail[b-0oe2s1pq4k] {
    position: relative;
    min-width: 0;
    display: grid;
    gap: 16px;
}

.cluster-detail-empty[b-0oe2s1pq4k] {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--op-color-border);
    border-radius: 8px;
    color: var(--op-color-text-4);
    text-align: center;
}

.cluster-detail-empty > .anticon[b-0oe2s1pq4k] {
    margin-bottom: 12px;
    font-size: 42px;
}

.cluster-detail-empty h3[b-0oe2s1pq4k] {
    margin: 0 0 4px;
    color: var(--op-color-text-2);
    font-size: 17px;
}

.cluster-detail-empty p[b-0oe2s1pq4k] {
    margin: 0;
}

.cluster-detail-header[b-0oe2s1pq4k] {
    min-height: 72px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.cluster-detail-heading[b-0oe2s1pq4k],
.cluster-detail-actions[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cluster-detail-heading[b-0oe2s1pq4k] {
    min-width: 0;
}

.cluster-detail-name[b-0oe2s1pq4k] {
    color: var(--op-color-text-1);
    font-size: 18px;
    font-weight: 650;
}

.cluster-detail-subtitle[b-0oe2s1pq4k] {
    max-width: 520px;
    margin-top: 2px;
    overflow: hidden;
    color: var(--op-color-text-4);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cluster-connection-strip[b-0oe2s1pq4k] {
    min-height: 46px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    gap: 24px;
    background: var(--op-color-bg-tile);
}

.cluster-connection-item[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--op-color-text-3);
    font-size: 12px;
}

.cluster-connection-time[b-0oe2s1pq4k] {
    margin-left: auto;
}

.cluster-connection-label[b-0oe2s1pq4k] {
    color: var(--op-color-text-2);
    font-weight: 500;
}

.cluster-connection-source[b-0oe2s1pq4k] {
    color: var(--op-color-text-4);
}

.cluster-overview-bar[b-0oe2s1pq4k] {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.cluster-overview-item[b-0oe2s1pq4k] {
    min-width: 0;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-right: 1px solid var(--op-color-border);
}

.cluster-overview-item:first-child[b-0oe2s1pq4k] { padding-left: 0; }
.cluster-overview-item:last-child[b-0oe2s1pq4k] { padding-right: 0; border-right: 0; }

.cluster-overview-icon[b-0oe2s1pq4k],
.cluster-resource-icon[b-0oe2s1pq4k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 7px;
}

.cluster-overview-icon[b-0oe2s1pq4k] {
    width: 34px;
    height: 34px;
}

.cluster-overview-icon.blue[b-0oe2s1pq4k],
.cluster-resource-icon.blue[b-0oe2s1pq4k] { background: var(--op-color-primary-bg); color: var(--op-color-primary); }
.cluster-overview-icon.green[b-0oe2s1pq4k],
.cluster-resource-icon.green[b-0oe2s1pq4k] { background: color-mix(in srgb, var(--op-color-success) 10%, var(--op-color-bg-card)); color: var(--op-color-success); }
.cluster-overview-icon.amber[b-0oe2s1pq4k],
.cluster-resource-icon.amber[b-0oe2s1pq4k] { background: color-mix(in srgb, var(--op-color-warning) 12%, var(--op-color-bg-card)); color: var(--op-color-warning); }
.cluster-overview-icon.violet[b-0oe2s1pq4k],
.cluster-resource-icon.violet[b-0oe2s1pq4k] { background: var(--op-color-primary-bg); color: var(--op-color-accent); }
.cluster-overview-icon.gold[b-0oe2s1pq4k] { background: color-mix(in srgb, var(--op-color-warning) 12%, var(--op-color-bg-card)); color: var(--op-color-warning); }
.cluster-overview-icon.red[b-0oe2s1pq4k] { background: color-mix(in srgb, var(--op-color-error) 10%, var(--op-color-bg-card)); color: var(--op-color-error); }

.cluster-overview-item > span:nth-child(2)[b-0oe2s1pq4k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cluster-overview-item strong[b-0oe2s1pq4k] {
    overflow: hidden;
    color: var(--op-color-text-1);
    font-size: 15px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cluster-overview-item small[b-0oe2s1pq4k],
.cluster-resource-head small[b-0oe2s1pq4k] {
    color: var(--op-color-text-4);
    font-size: 11px;
}

.cluster-overview-extra[b-0oe2s1pq4k] {
    color: var(--op-color-success);
    font-size: 11px;
    white-space: nowrap;
}

.cluster-resource-grid[b-0oe2s1pq4k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.cluster-resource-card[b-0oe2s1pq4k] {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
    background: var(--op-color-bg-card);
}

.cluster-resource-head[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cluster-resource-icon[b-0oe2s1pq4k] {
    width: 38px;
    height: 38px;
}

.cluster-resource-head > span:last-child[b-0oe2s1pq4k] {
    display: flex;
    flex-direction: column;
}

.cluster-resource-head strong[b-0oe2s1pq4k] {
    color: var(--op-color-text-1);
    font-size: 20px;
    font-weight: 650;
}

.cluster-resource-bar[b-0oe2s1pq4k] {
    height: 7px;
    margin: 14px 0 9px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--op-color-bg-hover);
}

.cluster-resource-bar > span[b-0oe2s1pq4k] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.cluster-resource-bar > span.blue[b-0oe2s1pq4k] { background: var(--op-color-primary); }
.cluster-resource-bar > span.green[b-0oe2s1pq4k] { background: var(--op-color-success); }
.cluster-resource-bar > span.amber[b-0oe2s1pq4k] { background: var(--op-color-warning); }

.cluster-resource-rule[b-0oe2s1pq4k] {
    height: 1px;
    margin: 17px 0 12px;
    background: var(--op-color-border);
}

.cluster-resource-detail[b-0oe2s1pq4k] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: var(--op-color-text-4);
    font-size: 11px;
}

.cluster-node-panel[b-0oe2s1pq4k] {
    min-width: 0;
    overflow: hidden;
}

.cluster-node-header[b-0oe2s1pq4k] {
    min-height: 58px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--op-color-border);
}

.cluster-node-title[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 600;
}

.cluster-node-title > .anticon[b-0oe2s1pq4k] {
    color: var(--op-color-primary);
}

.cluster-node-subtitle[b-0oe2s1pq4k],
.cluster-node-os[b-0oe2s1pq4k] {
    margin-top: 2px;
    color: var(--op-color-text-4);
    font-size: 11px;
}

.cluster-node-table[b-0oe2s1pq4k] {
    min-width: 0;
    padding: 0 14px 12px;
    overflow-x: auto;
}

.cluster-inventory-panel[b-0oe2s1pq4k] {
    min-width: 0;
    overflow: hidden;
}

.cluster-inventory-panel[b-0oe2s1pq4k]  .ant-tabs-nav {
    margin: 0;
    padding: 0 16px;
}

.cluster-inventory-table[b-0oe2s1pq4k] {
    min-width: 0;
    padding: 0 14px 12px;
    overflow-x: auto;
}

.cluster-inventory-alert[b-0oe2s1pq4k] {
    margin: 12px 14px 0;
}

.cluster-storage-stack[b-0oe2s1pq4k] {
    display: grid;
    gap: 18px;
    padding-top: 4px;
}

.cluster-inventory-subtitle[b-0oe2s1pq4k] {
    margin: 0;
    padding: 0 14px 8px;
    color: var(--op-color-text-2);
    font-size: 13px;
    font-weight: 600;
}

.cluster-node-name[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--op-color-primary);
    font-weight: 550;
}

.cluster-node-name > .anticon[b-0oe2s1pq4k] {
    color: var(--op-color-warning);
}

.cluster-drawer-stack[b-0oe2s1pq4k] {
    display: grid;
    gap: 22px;
}

.cluster-drawer-section[b-0oe2s1pq4k] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--op-color-border);
}

.cluster-drawer-section:last-of-type[b-0oe2s1pq4k] {
    border-bottom: 0;
}

.cluster-drawer-section-head[b-0oe2s1pq4k] {
    margin-bottom: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cluster-drawer-section-head h3[b-0oe2s1pq4k] {
    margin: 0;
    color: var(--op-color-text-1);
    font-size: 15px;
    font-weight: 600;
}

.cluster-drawer-section-head p[b-0oe2s1pq4k] {
    margin: 3px 0 0;
    color: var(--op-color-text-4);
    font-size: 12px;
}

.cluster-kubeconfig-field[b-0oe2s1pq4k]  textarea {
    font-family: Consolas, Monaco, monospace;
    font-size: var(--op-font-size-xs);
}

.cluster-preflight-last[b-0oe2s1pq4k] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--op-color-text-3);
    font-size: 12px;
}

.cluster-preflight-report[b-0oe2s1pq4k] {
    margin-top: 14px;
    border: 1px solid var(--op-color-border);
    border-radius: 7px;
    overflow: hidden;
    background: var(--op-color-bg-tile);
}

.cluster-preflight-summary[b-0oe2s1pq4k] {
    min-height: 58px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--op-color-border);
}

.cluster-preflight-summary > div[b-0oe2s1pq4k] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.cluster-preflight-summary strong[b-0oe2s1pq4k] {
    color: var(--op-color-text-1);
    font-size: 14px;
}

.cluster-preflight-summary span[b-0oe2s1pq4k],
.cluster-preflight-facts[b-0oe2s1pq4k],
.cluster-preflight-check small[b-0oe2s1pq4k] {
    color: var(--op-color-text-4);
    font-size: 12px;
}

.cluster-preflight-facts[b-0oe2s1pq4k] {
    padding: 9px 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    border-bottom: 1px solid var(--op-color-border);
    font-family: Consolas, Monaco, monospace;
}

.cluster-preflight-checks[b-0oe2s1pq4k] {
    display: grid;
}

.cluster-preflight-check[b-0oe2s1pq4k] {
    min-height: 48px;
    padding: 8px 12px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid var(--op-color-border);
}

.cluster-preflight-check:last-child[b-0oe2s1pq4k] {
    border-bottom: 0;
}

.cluster-preflight-check > span[b-0oe2s1pq4k] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.cluster-preflight-check strong[b-0oe2s1pq4k],
.cluster-preflight-check small[b-0oe2s1pq4k] {
    overflow-wrap: anywhere;
}

.cluster-preflight-check.passed > .anticon[b-0oe2s1pq4k] { color: var(--op-color-success); }
.cluster-preflight-check.warning > .anticon[b-0oe2s1pq4k] { color: var(--op-color-warning); }
.cluster-preflight-check.failed > .anticon[b-0oe2s1pq4k] { color: var(--op-color-error); }

.maintenance-alert-toggle[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.maintenance-window-list[b-0oe2s1pq4k] {
    display: grid;
    gap: 10px;
}

.maintenance-window-item[b-0oe2s1pq4k] {
    padding: 12px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.maintenance-window-head[b-0oe2s1pq4k],
.maintenance-window-head > div[b-0oe2s1pq4k],
.maintenance-window-meta[b-0oe2s1pq4k],
.maintenance-cancel-actions[b-0oe2s1pq4k] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.maintenance-window-head[b-0oe2s1pq4k] {
    justify-content: space-between;
}

.maintenance-window-reason[b-0oe2s1pq4k] {
    margin-top: 8px;
    color: var(--op-color-text-2);
    overflow-wrap: anywhere;
}

.maintenance-window-meta[b-0oe2s1pq4k] {
    margin-top: 8px;
    justify-content: space-between;
    color: var(--op-color-text-4);
    font-size: 12px;
}

.maintenance-cancel-actions[b-0oe2s1pq4k] {
    min-width: 300px;
}

.maintenance-cancel-actions[b-0oe2s1pq4k]  .ant-input-affix-wrapper,
.maintenance-cancel-actions[b-0oe2s1pq4k]  .ant-input {
    min-width: 0;
}

@media (max-width: 1180px) {
    .cluster-overview-bar[b-0oe2s1pq4k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 18px;
    }

    .cluster-overview-item:nth-child(3)[b-0oe2s1pq4k] { border-right: 0; }
    .cluster-overview-item:nth-child(4)[b-0oe2s1pq4k] { padding-left: 0; }

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

@media (max-width: 900px) {
    .cluster-management-layout[b-0oe2s1pq4k] {
        grid-template-columns: 1fr;
    }

    .cluster-rail[b-0oe2s1pq4k] {
        position: static;
        max-height: none;
    }

    .cluster-rail-body[b-0oe2s1pq4k] {
        max-height: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .cluster-detail-header[b-0oe2s1pq4k] {
        align-items: stretch;
        flex-direction: column;
    }

    .cluster-detail-actions[b-0oe2s1pq4k] {
        flex-wrap: wrap;
    }

    .cluster-connection-strip[b-0oe2s1pq4k] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .cluster-connection-time[b-0oe2s1pq4k] {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .cluster-filter-band[b-0oe2s1pq4k] {
        align-items: stretch;
        flex-direction: column;
    }

    .cluster-rail-body[b-0oe2s1pq4k],
    .cluster-resource-grid[b-0oe2s1pq4k],
    .cluster-overview-bar[b-0oe2s1pq4k] {
        grid-template-columns: 1fr;
    }

    .cluster-overview-item[b-0oe2s1pq4k],
    .cluster-overview-item:nth-child(4)[b-0oe2s1pq4k] {
        min-height: 44px;
        padding: 0 0 10px;
        border-right: 0;
        border-bottom: 1px solid var(--op-color-border);
    }

    .cluster-overview-item:last-child[b-0oe2s1pq4k] {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .cluster-detail-heading[b-0oe2s1pq4k] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cluster-detail-actions[b-0oe2s1pq4k] >  .ant-btn {
        flex: 1 1 auto;
    }

    .cluster-resource-detail[b-0oe2s1pq4k] {
        flex-direction: column;
    }

    .maintenance-alert-toggle[b-0oe2s1pq4k],
    .maintenance-window-head[b-0oe2s1pq4k],
    .maintenance-window-meta[b-0oe2s1pq4k],
    .maintenance-cancel-actions[b-0oe2s1pq4k] {
        align-items: stretch;
        flex-direction: column;
    }

    .maintenance-cancel-actions[b-0oe2s1pq4k] {
        min-width: 0;
        width: 100%;
    }

    .maintenance-alert-toggle[b-0oe2s1pq4k]  .ant-switch {
        align-self: flex-start;
    }

    .cluster-preflight-summary[b-0oe2s1pq4k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cluster-preflight-check[b-0oe2s1pq4k] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .cluster-preflight-check[b-0oe2s1pq4k] >  .ant-tag {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/Compute/ClusterNodeDetail.razor.rz.scp.css */
.node-detail-page[b-s96mx0eoia] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 24px;
}

.node-detail-state[b-s96mx0eoia] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--op-color-text-3);
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
}

.node-identity-band[b-s96mx0eoia] {
    min-height: 72px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
}

.node-identity-main[b-s96mx0eoia] { min-width: 0; display: flex; align-items: center; gap: 10px; }
.node-status-dot[b-s96mx0eoia] { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: var(--op-color-text-disabled); }
.node-status-dot.ready[b-s96mx0eoia] { background: var(--op-color-success); }
.node-status-dot.offline[b-s96mx0eoia] { background: var(--op-color-error); }

.node-name[b-s96mx0eoia] {
    max-width: min(52vw, 720px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
    color: var(--op-color-text-1);
}

.node-meta[b-s96mx0eoia] { margin-top: 3px; color: var(--op-color-text-4); font-size: 12px; }

.node-time-controls[b-s96mx0eoia] {
    display: inline-grid;
    grid-template-columns: repeat(4, minmax(62px, 1fr));
    flex: 0 0 auto;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    overflow: hidden;
}

.node-time-option[b-s96mx0eoia] {
    min-height: 32px;
    padding: 4px 10px;
    border: 0;
    border-right: 1px solid var(--op-color-border);
    background: var(--op-color-bg-card);
    color: var(--op-color-text-3);
    cursor: pointer;
    font-size: 13px;
}

.node-time-option:last-child[b-s96mx0eoia] { border-right: 0; }
.node-time-option:hover:not(:disabled)[b-s96mx0eoia] { color: var(--op-color-primary); background: var(--op-color-primary-bg); }
.node-time-option.active[b-s96mx0eoia] { color: var(--op-color-bg-card); background: var(--op-color-primary); }
.node-time-option:disabled[b-s96mx0eoia] { cursor: wait; opacity: .65; }

.node-stat-grid[b-s96mx0eoia] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }

.node-stat-item[b-s96mx0eoia] {
    min-height: 116px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-border);
    border-top: 3px solid var(--op-color-text-disabled);
    border-radius: 8px;
}

.node-stat-item.blue[b-s96mx0eoia] { border-top-color: var(--op-color-primary); }
.node-stat-item.teal[b-s96mx0eoia] { border-top-color: var(--op-color-primary-hover); }
.node-stat-item.amber[b-s96mx0eoia] { border-top-color: var(--op-color-warning); }
.node-stat-item.green[b-s96mx0eoia] { border-top-color: var(--op-color-success); }
.node-stat-head[b-s96mx0eoia] { display: flex; align-items: center; gap: 7px; color: var(--op-color-text-3); font-size: 13px; }
.node-stat-item strong[b-s96mx0eoia] { color: var(--op-color-text-1); font-size: 25px; line-height: 1.2; font-weight: 650; }
.node-stat-item small[b-s96mx0eoia] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--op-color-text-4); font-size: 12px; }

.node-tabs[b-s96mx0eoia] { display: flex; gap: 24px; padding: 0 4px; border-bottom: 1px solid var(--op-color-border); }
.node-tabs button[b-s96mx0eoia] { position: relative; min-height: 42px; padding: 0 2px; border: 0; background: transparent; color: var(--op-color-text-3); cursor: pointer; font-size: 14px; }
.node-tabs button.active[b-s96mx0eoia] { color: var(--op-color-primary); font-weight: 600; }
.node-tabs button.active[b-s96mx0eoia]::after { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; content: ""; background: var(--op-color-primary); }

.node-section[b-s96mx0eoia] { padding: 18px 20px 20px; background: var(--op-color-bg-card); border: 1px solid var(--op-color-border); border-radius: 8px; }
.node-section-head[b-s96mx0eoia] { min-height: 42px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.node-section-head h2[b-s96mx0eoia] { margin: 0; color: var(--op-color-text-1); font-size: 15px; font-weight: 600; }
.node-section-head p[b-s96mx0eoia] { margin: 4px 0 0; color: var(--op-color-text-4); font-size: 12px; }
.node-sample-time[b-s96mx0eoia] { flex: 0 0 auto; color: var(--op-color-text-4); font-size: 12px; }

.node-info-grid[b-s96mx0eoia] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--op-color-split); border-left: 1px solid var(--op-color-split); }
.node-info-grid > div[b-s96mx0eoia] { min-width: 0; min-height: 68px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; border-right: 1px solid var(--op-color-split); border-bottom: 1px solid var(--op-color-split); }
.node-info-grid span[b-s96mx0eoia] { color: var(--op-color-text-4); font-size: 12px; }
.node-info-grid strong[b-s96mx0eoia] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--op-color-text-2); font-size: 13px; font-weight: 500; }
.node-chart[b-s96mx0eoia] { width: 100%; height: 320px; }

.node-io-summary[b-s96mx0eoia] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--op-color-bg-card); border: 1px solid var(--op-color-border); border-radius: 8px; }
.node-io-summary > div[b-s96mx0eoia] { min-width: 0; padding: 16px 18px; display: flex; flex-direction: column; gap: 5px; border-right: 1px solid var(--op-color-split); }
.node-io-summary > div:last-child[b-s96mx0eoia] { border-right: 0; }
.node-io-summary span[b-s96mx0eoia] { color: var(--op-color-text-4); font-size: 12px; }
.node-io-summary strong[b-s96mx0eoia] { color: var(--op-color-text-2); font-size: 18px; font-weight: 600; }

@media (max-width: 960px) {
    .node-identity-band[b-s96mx0eoia] { align-items: flex-start; flex-direction: column; }
    .node-time-controls[b-s96mx0eoia] { width: 100%; }
    .node-stat-grid[b-s96mx0eoia], .node-io-summary[b-s96mx0eoia] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .node-info-grid[b-s96mx0eoia] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .node-io-summary > div:nth-child(2)[b-s96mx0eoia] { border-right: 0; }
    .node-io-summary > div:nth-child(-n+2)[b-s96mx0eoia] { border-bottom: 1px solid var(--op-color-split); }
}

@media (max-width: 560px) {
    .node-detail-page[b-s96mx0eoia] { gap: 12px; }
    .node-identity-band[b-s96mx0eoia] { padding: 14px; }
    .node-identity-main[b-s96mx0eoia] { align-items: flex-start; flex-wrap: wrap; }
    .node-name[b-s96mx0eoia] { max-width: 78vw; font-size: 16px; white-space: normal; overflow-wrap: anywhere; }
    .node-meta[b-s96mx0eoia] { overflow-wrap: anywhere; }
    .node-time-controls[b-s96mx0eoia] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .node-time-option:nth-child(2)[b-s96mx0eoia] { border-right: 0; }
    .node-time-option:nth-child(-n+2)[b-s96mx0eoia] { border-bottom: 1px solid var(--op-color-border); }
    .node-stat-grid[b-s96mx0eoia], .node-io-summary[b-s96mx0eoia], .node-info-grid[b-s96mx0eoia] { grid-template-columns: 1fr; }
    .node-io-summary > div[b-s96mx0eoia] { border-right: 0; border-bottom: 1px solid var(--op-color-split); }
    .node-io-summary > div:last-child[b-s96mx0eoia] { border-bottom: 0; }
    .node-section[b-s96mx0eoia] { padding: 16px 12px; }
    .node-section-head[b-s96mx0eoia] { flex-direction: column; }
    .node-chart[b-s96mx0eoia] { height: 280px; }
}
/* /Pages/Compute/ImagePrewarm.razor.rz.scp.css */
.prewarm-summary[b-rls5a3cmsg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-border);
}

.prewarm-summary > div[b-rls5a3cmsg] {
    display: flex;
    min-height: 78px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 14px 18px;
    background: var(--op-color-bg-card);
}

.prewarm-summary span[b-rls5a3cmsg] { color: var(--op-color-text-3); font-size: 13px; }
.prewarm-summary strong[b-rls5a3cmsg] { font-size: 22px; font-weight: 600; }
.prewarm-link[b-rls5a3cmsg] { padding: 0; border: 0; color: var(--op-color-primary); background: transparent; cursor: pointer; font-weight: 600; }
.prewarm-ref[b-rls5a3cmsg] { display: block; max-width: 100%; overflow-wrap: anywhere; }
.prewarm-drawer-actions[b-rls5a3cmsg] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }

@media (max-width: 760px) {
    .prewarm-summary[b-rls5a3cmsg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Pages/Compute/SchedulingCenter.razor.rz.scp.css */
.scheduling-page[b-86f0wt076a] { display: grid; gap: 16px; }
.scheduling-toolbar[b-86f0wt076a] { display: flex; align-items: end; justify-content: space-between; width: 100%; min-width: 0; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--op-color-border); }
.scheduling-cluster-select[b-86f0wt076a] { flex: 0 1 420px; width: 100%; max-width: 420px; min-width: 0; }
.scheduling-actions[b-86f0wt076a] { display: flex; min-width: 0; gap: 8px; }
.scheduling-summary[b-86f0wt076a] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--op-color-border); border-radius: var(--op-radius-base); background: var(--op-color-bg-card); }
.scheduling-summary > div[b-86f0wt076a] { min-width: 0; padding: 18px 20px; border-right: 1px solid var(--op-color-border); }
.scheduling-summary > div:nth-child(4n)[b-86f0wt076a] { border-right: 0; }
.scheduling-summary > div:nth-child(-n+4)[b-86f0wt076a] { border-bottom: 1px solid var(--op-color-border); }
.scheduling-summary span[b-86f0wt076a], .scheduling-summary small[b-86f0wt076a] { display: block; color: var(--op-color-text-4); }
.scheduling-summary strong[b-86f0wt076a] { display: block; margin: 5px 0; font-size: 24px; line-height: 1.2; color: var(--op-color-text-1); }
.scheduling-summary .scheduling-capacity-value[b-86f0wt076a] { font-size: 18px; }
.scheduling-summary .status-ready[b-86f0wt076a] { color: var(--op-color-success); }
.scheduling-summary .status-error[b-86f0wt076a], .scheduling-summary .status-missing[b-86f0wt076a] { color: var(--op-color-error); }
.scheduling-section[b-86f0wt076a] { padding: 20px 0; border-top: 1px solid var(--op-color-border); }
.scheduling-section-head[b-86f0wt076a] { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.scheduling-section-head h2[b-86f0wt076a] { margin: 0; font-size: 18px; }
.scheduling-section-head p[b-86f0wt076a] { margin: 4px 0 0; color: var(--op-color-text-4); }
.scheduling-profile-form[b-86f0wt076a] { max-width: 980px; }
.scheduling-pipeline[b-86f0wt076a] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--op-color-border); }
.scheduling-pipeline > div[b-86f0wt076a] { position: relative; min-width: 0; padding: 16px 18px 16px 48px; color: var(--op-color-text-4); }
.scheduling-pipeline > div:not(:last-child)[b-86f0wt076a]::after { position: absolute; top: 28px; right: -5px; width: 10px; height: 10px; content: ""; border-top: 1px solid var(--op-color-border); border-right: 1px solid var(--op-color-border); transform: rotate(45deg); }
.scheduling-pipeline span[b-86f0wt076a] { position: absolute; top: 17px; left: 16px; display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid var(--op-color-border); border-radius: 50%; font-size: 12px; }
.scheduling-pipeline strong[b-86f0wt076a], .scheduling-pipeline small[b-86f0wt076a] { display: block; }
.scheduling-pipeline strong[b-86f0wt076a] { color: var(--op-color-text-2); font-size: 14px; }
.scheduling-pipeline small[b-86f0wt076a] { margin-top: 3px; line-height: 1.45; }
.scheduling-pipeline .is-active span[b-86f0wt076a] { border-color: var(--op-color-primary); background: var(--op-color-primary); color: var(--op-color-text-inverse); }
.scheduling-empty[b-86f0wt076a] { display: grid; min-height: 240px; place-items: center; align-content: center; gap: 10px; border: 1px dashed var(--op-color-border); color: var(--op-color-text-4); text-align: center; }
.scheduling-empty > span:first-child[b-86f0wt076a] { font-size: 28px; }
.scheduling-empty strong[b-86f0wt076a] { color: var(--op-color-text-2); font-size: 16px; }
@media (max-width: 800px) {
  .scheduling-toolbar[b-86f0wt076a] { align-items: stretch; flex-direction: column; max-width: 100%; }
  .scheduling-cluster-select[b-86f0wt076a] { flex-basis: auto; max-width: 100%; }
  .scheduling-actions[b-86f0wt076a] { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
  .scheduling-summary[b-86f0wt076a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scheduling-summary > div[b-86f0wt076a] { border-bottom: 1px solid var(--op-color-border); }
  .scheduling-summary > div:nth-child(2n)[b-86f0wt076a] { border-right: 0; }
  .scheduling-summary > div:nth-last-child(-n+2)[b-86f0wt076a] { border-bottom: 0; }
  .scheduling-pipeline[b-86f0wt076a] { grid-template-columns: 1fr; }
  .scheduling-pipeline > div:not(:last-child)[b-86f0wt076a]::after { top: auto; right: auto; bottom: -5px; left: 27px; transform: rotate(135deg); }
}
/* /Pages/Compute/WorkloadOrphanAudit.razor.rz.scp.css */
.workload-audit-page[b-hisvnmk621] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
}

.workload-audit-page > *[b-hisvnmk621] {
    min-width: 0;
}

.workload-audit-kpi-grid[b-hisvnmk621] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.workload-audit-kpi[b-hisvnmk621] {
    --audit-tone: var(--op-color-primary);
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--op-color-border);
    border-top: 2px solid var(--audit-tone);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.workload-audit-kpi.tone-cyan[b-hisvnmk621] { --audit-tone: var(--op-color-primary); }
.workload-audit-kpi.tone-red[b-hisvnmk621] { --audit-tone: var(--op-color-error); }
.workload-audit-kpi.tone-amber[b-hisvnmk621] { --audit-tone: var(--op-color-warning); }

.workload-audit-kpi-icon[b-hisvnmk621] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 6px;
    color: var(--audit-tone);
    background: color-mix(in srgb, var(--audit-tone) 10%, var(--op-color-bg-card));
    font-size: 18px;
}

.workload-audit-kpi > div[b-hisvnmk621] {
    display: grid;
    min-width: 0;
}

.workload-audit-kpi span[b-hisvnmk621],
.workload-audit-kpi small[b-hisvnmk621] {
    color: var(--op-color-text-4);
    font-size: 12px;
}

.workload-audit-kpi strong[b-hisvnmk621] {
    color: var(--op-color-text-1);
    font-size: 24px;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

.workload-audit-run-meta[b-hisvnmk621] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    color: var(--op-color-text-4);
    font-size: 12px;
}

.workload-audit-run-meta span[b-hisvnmk621] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.workload-audit-run-select[b-hisvnmk621] {
    min-width: 285px;
}

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

@media (max-width: 600px) {
    .workload-audit-kpi-grid[b-hisvnmk621] { grid-template-columns: minmax(0, 1fr); }
    .workload-audit-run-select[b-hisvnmk621] { width: 100%; min-width: 0; }
}
/* /Pages/Dashboard/Index.razor.rz.scp.css */
.overview-page[b-affnsknpsd] {
    display: grid;
    gap: 14px;
    min-width: 0;
    color: var(--op-color-text-2);
}

.overview-toolbar[b-affnsknpsd],
.overview-section-header[b-affnsknpsd],
.overview-panel-header[b-affnsknpsd],
.overview-toolbar-meta[b-affnsknpsd],
.overview-time-control[b-affnsknpsd],
.overview-util-heading[b-affnsknpsd],
.overview-workload-heading[b-affnsknpsd],
.overview-health-row[b-affnsknpsd] {
    display: flex;
    align-items: center;
}

.overview-section-header p[b-affnsknpsd],
.overview-panel-header p[b-affnsknpsd] {
    margin: 4px 0 0;
    color: var(--op-color-text-4);
    font-size: 12px;
    line-height: 1.5;
}

.overview-toolbar[b-affnsknpsd] {
    min-height: 52px;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 12px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.overview-time-control[b-affnsknpsd],
.overview-toolbar-meta[b-affnsknpsd] {
    gap: 12px;
}

.overview-toolbar-label[b-affnsknpsd],
.overview-toolbar-meta[b-affnsknpsd] {
    color: var(--op-color-text-4);
    font-size: 12px;
}

.overview-toolbar-meta span[b-affnsknpsd] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.overview-time-trigger[b-affnsknpsd],
.overview-preset-grid button[b-affnsknpsd],
.overview-section-link[b-affnsknpsd],
.overview-task-link[b-affnsknpsd] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.overview-time-trigger[b-affnsknpsd] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    min-width: 148px;
    max-width: 240px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    color: var(--op-color-text-3);
    background: var(--op-color-bg-card);
    font-size: 12px;
}

.overview-time-dropdown[b-affnsknpsd] {
    position: relative;
}

.overview-time-trigger span:nth-child(2)[b-affnsknpsd] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-time-trigger:hover:not(:disabled)[b-affnsknpsd],
.overview-time-trigger.is-open[b-affnsknpsd] {
    color: var(--op-color-primary);
    border-color: var(--op-color-primary);
    box-shadow: 0 0 0 2px var(--op-color-primary-bg);
}

.overview-time-trigger:disabled[b-affnsknpsd] {
    cursor: wait;
    opacity: .68;
}

.overview-time-popover[b-affnsknpsd] {
    position: absolute;
    z-index: 31;
    top: calc(100% + 7px);
    left: 0;
    width: min(400px, calc(100vw - 24px));
    overflow: hidden;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
    box-shadow: var(--op-shadow-card-hover);
}

.overview-time-backdrop[b-affnsknpsd] {
    position: fixed;
    z-index: 30;
    inset: 0;
    width: 100vw;
    height: 100vh;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

.overview-preset-grid[b-affnsknpsd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 10px;
    padding: 10px;
}

.overview-preset-grid button[b-affnsknpsd] {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    color: var(--op-color-text-3);
    background: transparent;
    font-size: 13px;
    text-align: center;
}

.overview-preset-grid button:hover[b-affnsknpsd],
.overview-preset-grid button.is-active[b-affnsknpsd] {
    color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
}

.overview-preset-grid button.is-active[b-affnsknpsd] {
    font-weight: 600;
}

.overview-custom-range[b-affnsknpsd] {
    padding: 11px 14px 13px;
    border-top: 1px solid var(--op-color-split);
    border-bottom: 1px solid var(--op-color-split);
}

.overview-custom-range-title[b-affnsknpsd],
.overview-time-actions[b-affnsknpsd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.overview-custom-range-title[b-affnsknpsd] {
    margin-bottom: 8px;
    color: var(--op-color-text-3);
    font-size: 12px;
}

.overview-custom-range-title small[b-affnsknpsd],
.overview-time-actions > span[b-affnsknpsd] {
    color: var(--op-color-text-4);
    font-size: 11px;
}

.overview-custom-range[b-affnsknpsd]  .ant-picker {
    width: 100%;
}

.overview-time-actions[b-affnsknpsd] {
    min-height: 54px;
    padding: 9px 12px 9px 14px;
}

.overview-time-actions > span[b-affnsknpsd] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-alert[b-affnsknpsd] {
    border-radius: 6px;
}

.overview-section[b-affnsknpsd],
.overview-panel[b-affnsknpsd] {
    min-width: 0;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.overview-section[b-affnsknpsd] {
    position: relative;
    overflow: hidden;
}

.overview-section[b-affnsknpsd]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    content: "";
    background: var(--section-accent, var(--op-color-primary));
}

.overview-section-primary[b-affnsknpsd] { --section-accent: var(--op-color-primary); }
.overview-section-success[b-affnsknpsd] { --section-accent: var(--op-color-success); }
.overview-section-amber[b-affnsknpsd] { --section-accent: var(--op-color-warning); }

.overview-section-header[b-affnsknpsd],
.overview-panel-header[b-affnsknpsd] {
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.overview-section-header[b-affnsknpsd] {
    min-height: 58px;
    padding: 11px 14px 9px;
    border-bottom: 1px solid var(--op-color-split);
}

.overview-section-header > div[b-affnsknpsd],
.overview-panel-header > div[b-affnsknpsd] {
    min-width: 0;
}

.overview-section-header h2[b-affnsknpsd],
.overview-panel-header h2[b-affnsknpsd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: 0;
}

.overview-section-marker[b-affnsknpsd] {
    width: 3px;
    height: 14px;
    flex: 0 0 auto;
    border-radius: 2px;
    background: var(--section-accent, var(--op-color-primary));
}

.marker-blue[b-affnsknpsd] { --section-accent: var(--op-color-primary); }
.marker-green[b-affnsknpsd] { --section-accent: var(--op-color-success); }
.marker-amber[b-affnsknpsd] { --section-accent: var(--op-color-warning); }
.marker-red[b-affnsknpsd] { --section-accent: var(--op-color-error); }

.overview-section-link[b-affnsknpsd] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 5px 0;
    color: var(--op-color-primary);
    background: transparent;
    font-size: 12px;
}

.overview-section-link:hover[b-affnsknpsd],
.overview-task-link:hover[b-affnsknpsd] {
    color: var(--op-color-primary-hover);
}

.overview-util-grid[b-affnsknpsd],
.overview-metric-grid[b-affnsknpsd],
.overview-workload-grid[b-affnsknpsd],
.overview-two-column[b-affnsknpsd],
.overview-three-column[b-affnsknpsd],
.overview-cluster-layout[b-affnsknpsd] {
    display: grid;
    min-width: 0;
}

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

.overview-util-tile[b-affnsknpsd] {
    --metric-color: var(--op-color-primary);
    min-width: 0;
    padding: 16px;
    border-right: 1px solid var(--op-color-split);
}

.overview-util-tile:last-child[b-affnsknpsd] {
    border-right: 0;
}

.overview-util-heading[b-affnsknpsd] {
    gap: 11px;
}

.overview-util-heading > div[b-affnsknpsd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.overview-util-heading span:not(.overview-metric-icon)[b-affnsknpsd] {
    color: var(--op-color-text-3);
    font-size: 13px;
}

.overview-util-heading strong[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.overview-metric-icon[b-affnsknpsd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 5px;
    color: var(--metric-color);
    background: var(--metric-bg);
    font-size: 16px;
}

.overview-progress[b-affnsknpsd] {
    width: 100%;
    height: 5px;
    overflow: hidden;
    border-radius: 3px;
    background: var(--op-color-bg-tile);
}

.overview-util-tile > .overview-progress[b-affnsknpsd] {
    margin-top: 15px;
}

.overview-progress > span[b-affnsknpsd] {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--metric-color, var(--op-color-primary));
    transition: width .2s ease;
}

.overview-util-detail[b-affnsknpsd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    color: var(--op-color-text-4);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.overview-util-detail span:first-child[b-affnsknpsd] {
    min-width: 0;
    color: var(--op-color-text-3);
    overflow-wrap: anywhere;
}

.overview-util-detail span:last-child[b-affnsknpsd] {
    flex: 0 0 auto;
}

.tone-blue[b-affnsknpsd] {
    --metric-color: var(--op-color-primary);
    --metric-bg: var(--op-color-primary-bg);
}

.tone-cyan[b-affnsknpsd] {
    --metric-color: var(--op-color-primary-hover);
    --metric-bg: var(--op-color-accent-bg);
}

.tone-green[b-affnsknpsd] {
    --metric-color: var(--op-color-success);
    --metric-bg: color-mix(in srgb, var(--op-color-success) 12%, var(--op-color-bg-card));
}

.tone-amber[b-affnsknpsd] {
    --metric-color: var(--op-color-warning);
    --metric-bg: color-mix(in srgb, var(--op-color-warning) 14%, var(--op-color-bg-card));
}

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

.overview-metric-tile[b-affnsknpsd] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    min-height: 104px;
    padding: 14px;
    border-right: 1px solid var(--op-color-split);
}

.overview-metric-tile:last-child[b-affnsknpsd] {
    border-right: 0;
}

.overview-metric-tile > div[b-affnsknpsd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.overview-metric-tile strong[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.overview-metric-tile span:not(.overview-metric-icon)[b-affnsknpsd] {
    margin-top: 2px;
    color: var(--op-color-text-2);
    font-size: 12px;
}

.overview-metric-tile small[b-affnsknpsd] {
    margin-top: 4px;
    color: var(--op-color-text-4);
    font-size: 10px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

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

.overview-workload-grid-two[b-affnsknpsd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.overview-workload-tile[b-affnsknpsd] {
    --metric-color: var(--op-color-primary);
    min-width: 0;
    padding: 15px 16px 14px;
    border: 0;
    border-right: 1px solid var(--op-color-split);
    color: var(--op-color-text-2);
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.overview-workload-tile:last-child[b-affnsknpsd] {
    border-right: 0;
}

.overview-workload-tile:hover[b-affnsknpsd] {
    background: var(--op-color-bg-tile);
}

.overview-workload-heading[b-affnsknpsd] {
    gap: 10px;
}

.overview-workload-heading > span:nth-child(2)[b-affnsknpsd] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.overview-workload-heading strong[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-size: 13px;
}

.overview-workload-heading small[b-affnsknpsd] {
    margin-top: 2px;
    color: var(--op-color-text-4);
    font-size: 10px;
}

.overview-workload-heading > .anticon[b-affnsknpsd] {
    color: var(--op-color-text-4);
    font-size: 11px;
}

.overview-workload-total[b-affnsknpsd] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 15px;
}

.overview-workload-total strong[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.overview-workload-total span[b-affnsknpsd] {
    color: var(--op-color-text-4);
    font-size: 11px;
}

.overview-status-summary[b-affnsknpsd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

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

.overview-status-metric[b-affnsknpsd] {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid var(--op-color-split);
    border-radius: 5px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-3);
    font-size: 11px;
}

.overview-status-metric i[b-affnsknpsd] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--status-color, var(--op-color-text-4));
}

.overview-status-metric span[b-affnsknpsd] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.overview-status-metric strong[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.overview-status-metric.is-active[b-affnsknpsd] { --status-color: var(--op-color-primary); }
.overview-status-metric.is-completed[b-affnsknpsd] { --status-color: var(--op-color-success); }
.overview-status-metric.is-failed[b-affnsknpsd] { --status-color: var(--op-color-error); }
.overview-status-metric.is-neutral[b-affnsknpsd] { --status-color: var(--op-color-warning); }

.overview-two-column[b-affnsknpsd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.overview-three-column[b-affnsknpsd] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.overview-panel[b-affnsknpsd] {
    padding: 0 14px 12px;
}

.overview-panel-header[b-affnsknpsd] {
    min-height: 56px;
    border-bottom: 1px solid var(--op-color-split);
}

.overview-panel-meta[b-affnsknpsd] {
    flex: 0 0 auto;
    color: var(--op-color-text-4);
    font-size: 11px;
}

.overview-trend-chart[b-affnsknpsd] {
    width: 100%;
    height: 260px;
}

.overview-distribution-panel[b-affnsknpsd] {
    padding-bottom: 8px;
}

.overview-donut-chart[b-affnsknpsd] {
    width: 100%;
    height: 220px;
}

.overview-cluster-layout[b-affnsknpsd] {
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
    gap: 14px;
    align-items: stretch;
}

.overview-cluster-panel[b-affnsknpsd],
.overview-recent-panel[b-affnsknpsd] {
    padding-bottom: 0;
}

.overview-table-wrap[b-affnsknpsd] {
    min-width: 0;
    overflow: hidden;
}

[b-affnsknpsd] .overview-table-wrap .ant-table {
    font-size: 12px;
}

[b-affnsknpsd] .overview-table-wrap .ant-table-thead > tr > th {
    padding-top: 9px;
    padding-bottom: 9px;
    color: var(--op-color-text-3);
    background: var(--op-color-bg-tile);
    font-size: 11px;
    font-weight: 600;
}

[b-affnsknpsd] .overview-table-wrap .ant-table-tbody > tr > td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.overview-cluster-name[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.overview-table-sub[b-affnsknpsd] {
    margin-top: 2px;
    color: var(--op-color-text-4);
    font-size: 10px;
    line-height: 1.35;
}

.overview-table-util[b-affnsknpsd] {
    --metric-color: var(--op-color-primary);
    min-width: 105px;
}

.overview-table-util > div:first-child[b-affnsknpsd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
}

.overview-table-util strong[b-affnsknpsd] {
    color: var(--metric-color);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.overview-table-util span[b-affnsknpsd] {
    color: var(--op-color-text-4);
    font-size: 9px;
    white-space: nowrap;
}

.overview-table-util .overview-progress[b-affnsknpsd] {
    height: 4px;
}

.overview-health-panel[b-affnsknpsd] {
    display: flex;
    flex-direction: column;
}

.overview-health-list[b-affnsknpsd] {
    display: grid;
    flex: 1;
}

.overview-health-row[b-affnsknpsd] {
    gap: 10px;
    min-width: 0;
    min-height: 58px;
    border-bottom: 1px solid var(--op-color-split);
}

.overview-health-icon[b-affnsknpsd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border-radius: 50%;
}

.overview-health-icon.is-healthy[b-affnsknpsd] {
    color: var(--op-color-success);
    background: color-mix(in srgb, var(--op-color-success) 12%, var(--op-color-bg-card));
}

.overview-health-icon.is-warning[b-affnsknpsd] {
    color: var(--op-color-warning);
    background: color-mix(in srgb, var(--op-color-warning) 14%, var(--op-color-bg-card));
}

.overview-health-row > div[b-affnsknpsd] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.overview-health-row strong[b-affnsknpsd] {
    color: var(--op-color-text-1);
    font-size: 12px;
}

.overview-health-row div span[b-affnsknpsd] {
    margin-top: 2px;
    color: var(--op-color-text-4);
    font-size: 10px;
    overflow-wrap: anywhere;
}

.overview-platform-meta[b-affnsknpsd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 12px 0 2px;
    background: var(--op-color-split);
}

.overview-platform-meta > div[b-affnsknpsd] {
    display: flex;
    min-width: 0;
    min-height: 54px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    background: var(--op-color-bg-tile);
}

.overview-platform-meta span[b-affnsknpsd] {
    color: var(--op-color-text-4);
    font-size: 9px;
}

.overview-platform-meta strong[b-affnsknpsd] {
    margin-top: 3px;
    color: var(--op-color-text-2);
    font-size: 11px;
    overflow-wrap: anywhere;
}

.overview-task-link[b-affnsknpsd] {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    color: var(--op-color-primary);
    background: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1500px) {
    .overview-metric-grid[b-affnsknpsd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .overview-metric-tile:nth-child(3)[b-affnsknpsd] {
        border-right: 0;
    }

    .overview-metric-tile:nth-child(-n+3)[b-affnsknpsd] {
        border-bottom: 1px solid var(--op-color-split);
    }
}

@media (max-width: 1180px) {
    .overview-toolbar[b-affnsknpsd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .overview-heading-shell[b-affnsknpsd] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .overview-heading-shell[b-affnsknpsd]  .op-page-command-bar,
    .overview-heading-shell[b-affnsknpsd]  .op-page-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .overview-toolbar-meta[b-affnsknpsd] {
        width: 100%;
        justify-content: space-between;
    }

    .overview-two-column[b-affnsknpsd],
    .overview-cluster-layout[b-affnsknpsd] {
        grid-template-columns: 1fr;
    }

    .overview-three-column[b-affnsknpsd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-distribution-panel:last-child[b-affnsknpsd] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .overview-util-grid[b-affnsknpsd],
    .overview-workload-grid[b-affnsknpsd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-util-tile:nth-child(2)[b-affnsknpsd],
    .overview-workload-tile:nth-child(2)[b-affnsknpsd] {
        border-right: 0;
    }

    .overview-util-tile:first-child[b-affnsknpsd],
    .overview-workload-tile:nth-child(-n+2)[b-affnsknpsd] {
        border-bottom: 1px solid var(--op-color-split);
    }

    .overview-util-tile:last-child[b-affnsknpsd] {
        grid-column: 1 / -1;
    }

    .overview-workload-grid-three .overview-workload-tile:last-child[b-affnsknpsd] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .overview-page[b-affnsknpsd] {
        gap: 10px;
    }

    .overview-toolbar-meta[b-affnsknpsd],
    .overview-time-control[b-affnsknpsd] {
        width: 100%;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .overview-time-control[b-affnsknpsd] {
        flex-direction: column;
        gap: 7px;
    }

    .overview-time-trigger[b-affnsknpsd] {
        width: 100%;
        max-width: none;
    }

    .overview-time-dropdown[b-affnsknpsd] {
        width: 100%;
    }

    .overview-toolbar-meta[b-affnsknpsd] {
        gap: 7px;
        flex-direction: column;
    }

    .overview-section-header[b-affnsknpsd],
    .overview-panel-header[b-affnsknpsd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .overview-panel-header[b-affnsknpsd] {
        min-height: 68px;
    }

    .overview-util-grid[b-affnsknpsd],
    .overview-metric-grid[b-affnsknpsd],
    .overview-workload-grid[b-affnsknpsd],
    .overview-three-column[b-affnsknpsd] {
        grid-template-columns: 1fr;
    }

    .overview-util-tile[b-affnsknpsd],
    .overview-metric-tile[b-affnsknpsd],
    .overview-workload-tile[b-affnsknpsd],
    .overview-metric-tile:nth-child(3)[b-affnsknpsd] {
        border-right: 0;
        border-bottom: 1px solid var(--op-color-split);
    }

    .overview-util-tile:last-child[b-affnsknpsd],
    .overview-metric-tile:last-child[b-affnsknpsd],
    .overview-workload-tile:last-child[b-affnsknpsd] {
        border-bottom: 0;
    }

    .overview-util-tile:last-child[b-affnsknpsd],
    .overview-workload-grid-three .overview-workload-tile:last-child[b-affnsknpsd],
    .overview-distribution-panel:last-child[b-affnsknpsd] {
        grid-column: auto;
    }

    .overview-trend-chart[b-affnsknpsd] {
        height: 230px;
    }

    .overview-donut-chart[b-affnsknpsd] {
        height: 210px;
    }

    .overview-platform-meta[b-affnsknpsd] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Designer/BatchInferenceCreate.razor.rz.scp.css */
.pi-workspace[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.pi-runtime-strip[b-iw390tl099] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 28px minmax(150px, 1fr) 28px minmax(150px, 1fr) 28px minmax(150px, 1fr);
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border: 1px solid var(--op-color-border, var(--op-color-border));
    border-radius: 8px;
    background: var(--op-color-bg-card);
}

.pi-runtime-item[b-iw390tl099] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.pi-runtime-item > div[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pi-runtime-item strong[b-iw390tl099] {
    color: var(--op-color-text-1);
    font-size: 13px;
}

.pi-runtime-item span:not(.pi-runtime-mark)[b-iw390tl099] {
    color: var(--op-color-text-3);
    font-size: 12px;
}

.pi-runtime-mark[b-iw390tl099] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}

.pi-runtime-mark.platform[b-iw390tl099] { background: var(--op-color-primary-bg); color: var(--op-color-primary); }
.pi-runtime-mark.argo[b-iw390tl099] { background: color-mix(in srgb, var(--op-color-success) 10%, var(--op-color-bg-card)); color: var(--op-color-success); }
.pi-runtime-mark.k8s[b-iw390tl099] { background: var(--op-color-primary-bg); color: var(--op-color-primary); }
.pi-runtime-mark.minio[b-iw390tl099] { background: var(--op-color-accent-bg); color: var(--op-color-accent); }

.pi-runtime-arrow[b-iw390tl099] {
    color: var(--op-color-text-4);
    justify-self: center;
}

[b-iw390tl099] .pi-tabs > .ant-tabs-nav {
    margin: 0;
    padding: 0 4px;
    border-bottom: 1px solid var(--op-color-border);
    background: var(--op-color-bg-card);
}

[b-iw390tl099] .pi-tabs > .ant-tabs-nav .ant-tabs-tab {
    min-height: 52px;
    padding: 0 14px;
    font-weight: 600;
}

[b-iw390tl099] .pi-tabs > .ant-tabs-content-holder {
    min-width: 0;
}

.pi-tab-content[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.pi-alert-action[b-iw390tl099] {
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
}

.pi-surface[b-iw390tl099] {
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
    background: var(--op-color-bg-card);
}

.pi-section-head[b-iw390tl099] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.pi-section-head.compact[b-iw390tl099] {
    align-items: center;
    margin-bottom: 16px;
}

.pi-section-head h2[b-iw390tl099],
.pi-section-head h3[b-iw390tl099],
.pi-preview-head h3[b-iw390tl099],
.pi-run-header h3[b-iw390tl099],
.pi-deploy-unit h3[b-iw390tl099] {
    margin: 2px 0 0;
    color: var(--op-color-text-1);
    letter-spacing: 0;
}

.pi-section-head h2[b-iw390tl099] { font-size: 19px; }
.pi-preview-head h3[b-iw390tl099],
.pi-run-header h3[b-iw390tl099],
.pi-deploy-unit h3[b-iw390tl099] { font-size: 16px; }

.pi-eyebrow[b-iw390tl099] {
    color: var(--op-color-text-3);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
}

.pi-create-layout[b-iw390tl099] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
    gap: 24px;
    align-items: stretch;
}

.pi-form-pane[b-iw390tl099] {
    min-width: 0;
}

.pi-form-grid[b-iw390tl099] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
}

.pi-span-2[b-iw390tl099] { grid-column: 1 / -1; }

/* 镜像走弹窗选择：这里只留“已选镜像 + 选择按钮”，输入框只读。 */
.pi-image-field[b-iw390tl099] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.pi-image-field input[b-iw390tl099] {
    width: 100%;
    min-width: 0;
    height: 32px;
    box-sizing: border-box;
    padding: 4px 11px;
    overflow: hidden;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-1);
    cursor: default;
    font-size: 14px;
    text-overflow: ellipsis;
}

.pi-resource-summary[b-iw390tl099] {
    display: grid;
    grid-template-columns: auto auto;
    align-content: center;
    justify-content: space-between;
    gap: 2px 10px;
    min-height: 55px;
    padding: 8px 12px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-tile);
}

.pi-resource-summary span[b-iw390tl099],
.pi-resource-summary small[b-iw390tl099] { color: var(--op-color-text-3); }
.pi-resource-summary strong[b-iw390tl099] { color: var(--op-color-text-2); }
.pi-resource-summary small[b-iw390tl099] { grid-column: 1 / -1; font-size: 11px; }

.pi-prefix-list[b-iw390tl099] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.pi-prefix-list[b-iw390tl099]  .ant-btn {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pi-form-actions[b-iw390tl099] {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--op-color-split);
}

.pi-template-preview[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
    background: var(--op-color-bg-tile);
}

.pi-preview-head[b-iw390tl099] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.pi-shard-count[b-iw390tl099] {
    padding: 3px 8px;
    border-radius: 4px;
    background: var(--op-color-text-1);
    color: var(--op-color-text-inverse);
    font-size: 11px;
    font-weight: 700;
}

.pi-flow-vertical[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.pi-flow-node[b-iw390tl099] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 66px;
    padding: 10px 12px;
    border: 1px solid var(--op-color-border);
    border-left: 4px solid var(--op-color-text-4);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.pi-flow-node > .anticon[b-iw390tl099] {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--op-color-bg-hover);
    color: var(--op-color-text-2);
}

.pi-flow-node.preprocess[b-iw390tl099] { border-left-color: var(--op-color-primary); }
.pi-flow-node.inference[b-iw390tl099] { border-left-color: var(--op-color-primary); }
.pi-flow-node.postprocess[b-iw390tl099] { border-left-color: var(--op-color-success); }

.pi-flow-node > div[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pi-flow-node strong[b-iw390tl099] { color: var(--op-color-text-1); font-size: 13px; }
.pi-flow-node span[b-iw390tl099] { color: var(--op-color-text-3); font-size: 11px; }

.pi-flow-line[b-iw390tl099] {
    width: 2px;
    height: 18px;
    margin-left: 28px;
    background: var(--op-color-border);
}

.pi-selection-summary[b-iw390tl099] {
    display: grid;
    gap: 9px;
    margin: auto 0 0;
    padding-top: 18px;
}

.pi-selection-summary > div[b-iw390tl099] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--op-color-border);
}

.pi-selection-summary dt[b-iw390tl099] { color: var(--op-color-text-3); font-size: 11px; }
.pi-selection-summary dd[b-iw390tl099] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--op-color-text-2);
    font-size: 11px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pi-table-sub[b-iw390tl099],
.pi-table-description[b-iw390tl099] {
    color: var(--op-color-text-3);
    font-size: 11px;
}

.pi-table-description[b-iw390tl099] {
    display: block;
    max-width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pi-toolbar[b-iw390tl099] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.pi-canvas-meta[b-iw390tl099] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-tile);
}

.pi-canvas-meta > div[b-iw390tl099] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.pi-canvas-meta strong[b-iw390tl099] { color: var(--op-color-text-1); }
.pi-canvas-meta span[b-iw390tl099] { color: var(--op-color-text-3); font-size: 12px; }

.pi-empty-state[b-iw390tl099] {
    display: flex;
    min-height: 280px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--op-color-text-3);
}

.pi-empty-state > .anticon[b-iw390tl099] { color: var(--op-color-text-4); font-size: 34px; }
.pi-empty-compact[b-iw390tl099] { padding: 28px 12px; color: var(--op-color-text-3); text-align: center; }

.pi-run-layout[b-iw390tl099] {
    display: grid;
    grid-template-columns: minmax(230px, .65fr) minmax(0, 1.6fr);
    min-height: 610px;
    border: 1px solid var(--op-color-border);
    border-radius: 8px;
    overflow: hidden;
}

.pi-run-list[b-iw390tl099] {
    padding: 14px;
    border-right: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
}

.pi-pane-title[b-iw390tl099] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 700;
}

.pi-pane-title > span:last-child[b-iw390tl099] { color: var(--op-color-text-3); font-weight: 500; }

.pi-run-item[b-iw390tl099] {
    display: grid;
    width: 100%;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.pi-run-item:hover[b-iw390tl099] { background: var(--op-color-bg-card); }
.pi-run-item.active[b-iw390tl099] { border-color: var(--op-color-primary-border); background: var(--op-color-bg-card); box-shadow: 0 1px 2px rgb(16 24 40 / 6%); }
.pi-run-item > span:nth-child(2)[b-iw390tl099] { display: flex; min-width: 0; flex-direction: column; }
.pi-run-item strong[b-iw390tl099] { color: var(--op-color-text-2); font-size: 12px; }
.pi-run-item small[b-iw390tl099] { color: var(--op-color-text-3); font-size: 10px; }

.pi-run-status-dot[b-iw390tl099],
.pi-health-dot[b-iw390tl099] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--op-color-text-4);
}

.pi-run-status-dot.running[b-iw390tl099],
.pi-run-status-dot.queued[b-iw390tl099] { background: var(--op-color-primary); }
.pi-run-status-dot.succeeded[b-iw390tl099],
.pi-health-dot[b-iw390tl099] { background: var(--op-color-success); }
.pi-run-status-dot.failed[b-iw390tl099] { background: var(--op-color-error); }
.pi-run-status-dot.stopped[b-iw390tl099] { background: var(--op-color-warning); }

.pi-run-detail[b-iw390tl099] { min-width: 0; padding: 20px; }

.pi-run-header[b-iw390tl099] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--op-color-border);
}

.pi-run-header p[b-iw390tl099] { margin: 5px 0 0; color: var(--op-color-text-3); font-size: 12px; }
.pi-run-actions[b-iw390tl099] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }

.pi-timeline[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    padding: 20px 4px 10px;
}

.pi-phase-note[b-iw390tl099] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 16px 46px;
    padding: 8px 10px;
    border-left: 3px solid var(--op-color-primary-border);
    background: var(--op-color-primary-bg);
    color: var(--op-color-text-2);
    font-size: 11px;
}

.pi-timeline-item[b-iw390tl099] {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    min-height: 86px;
}

.pi-timeline-item:not(:last-child)[b-iw390tl099]::after {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 16px;
    width: 2px;
    background: var(--op-color-border);
    content: "";
}

.pi-timeline-marker[b-iw390tl099] {
    z-index: 1;
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--op-color-border);
    border-radius: 50%;
    background: var(--op-color-bg-card);
    color: var(--op-color-text-3);
}

.pi-timeline-item.succeeded .pi-timeline-marker[b-iw390tl099] { border-color: var(--op-color-success); color: var(--op-color-success); }
.pi-timeline-item.running .pi-timeline-marker[b-iw390tl099] { border-color: var(--op-color-primary); color: var(--op-color-primary); box-shadow: 0 0 0 4px var(--op-color-primary-bg); }
.pi-timeline-item.failed .pi-timeline-marker[b-iw390tl099] { border-color: var(--op-color-error); color: var(--op-color-error); }
.pi-timeline-item.stopped .pi-timeline-marker[b-iw390tl099] { border-color: var(--op-color-warning); color: var(--op-color-warning); }

.pi-timeline-body[b-iw390tl099] { padding: 5px 0 18px; }
.pi-timeline-body > div[b-iw390tl099] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pi-timeline-body strong[b-iw390tl099] { color: var(--op-color-text-2); font-size: 13px; }
.pi-timeline-body p[b-iw390tl099] { margin: 5px 0 0; color: var(--op-color-text-3); font-size: 12px; }

.pi-log-panel[b-iw390tl099] {
    border: 1px solid var(--op-color-text-2);
    border-radius: 7px;
    overflow: hidden;
    background: var(--op-color-text-1);
}

.pi-log-panel .pi-pane-title[b-iw390tl099] {
    margin: 0;
    padding: 9px 12px;
    border-bottom: 1px solid var(--op-color-text-2);
    color: var(--op-color-bg-hover);
}

.pi-log-panel[b-iw390tl099]  .ant-btn-link { color: var(--op-color-primary-hover); }
.pi-log-panel pre[b-iw390tl099] {
    height: 150px;
    margin: 0;
    padding: 12px;
    overflow: auto;
    color: var(--op-color-border);
    font-family: Consolas, Monaco, monospace;
    font-size: 11px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.pi-deployment-flow[b-iw390tl099] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(100px, .4fr) minmax(220px, 1fr) minmax(80px, .3fr) minmax(190px, .8fr);
    align-items: stretch;
    gap: 12px;
}

.pi-deploy-unit[b-iw390tl099] {
    padding: 18px;
    border: 1px solid var(--op-color-border);
    border-top: 4px solid var(--op-color-text-3);
    border-radius: 7px;
    background: var(--op-color-bg-card);
}

.pi-deploy-unit.platform-unit[b-iw390tl099] { border-top-color: var(--op-color-primary); }
.pi-deploy-unit.cluster-unit[b-iw390tl099] { border-top-color: var(--op-color-success); }
.pi-deploy-unit.storage-unit[b-iw390tl099] { border-top-color: var(--op-color-accent); }

.pi-deploy-icon[b-iw390tl099] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 6px;
    background: var(--op-color-bg-hover);
    color: var(--op-color-text-2);
}

.pi-deploy-unit ul[b-iw390tl099] {
    margin: 16px 0 0;
    padding: 12px 0 0 18px;
    border-top: 1px solid var(--op-color-split);
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 1.8;
}

.pi-deploy-link[b-iw390tl099] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--op-color-text-3);
    font-size: 10px;
    text-align: center;
}

.pi-deploy-link > .anticon[b-iw390tl099] { color: var(--op-color-primary); font-size: 22px; }
.pi-deploy-link.storage-link > .anticon[b-iw390tl099] { color: var(--op-color-accent); }

.pi-cluster-section[b-iw390tl099] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--op-color-border);
}

.pi-cluster-grid[b-iw390tl099] { display: grid; gap: 8px; }

.pi-cluster-row[b-iw390tl099] {
    display: grid;
    grid-template-columns: 10px minmax(150px, .8fr) minmax(300px, 1.4fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
}

.pi-cluster-row > div[b-iw390tl099] { display: flex; min-width: 0; flex-direction: column; }
.pi-cluster-row strong[b-iw390tl099] { color: var(--op-color-text-2); }
.pi-cluster-row span[b-iw390tl099] { overflow: hidden; color: var(--op-color-text-3); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.pi-cluster-row dl[b-iw390tl099] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
.pi-cluster-row dl > div[b-iw390tl099] { min-width: 0; }
.pi-cluster-row dt[b-iw390tl099] { color: var(--op-color-text-3); font-size: 10px; }
.pi-cluster-row dd[b-iw390tl099] { margin: 1px 0 0; overflow: hidden; color: var(--op-color-text-2); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1180px) {
    .pi-runtime-strip[b-iw390tl099] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .pi-runtime-arrow[b-iw390tl099] { display: none; }
    .pi-create-layout[b-iw390tl099] { grid-template-columns: minmax(0, 1fr); }
    .pi-deployment-flow[b-iw390tl099] { grid-template-columns: 1fr; }
    .pi-deploy-link[b-iw390tl099] { min-height: 42px; }
    .pi-deploy-link > .anticon[b-iw390tl099] { transform: rotate(90deg); }
}

@media (max-width: 760px) {
    .pi-runtime-strip[b-iw390tl099] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
    .pi-surface[b-iw390tl099] { padding: 16px; }
    .pi-section-head[b-iw390tl099],
    .pi-section-head.compact[b-iw390tl099],
    .pi-run-header[b-iw390tl099] { flex-direction: column; align-items: stretch; }
    .pi-toolbar[b-iw390tl099],
    .pi-run-actions[b-iw390tl099] { justify-content: flex-start; }
    .pi-toolbar[b-iw390tl099]  .ant-select { width: 100% !important; min-width: 0 !important; }
    .pi-form-grid[b-iw390tl099] { grid-template-columns: minmax(0, 1fr); }
    .pi-span-2[b-iw390tl099] { grid-column: auto; }
    .pi-run-layout[b-iw390tl099] { grid-template-columns: minmax(0, 1fr); }
    .pi-run-list[b-iw390tl099] { max-height: 280px; overflow: auto; border-right: 0; border-bottom: 1px solid var(--op-color-border); }
    .pi-run-detail[b-iw390tl099] { padding: 16px; }
    .pi-cluster-row[b-iw390tl099] { grid-template-columns: 10px minmax(0, 1fr) auto; }
    .pi-cluster-row dl[b-iw390tl099] { grid-column: 2 / -1; }
}

@media (max-width: 460px) {
    .pi-runtime-strip[b-iw390tl099] { grid-template-columns: minmax(0, 1fr); }
    .pi-form-actions[b-iw390tl099] { flex-direction: column; }
    .pi-form-actions[b-iw390tl099]  .ant-btn { width: 100%; }
    .pi-flow-node[b-iw390tl099] { grid-template-columns: 34px minmax(0, 1fr); }
    .pi-flow-node[b-iw390tl099]  .ant-tag { grid-column: 2; justify-self: start; }
    .pi-cluster-row[b-iw390tl099] { grid-template-columns: 10px minmax(0, 1fr); }
    .pi-cluster-row[b-iw390tl099] >  .ant-tag { grid-column: 2; justify-self: start; }
}
/* /Pages/Designer/PipelineCanvas.razor.rz.scp.css */
.designer-page[b-i85umpfxfh] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.designer-toolbar[b-i85umpfxfh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--op-color-border);
}

.designer-heading[b-i85umpfxfh] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.designer-heading strong[b-i85umpfxfh] {
    overflow: hidden;
    color: var(--op-color-text-1);
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.designer-kicker[b-i85umpfxfh] {
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 18px;
}

.designer-actions[b-i85umpfxfh] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.designer-workbench[b-i85umpfxfh] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    min-height: 0;
    padding: 12px 0 0;
    /* 校验提示占了高度、或者窗口本来就矮的时候，宁可给纵向滚动条，
       也不能继续压缩画布把组件面板和属性面板挤进不可见区域。 */
    overflow: hidden auto;
}

.designer-canvas-slot[b-i85umpfxfh] {
    min-width: 0;
    /* 低于这个高度画布已经没法操作了：此时让工作区滚动而不是继续压缩。 */
    min-height: 460px;
}

.designer-validation[b-i85umpfxfh] {
    display: grid;
    max-height: 180px;
    gap: 6px;
    overflow: auto;
}

.designer-warning-list[b-i85umpfxfh] {
    max-height: 260px;
    margin: 16px 0 0;
    padding-left: 22px;
    overflow: auto;
}

.designer-warning-list li + li[b-i85umpfxfh] {
    margin-top: 8px;
}

.designer-modal-actions[b-i85umpfxfh] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

@media (max-width: 760px) {
    .designer-toolbar[b-i85umpfxfh] {
        gap: 8px;
    }

    .designer-kicker[b-i85umpfxfh] {
        display: none;
    }

    .designer-actions[b-i85umpfxfh] {
        gap: 4px;
    }

    .designer-actions :deep(.ant-btn)[b-i85umpfxfh] {
        padding-inline: 8px;
    }
}
/* /Pages/Designer/PipelineList.razor.rz.scp.css */
/* 模板选择弹窗：仅卡片区滚动，下方名称表单常驻可见。 */
.pipeline-template-picker[b-8ca6ufqxfu] {
    max-height: 46vh;
    overflow: auto;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--op-color-text-4) var(--op-color-split);
}

.pipeline-template-picker[b-8ca6ufqxfu]::-webkit-scrollbar {
    width: 10px;
}

.pipeline-template-picker[b-8ca6ufqxfu]::-webkit-scrollbar-track {
    background: var(--op-color-split);
}

.pipeline-template-picker[b-8ca6ufqxfu]::-webkit-scrollbar-thumb {
    border: 2px solid var(--op-color-split);
    border-radius: 5px;
    background: var(--op-color-text-4);
}

.pipeline-template-form[b-8ca6ufqxfu] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--op-color-split);
}

.pipeline-template-filter[b-8ca6ufqxfu] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 4px 0 12px;
}

.pipeline-template-filter-label[b-8ca6ufqxfu] {
    color: var(--op-color-text-3);
    font-size: 13px;
}

.pipeline-template-filter-chips[b-8ca6ufqxfu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pipeline-template-chip[b-8ca6ufqxfu] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border-radius: 13px;
    background: var(--op-color-bg-hover);
    color: var(--op-color-text-2);
    font-size: 12px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.pipeline-template-chip:hover[b-8ca6ufqxfu] {
    background: var(--op-color-primary-bg);
    color: var(--op-color-primary);
}

.pipeline-template-chip.active[b-8ca6ufqxfu] {
    background: var(--op-color-primary);
    color: var(--op-color-text-inverse);
}

.pipeline-template-grid[b-8ca6ufqxfu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
    padding: 8px 0 4px;
}

.pipeline-template-card[b-8ca6ufqxfu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--op-color-split);
    border-radius: 10px;
    padding: 12px;
    background: linear-gradient(135deg, var(--op-color-bg-card) 0%, var(--op-color-bg-tile) 100%);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}

.pipeline-template-card:hover[b-8ca6ufqxfu] {
    border-color: var(--op-color-primary-border);
    box-shadow: 0 6px 16px rgba(24, 144, 255, 0.10);
    transform: translateY(-1px);
}

.pipeline-template-card:focus-visible[b-8ca6ufqxfu] {
    outline: 2px solid var(--op-color-primary);
    outline-offset: 1px;
}

.pipeline-template-card.selected[b-8ca6ufqxfu] {
    border-color: var(--op-color-primary);
    box-shadow: 0 0 0 1px var(--op-color-primary) inset;
}

.pipeline-template-card-head[b-8ca6ufqxfu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.pipeline-template-check[b-8ca6ufqxfu] {
    color: var(--op-color-primary);
    font-size: 18px;
    line-height: 1;
}

.pipeline-template-icon[b-8ca6ufqxfu] {
    color: var(--op-color-primary);
    font-size: 28px;
    line-height: 1;
    background: var(--op-color-primary-bg);
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.pipeline-template-body[b-8ca6ufqxfu] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pipeline-template-title[b-8ca6ufqxfu] {
    font-weight: 600;
    color: var(--op-color-text-1);
    font-size: 14px;
}

.pipeline-template-desc[b-8ca6ufqxfu] {
    font-size: 12px;
    color: var(--op-color-text-3);
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pipeline-template-meta[b-8ca6ufqxfu] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
}
/* /Pages/Designer/PipelineRunDetail.razor.rz.scp.css */
.pipeline-run-summary[b-kud1ju6xe4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid var(--op-color-border);
    background: var(--op-color-bg-card);
}

.pipeline-run-identity[b-kud1ju6xe4],
.pipeline-run-times[b-kud1ju6xe4],
.pipeline-run-stage-head[b-kud1ju6xe4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pipeline-run-identity strong[b-kud1ju6xe4] {
    overflow-wrap: anywhere;
    font-family: Consolas, monospace;
    font-size: 12px;
}

.pipeline-run-label[b-kud1ju6xe4],
.pipeline-run-times[b-kud1ju6xe4],
.pipeline-run-stage small[b-kud1ju6xe4] {
    color: var(--op-color-text-3);
    font-size: 12px;
}

.pipeline-run-times[b-kud1ju6xe4] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pipeline-run-stages[b-kud1ju6xe4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.pipeline-run-stage[b-kud1ju6xe4] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--op-color-border);
    background: var(--op-color-bg-card);
}

.pipeline-run-stage-head[b-kud1ju6xe4] {
    justify-content: space-between;
    font-size: 12px;
}

.pipeline-run-stage-progress[b-kud1ju6xe4] {
    height: 3px;
    margin: 8px 0 5px;
    overflow: hidden;
    background: var(--op-color-bg-tile);
}

.pipeline-run-stage-progress span[b-kud1ju6xe4] {
    display: block;
    height: 100%;
    background: var(--op-color-primary);
}

.pipeline-run-stage.is-succeeded .pipeline-run-stage-progress span[b-kud1ju6xe4] {
    background: var(--op-color-success);
}

.pipeline-run-stage.is-failed .pipeline-run-stage-progress span[b-kud1ju6xe4] {
    background: var(--op-color-error);
}

.pipeline-run-stage-message[b-kud1ju6xe4] {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-run-stage-attempts[b-kud1ju6xe4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.pipeline-run-stage-attempts .is-retry[b-kud1ju6xe4] {
    color: var(--op-color-warning);
}

.pipeline-run-node-alert[b-kud1ju6xe4] {
    margin-top: 14px;
}

.pipeline-run-node-table[b-kud1ju6xe4] {
    margin-bottom: 4px;
}

.pipeline-run-node-reason[b-kud1ju6xe4] {
    display: block;
    max-width: 420px;
    overflow: hidden;
    color: var(--op-color-text-2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-run-node-reason-block[b-kud1ju6xe4] {
    margin-bottom: 8px;
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.pipeline-run-detail-card[b-kud1ju6xe4] {
    min-width: 0;
    padding: 0;
    overflow: visible;
}

.pipeline-run-detail-content[b-kud1ju6xe4],
.pipeline-run-result-content[b-kud1ju6xe4] {
    min-width: 0;
    padding: 0 20px 20px;
}

.pipeline-run-section-title[b-kud1ju6xe4] {
    margin: 22px 0 10px;
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 600;
}

.pipeline-run-section-title:first-child[b-kud1ju6xe4] {
    margin-top: 6px;
}

.pipeline-run-id[b-kud1ju6xe4],
.pipeline-result-id[b-kud1ju6xe4],
.pipeline-result-uri[b-kud1ju6xe4],
.pipeline-lineage-node-id[b-kud1ju6xe4] {
    font-family: Consolas, monospace;
    font-size: 12px;
}

.pipeline-run-id[b-kud1ju6xe4],
.pipeline-result-uri[b-kud1ju6xe4] {
    overflow-wrap: anywhere;
}

.pipeline-result-id[b-kud1ju6xe4] {
    display: block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-run-tabs::deep > .ant-tabs-nav[b-kud1ju6xe4] {
    margin: 0 20px 16px;
}

.pipeline-run-tabs::deep .ant-tabs-tab[b-kud1ju6xe4] {
    padding: 14px 0 11px;
}

.pipeline-run-tab-count[b-kud1ju6xe4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    margin-left: 6px;
    padding: 0 5px;
    border-radius: 9px;
    color: var(--op-color-text-3);
    background: var(--op-color-bg-tile);
    font-size: 11px;
}

.pipeline-run-result-toolbar[b-kud1ju6xe4] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) 150px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.pipeline-run-result-type[b-kud1ju6xe4] {
    width: 150px;
}

.pipeline-result-hover-trigger[b-kud1ju6xe4] {
    padding: 0;
    border: 0;
    color: var(--op-color-primary);
    background: transparent;
    cursor: default;
    font: inherit;
    line-height: 22px;
}

.pipeline-result-hover-trigger:hover[b-kud1ju6xe4],
.pipeline-result-hover-trigger:focus-visible[b-kud1ju6xe4] {
    color: var(--op-color-primary-hover);
    text-decoration: underline;
    outline: none;
}

.pipeline-result-popover[b-kud1ju6xe4] {
    display: grid;
    width: min(360px, 70vw);
    gap: 7px;
}

.pipeline-result-popover-name[b-kud1ju6xe4] {
    color: var(--op-color-text-1);
    font-weight: 600;
}

.pipeline-result-popover-source[b-kud1ju6xe4] {
    color: var(--op-color-text-3);
    font-size: 12px;
}

.pipeline-result-popover code[b-kud1ju6xe4] {
    display: block;
    max-width: 100%;
    padding: 7px 8px;
    overflow: hidden;
    border: 1px solid var(--op-color-border);
    color: var(--op-color-text-2);
    background: var(--op-color-bg-tile);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-result-popover::deep .ant-btn[b-kud1ju6xe4] {
    justify-self: start;
    height: 24px;
    padding: 0;
}

.pipeline-result-browser-title[b-kud1ju6xe4] {
    margin: 18px 0 10px;
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 600;
}

.pipeline-run-node-panel-title[b-kud1ju6xe4] {
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 600;
}

.pipeline-run-node-status[b-kud1ju6xe4] {
    margin: 8px 0;
}

.pipeline-run-node-meta[b-kud1ju6xe4],
.pipeline-run-node-results[b-kud1ju6xe4] {
    margin-bottom: 5px;
    overflow: hidden;
    color: var(--op-color-text-3);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-run-node-results[b-kud1ju6xe4] {
    margin: 9px 0;
    color: var(--op-color-primary);
}

.pipeline-run-node-empty[b-kud1ju6xe4] {
    margin-top: 8px;
    font-size: 12px;
}

.pipeline-lineage-summary[b-kud1ju6xe4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--op-color-border);
}

.pipeline-lineage-summary > div[b-kud1ju6xe4] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.pipeline-lineage-summary span[b-kud1ju6xe4] {
    color: var(--op-color-text-3);
    font-size: 12px;
}

.pipeline-lineage-summary strong[b-kud1ju6xe4] {
    color: var(--op-color-text-1);
    font-size: 18px;
}

.pipeline-lineage-node-id[b-kud1ju6xe4] {
    margin: 7px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-lineage-result[b-kud1ju6xe4] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 5px 0;
    overflow: hidden;
    border: 0;
    color: var(--op-color-primary);
    background: transparent;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.pipeline-lineage-result span[b-kud1ju6xe4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-lineage-footer[b-kud1ju6xe4] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 10px;
    color: var(--op-color-text-2);
    font-size: 12px;
}

.pipeline-lineage-footer span[b-kud1ju6xe4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pipeline-lineage-footer span:last-child[b-kud1ju6xe4] {
    margin-left: auto;
}

.pipeline-lineage-footer i[b-kud1ju6xe4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--op-color-text-4);
}

.pipeline-lineage-footer i.is-input[b-kud1ju6xe4] {
    background: var(--op-color-primary);
}

.pipeline-lineage-footer i.is-process[b-kud1ju6xe4] {
    background: var(--op-color-success);
}

.pipeline-lineage-footer i.is-output[b-kud1ju6xe4] {
    background: var(--op-color-accent);
}

@media (max-width: 900px) {
    .pipeline-run-summary[b-kud1ju6xe4] {
        align-items: stretch;
        flex-direction: column;
    }

    .pipeline-run-times[b-kud1ju6xe4] {
        justify-content: flex-start;
    }

    .pipeline-run-result-toolbar[b-kud1ju6xe4] {
        grid-template-columns: 1fr;
    }

    .pipeline-run-result-type[b-kud1ju6xe4] {
        width: 100%;
    }

    .pipeline-lineage-footer[b-kud1ju6xe4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .pipeline-lineage-footer span:last-child[b-kud1ju6xe4] {
        margin-left: 0;
    }
}
/* /Pages/Eval/EvalTaskCreate.razor.rz.scp.css */
.eval-format-example[b-i2ztcw1lz7] { max-height: none; }
/* /Pages/Eval/EvalTaskDetail.razor.rz.scp.css */
.eval-actual-content[b-tarly7rose] { max-height: 60vh; word-break: break-word; }
/* /Pages/Features/FeatureGroupDetail.razor.rz.scp.css */
.feature-preview-scroll[b-4dly6gli06] { overflow: auto; }
.feature-preview-table[b-4dly6gli06] { min-width: 100%; border-collapse: collapse; }
.feature-preview-table th[b-4dly6gli06],
.feature-preview-table td[b-4dly6gli06] { padding: var(--op-space-1) var(--op-space-2); border: 1px solid var(--op-color-split); white-space: nowrap; }
.feature-preview-table th[b-4dly6gli06] { text-align: left; }
.feature-preview-defined[b-4dly6gli06] { background: var(--op-color-bg-tile); }
.feature-preview-missing[b-4dly6gli06] { background: var(--op-color-accent-bg); }
/* /Pages/Legacy/ArticleList.razor.rz.scp.css */
.legacy-article-category-hint[b-edechkklwt] {
    margin-top: 6px;
}
/* /Pages/Legacy/JobList.razor.rz.scp.css */
.legacy-job-search[b-u7ocd3qd83] {
    width: 260px;
    max-width: 100%;
}

.legacy-job-status-filter[b-u7ocd3qd83] {
    width: 160px;
    max-width: 100%;
}
/* /Pages/Legacy/LegacyFileList.razor.rz.scp.css */
.legacy-file-preview[b-nqd2ds6jh0] {
    max-width: 100%;
    max-height: 320px;
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-md);
}
/* /Pages/Legacy/SendEmailPage.razor.rz.scp.css */
.legacy-email-recipient[b-mlbt4mg2sg] {
    width: 100%;
    max-width: 420px;
}

.legacy-email-attachment[b-mlbt4mg2sg] {
    width: 100%;
    max-width: 520px;
}
/* /Pages/Legacy/SwaggerPage.razor.rz.scp.css */
.legacy-swagger-shell[b-ln1bpb2bb5] {
    height: calc(100vh - 210px);
    padding: 0;
    overflow: hidden;
}

.legacy-swagger-frame[b-ln1bpb2bb5] {
    width: 100%;
    height: 100%;
    border: 0;
}
/* /Pages/Notifications/NotificationList.razor.rz.scp.css */
.notification-toolbar[b-doc5ngu2gn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
}

.notification-center[b-doc5ngu2gn] {
    min-height: 420px;
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-split);
    border-radius: 6px;
    overflow: hidden;
}

.notification-filter[b-doc5ngu2gn] {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(86px, 1fr));
    gap: 2px;
    padding: 3px;
    border-radius: 6px;
    background: var(--op-color-bg-page);
}

.notification-filter-button[b-doc5ngu2gn] {
    min-height: 32px;
    padding: 4px 18px;
    border: 0;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--op-color-text-3);
    background: transparent;
    cursor: pointer;
}

.notification-filter-button:hover[b-doc5ngu2gn] {
    color: var(--op-color-primary);
}

.notification-filter-button.is-active[b-doc5ngu2gn] {
    color: var(--op-color-text-1);
    font-weight: 600;
    background: var(--op-color-bg-card);
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
}

.notification-filter-count[b-doc5ngu2gn] {
    min-width: 18px;
    color: var(--op-color-text-2);
    font-variant-numeric: tabular-nums;
    text-align: left;
}

.notification-filter-count.is-unread[b-doc5ngu2gn],
.notification-filter-button.is-active .notification-filter-count[b-doc5ngu2gn] {
    color: var(--op-color-primary);
}

.notification-alert[b-doc5ngu2gn] {
    margin: 0 20px 16px;
}

.notification-page-state[b-doc5ngu2gn] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--op-color-text-4);
}

.notification-page-state > .anticon[b-doc5ngu2gn] {
    font-size: 28px;
}

.notification-page-list[b-doc5ngu2gn] {
    border-top: 1px solid var(--op-color-split);
}

.notification-row[b-doc5ngu2gn] {
    width: 100%;
    min-height: 104px;
    padding: 16px 20px;
    border: 0;
    border-bottom: 1px solid var(--op-color-split);
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) minmax(140px, auto);
    gap: 14px;
    align-items: start;
    color: inherit;
    background: var(--op-color-bg-card);
    text-align: left;
    cursor: pointer;
}

.notification-row:hover[b-doc5ngu2gn],
.notification-row.is-unread:hover[b-doc5ngu2gn] {
    background: var(--op-color-bg-hover);
}

.notification-row.is-unread[b-doc5ngu2gn] {
    background: var(--op-color-primary-bg);
}

.notification-row-icon[b-doc5ngu2gn] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
    font-size: 17px;
}

.notification-row-icon.type-dlc[b-doc5ngu2gn],
.notification-row-icon.type-automl[b-doc5ngu2gn] {
    color: var(--op-color-success);
    background: var(--op-color-bg-tile);
}

.notification-row-icon.type-eas[b-doc5ngu2gn] {
    color: var(--op-color-accent);
    background: var(--op-color-accent-bg);
}

.notification-row-icon.type-designer[b-doc5ngu2gn] {
    color: var(--op-color-primary-hover);
    background: var(--op-color-menu-selected);
}

.notification-row-icon.type-eval[b-doc5ngu2gn] {
    color: var(--op-color-warning);
    background: var(--op-color-accent-bg);
}

.notification-row-main[b-doc5ngu2gn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.notification-row-heading[b-doc5ngu2gn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.notification-row-title[b-doc5ngu2gn] {
    color: var(--op-color-text-1);
    font-weight: 600;
    line-height: 22px;
}

.notification-unread-label[b-doc5ngu2gn] {
    color: var(--op-color-primary);
    font-size: 12px;
}

.notification-row-content[b-doc5ngu2gn] {
    color: var(--op-color-text-3);
    line-height: 21px;
    overflow-wrap: anywhere;
}

.notification-status-change[b-doc5ngu2gn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--op-color-text-3);
    font-size: 13px;
}

.notification-status-change strong[b-doc5ngu2gn] {
    color: var(--op-color-text-1);
}

.notification-row-aside[b-doc5ngu2gn] {
    min-height: 70px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    color: var(--op-color-text-4);
    font-size: 12px;
    white-space: nowrap;
}

.notification-detail-link[b-doc5ngu2gn] {
    color: var(--op-color-primary);
    font-size: 13px;
}

.notification-pagination[b-doc5ngu2gn] {
    padding: 14px 20px;
}

@media (max-width: 640px) {
    .notification-toolbar[b-doc5ngu2gn] {
        flex-wrap: wrap;
        padding: 12px 16px;
    }

    .notification-filter[b-doc5ngu2gn] {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .notification-filter-button[b-doc5ngu2gn] {
        padding-inline: 8px;
    }

    [b-doc5ngu2gn] .notification-toolbar > .ant-btn {
        margin-left: auto;
    }

    .notification-row[b-doc5ngu2gn] {
        padding: 14px 16px;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
    }

    .notification-row-icon[b-doc5ngu2gn] {
        width: 36px;
        height: 36px;
    }

    .notification-row-aside[b-doc5ngu2gn] {
        min-height: auto;
        grid-column: 2;
        flex-direction: row;
        align-items: center;
    }
}
/* /Pages/Profile/Profile.razor.rz.scp.css */
.profile-settings-grid[b-zydjx1psw9] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    gap: var(--op-space-4);
    align-items: start;
}

.profile-settings-panel[b-zydjx1psw9] {
    min-width: 0;
}

.profile-form-grid[b-zydjx1psw9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--op-space-4);
}

.profile-form-actions[b-zydjx1psw9] {
    display: flex;
    align-items: center;
    gap: var(--op-space-2);
    padding-top: var(--op-space-2);
    border-top: 1px solid var(--op-color-split);
}

@media (max-width: 1080px) {
    .profile-settings-grid[b-zydjx1psw9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .profile-form-grid[b-zydjx1psw9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Safety/SafetyReportDetail.razor.rz.scp.css */
.safety-summary-grid[b-h4i8mjwo35] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: var(--op-space-4);
    margin-bottom: var(--op-space-3);
}

.safety-summary-item[b-h4i8mjwo35] {
    min-width: 0;
    padding: var(--op-space-4);
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-lg);
}

.safety-summary-label[b-h4i8mjwo35] { margin-bottom: 6px; color: var(--op-color-text-3); }
.safety-summary-value[b-h4i8mjwo35] { color: var(--op-color-text-1); font-size: var(--op-font-size-xl); font-weight: 600; }
.safety-detail-actions[b-h4i8mjwo35] { margin-top: var(--op-space-3); }

@media (max-width: 720px) {
    .safety-summary-grid[b-h4i8mjwo35] { grid-template-columns: 1fr; gap: var(--op-space-2); }
}
/* /Pages/Safety/SafetyReportList.razor.rz.scp.css */
.safety-form-field[b-vgcur5e2gz] { margin-bottom: var(--op-space-3); }
.safety-form-label[b-vgcur5e2gz] { margin-bottom: var(--op-space-1); color: var(--op-color-text-2); }
.safety-form-actions[b-vgcur5e2gz] { margin-top: var(--op-space-3); }
/* /Pages/Skills/SkillList.razor.rz.scp.css */
.skill-heading[b-etyd6b1z9b] { display: flex; align-items: center; justify-content: space-between; gap: var(--op-space-2); flex-wrap: wrap; }
.skill-title[b-etyd6b1z9b], .skill-space-link[b-etyd6b1z9b] { color: var(--op-color-text-1); font-weight: 600; }
.skill-space-link[b-etyd6b1z9b] { cursor: pointer; }
.skill-space-link.is-selected[b-etyd6b1z9b] { color: var(--op-color-primary); }
.skill-muted[b-etyd6b1z9b] { color: var(--op-color-text-3); }
.skill-space-actions[b-etyd6b1z9b] { margin-top: 6px; }
.skill-field-label[b-etyd6b1z9b] { margin-bottom: var(--op-space-1); color: var(--op-color-text-3); }
.skill-index-field[b-etyd6b1z9b] { margin-top: 10px; }
.skill-index-actions[b-etyd6b1z9b] { margin-top: var(--op-space-2); }
.skill-search[b-etyd6b1z9b] { width: 100%; max-width: 520px; }
.skill-results[b-etyd6b1z9b] { margin-top: var(--op-space-3); }
.skill-result-content[b-etyd6b1z9b] { margin-top: var(--op-space-1); color: var(--op-color-text-1); white-space: pre-wrap; overflow-wrap: anywhere; }
/* /Pages/Training/GpuAccounting.razor.rz.scp.css */
.metering-page[b-mawszvz47n] {
    display: grid;
    gap: 14px;
    min-width: 0;
    color: var(--op-color-text-2);
}

.metering-toolbar[b-mawszvz47n],
.metering-toolbar-controls[b-mawszvz47n],
.metering-dimension-filters[b-mawszvz47n],
.metering-toolbar-meta[b-mawszvz47n],
.metering-section-header[b-mawszvz47n],
.metering-panel-header[b-mawszvz47n],
.metering-kpi[b-mawszvz47n],
.metering-ai-metric[b-mawszvz47n],
.metering-governance-row[b-mawszvz47n] {
    display: flex;
    align-items: center;
}

.metering-toolbar[b-mawszvz47n] {
    min-height: 52px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 12px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.metering-toolbar-controls[b-mawszvz47n],
.metering-dimension-filters[b-mawszvz47n] {
    min-width: 0;
    gap: 10px;
}

.metering-toolbar-controls[b-mawszvz47n] {
    flex: 1 1 680px;
}

.metering-dimension-filters[b-mawszvz47n] {
    flex: 1;
    flex-wrap: nowrap;
}

.metering-toolbar[b-mawszvz47n]  .metering-filter-select {
    width: 154px;
}

.metering-toolbar-meta[b-mawszvz47n] {
    flex: 0 0 auto;
    gap: 12px;
    margin-left: auto;
    color: var(--op-color-text-4);
    font-size: 12px;
}

.metering-toolbar-meta span[b-mawszvz47n] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.metering-section[b-mawszvz47n],
.metering-panel[b-mawszvz47n] {
    min-width: 0;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.metering-section[b-mawszvz47n] {
    --section-accent: var(--op-color-primary);
    position: relative;
    overflow: hidden;
}

.metering-section[b-mawszvz47n]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    content: "";
    background: var(--section-accent);
}

.metering-section-primary[b-mawszvz47n] { --section-accent: var(--op-color-primary); }
.metering-section-success[b-mawszvz47n] { --section-accent: var(--op-color-success); }

.metering-section-header[b-mawszvz47n],
.metering-panel-header[b-mawszvz47n] {
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.metering-section-header[b-mawszvz47n] {
    min-height: 58px;
    padding: 11px 14px 9px;
    border-bottom: 1px solid var(--op-color-split);
}

.metering-panel[b-mawszvz47n] {
    padding: 0 14px 12px;
}

.metering-panel-header[b-mawszvz47n] {
    min-height: 56px;
    border-bottom: 1px solid var(--op-color-split);
}

.metering-section-header > div[b-mawszvz47n],
.metering-panel-header > div[b-mawszvz47n] {
    min-width: 0;
}

.metering-section-header h2[b-mawszvz47n],
.metering-panel-header h2[b-mawszvz47n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--op-color-text-1);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: 0;
}

.metering-section-header p[b-mawszvz47n],
.metering-panel-header p[b-mawszvz47n] {
    margin: 4px 0 0;
    color: var(--op-color-text-4);
    font-size: 12px;
    line-height: 1.5;
}

.metering-section-marker[b-mawszvz47n] {
    width: 3px;
    height: 14px;
    flex: 0 0 auto;
    border-radius: 2px;
    background: var(--section-accent, var(--op-color-primary));
}

.marker-blue[b-mawszvz47n] { --section-accent: var(--op-color-primary); }
.marker-green[b-mawszvz47n] { --section-accent: var(--op-color-success); }
.marker-amber[b-mawszvz47n] { --section-accent: var(--op-color-warning); }
.marker-red[b-mawszvz47n] { --section-accent: var(--op-color-error); }

.metering-panel-meta[b-mawszvz47n] {
    flex: 0 0 auto;
    color: var(--op-color-text-4);
    font-size: 11px;
}

.metering-kpi-grid[b-mawszvz47n],
.metering-ai-grid[b-mawszvz47n],
.metering-management-grid[b-mawszvz47n],
.metering-development-grid[b-mawszvz47n],
.metering-rank-grid[b-mawszvz47n] {
    display: grid;
    min-width: 0;
}

.metering-kpi-grid[b-mawszvz47n] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.metering-kpi[b-mawszvz47n] {
    --metric-color: var(--op-color-primary);
    --metric-bg: var(--op-color-primary-bg);
    gap: 11px;
    min-width: 0;
    min-height: 104px;
    padding: 14px;
    border-right: 1px solid var(--op-color-split);
}

.metering-kpi:last-child[b-mawszvz47n] {
    border-right: 0;
}

.metering-kpi > div[b-mawszvz47n],
.metering-ai-metric > div[b-mawszvz47n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.metering-kpi strong[b-mawszvz47n],
.metering-ai-metric strong[b-mawszvz47n] {
    overflow: hidden;
    color: var(--op-color-text-1);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metering-kpi span:not(.metering-metric-icon)[b-mawszvz47n],
.metering-ai-metric span:not(.metering-metric-icon)[b-mawszvz47n] {
    margin-top: 2px;
    color: var(--op-color-text-2);
    font-size: 12px;
}

.metering-kpi small[b-mawszvz47n] {
    margin-top: 4px;
    color: var(--op-color-text-4);
    font-size: 10px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.metering-metric-icon[b-mawszvz47n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 5px;
    color: var(--metric-color);
    background: var(--metric-bg);
    font-size: 16px;
}

.tone-blue[b-mawszvz47n] { --metric-color: var(--op-color-primary); --metric-bg: var(--op-color-primary-bg); }
.tone-cyan[b-mawszvz47n] { --metric-color: var(--op-color-primary-hover); --metric-bg: var(--op-color-accent-bg); }
.tone-green[b-mawszvz47n] { --metric-color: var(--op-color-success); --metric-bg: color-mix(in srgb, var(--op-color-success) 12%, var(--op-color-bg-card)); }
.tone-amber[b-mawszvz47n] { --metric-color: var(--op-color-warning); --metric-bg: color-mix(in srgb, var(--op-color-warning) 14%, var(--op-color-bg-card)); }
.tone-violet[b-mawszvz47n] { --metric-color: var(--op-color-accent); --metric-bg: var(--op-color-accent-bg); }
.tone-red[b-mawszvz47n] { --metric-color: var(--op-color-error); --metric-bg: var(--op-color-error-bg); }

.metering-management-grid[b-mawszvz47n] {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 14px;
    align-items: stretch;
}

.metering-chart[b-mawszvz47n] {
    width: 100%;
    height: 260px;
}

.metering-chart-tall[b-mawszvz47n] {
    height: 300px;
}

.metering-governance-panel[b-mawszvz47n] {
    display: flex;
    flex-direction: column;
}

.metering-governance-list[b-mawszvz47n] {
    display: grid;
    flex: 1;
}

.metering-governance-row[b-mawszvz47n] {
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    border-bottom: 1px solid var(--op-color-split);
}

.metering-governance-row:last-child[b-mawszvz47n] {
    border-bottom: 0;
}

.metering-governance-row > div[b-mawszvz47n] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.metering-governance-row > div:last-child[b-mawszvz47n] {
    justify-items: end;
}

.metering-governance-row strong[b-mawszvz47n] {
    color: var(--op-color-text-1);
    font-size: 12px;
}

.metering-governance-row span[b-mawszvz47n] {
    color: var(--op-color-text-4);
    font-size: 10px;
}

.metering-governance-row b[b-mawszvz47n] {
    color: var(--op-color-text-1);
    font-size: 15px;
    font-variant-numeric: tabular-nums;
}

.metering-ai-grid[b-mawszvz47n] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.metering-ai-metric[b-mawszvz47n] {
    --metric-color: var(--op-color-success);
    --metric-bg: color-mix(in srgb, var(--op-color-success) 12%, var(--op-color-bg-card));
    gap: 11px;
    min-width: 0;
    min-height: 86px;
    padding: 14px;
    border-right: 1px solid var(--op-color-split);
}

.metering-ai-metric:last-child[b-mawszvz47n] {
    border-right: 0;
}

.metering-ai-metric strong[b-mawszvz47n] {
    font-size: 20px;
}

.metering-development-grid[b-mawszvz47n] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.metering-rank-grid[b-mawszvz47n] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.metering-ranking[b-mawszvz47n] {
    min-width: 0;
}

.metering-ranking-list[b-mawszvz47n] {
    display: grid;
}

.metering-ranking-row[b-mawszvz47n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    border-bottom: 1px solid var(--op-color-split);
}

.metering-ranking-row:last-child[b-mawszvz47n] {
    border-bottom: 0;
}

.metering-ranking-row span[b-mawszvz47n] {
    overflow: hidden;
    color: var(--op-color-text-2);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metering-ranking-row strong[b-mawszvz47n] {
    color: var(--op-color-text-1);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.metering-ranking-row small[b-mawszvz47n] {
    color: var(--op-color-text-4);
    font-size: 10px;
}

.metering-table-panel[b-mawszvz47n] {
    padding-bottom: 0;
}

.metering-table-wrap[b-mawszvz47n] {
    min-width: 0;
    overflow: hidden;
}

.metering-table-wrap[b-mawszvz47n]  .ant-table {
    font-size: 12px;
}

.metering-table-wrap[b-mawszvz47n]  .ant-table-thead > tr > th {
    padding-top: 9px;
    padding-bottom: 9px;
    color: var(--op-color-text-3);
    background: var(--op-color-bg-tile);
    font-size: 11px;
    font-weight: 600;
}

.metering-table-wrap[b-mawszvz47n]  .ant-table-tbody > tr > td {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 1500px) {
    .metering-kpi-grid[b-mawszvz47n] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .metering-kpi:nth-child(3)[b-mawszvz47n] {
        border-right: 0;
    }

    .metering-kpi:nth-child(-n+3)[b-mawszvz47n] {
        border-bottom: 1px solid var(--op-color-split);
    }

    .metering-toolbar-meta[b-mawszvz47n] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 1180px) {
    .metering-toolbar[b-mawszvz47n] {
        align-items: flex-start;
        flex-direction: column;
    }

    .metering-toolbar-controls[b-mawszvz47n] {
        width: 100%;
        flex: 0 0 auto;
    }

    .metering-toolbar-meta[b-mawszvz47n] {
        width: 100%;
        justify-content: space-between;
    }

    .metering-management-grid[b-mawszvz47n] {
        grid-template-columns: 1fr;
    }

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

    .metering-ranking:last-child[b-mawszvz47n] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .metering-toolbar-controls[b-mawszvz47n] {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .metering-dimension-filters[b-mawszvz47n] {
        width: 100%;
    }

    .metering-toolbar[b-mawszvz47n]  .metering-filter-select {
        min-width: 150px;
        flex: 1;
    }

    .metering-development-grid[b-mawszvz47n] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .metering-page[b-mawszvz47n] {
        gap: 10px;
    }

    .metering-toolbar-meta[b-mawszvz47n],
    .metering-dimension-filters[b-mawszvz47n] {
        align-items: stretch;
        flex-direction: column;
    }

    .metering-toolbar[b-mawszvz47n]  .op-time-range-filter,
    .metering-toolbar[b-mawszvz47n]  .metering-filter-select {
        width: 100%;
    }

    .metering-toolbar-meta[b-mawszvz47n] {
        gap: 7px;
    }

    .metering-kpi-grid[b-mawszvz47n],
    .metering-ai-grid[b-mawszvz47n],
    .metering-rank-grid[b-mawszvz47n] {
        grid-template-columns: 1fr;
    }

    .metering-kpi[b-mawszvz47n],
    .metering-ai-metric[b-mawszvz47n],
    .metering-ranking[b-mawszvz47n] {
        border-right: 0;
    }

    .metering-kpi[b-mawszvz47n],
    .metering-ai-metric[b-mawszvz47n] {
        border-bottom: 1px solid var(--op-color-split);
    }

    .metering-kpi:last-child[b-mawszvz47n],
    .metering-ai-metric:last-child[b-mawszvz47n] {
        border-bottom: 0;
    }

    .metering-ranking:last-child[b-mawszvz47n] {
        grid-column: auto;
    }

    .metering-section-header[b-mawszvz47n],
    .metering-panel-header[b-mawszvz47n] {
        align-items: flex-start;
    }

    .metering-chart[b-mawszvz47n],
    .metering-chart-tall[b-mawszvz47n] {
        height: 260px;
    }
}
/* /Pages/Training/NotebookCreate.razor.rz.scp.css */
.dsw-type-grid[b-4uq19ktev2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.dsw-type-card[b-4uq19ktev2] {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 12px 14px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
    color: var(--op-color-text-1);
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.dsw-type-card:hover[b-4uq19ktev2] {
    border-color: var(--op-color-primary);
}

.dsw-type-card.selected[b-4uq19ktev2] {
    border-color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
    box-shadow: 0 0 0 1px var(--op-color-primary);
}

.dsw-type-card img[b-4uq19ktev2],
.dsw-terminal-icon[b-4uq19ktev2] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.dsw-terminal-icon[b-4uq19ktev2] {
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: var(--op-color-text-1);
    color: var(--op-color-text-inverse);
    font-size: 25px;
}

.dsw-type-card > span:nth-child(2)[b-4uq19ktev2] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.dsw-type-card strong[b-4uq19ktev2] {
    font-size: 15px;
    font-weight: 600;
}

.dsw-type-card small[b-4uq19ktev2] {
    color: var(--op-color-text-4);
    font-size: 12px;
}

.dsw-type-card > :last-child[b-4uq19ktev2] {
    color: transparent;
}

.dsw-type-card.selected > :last-child[b-4uq19ktev2] {
    color: var(--op-color-primary);
}

.dsw-builtin-image[b-4uq19ktev2] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--op-color-success) 45%, var(--op-color-border));
    border-radius: 6px;
    background: color-mix(in srgb, var(--op-color-success) 7%, var(--op-color-bg-card));
}

.dsw-builtin-image > span[b-4uq19ktev2] {
    color: var(--op-color-success);
    font-size: 18px;
}

.dsw-builtin-image > div[b-4uq19ktev2] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.dsw-builtin-image code[b-4uq19ktev2] {
    overflow: hidden;
    color: var(--op-color-text-3);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .dsw-type-grid[b-4uq19ktev2] {
        grid-template-columns: 1fr;
    }

    .dsw-builtin-image[b-4uq19ktev2] {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .dsw-builtin-image button[b-4uq19ktev2] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/Training/NotebookDetail.razor.rz.scp.css */
.notebook-preview-meta[b-tsvyj4b4op] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    margin-bottom: 10px;
    color: var(--op-color-text-3);
    font-size: 12px;
}

.notebook-preview-meta span[b-tsvyj4b4op] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notebook-preview-stage[b-tsvyj4b4op] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min(68vh, 720px);
    min-height: 360px;
    overflow: hidden;
    border: 1px solid var(--op-color-border);
    background: color-mix(in srgb, var(--op-color-text-1) 92%, black);
}

.notebook-preview-state[b-tsvyj4b4op] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
    color: var(--op-color-text-disabled);
    text-align: center;
}

.notebook-preview-state :deep(.anticon)[b-tsvyj4b4op] {
    font-size: 32px;
    color: var(--op-color-text-4);
}

.notebook-preview-image[b-tsvyj4b4op] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.notebook-preview-footer[b-tsvyj4b4op] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

@media (max-width: 760px) {
    .notebook-preview-meta[b-tsvyj4b4op] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .notebook-preview-stage[b-tsvyj4b4op] {
        height: 56vh;
        min-height: 280px;
    }
}
.notebook-toolbar[b-tsvyj4b4op] {
    margin-bottom: 12px;
}

.notebook-toolbar-sm[b-tsvyj4b4op] {
    margin-bottom: 8px;
}

.notebook-upload-panel[b-tsvyj4b4op] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 12px;
}

.notebook-file-row[b-tsvyj4b4op] {
    display: grid;
    grid-template-columns: minmax(180px, 2fr) minmax(90px, .6fr) minmax(120px, .8fr) auto;
    gap: 12px;
    align-items: center;
}

.notebook-spin-label[b-tsvyj4b4op] {
    margin-left: 8px;
}

.notebook-resource-card[b-tsvyj4b4op] {
    margin-bottom: 12px;
    padding: 12px;
}

.notebook-resource-heading[b-tsvyj4b4op] {
    justify-content: space-between;
    margin-bottom: 8px;
}

.notebook-resource-grid[b-tsvyj4b4op] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 720px) {
    .notebook-upload-destination[b-tsvyj4b4op] {
        width: 100%;
        min-width: 0;
    }

    .notebook-file-row[b-tsvyj4b4op] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notebook-resource-grid[b-tsvyj4b4op] {
        grid-template-columns: minmax(0, 1fr);
    }
}
.notebook-upload-destination[b-tsvyj4b4op] {
    min-width: 280px;
    flex: 1;
}
/* /Pages/Training/NotebookList.razor.rz.scp.css */
.notebook-status-help[b-z9n6q2rzr6] {
    margin-left: 6px;
    color: var(--op-color-error);
    cursor: help;
}

.notebook-image-ref[b-z9n6q2rzr6] { max-width: 180px; }
.notebook-dataset-summary[b-z9n6q2rzr6] { max-width: 170px; }
.notebook-resource-summary[b-z9n6q2rzr6] { min-width: 190px; }
/* /Pages/Training/QuickStartList.razor.rz.scp.css */
.qs-page-card :deep(.op-list-toolbar)[b-b4lhpr4t8t] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--op-color-split);
}

.qs-grid[b-b4lhpr4t8t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 16px;
}

.qs-card[b-b4lhpr4t8t] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-lg);
    padding: 16px;
    background: var(--op-color-bg-card);
    transition: box-shadow .15s ease, border-color .15s ease;
}

.qs-card:hover[b-b4lhpr4t8t] {
    border-color: var(--op-color-primary);
    box-shadow: var(--op-shadow-card-hover);
}

.qs-card-head[b-b4lhpr4t8t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.qs-icon[b-b4lhpr4t8t] {
    font-size: 28px;
    line-height: 1;
    flex: 0 0 auto;
}

.qs-title-box[b-b4lhpr4t8t] {
    flex: 1 1 auto;
    min-width: 0;
}

.qs-title[b-b4lhpr4t8t] {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
    word-break: break-word;
}

.qs-tags[b-b4lhpr4t8t] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.qs-desc[b-b4lhpr4t8t] {
    color: var(--op-color-text-3);
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 12px;
    flex: 1 1 auto;
}

.qs-create-scope[b-b4lhpr4t8t] {
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--op-color-primary) 48%, var(--op-color-border));
    border-radius: 6px;
    background: color-mix(in srgb, var(--op-color-primary) 7%, var(--op-color-bg-card));
}

.qs-create-scope-title[b-b4lhpr4t8t] {
    margin-bottom: 7px;
    color: var(--op-color-primary);
    font-size: 12px;
    font-weight: 600;
}

.qs-create-targets[b-b4lhpr4t8t] {
    display: flex;
    gap: 8px;
}

.qs-create-targets > span[b-b4lhpr4t8t] {
    flex: 1 1 0;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid color-mix(in srgb, var(--op-color-primary) 36%, var(--op-color-border));
    border-radius: 4px;
    background: var(--op-color-bg-card);
    color: var(--op-color-primary);
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.qs-followup[b-b4lhpr4t8t] {
    margin-bottom: 12px;
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 1.6;
}

.qs-followup b[b-b4lhpr4t8t] { color: var(--op-color-text-1); }
.qs-followup small[b-b4lhpr4t8t] { display: block; margin-top: 5px; }

.qs-stage-list[b-b4lhpr4t8t] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.qs-stage-list > span[b-b4lhpr4t8t] {
    padding: 2px 6px;
    border: 1px solid color-mix(in srgb, var(--op-color-success) 42%, var(--op-color-border));
    border-radius: 3px;
    background: color-mix(in srgb, var(--op-color-success) 7%, var(--op-color-bg-card));
    color: var(--op-color-success);
}

.qs-confirm-followup[b-b4lhpr4t8t] {
    margin-bottom: 14px;
    padding: 9px 11px;
    border-left: 3px solid var(--op-color-success);
    background: color-mix(in srgb, var(--op-color-success) 7%, var(--op-color-bg-card));
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 1.7;
}

.qs-confirm-followup > b[b-b4lhpr4t8t] {
    display: block;
    margin-bottom: 8px;
    color: var(--op-color-text-1);
}

.qs-confirm-stage-list[b-b4lhpr4t8t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: qs-confirm-stage;
}

.qs-confirm-stage-list > li[b-b4lhpr4t8t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--op-color-text-2);
    counter-increment: qs-confirm-stage;
}

.qs-confirm-stage-list > li[b-b4lhpr4t8t]::before {
    content: counter(qs-confirm-stage);
    display: inline-flex;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--op-color-success);
    color: var(--op-color-text-inverse);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.qs-meta[b-b4lhpr4t8t] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 14px;
    font-size: 12px;
}

.qs-break[b-b4lhpr4t8t] {
    word-break: break-all;
}

.qs-command-row[b-b4lhpr4t8t] {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 3px 4px 3px 8px;
    border: 1px solid var(--op-color-border);
    border-radius: 4px;
    background: var(--op-color-bg-tile);
}

.qs-command-label[b-b4lhpr4t8t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--op-color-text-2);
    font-weight: 500;
}

.qs-command-status[b-b4lhpr4t8t] {
    margin-left: auto;
    color: var(--op-color-text-3);
}

.qs-command-row :deep(.ant-btn)[b-b4lhpr4t8t] {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    padding: 0;
}

.qs-actions[b-b4lhpr4t8t] {
    display: flex;
    gap: 8px;
}

.qs-confirm-desc[b-b4lhpr4t8t] { margin-bottom: 12px; }
.qs-confirm-title[b-b4lhpr4t8t] { font-weight: 600; margin-bottom: 6px; }
.qs-cluster-field[b-b4lhpr4t8t] { margin-bottom: 16px; }
.qs-cluster-capability[b-b4lhpr4t8t] { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--op-color-text-3); font-size: 12px; }
.qs-field-hint[b-b4lhpr4t8t] { margin-top: 4px; line-height: 18px; }
.qs-confirm-res ul[b-b4lhpr4t8t] { margin: 0 0 8px 0; padding-left: 18px; line-height: 1.9; }
.qs-confirm-hint[b-b4lhpr4t8t] {
    color: var(--op-color-text-3);
    font-size: 12px;
    background: var(--op-color-bg-tile);
    padding: 8px 10px;
    border-radius: 6px;
}

.qs-confirm-warn[b-b4lhpr4t8t] {
    color: var(--op-color-error);
    font-size: 13px;
    background: color-mix(in srgb, var(--op-color-error) 8%, var(--op-color-bg-card));
    border: 1px solid color-mix(in srgb, var(--op-color-error) 35%, var(--op-color-border));
    padding: 10px 12px;
    border-radius: 6px;
    line-height: 1.7;
}

/* 初始化内置数据：阻塞式进度弹窗 */
.qs-init[b-b4lhpr4t8t] { padding: 4px 2px; }
.qs-init-stage[b-b4lhpr4t8t] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    font-size: 14px;
    color: var(--op-color-text-1);
}
.qs-init-hint[b-b4lhpr4t8t] {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.7;
}
.qs-init-summary[b-b4lhpr4t8t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 10px;
}
.qs-init-steps[b-b4lhpr4t8t] { margin-top: 10px; }
.qs-init-steps summary[b-b4lhpr4t8t] {
    cursor: pointer;
    color: var(--op-color-text-3);
    font-size: 13px;
}
.qs-init-steps ul[b-b4lhpr4t8t] {
    margin: 8px 0 0;
    padding-left: 18px;
    line-height: 1.8;
    max-height: 220px;
    overflow: auto;
    font-size: 13px;
}

/* 场景模板卡片网格底部分页 */
.qs-pagination[b-b4lhpr4t8t] {
    margin-top: 20px;
}

/* 场景卡片：缺内置数据集提示 */
.qs-warn-hint[b-b4lhpr4t8t] {
    margin-top: 4px;
    padding: 6px 10px;
    background: color-mix(in srgb, var(--op-color-warning) 10%, var(--op-color-bg-card));
    border: 1px solid color-mix(in srgb, var(--op-color-warning) 45%, var(--op-color-border));
    border-radius: 6px;
    color: var(--op-color-warning);
    font-size: 12px;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.qs-warn-hint .ant-btn[b-b4lhpr4t8t] {
    padding-left: 0;
    height: auto;
}

/* 筛选栏按钮区：紧贴下拉框右侧、左对齐、不换行 */
.qs-filter-actions[b-b4lhpr4t8t] {
    grid-column: 3 / -1;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
/* /Pages/Training/TrainingExperimentDetail.razor.rz.scp.css */
.training-detail-link[b-n5e6z5wtkh] {
    cursor: pointer;
    color: var(--op-color-primary);
    font-weight: 600;
}

.training-experiment-chart[b-n5e6z5wtkh] {
    width: 100%;
    height: 360px;
    margin-bottom: var(--op-space-4);
}
/* /Pages/Training/TrainingJobDetail.razor.rz.scp.css */
.training-event-timeline[b-tefo8rict9] {
    max-width: 1100px;
}

.training-admission-flow[b-tefo8rict9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.training-admission-flow > div[b-tefo8rict9] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 38px;
    padding: 7px 9px;
    border-bottom: 2px solid var(--op-color-border);
    color: var(--op-color-text-3);
}

.training-admission-flow span[b-tefo8rict9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border: 1px solid var(--op-color-border);
    border-radius: 50%;
    font-size: 12px;
}

.training-admission-flow strong[b-tefo8rict9] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.training-admission-flow .is-complete[b-tefo8rict9] {
    border-color: var(--op-color-success);
    color: var(--op-color-text-1);
}

.training-admission-flow .is-complete span[b-tefo8rict9] {
    border-color: var(--op-color-success);
    color: var(--op-color-success);
}

.training-admission-flow .is-current[b-tefo8rict9] {
    border-color: var(--op-color-primary);
    color: var(--op-color-text-1);
}

.training-admission-flow .is-current span[b-tefo8rict9] {
    border-color: var(--op-color-primary);
    color: var(--op-color-primary);
}

.training-admission-status[b-tefo8rict9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--op-color-text-3);
}

.training-admission-status small[b-tefo8rict9] {
    margin-left: auto;
    white-space: nowrap;
}

.training-command-item[b-tefo8rict9] {
    grid-column: 1 / -1;
}

.training-command-line[b-tefo8rict9] {
    display: flex;
    align-items: center;
    gap: var(--op-space-2);
    width: 100%;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
}

.training-command-line code[b-tefo8rict9],
.training-guide-command code[b-tefo8rict9] {
    min-width: 0;
    overflow: hidden;
    color: var(--op-color-text-3);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.training-command-line :deep(.ant-btn)[b-tefo8rict9] {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-left: auto;
}

.training-value-ellipsis[b-tefo8rict9] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.training-log-terminal[b-tefo8rict9] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--op-color-text-1) 78%, var(--op-color-border));
    border-radius: 6px;
    background: color-mix(in srgb, var(--op-color-text-1) 92%, black);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%);
}

.training-log-toolbar[b-tefo8rict9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    padding: 7px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--op-color-text-1) 78%, var(--op-color-border));
    background: color-mix(in srgb, var(--op-color-text-1) 86%, black);
    color: color-mix(in srgb, var(--op-color-text-inverse) 84%, var(--op-color-text-disabled));
}

.training-log-title[b-tefo8rict9],
.training-log-meta[b-tefo8rict9] {
    display: inline-flex;
    align-items: center;
    gap: var(--op-space-2);
}

.training-log-title[b-tefo8rict9] {
    font-size: 13px;
    font-weight: 600;
}

.training-log-meta[b-tefo8rict9] {
    color: var(--op-color-text-disabled);
    font-size: 12px;
}

.training-log-output[b-tefo8rict9] {
    width: 100%;
    height: clamp(320px, 58vh, 520px);
    min-height: 0;
    margin: 0;
    padding: 14px 16px 18px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: var(--op-color-text-4) color-mix(in srgb, var(--op-color-text-1) 88%, black);
    background: color-mix(in srgb, var(--op-color-text-1) 92%, black);
    color: color-mix(in srgb, var(--op-color-text-inverse) 84%, var(--op-color-text-disabled));
    font-family: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.55;
    tab-size: 4;
    white-space: pre;
}

.training-log-output.is-empty[b-tefo8rict9] {
    color: var(--op-color-text-4);
}

.training-guide-command[b-tefo8rict9] {
    display: flex;
    min-width: 0;
    margin-top: var(--op-space-2);
    padding: 8px 10px;
    border: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
}

.training-metric-series-chart[b-tefo8rict9] {
    width: 100%;
    height: 420px;
}

.training-event[b-tefo8rict9] {
    display: grid;
    grid-template-columns: 150px 18px minmax(0, 1fr);
    gap: var(--op-space-2);
    min-height: 76px;
}

.training-event-time[b-tefo8rict9] {
    color: var(--op-color-text-3);
    padding-top: var(--op-space-1);
    text-align: right;
}

.training-event-marker[b-tefo8rict9] {
    position: relative;
}

.training-event-marker[b-tefo8rict9]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 9px;
    bottom: -9px;
    width: 1px;
    background: var(--op-color-border);
}

.training-event-marker[b-tefo8rict9]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--op-color-primary);
}

.training-event:last-child .training-event-marker[b-tefo8rict9]::before {
    display: none;
}

.training-event.is-warning .training-event-marker[b-tefo8rict9]::after {
    background: var(--op-color-error);
}

.training-event-body[b-tefo8rict9] {
    padding-bottom: var(--op-space-4);
    min-width: 0;
}

.training-event-body strong[b-tefo8rict9] {
    margin: 0 var(--op-space-2) 0 var(--op-space-1);
}

.training-event-body small[b-tefo8rict9] {
    display: block;
    margin-top: var(--op-space-1);
}

@media (max-width: 640px) {
    .training-admission-flow[b-tefo8rict9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .training-admission-status small[b-tefo8rict9] {
        width: 100%;
        margin-left: 0;
    }

    .training-command-line[b-tefo8rict9],
    .training-guide-command[b-tefo8rict9] {
        width: 100%;
        max-width: 100%;
    }

    .training-event[b-tefo8rict9] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .training-event-time[b-tefo8rict9] {
        grid-column: 2;
        text-align: left;
        padding: 0;
    }

    .training-event-marker[b-tefo8rict9] {
        grid-row: 1 / 3;
    }

    .training-log-toolbar[b-tefo8rict9] {
        align-items: flex-start;
        gap: var(--op-space-2);
    }

    .training-log-meta[b-tefo8rict9] {
        flex-direction: column;
        align-items: flex-end;
        gap: 2px;
    }

    .training-log-output[b-tefo8rict9] {
        height: 360px;
        padding: 12px;
    }
}
/* /Shared/AntFileUpload.razor.rz.scp.css */
.sd-ant-upload[b-escm6jan3m] { width: 100%; margin: 14px 0 10px; }
.sd-ant-upload :deep(.ant-upload.ant-upload-drag)[b-escm6jan3m] { width: 100%; min-height: 112px; border: 1px dashed var(--op-color-border); border-radius: 4px; background: var(--op-color-bg-tile); }
.sd-ant-upload :deep(.ant-upload.ant-upload-drag:hover)[b-escm6jan3m],
.sd-ant-upload :deep(.ant-upload.ant-upload-drag-hover)[b-escm6jan3m] { border-color: var(--op-color-primary); background: var(--op-color-primary-bg); }
.sd-ant-upload :deep(.ant-upload-btn)[b-escm6jan3m] { padding: 0; }
.sd-ant-upload-content[b-escm6jan3m] { min-height: 110px; display: grid; place-items: center; align-content: center; gap: 4px; padding: 16px; text-align: center; }
.sd-ant-upload-icon[b-escm6jan3m] { color: var(--op-color-primary); font-size: 28px; }
.sd-ant-upload-title[b-escm6jan3m] { color: var(--op-color-text-1); font-size: 14px; line-height: 22px; }
.sd-ant-upload-hint[b-escm6jan3m] { color: var(--op-color-text-4); font-size: 12px; line-height: 20px; }
.sd-ant-upload :deep(.ant-upload-list)[b-escm6jan3m] { max-height: 112px; overflow-y: auto; }
.sd-ant-upload :deep(.ant-upload-list-item)[b-escm6jan3m] { margin-top: 4px; }

@media (max-width: 600px) {
    .sd-ant-upload-content[b-escm6jan3m] { min-height: 104px; padding: 12px; }
}
/* /Shared/ComponentSchemaBuilder.razor.rz.scp.css */
.component-schema-builder[b-9swoig8kt6] {
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-md);
    overflow: hidden;
}

.component-schema-toolbar[b-9swoig8kt6],
.component-schema-row-head[b-9swoig8kt6],
.component-schema-json-actions[b-9swoig8kt6] {
    display: flex;
    align-items: center;
}

.component-schema-toolbar[b-9swoig8kt6] {
    justify-content: space-between;
    gap: var(--op-space-3);
    min-height: 46px;
    padding: var(--op-space-2) var(--op-space-3);
    background: var(--op-color-bg-tile);
    border-bottom: 1px solid var(--op-color-border);
}

.component-schema-toolbar strong[b-9swoig8kt6] {
    margin-right: var(--op-space-2);
    font-size: var(--op-font-size-sm);
}

.component-schema-toolbar span[b-9swoig8kt6] {
    color: var(--op-color-text-4);
    font-size: var(--op-font-size-xs);
}

.component-schema-actions[b-9swoig8kt6],
.component-schema-json-actions[b-9swoig8kt6] {
    display: flex;
    gap: var(--op-space-2);
}

.component-schema-empty[b-9swoig8kt6] {
    padding: var(--op-space-6);
    color: var(--op-color-text-4);
    text-align: center;
}

.component-schema-row + .component-schema-row[b-9swoig8kt6] {
    border-top: 1px solid var(--op-color-border);
}

.component-schema-row[b-9swoig8kt6] {
    padding: var(--op-space-3);
}

.component-schema-row-head[b-9swoig8kt6] {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) 130px auto 36px;
    gap: var(--op-space-2);
}

.component-schema-row-body[b-9swoig8kt6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--op-space-2);
    margin-top: var(--op-space-2);
}

.component-schema-number-group[b-9swoig8kt6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--op-space-2);
}

.component-schema-json[b-9swoig8kt6] {
    padding: var(--op-space-3);
}

.component-schema-code[b-9swoig8kt6] {
    font-family: Consolas, "Courier New", monospace;
    font-size: var(--op-font-size-xs);
}

.component-schema-json-actions[b-9swoig8kt6] {
    justify-content: flex-end;
    margin-top: var(--op-space-2);
}

@media (max-width: 900px) {
    .component-schema-row-head[b-9swoig8kt6],
    .component-schema-row-body[b-9swoig8kt6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .component-schema-toolbar[b-9swoig8kt6] {
        align-items: flex-start;
    }
}
/* /Shared/FlowCanvas.razor.rz.scp.css */
.flow-canvas-layout[b-8jwyh9b2dp] {
    position: relative;
    display: grid;
    /* 组件列 160px 会把「YOLO 图像分类训练/评估/预测」这类标题全截成同一个省略号串，
       属性列 332px 装不下四个分页，所以两列都要留出真实内容需要的宽度。 */
    grid-template-columns: 204px minmax(320px, 1fr) 364px;
    grid-template-rows: minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
}

.flow-canvas-layout-readonly[b-8jwyh9b2dp] {
    grid-template-columns: minmax(0, 1fr) 320px;
}

.flow-canvas-layout-empty[b-8jwyh9b2dp] {
    grid-template-columns: 204px minmax(0, 1fr);
}

.flow-canvas-layout-empty.flow-canvas-layout-readonly[b-8jwyh9b2dp] {
    grid-template-columns: minmax(0, 1fr);
}

.flow-canvas-layout-empty .flow-canvas-properties[b-8jwyh9b2dp] {
    display: none;
}

.flow-canvas-palette[b-8jwyh9b2dp],
.flow-canvas-properties[b-8jwyh9b2dp] {
    overflow: auto;
    min-height: 0;
    max-height: 100%;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
}

.flow-canvas-palette[b-8jwyh9b2dp] {
    padding: 8px;
}

.flow-palette-section-title[b-8jwyh9b2dp] {
    margin: 8px 0 4px;
    color: var(--op-color-text-3);
    font-size: 11px;
}

.flow-palette-tree-toggle[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 14px;
    align-items: center;
    width: 100%;
    min-height: 34px;
    margin: 2px 0 6px;
    padding: 6px 8px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
    color: var(--op-color-text-1);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.flow-palette-tree-toggle:hover[b-8jwyh9b2dp] {
    border-color: var(--op-color-primary);
    color: var(--op-color-primary);
}

.flow-palette-tree-toggle > span[b-8jwyh9b2dp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-palette-tree-children[b-8jwyh9b2dp] {
    display: none;
    margin-left: 10px;
    padding-left: 8px;
    border-left: 1px solid var(--op-color-border);
}

.flow-palette-tree-children.is-expanded[b-8jwyh9b2dp] {
    display: block;
}

.flow-palette-tree-subtoggle[b-8jwyh9b2dp] {
    min-height: 30px;
    margin: 2px 0 4px;
    padding: 4px 6px;
    border-color: transparent;
    background: transparent;
    font-weight: 500;
}

.flow-palette-tree-subtoggle:hover[b-8jwyh9b2dp] {
    background: var(--op-color-bg-page);
}

.flow-palette-tree-grandchildren[b-8jwyh9b2dp] {
    margin: 0 0 6px 8px;
    padding-left: 7px;
}

.flow-palette-item[b-8jwyh9b2dp] {
    min-width: 0;
    margin-bottom: 6px;
    padding: 6px 8px;
    overflow: hidden;
    border: 1px solid var(--op-color-primary-border);
    border-radius: 6px;
    background: var(--op-color-primary-bg);
    color: var(--op-color-text-1);
    cursor: grab;
    font-size: 12px;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
}

.flow-canvas-stage[b-8jwyh9b2dp] {
    display: flex;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    flex-direction: column;
}

.flow-canvas-toolbar[b-8jwyh9b2dp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.flow-canvas-cluster-control[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: max-content minmax(150px, 220px);
    gap: 7px;
    align-items: center;
    min-width: 0;
}

.flow-canvas-cluster-control > span[b-8jwyh9b2dp] {
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 600;
}

.flow-canvas-cluster-control[b-8jwyh9b2dp]  .ant-select {
    width: 100%;
    min-width: 0;
}

.flow-canvas-cluster-control[b-8jwyh9b2dp]  .ant-select-selection-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-canvas-properties[b-8jwyh9b2dp] {
    padding: 12px;
    min-width: 0;
    overflow-x: hidden;
}

/* 单列 grid 的隐式列宽是 auto，也就是 minmax(min-content, auto)：
   只要有一个子元素（这里是 nowrap 的分页导航）的 min-content 超过容器，
   列宽就会被顶宽，父级的 min-width:0 拦不住。属性面板又是 overflow-x:hidden，
   顶出去的部分直接被裁到看不见——必须显式写 minmax(0, 1fr) 把列锁在容器内。 */
.flow-node-form[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
}

.flow-node-form[b-8jwyh9b2dp]  .ant-select,
.flow-node-form[b-8jwyh9b2dp]  .ant-input,
.flow-node-form[b-8jwyh9b2dp]  .ant-input-number,
.flow-node-form[b-8jwyh9b2dp]  .ant-input-affix-wrapper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.flow-node-form[b-8jwyh9b2dp]  .ant-select-selector,
.flow-node-form[b-8jwyh9b2dp]  .ant-select-selection-search,
.flow-node-form[b-8jwyh9b2dp]  .ant-select-selection-item {
    min-width: 0;
    max-width: 100%;
}

.flow-node-form[b-8jwyh9b2dp]  .ant-select-selection-item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-node-form[b-8jwyh9b2dp]  input {
    min-width: 0;
    text-overflow: ellipsis;
}

.flow-node-form label[b-8jwyh9b2dp] {
    margin-top: 2px;
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 600;
}

/* 标签行：字段名 + 参数说明问号。问号不参与换行挤压，说明再长也只在 tooltip 里。 */
.flow-schema-field label[b-8jwyh9b2dp] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.flow-schema-field label > span[b-8jwyh9b2dp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-schema-field[b-8jwyh9b2dp]  .flow-schema-tip {
    flex: none;
    color: var(--op-color-text-4);
    cursor: help;
    font-size: 12px;
}

.flow-schema-field[b-8jwyh9b2dp]  .flow-schema-tip:hover {
    color: var(--op-color-primary);
}

/* 高级配置折叠区：标题行本身是按钮，形态跟左侧组件分类的折叠头保持一致。 */
.flow-schema-advanced[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    padding-top: 8px;
    border-top: 1px solid var(--op-color-split);
}

.flow-schema-advanced-toggle[b-8jwyh9b2dp] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--op-color-text-3);
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-align: left;
}

.flow-schema-advanced-toggle:hover[b-8jwyh9b2dp] {
    color: var(--op-color-primary);
}

.flow-schema-advanced-count[b-8jwyh9b2dp] {
    margin-right: auto;
    color: var(--op-color-text-4);
    font-weight: 400;
    letter-spacing: 0;
}

.flow-node-form-intro[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--op-color-split);
}

.flow-node-form-intro strong[b-8jwyh9b2dp] {
    color: var(--op-color-text-1);
    font-size: 14px;
}

.flow-node-form-intro span[b-8jwyh9b2dp] {
    color: var(--op-color-text-3);
    font-size: 12px;
    line-height: 1.5;
}

.flow-node-resource-grid[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.flow-node-resource-grid > div[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    min-width: 0;
}

.flow-node-prefixes[b-8jwyh9b2dp],
.flow-node-form-actions[b-8jwyh9b2dp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.flow-node-prefixes[b-8jwyh9b2dp]  .ant-btn {
    max-width: 100%;
    overflow: hidden;
}

.flow-node-prefixes[b-8jwyh9b2dp]  .ant-btn > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-node-form-actions[b-8jwyh9b2dp] {
    margin-top: 4px;
}

.flow-schema-field[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    min-width: 0;
}

.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-nav {
    margin-bottom: 10px;
}

.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-nav,
.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-nav-wrap,
.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-nav-list,
.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-content-holder,
.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-content {
    min-width: 0;
    max-width: 100%;
}

.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-tab {
    padding: 6px 2px;
    font-size: 13px;
}

/* antd 横向分页默认相邻间距 32px，四个分页加起来 333px，
   比属性列内容区还宽，最后一个分页「执行命令」会被裁掉。 */
.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 10px;
}

/* 只给当前激活的分页设 display，绝不能写在 .ant-tabs-tabpane 上：
   antd 靠 .ant-tabs-tabpane-hidden{display:none} 隐藏未激活分页，那条规则只有一个类的权重，
   而 scoped css 编译出来是 .flow-node-form[b-xxx] .flow-node-tabs .ant-tabs-tabpane，权重更高，
   会把隐藏规则顶掉——结果就是点分页不切换，三页内容全叠在一起往下排。 */
.flow-node-form[b-8jwyh9b2dp]  .flow-node-tabs .ant-tabs-tabpane-active {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
}

.flow-schema-group[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
}

.flow-schema-group-title[b-8jwyh9b2dp] {
    color: var(--op-color-text-3);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.flow-schema-group + .flow-schema-group[b-8jwyh9b2dp],
.flow-io-section + .flow-io-section[b-8jwyh9b2dp] {
    padding-top: 8px;
    border-top: 1px solid var(--op-color-split);
}

.flow-io-section[b-8jwyh9b2dp] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.flow-io-port[b-8jwyh9b2dp] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.flow-io-port-head[b-8jwyh9b2dp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.flow-io-port-name[b-8jwyh9b2dp] {
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 600;
}

.flow-io-port-type[b-8jwyh9b2dp] {
    padding: 0 6px;
    border-radius: 9px;
    background: var(--op-color-menu-selected);
    color: var(--op-color-primary);
    font-size: 11px;
    line-height: 18px;
}

.flow-io-bound[b-8jwyh9b2dp] {
    overflow: hidden;
    padding: 4px 10px;
    border: 1px solid var(--op-color-split);
    border-radius: 4px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-1);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-io-bound-empty[b-8jwyh9b2dp],
.flow-io-empty[b-8jwyh9b2dp] {
    color: var(--op-color-text-3);
}

.flow-io-empty[b-8jwyh9b2dp] {
    font-size: 12px;
    line-height: 1.6;
}

.flow-schema-control[b-8jwyh9b2dp] {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    box-sizing: border-box;
    padding: 4px 10px;
    border: 1px solid var(--op-color-border);
    border-radius: 4px;
    outline: none;
    background: var(--op-color-bg-card);
    color: var(--op-color-text-1);
    font: inherit;
    font-size: 13px;
}

.flow-schema-control:hover[b-8jwyh9b2dp],
.flow-schema-control:focus[b-8jwyh9b2dp] {
    border-color: var(--op-color-primary);
}

.flow-schema-path-row[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 6px;
    align-items: center;
}

.flow-schema-path-row .ant-btn[b-8jwyh9b2dp] {
    width: 34px;
    min-width: 34px;
    padding: 0;
}

.flow-schema-textarea[b-8jwyh9b2dp] {
    min-height: 76px;
    resize: vertical;
    font-family: Consolas, Monaco, monospace;
}

.flow-schema-help[b-8jwyh9b2dp],
.flow-schema-contract[b-8jwyh9b2dp] {
    color: var(--op-color-text-3);
    font-size: 11px;
    line-height: 1.45;
}

.flow-schema-contract[b-8jwyh9b2dp] {
    color: var(--op-color-primary);
}

.flow-schema-help-warning[b-8jwyh9b2dp] {
    color: var(--op-color-warning);
}

/* 字段下方的次要操作（清除镜像等）：走链接形态，不占一行按钮的高度。 */
.flow-schema-inline-action[b-8jwyh9b2dp] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--op-color-primary);
    font-size: 11px;
    line-height: 1.45;
    cursor: pointer;
}

.flow-schema-inline-action:hover[b-8jwyh9b2dp] {
    text-decoration: underline;
}

/* YOLO 组件的“执行命令”页：命令要能整条看清，所以允许换行而不是横向滚动。 */
.flow-command-block[b-8jwyh9b2dp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.flow-command-text[b-8jwyh9b2dp] {
    margin: 0;
    padding: 9px 10px;
    border: 1px solid var(--op-color-border);
    border-radius: 4px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-1);
    font-family: Consolas, Monaco, monospace;
    font-size: 11px;
    line-height: 1.65;
    white-space: pre-wrap;
    word-break: break-all;
}

.flow-command-meta[b-8jwyh9b2dp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 11px;
    line-height: 1.5;
}

.flow-command-meta > div[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 8px;
    align-items: baseline;
}

.flow-command-meta span:first-child[b-8jwyh9b2dp] {
    color: var(--op-color-text-3);
}

.flow-command-meta code[b-8jwyh9b2dp] {
    padding: 1px 4px;
    border-radius: 3px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-1);
    font-family: Consolas, Monaco, monospace;
    word-break: break-all;
}

.flow-source-tab[b-8jwyh9b2dp] {
    margin: 0 -12px 2px;
    padding: 9px 12px;
    background: var(--op-color-primary);
    color: var(--op-color-text-inverse);
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.flow-path-picker-row[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 6px;
    align-items: center;
}

.flow-path-picker-row[b-8jwyh9b2dp]  .ant-btn {
    width: 34px;
    min-width: 34px;
    padding: 0;
}

.flow-model-source-options[b-8jwyh9b2dp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.flow-model-source-options[b-8jwyh9b2dp]  .ant-radio-button-wrapper {
    border: 1px solid var(--op-color-border);
    border-radius: 4px;
}

.flow-model-source-options[b-8jwyh9b2dp]  .ant-radio-button-wrapper::before {
    display: none;
}

.flow-property-tabs[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid var(--op-color-split);
}

.flow-property-tab[b-8jwyh9b2dp] {
    min-height: 38px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--op-color-text-2);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
}

.flow-property-tab:hover[b-8jwyh9b2dp] {
    color: var(--op-color-primary);
}

.flow-property-tab.is-active[b-8jwyh9b2dp] {
    border-bottom-color: var(--op-color-primary);
    color: var(--op-color-primary);
    font-weight: 600;
}

.flow-property-panel[b-8jwyh9b2dp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    padding-top: 4px;
}

@media (max-width: 1180px) {
    .flow-canvas-layout[b-8jwyh9b2dp] {
        grid-template-columns: 196px minmax(320px, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }

    .flow-canvas-stage[b-8jwyh9b2dp] {
        min-height: 0;
    }

    .flow-canvas-properties[b-8jwyh9b2dp] {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(364px, calc(100% - 172px));
        max-height: none;
        box-shadow: -10px 0 24px rgba(31, 45, 61, .12);
    }

    .flow-canvas-layout-readonly[b-8jwyh9b2dp] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }

    .flow-canvas-layout-readonly .flow-canvas-properties[b-8jwyh9b2dp] {
        width: min(320px, 82%);
    }
}

@media (max-width: 900px) {
    .flow-canvas-layout[b-8jwyh9b2dp] {
        grid-template-columns: 120px minmax(260px, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }

    .flow-canvas-properties[b-8jwyh9b2dp] {
        width: min(320px, calc(100% - 136px));
    }

    .flow-canvas-layout-readonly[b-8jwyh9b2dp] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr);
    }

    .flow-canvas-layout-readonly .flow-canvas-stage[b-8jwyh9b2dp] {
        min-height: 0;
        max-height: 100%;
    }
}

@media (max-width: 560px) {
    .flow-canvas-layout[b-8jwyh9b2dp] {
        grid-template-columns: 1fr;
        grid-template-rows: 104px minmax(260px, 1fr);
    }

    .flow-canvas-palette[b-8jwyh9b2dp] {
        grid-column: 1;
    }

    .flow-canvas-properties[b-8jwyh9b2dp],
    .flow-canvas-layout-readonly .flow-canvas-properties[b-8jwyh9b2dp] {
        width: 100%;
    }
}
/* /Shared/GlobalRequestLoadingOverlay.razor.rz.scp.css */
.sd-global-request-loading[b-y662e7eu1d] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: var(--op-space-4);
    background: rgba(31, 35, 41, 0.28);
    cursor: wait;
    outline: none;
}

.sd-global-request-loading__panel[b-y662e7eu1d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--op-space-3);
    min-width: 196px;
    min-height: 64px;
    padding: var(--op-space-4) var(--op-space-6);
    color: var(--op-color-text-2);
    font-size: var(--op-font-size-base);
    font-weight: 500;
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-md);
    box-shadow: var(--op-shadow-card-hover);
}

.sd-global-request-loading__panel :deep(.anticon)[b-y662e7eu1d] {
    color: var(--op-color-primary);
    font-size: 22px;
}

@media (max-width: 600px) {
    .sd-global-request-loading__panel[b-y662e7eu1d] {
        width: min(100%, 280px);
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sd-global-request-loading__panel :deep(.anticon-spin)[b-y662e7eu1d] {
        animation-duration: 1.8s;
    }
}
/* /Shared/MetadataTagPicker.razor.rz.scp.css */
.metadata-tag-picker[b-eh4xh31srk] { display: grid; gap: 14px; }
.metadata-tag-form[b-eh4xh31srk] { display: grid; gap: 10px; }
.metadata-tag-header[b-eh4xh31srk], .metadata-tag-row[b-eh4xh31srk] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 32px; gap: 12px; align-items: center; }
.metadata-tag-header[b-eh4xh31srk] { color: var(--op-color-text-3); font-size: 12px; }
.metadata-tag-add[b-eh4xh31srk] { justify-self: start; }
.metadata-tag-state[b-eh4xh31srk] { display: grid; place-items: center; min-height: 180px; }
.metadata-tag-legacy[b-eh4xh31srk] { display: grid; gap: 8px; padding-top: 4px; border-top: 1px solid var(--op-color-border); }
.metadata-tag-section-title[b-eh4xh31srk], .metadata-tag-count[b-eh4xh31srk] { color: var(--op-color-text-3); font-size: 13px; }
.metadata-tag-legacy-list[b-eh4xh31srk] { display: flex; flex-wrap: wrap; gap: 6px; }
.metadata-tag-legacy-item[b-eh4xh31srk] { display: inline-flex; align-items: center; gap: 2px; }
.metadata-tag-legacy-item button[b-eh4xh31srk] { display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: var(--op-color-text-3); cursor: pointer; }
.metadata-tag-legacy-item button:hover[b-eh4xh31srk] { color: var(--op-color-error); }
.metadata-tag-actions[b-eh4xh31srk] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding-top: 16px; border-top: 1px solid var(--op-color-border); }
.metadata-tag-count[b-eh4xh31srk] { margin-right: auto; }
@media (max-width: 640px) {
    .metadata-tag-header[b-eh4xh31srk] { display: none; }
    .metadata-tag-row[b-eh4xh31srk] { grid-template-columns: minmax(0, 1fr) 32px; align-items: start; }
    .metadata-tag-row > :nth-child(2)[b-eh4xh31srk] { grid-column: 1; }
    .metadata-tag-row > :last-child[b-eh4xh31srk] { grid-column: 2; grid-row: 1; }
}
/* /Shared/NotificationDropdown.razor.rz.scp.css */
.op-notification[b-jbdr12cett] {
    display: inline-flex;
    align-items: center;
}

.op-notification-menu[b-jbdr12cett] {
    width: min(380px, calc(100vw - 80px));
    padding: 0;
    overflow: hidden;
}

.op-notification-header[b-jbdr12cett] {
    min-height: 48px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--op-color-split);
}

.op-notification-header-actions[b-jbdr12cett] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.op-notification-list[b-jbdr12cett] {
    max-height: min(430px, calc(100vh - 120px));
    overflow-y: auto;
}

.op-notification-state[b-jbdr12cett] {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--op-color-text-4);
}

.op-notification-item[b-jbdr12cett] {
    width: 100%;
    min-height: 92px;
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid var(--op-color-split);
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 8px;
    gap: 11px;
    align-items: start;
    background: var(--op-color-bg-card);
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.op-notification-item:hover[b-jbdr12cett],
.op-notification-item.is-unread:hover[b-jbdr12cett] {
    background: var(--op-color-bg-hover);
}

.op-notification-item.is-unread[b-jbdr12cett] {
    background: var(--op-color-primary-bg);
}

.op-notification-icon[b-jbdr12cett] {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
}

.op-notification-icon.type-dlc[b-jbdr12cett],
.op-notification-icon.type-automl[b-jbdr12cett] { color: var(--op-color-success); background: var(--op-color-bg-tile); }
.op-notification-icon.type-eas[b-jbdr12cett] { color: var(--op-color-accent); background: var(--op-color-accent-bg); }
.op-notification-icon.type-designer[b-jbdr12cett] { color: var(--op-color-primary-hover); background: var(--op-color-menu-selected); }
.op-notification-icon.type-eval[b-jbdr12cett] { color: var(--op-color-warning); background: var(--op-color-accent-bg); }

.op-notification-copy[b-jbdr12cett] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.op-notification-title[b-jbdr12cett] {
    color: var(--op-color-text-1);
    font-weight: 600;
    line-height: 20px;
}

.op-notification-content[b-jbdr12cett] {
    color: var(--op-color-text-3);
    font-size: 13px;
    line-height: 19px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.op-notification-time[b-jbdr12cett] {
    color: var(--op-color-text-4);
    font-size: 12px;
    line-height: 18px;
}

.op-notification-dot[b-jbdr12cett] {
    width: 7px;
    height: 7px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--op-color-primary);
}

[b-jbdr12cett] .op-shell-notification-button.ant-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    color: var(--op-color-text-3);
}

[b-jbdr12cett] .op-shell-notification-button.ant-btn:hover {
    color: var(--op-color-primary);
    background: var(--op-color-primary-bg);
}

.op-notification[b-jbdr12cett]  .ant-badge-count {
    top: 8px;
}
/* /Shared/ObjectStorage/FileExplorer.razor.rz.scp.css */
.object-explorer[b-jjdd9iyj7e] { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.object-explorer-toolbar[b-jjdd9iyj7e] { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.object-explorer-location[b-jjdd9iyj7e], .object-explorer-breadcrumb[b-jjdd9iyj7e], .object-explorer-actions[b-jjdd9iyj7e] { display: flex; align-items: center; gap: 4px; min-width: 0; }
.object-explorer-location[b-jjdd9iyj7e] { flex: 1 1 auto; gap: 8px; }
.object-explorer-breadcrumb[b-jjdd9iyj7e] { overflow: hidden; }
.object-explorer-actions[b-jjdd9iyj7e] { flex: 0 0 auto; }
.object-explorer-file-input[b-jjdd9iyj7e] { display: none; }
.object-explorer-table-wrap[b-jjdd9iyj7e] { flex: 1 1 auto; min-height: 0; overflow: auto; border-top: 1px solid var(--op-color-border); scrollbar-gutter: stable; }
.object-explorer-table[b-jjdd9iyj7e] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.object-explorer-table th[b-jjdd9iyj7e] { position: sticky; top: 0; z-index: 1; color: var(--op-color-text-3); font-size: 12px; font-weight: 600; text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
.object-explorer-table td[b-jjdd9iyj7e] { padding: 10px 12px; border-bottom: 1px solid var(--op-color-split); color: var(--op-color-text-2); }
.object-explorer-table th:nth-child(1)[b-jjdd9iyj7e] { width: 45%; }
.object-explorer-table th:nth-child(2)[b-jjdd9iyj7e] { width: 14%; }
.object-explorer-table th:nth-child(3)[b-jjdd9iyj7e] { width: 21%; }
.object-explorer-operations[b-jjdd9iyj7e] { width: 280px; text-align: right !important; white-space: nowrap; }
.object-explorer-name[b-jjdd9iyj7e] { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; border: 0; background: transparent; color: var(--op-color-primary); cursor: pointer; padding: 0; text-align: left; }
.object-explorer-name span[b-jjdd9iyj7e] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.object-explorer-more[b-jjdd9iyj7e] { display: flex; justify-content: center; padding: 14px; }
.object-explorer-dialog-actions[b-jjdd9iyj7e] { display: flex; justify-content: flex-end; gap: 8px; }
.object-explorer-delete-name[b-jjdd9iyj7e] { overflow-wrap: anywhere; color: var(--op-color-text-2); background: var(--op-color-bg-hover); padding: 10px; border-radius: var(--op-radius-base); }
.object-explorer-dialog-path[b-jjdd9iyj7e] { overflow-wrap: anywhere; color: var(--op-color-text-3); background: var(--op-color-bg-hover); padding: 9px 10px; border-radius: var(--op-radius-base); }
.object-explorer-tag-list[b-jjdd9iyj7e] { display: flex; flex-wrap: wrap; gap: 6px; }
.object-explorer-tag[b-jjdd9iyj7e] { display: inline-flex; max-width: 100%; overflow-wrap: anywhere; padding: 2px 7px; border: 1px solid var(--op-color-border); border-radius: var(--op-radius-base); background: var(--op-color-bg-tile); color: var(--op-color-text-2); }
.object-explorer-tag-editor[b-jjdd9iyj7e] { display: grid; gap: 10px; margin: 12px 0 18px; }
.object-explorer-tag-row[b-jjdd9iyj7e] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px; gap: 8px; align-items: center; }
.object-explorer-tag-input[b-jjdd9iyj7e] { width: 100%; min-width: 0; height: 32px; padding: 4px 10px; border: 1px solid var(--op-color-border); border-radius: var(--op-radius-base); color: var(--op-color-text-2); }
.object-explorer-tag-input:focus[b-jjdd9iyj7e] { border-color: var(--op-color-primary); outline: none; box-shadow: 0 0 0 2px rgba(22, 119, 255, .1); }
.object-explorer-empty-hint[b-jjdd9iyj7e] { padding: 16px; color: var(--op-color-text-4); text-align: center; border: 1px dashed var(--op-color-border); }
.object-explorer-modal-loading[b-jjdd9iyj7e] { display: flex; justify-content: center; padding: 36px; }
.object-explorer-version-wrap[b-jjdd9iyj7e] { max-height: 440px; overflow: auto; border: 1px solid var(--op-color-border); }
.object-explorer-version-table[b-jjdd9iyj7e] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.object-explorer-version-table th[b-jjdd9iyj7e], .object-explorer-version-table td[b-jjdd9iyj7e] { padding: 9px 10px; border-bottom: 1px solid var(--op-color-border); text-align: left; }
.object-explorer-version-table th[b-jjdd9iyj7e] { color: var(--op-color-text-3); font-size: 12px; background: var(--op-color-bg-tile); }
.object-explorer-version-table th:nth-child(1)[b-jjdd9iyj7e] { width: 29%; }
.object-explorer-version-table th:nth-child(2)[b-jjdd9iyj7e] { width: 15%; }
.object-explorer-version-table th:nth-child(3)[b-jjdd9iyj7e] { width: 30%; }
.object-explorer-version-table th:nth-child(4)[b-jjdd9iyj7e] { width: 26%; }
.object-explorer-version-actions[b-jjdd9iyj7e] { white-space: nowrap; }
.object-explorer-current[b-jjdd9iyj7e] { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: var(--op-radius-sm); background: var(--op-color-bg-hover); color: var(--op-color-success); font-size: 11px; }
.object-explorer-preview-meta[b-jjdd9iyj7e] { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-width: 0; margin-bottom: 10px; color: var(--op-color-text-3); font-size: 12px; }
.object-explorer-preview-meta span[b-jjdd9iyj7e] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.object-explorer-preview-stage[b-jjdd9iyj7e] { display: flex; align-items: center; justify-content: center; width: 100%; height: min(62vh, 680px); min-height: 360px; overflow: hidden; border: 1px solid var(--op-color-border); background: var(--op-color-primary-bg); }
.object-explorer-preview-state[b-jjdd9iyj7e] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; color: var(--op-color-text-3); text-align: center; }
.object-explorer-preview-state :deep(.anticon)[b-jjdd9iyj7e] { font-size: 32px; color: var(--op-color-text-4); }
.object-explorer-preview-image[b-jjdd9iyj7e], .object-explorer-preview-video[b-jjdd9iyj7e] { display: block; width: 100%; height: 100%; object-fit: contain; background: var(--op-color-bg-card); }
.object-explorer-preview-frame[b-jjdd9iyj7e] { display: block; width: 100%; height: 100%; border: 0; background: var(--op-color-bg-card); }
.object-explorer-preview-audio-wrap[b-jjdd9iyj7e] { display: flex; flex-direction: column; align-items: center; width: min(520px, 90%); gap: 16px; color: var(--op-color-text-2); text-align: center; }
.object-explorer-preview-audio-wrap :deep(.anticon)[b-jjdd9iyj7e] { font-size: 52px; color: var(--op-color-text-3); }
.object-explorer-preview-audio[b-jjdd9iyj7e] { width: 100%; }
.object-explorer-preview-footer[b-jjdd9iyj7e] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
@media (max-width: 900px) { .object-explorer-toolbar[b-jjdd9iyj7e] { align-items: stretch; flex-direction: column; } .object-explorer-actions[b-jjdd9iyj7e] { justify-content: flex-end; } }
@media (max-width: 760px) { .object-explorer-actions[b-jjdd9iyj7e] { flex-wrap: wrap; } .object-explorer-table th:nth-child(2)[b-jjdd9iyj7e], .object-explorer-table td:nth-child(2)[b-jjdd9iyj7e], .object-explorer-table th:nth-child(3)[b-jjdd9iyj7e], .object-explorer-table td:nth-child(3)[b-jjdd9iyj7e] { display: none; } .object-explorer-operations[b-jjdd9iyj7e] { width: 220px; } .object-explorer-tag-row[b-jjdd9iyj7e] { grid-template-columns: minmax(0, 1fr) 34px; } .object-explorer-tag-row .object-explorer-tag-input:nth-child(2)[b-jjdd9iyj7e] { grid-column: 1; } .object-explorer-preview-stage[b-jjdd9iyj7e] { height: 54vh; min-height: 280px; } .object-explorer-preview-meta[b-jjdd9iyj7e] { align-items: flex-start; flex-direction: column; gap: 4px; } }

/* id 目录的业务友好名称徽标（如数据集/版本名） */
.object-explorer-alias[b-jjdd9iyj7e] {
    flex: 0 0 auto;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px 8px;
    border-radius: 10px;
    background: var(--op-color-primary-bg);
    color: var(--op-color-primary);
    font-size: 12px;
    line-height: 18px;
}
/* /Shared/ObjectStorage/MinioConfigDialog.razor.rz.scp.css */
.minio-config-dialog[b-isxn42d6gb] { min-height: 180px; }
.minio-config-loading[b-isxn42d6gb] { display: flex; align-items: center; justify-content: center; min-height: 180px; }
.minio-config-heading[b-isxn42d6gb] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--op-color-split); }
.minio-config-title[b-isxn42d6gb] { margin-bottom: 4px; color: var(--op-color-text-1); font-size: 16px; font-weight: 600; }
.minio-config-grid[b-isxn42d6gb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 18px 0; }
.minio-config-span-2[b-isxn42d6gb] { grid-column: span 2; }
.minio-config-result[b-isxn42d6gb] { margin-top: 2px; }
.minio-config-capabilities[b-isxn42d6gb] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.minio-config-actions[b-isxn42d6gb] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--op-color-split); }

@media (max-width: 760px) {
    .minio-config-grid[b-isxn42d6gb] { grid-template-columns: 1fr; }
    .minio-config-span-2[b-isxn42d6gb] { grid-column: auto; }
    .minio-config-actions[b-isxn42d6gb] { flex-wrap: wrap; }
}
/* /Shared/ObjectStorage/ObjectPathPicker.razor.rz.scp.css */
.object-path-picker[b-pygag4afgy] { display: grid; gap: 16px; min-width: 0; }
.object-path-picker-toolbar[b-pygag4afgy] { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.object-path-picker-location[b-pygag4afgy] { display: flex; align-items: center; gap: 8px; }
.object-path-picker-location > span[b-pygag4afgy] { color: var(--op-color-text-3); font-size: 13px; }
.object-path-picker-explorer[b-pygag4afgy] { min-height: 320px; max-height: 52vh; overflow-y: auto; border: 1px solid var(--op-color-border); padding: 12px; }
.object-path-picker-selection[b-pygag4afgy] { display: grid; gap: 8px; }
.object-path-picker-selection-label[b-pygag4afgy] { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--op-color-text-3); font-size: 13px; }
.object-path-picker-selection-value[b-pygag4afgy] { min-height: 38px; display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: center; gap: 4px; padding: 3px 4px 3px 11px; border: 1px solid var(--op-color-border); background: var(--op-color-bg-hover); }
.object-path-picker-selection-value code[b-pygag4afgy] { overflow: hidden; color: var(--op-color-text-2); font-family: Consolas, monospace; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.object-path-picker-footer[b-pygag4afgy] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 16px; border-top: 1px solid var(--op-color-border); }
@media (max-width: 760px) {
    .object-path-picker-toolbar[b-pygag4afgy] { align-items: stretch; flex-direction: column; }
    .object-path-picker-location[b-pygag4afgy] { display: grid; grid-template-columns: auto minmax(0, 1fr) 32px; }
    .object-path-picker-location :deep(.ant-select)[b-pygag4afgy] { width: 100% !important; }
    .object-path-picker-explorer[b-pygag4afgy] { min-height: 280px; max-height: 48vh; padding: 8px; }
}
/* /Shared/PageLoadingOverlay.razor.rz.scp.css */
.sd-page-loading-overlay[b-tthfc8rtdk] {
    position: absolute;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    background: rgba(248, 250, 252, 0.78);
    backdrop-filter: blur(1px);
}

.sd-page-loading-content[b-tthfc8rtdk] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 164px;
    min-height: 64px;
    padding: 14px 22px;
    color: var(--op-color-text-2);
    font-size: 14px;
    font-weight: 500;
    background: var(--op-color-bg-card);
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-md);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
}

.sd-page-loading-content :deep(.anticon)[b-tthfc8rtdk] {
    color: var(--op-color-primary);
    font-size: 22px;
}

@media (prefers-reduced-motion: reduce) {
    .sd-page-loading-content :deep(.anticon-spin)[b-tthfc8rtdk] {
        animation-duration: 1.8s;
    }
}
/* /Shared/TimeRangeFilter.razor.rz.scp.css */
.op-time-range-filter[b-bk76s25zo8] { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.op-time-range-label[b-bk76s25zo8] { flex: 0 0 auto; color: var(--op-color-text-4); font-size: 12px; }
.op-time-range-dropdown[b-bk76s25zo8] { position: relative; min-width: 0; }
.op-time-range-trigger[b-bk76s25zo8] { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; width: 168px; min-height: 34px; padding: 0 11px; border: 1px solid var(--op-color-border); border-radius: 5px; color: var(--op-color-text-3); background: var(--op-color-bg-card); font: inherit; font-size: 12px; cursor: pointer; }
.op-time-range-trigger span:nth-child(2)[b-bk76s25zo8] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.op-time-range-trigger:hover:not(:disabled)[b-bk76s25zo8], .op-time-range-trigger.is-open[b-bk76s25zo8] { color: var(--op-color-primary); border-color: var(--op-color-primary); box-shadow: 0 0 0 2px var(--op-color-primary-bg); }
.op-time-range-trigger:disabled[b-bk76s25zo8] { cursor: wait; opacity: .65; }
.op-time-range-backdrop[b-bk76s25zo8] { position: fixed; z-index: 40; inset: 0; width: 100vw; height: 100vh; padding: 0; border: 0; background: transparent; cursor: default; }
.op-time-range-popover[b-bk76s25zo8] { position: absolute; z-index: 41; top: calc(100% + 7px); left: 0; width: min(400px, calc(100vw - 24px)); overflow: hidden; border: 1px solid var(--op-color-border); border-radius: 6px; background: var(--op-color-bg-card); box-shadow: var(--op-shadow-card-hover); }
.op-time-range-presets[b-bk76s25zo8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 10px; padding: 10px; }
.op-time-range-presets button[b-bk76s25zo8] { min-height: 32px; padding: 0 12px; border: 0; border-radius: 5px; color: var(--op-color-text-3); background: transparent; font: inherit; font-size: 13px; cursor: pointer; }
.op-time-range-presets button:hover[b-bk76s25zo8], .op-time-range-presets button.is-active[b-bk76s25zo8] { color: var(--op-color-primary); background: var(--op-color-primary-bg); }
.op-time-range-presets button.is-active[b-bk76s25zo8] { font-weight: 600; }
.op-time-range-custom[b-bk76s25zo8] { padding: 11px 14px 13px; border-top: 1px solid var(--op-color-split); border-bottom: 1px solid var(--op-color-split); }
.op-time-range-custom-title[b-bk76s25zo8] { margin-bottom: 8px; color: var(--op-color-text-3); font-size: 12px; }
.op-time-range-custom :deep(.ant-picker)[b-bk76s25zo8] { width: 100%; }
.op-time-range-actions[b-bk76s25zo8] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 9px 12px 9px 14px; }
.op-time-range-actions > span[b-bk76s25zo8] { min-width: 0; overflow: hidden; color: var(--op-color-text-4); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 600px) {
    .op-time-range-filter[b-bk76s25zo8], .op-time-range-dropdown[b-bk76s25zo8], .op-time-range-trigger[b-bk76s25zo8] { width: 100%; }
    .op-time-range-popover[b-bk76s25zo8] { left: 0; }
}
/* /Shared/Training/DatasetMountEditor.razor.rz.scp.css */
.dataset-mount-header[b-p6cn2oewxz] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.dataset-mount-hint[b-p6cn2oewxz] { color: var(--op-color-text-3); font-size: 12px; line-height: 18px; }
.dataset-mount-row[b-p6cn2oewxz] { display: grid; grid-template-columns: minmax(220px, 1.25fr) minmax(190px, .9fr) auto auto; gap: 10px; align-items: center; padding: 10px 0; }
.dataset-mount-row + .dataset-mount-row[b-p6cn2oewxz] { border-top: 1px solid var(--op-color-border); }
.dataset-mount-identity[b-p6cn2oewxz] { min-width: 0; }
.dataset-mount-title[b-p6cn2oewxz] { color: var(--op-color-text-1); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dataset-mount-id[b-p6cn2oewxz] { margin-top: 4px; color: var(--op-color-text-4); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dataset-mount-path[b-p6cn2oewxz] { width: 100%; }
@media (max-width: 760px) {
    .dataset-mount-header[b-p6cn2oewxz] { align-items: stretch; flex-direction: column; }
    .dataset-mount-row[b-p6cn2oewxz] { grid-template-columns: minmax(0, 1fr) auto auto; }
    .dataset-mount-identity[b-p6cn2oewxz], .dataset-mount-path[b-p6cn2oewxz] { grid-column: 1 / -1; }
}
/* /Shared/Training/DatasetVersionPicker.razor.rz.scp.css */
.dataset-picker-shell[b-f54g64e3gm] { height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.dataset-picker-storage-tabs[b-f54g64e3gm] { display: flex; flex-wrap: wrap; align-items: stretch; border-bottom: 1px solid var(--op-color-border); overflow: visible; }
.dataset-picker-storage-tabs button[b-f54g64e3gm] { height: 44px; padding: 0 18px; border: 0; border-bottom: 2px solid transparent; background: var(--op-color-bg-card); color: var(--op-color-text-2); cursor: pointer; white-space: nowrap; }
.dataset-picker-storage-tabs button.active[b-f54g64e3gm] { border-bottom-color: var(--op-color-primary); color: var(--op-color-primary); font-weight: 600; }
.dataset-picker-storage-tabs span[b-f54g64e3gm] { display: inline-grid; min-width: 20px; height: 20px; margin-left: 4px; place-items: center; border-radius: 10px; background: var(--op-color-primary-bg); font-size: 11px; }
.dataset-picker-tabs[b-f54g64e3gm] { display: flex; flex-wrap: wrap; gap: 28px; min-height: 52px; align-items: end; border-bottom: 1px solid var(--op-color-border); }
.dataset-picker-tabs button[b-f54g64e3gm] { height: 42px; padding: 0; border: 0; border-bottom: 2px solid transparent; background: var(--op-color-bg-card); color: var(--op-color-text-2); cursor: pointer; white-space: nowrap; }
.dataset-picker-tabs button.active[b-f54g64e3gm] { border-bottom-color: var(--op-color-primary); color: var(--op-color-primary); font-weight: 600; }
.dataset-picker-toolbar[b-f54g64e3gm] { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--op-color-border); }
.dataset-picker-toolbar-actions[b-f54g64e3gm] { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; color: var(--op-color-text-3); font-size: 12px; }
.dataset-picker-search[b-f54g64e3gm] { width: 320px; max-width: 42vw; }
.dataset-picker-manage[b-f54g64e3gm], .dataset-picker-name[b-f54g64e3gm] { color: var(--op-color-primary); }
.dataset-picker-manage:hover[b-f54g64e3gm], .dataset-picker-name:hover[b-f54g64e3gm] { color: var(--op-color-primary-hover); text-decoration: underline; }
.dataset-picker-content[b-f54g64e3gm] { min-height: 0; flex: 1 1 auto; overflow: hidden; }
.dataset-picker-empty[b-f54g64e3gm] { min-height: 360px; display: grid; place-items: center; }
.dataset-picker-name[b-f54g64e3gm] { max-width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dataset-picker-name:disabled[b-f54g64e3gm] { color: var(--op-color-text-disabled); cursor: default; text-decoration: none; }
.dataset-picker-id[b-f54g64e3gm], .dataset-picker-secondary[b-f54g64e3gm] { margin-top: 3px; color: var(--op-color-text-4); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dataset-picker-id[b-f54g64e3gm] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.dataset-picker-footer[b-f54g64e3gm] { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 16px 0 4px; border-top: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
.dataset-picker-selection[b-f54g64e3gm] { margin-right: auto; color: var(--op-color-text-3); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) {
    .dataset-picker-tabs[b-f54g64e3gm] { gap: 20px; }
    .dataset-picker-toolbar[b-f54g64e3gm] { align-items: stretch; flex-direction: column; padding: 10px 0; }
    .dataset-picker-toolbar-actions[b-f54g64e3gm] { justify-content: flex-end; }
    .dataset-picker-search[b-f54g64e3gm] { width: 100%; max-width: 100%; }
    .dataset-picker-selection[b-f54g64e3gm] { max-width: 45%; }
}
/* /Shared/Training/ModelMountEditor.razor.rz.scp.css */
.model-mount-header[b-28aqb4r6nx] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.model-mount-hint[b-28aqb4r6nx] { color: var(--op-color-text-3); font-size: 12px; line-height: 18px; }
.model-mount-row[b-28aqb4r6nx] { display: grid; grid-template-columns: minmax(220px, 1.25fr) minmax(150px, .75fr) auto auto; gap: 10px; align-items: center; padding: 10px 0; }
.model-mount-identity[b-28aqb4r6nx] { min-width: 0; }
.model-mount-title[b-28aqb4r6nx] { color: var(--op-color-text-1); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-mount-id[b-28aqb4r6nx] { margin-top: 4px; color: var(--op-color-text-4); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-mount-path[b-28aqb4r6nx] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--op-color-text-2); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }

@media (max-width: 760px) {
    .model-mount-header[b-28aqb4r6nx] { align-items: stretch; flex-direction: column; }
    .model-mount-row[b-28aqb4r6nx] { grid-template-columns: minmax(0, 1fr) auto auto; }
    .model-mount-identity[b-28aqb4r6nx], .model-mount-path[b-28aqb4r6nx] { grid-column: 1 / -1; }
}
/* /Shared/Training/ModelVersionPicker.razor.rz.scp.css */
.model-picker-shell[b-5rohtezmeo] { height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.model-picker-storage-tabs[b-5rohtezmeo] { display: flex; flex-wrap: wrap; align-items: stretch; border-bottom: 1px solid var(--op-color-border); overflow: visible; }
.model-picker-storage-tabs button[b-5rohtezmeo] { height: 44px; padding: 0 18px; border: 0; border-bottom: 2px solid transparent; background: var(--op-color-bg-card); color: var(--op-color-text-2); cursor: pointer; white-space: nowrap; }
.model-picker-storage-tabs button.active[b-5rohtezmeo] { border-bottom-color: var(--op-color-primary); color: var(--op-color-primary); font-weight: 600; }
.model-picker-storage-tabs span[b-5rohtezmeo] { display: inline-grid; min-width: 20px; height: 20px; margin-left: 4px; place-items: center; border-radius: 10px; background: var(--op-color-primary-bg); font-size: 11px; }
.model-picker-tabs[b-5rohtezmeo] { display: flex; flex-wrap: wrap; gap: 28px; min-height: 52px; align-items: end; border-bottom: 1px solid var(--op-color-border); }
.model-picker-tabs button[b-5rohtezmeo] { height: 42px; padding: 0; border: 0; border-bottom: 2px solid transparent; background: var(--op-color-bg-card); color: var(--op-color-text-2); cursor: pointer; white-space: nowrap; }
.model-picker-tabs button.active[b-5rohtezmeo] { border-bottom-color: var(--op-color-primary); color: var(--op-color-primary); font-weight: 600; }
.model-picker-toolbar[b-5rohtezmeo] { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--op-color-border); }
.model-picker-toolbar-actions[b-5rohtezmeo] { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; color: var(--op-color-text-3); font-size: 12px; }
.model-picker-search[b-5rohtezmeo] { width: 320px; max-width: 42vw; }
.model-picker-manage[b-5rohtezmeo], .model-picker-name[b-5rohtezmeo] { color: var(--op-color-primary); }
.model-picker-manage:hover[b-5rohtezmeo], .model-picker-name:hover[b-5rohtezmeo] { color: var(--op-color-primary-hover); text-decoration: underline; }
.model-picker-content[b-5rohtezmeo] { min-height: 0; flex: 1 1 auto; overflow: hidden; }
.model-picker-empty[b-5rohtezmeo] { min-height: 360px; display: grid; place-items: center; }
.model-picker-name[b-5rohtezmeo] { max-width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.model-picker-name:disabled[b-5rohtezmeo] { color: var(--op-color-text-disabled); cursor: default; text-decoration: none; }
.model-picker-id[b-5rohtezmeo], .model-picker-secondary[b-5rohtezmeo] { margin-top: 3px; color: var(--op-color-text-4); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-picker-id[b-5rohtezmeo] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.model-picker-footer[b-5rohtezmeo] { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 16px 0 4px; border-top: 1px solid var(--op-color-border); background: var(--op-color-bg-card); }
.model-picker-selection[b-5rohtezmeo] { margin-right: auto; color: var(--op-color-text-3); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 760px) {
    .model-picker-tabs[b-5rohtezmeo] { gap: 20px; }
    .model-picker-toolbar[b-5rohtezmeo] { align-items: stretch; flex-direction: column; padding: 10px 0; }
    .model-picker-toolbar-actions[b-5rohtezmeo] { justify-content: flex-end; }
    .model-picker-search[b-5rohtezmeo] { width: 100%; max-width: 100%; }
    .model-picker-selection[b-5rohtezmeo] { max-width: 45%; }
}
/* /Shared/Training/TrainingCenterTabs.razor.rz.scp.css */
.training-center-tabs[b-9frsvryl8p] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    min-height: 42px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--op-color-border);
}

.training-center-tabs a[b-9frsvryl8p] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    color: var(--op-color-text-2);
}

.training-center-tabs a.active[b-9frsvryl8p] {
    color: var(--op-color-primary);
    font-weight: 600;
}

.training-center-tabs a.active[b-9frsvryl8p]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--op-color-primary);
    content: "";
}
/* /Shared/UploadQueueHost.razor.rz.scp.css */
.upload-queue-shell[b-ud8q5kgf70] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: var(--op-space-4);
    overflow: hidden;
    color: var(--op-color-text-2);
}

.upload-queue-kind-tabs[b-ud8q5kgf70] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--op-space-4);
    min-width: 0;
    border-bottom: 1px solid var(--op-color-border);
}

.upload-queue-kind-tabs button[b-ud8q5kgf70] {
    min-width: max-content;
    height: 38px;
    padding: 0 2px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--op-color-text-3);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.upload-queue-kind-tabs button span[b-ud8q5kgf70] {
    margin-left: 4px;
    color: var(--op-color-text-4);
}

.upload-queue-kind-tabs button:hover[b-ud8q5kgf70] {
    color: var(--op-color-primary);
}

.upload-queue-kind-tabs button.active[b-ud8q5kgf70] {
    border-bottom-color: var(--op-color-primary);
    color: var(--op-color-primary);
    font-weight: 600;
}

.upload-queue-kind-tabs button.active span[b-ud8q5kgf70] {
    color: var(--op-color-primary);
}

.upload-queue-command-bar[b-ud8q5kgf70] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: var(--op-space-3);
    min-height: 40px;
}

.upload-queue-filters[b-ud8q5kgf70] {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    overflow: visible;
    padding: 3px;
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-md);
    background: var(--op-color-bg-tile);
}

.upload-queue-filters button[b-ud8q5kgf70] {
    min-width: max-content;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--op-radius-base);
    background: transparent;
    color: var(--op-color-text-3);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

.upload-queue-filters button span[b-ud8q5kgf70] {
    margin-left: 4px;
    color: var(--op-color-text-4);
}

.upload-queue-filters button:hover[b-ud8q5kgf70] {
    color: var(--op-color-primary);
}

.upload-queue-filters button.active[b-ud8q5kgf70] {
    color: var(--op-color-primary);
    background: var(--op-color-bg-card);
    box-shadow: 0 1px 3px rgb(15 23 42 / 10%);
    font-weight: 600;
}

.upload-queue-filters button.active span[b-ud8q5kgf70] {
    color: var(--op-color-primary);
}

.upload-queue-toolbar[b-ud8q5kgf70] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--op-space-2);
}

.upload-queue-table-wrap[b-ud8q5kgf70] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-md);
    background: var(--op-color-bg-card);
    scrollbar-gutter: stable;
}

.upload-queue-table[b-ud8q5kgf70] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.upload-queue-table th[b-ud8q5kgf70] {
    position: sticky;
    z-index: 1;
    top: 0;
    height: 42px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-3);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.upload-queue-table td[b-ud8q5kgf70] {
    min-height: 62px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--op-color-split);
    color: var(--op-color-text-2);
    vertical-align: middle;
}

.upload-queue-table tbody tr:hover > td[b-ud8q5kgf70] {
    background: var(--op-color-bg-hover);
}

.upload-queue-table th:nth-child(1)[b-ud8q5kgf70] { width: 44px; }
.upload-queue-table th:nth-child(2)[b-ud8q5kgf70] { width: 36%; }
.upload-queue-table th:nth-child(3)[b-ud8q5kgf70] { width: 30%; }
.upload-queue-table th:nth-child(4)[b-ud8q5kgf70] { width: 14%; }
.upload-queue-table th:nth-child(5)[b-ud8q5kgf70] { width: 20%; }

/* 勾选列只承载复选框，保持窄列宽并让复选框落在行的垂直中线上。 */
.upload-queue-select[b-ud8q5kgf70] {
    padding-right: 0 !important;
    text-align: center;
}

.upload-queue-select input[type="checkbox"][b-ud8q5kgf70] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--op-color-primary);
    cursor: pointer;
}

.upload-queue-select input[type="checkbox"]:disabled[b-ud8q5kgf70] {
    cursor: not-allowed;
    opacity: 0.35;
}

.upload-queue-file[b-ud8q5kgf70] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
}

.upload-queue-file > :deep(.anticon)[b-ud8q5kgf70] {
    margin-top: 3px;
    color: var(--op-color-primary);
}

.upload-queue-file > div[b-ud8q5kgf70] {
    min-width: 0;
}

.upload-queue-name[b-ud8q5kgf70] {
    overflow: hidden;
    color: var(--op-color-text-1);
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-queue-size[b-ud8q5kgf70] {
    margin: 3px 0 5px;
    color: var(--op-color-text-4);
    font-size: 11px;
}

.upload-queue-file :deep(.ant-progress-line)[b-ud8q5kgf70] {
    margin: 0;
}

.upload-queue-file :deep(.ant-progress-inner)[b-ud8q5kgf70] {
    background: var(--op-color-split);
}

.upload-queue-target code[b-ud8q5kgf70] {
    display: block;
    overflow: hidden;
    color: var(--op-color-text-3);
    font-family: Consolas, monospace;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-queue-status[b-ud8q5kgf70] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    white-space: nowrap;
}

.upload-queue-status[b-ud8q5kgf70]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--op-color-text-4);
    content: "";
}

.status-pending[b-ud8q5kgf70]::before,
.status-running[b-ud8q5kgf70]::before,
.status-uploading[b-ud8q5kgf70]::before { background: var(--op-color-primary); }
.status-completed[b-ud8q5kgf70]::before { background: var(--op-color-success); }
.status-failed[b-ud8q5kgf70]::before { background: var(--op-color-error); }
.status-cancelled[b-ud8q5kgf70]::before,
.status-interrupted[b-ud8q5kgf70]::before,
.status-paused[b-ud8q5kgf70]::before { background: var(--op-color-text-4); }

.upload-queue-actions[b-ud8q5kgf70] {
    white-space: nowrap;
}

.upload-queue-finished[b-ud8q5kgf70] {
    color: var(--op-color-text-4);
}

.upload-queue-error-row td[b-ud8q5kgf70] {
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--op-color-error-bg);
    color: var(--op-color-error);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.upload-queue-empty td[b-ud8q5kgf70] {
    height: 240px;
    border-bottom: 0;
}

.upload-queue-pagination[b-ud8q5kgf70] {
    min-height: 36px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--op-space-4);
    color: var(--op-color-text-3);
    font-size: 12px;
}

.upload-queue-page-controls[b-ud8q5kgf70] {
    display: flex;
    align-items: center;
    gap: var(--op-space-2);
}

.upload-queue-page-controls select[b-ud8q5kgf70] {
    height: 32px;
    padding: 0 28px 0 10px;
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-base);
    background: var(--op-color-bg-card);
    color: var(--op-color-text-2);
    font-size: 12px;
}

.upload-queue-page-number[b-ud8q5kgf70] {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.upload-queue-page-number input[b-ud8q5kgf70] {
    width: 52px;
    height: 32px;
    padding: 0 5px;
    border: 1px solid var(--op-color-border);
    border-radius: var(--op-radius-base);
    color: var(--op-color-text-2);
    font-size: 12px;
    text-align: center;
}

.upload-queue-page-controls :deep(.ant-btn)[b-ud8q5kgf70] {
    width: 32px;
    height: 32px;
    padding: 0;
}

@media (max-width: 760px) {
    .upload-queue-shell[b-ud8q5kgf70] {
        gap: var(--op-space-3);
    }

    .upload-queue-command-bar[b-ud8q5kgf70] {
        align-items: stretch;
        flex-direction: column;
    }

    .upload-queue-filters[b-ud8q5kgf70] {
        width: 100%;
    }

    .upload-queue-toolbar[b-ud8q5kgf70] {
        justify-content: flex-end;
    }

    .upload-queue-table[b-ud8q5kgf70] {
        min-width: 560px;
    }

    .upload-queue-table th:nth-child(1)[b-ud8q5kgf70] { width: 36px; }
    .upload-queue-table th:nth-child(2)[b-ud8q5kgf70] { width: 44%; }
    /* 窄屏藏掉「上传到 / 保存到 / 导入到」列，勾选与操作列必须留着才能删记录。 */
    .upload-queue-table th:nth-child(3)[b-ud8q5kgf70],
    .upload-queue-table td:nth-child(3)[b-ud8q5kgf70] { display: none; }
    .upload-queue-table th:nth-child(4)[b-ud8q5kgf70] { width: 22%; }
    .upload-queue-table th:nth-child(5)[b-ud8q5kgf70] { width: 30%; }

    .upload-queue-pagination[b-ud8q5kgf70] {
        align-items: flex-start;
        flex-direction: column;
    }

    .upload-queue-page-controls[b-ud8q5kgf70] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Shared/WorkloadNodeResourceSelector.razor.rz.scp.css */
.wnrs-root[b-4jbp873byy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wnrs-mode-tabs[b-4jbp873byy] {
    display: inline-flex;
    align-self: flex-start;
    gap: 6px;
    padding: 5px;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-card);
    box-shadow: 0 1px 3px rgb(15 23 42 / 6%);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid var(--op-color-border);
    border-radius: 4px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-2);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab:hover:not(:disabled) {
    background: var(--op-color-bg-card);
    border-color: var(--op-color-text-4);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.active {
    box-shadow: 0 1px 3px rgb(15 23 42 / 10%);
    font-weight: 600;
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab:disabled {
    border-color: var(--op-color-split);
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-disabled);
    cursor: not-allowed;
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-count {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: var(--op-color-border);
    color: var(--op-color-text-3);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-none .wnrs-mode-count {
    background: color-mix(in srgb, var(--op-color-success) 15%, var(--op-color-bg-card));
    color: var(--op-color-success);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-shared .wnrs-mode-count {
    background: var(--op-color-primary-bg);
    color: var(--op-color-primary-active);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-dedicated .wnrs-mode-count {
    background: color-mix(in srgb, var(--op-color-accent) 12%, var(--op-color-bg-card));
    color: var(--op-color-accent);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-none.active {
    border-color: var(--op-color-success);
    background: color-mix(in srgb, var(--op-color-success) 8%, var(--op-color-bg-card));
    color: var(--op-color-success);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-shared.active {
    border-color: var(--op-color-primary-border);
    background: var(--op-color-primary-bg);
    color: var(--op-color-primary-active);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-dedicated.active {
    border-color: var(--op-color-accent);
    background: color-mix(in srgb, var(--op-color-accent) 8%, var(--op-color-bg-card));
    color: var(--op-color-accent);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.active .wnrs-mode-count {
    color: var(--op-color-text-inverse);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-none.active .wnrs-mode-count {
    background: var(--op-color-success);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-shared.active .wnrs-mode-count {
    background: var(--op-color-primary);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab.mode-dedicated.active .wnrs-mode-count {
    background: var(--op-color-accent);
}

.wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab:disabled .wnrs-mode-count {
    background: var(--op-color-split);
    color: var(--op-color-text-disabled);
}

.wnrs-admission-wrap[b-4jbp873byy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.wnrs-admission-wrap[b-4jbp873byy]  .ant-alert {
    width: 100%;
}

.wnrs-admission[b-4jbp873byy] {
    margin: -2px 0;
}

.wnrs-admission[b-4jbp873byy]  .ant-alert-description {
    font-size: 13px;
}

.wnrs-empty .wnrs-empty-hint[b-4jbp873byy] {
    margin-top: 4px;
    font-size: 12px;
    color: var(--op-color-text-4);
}

.wnrs-loading[b-4jbp873byy],
.wnrs-empty[b-4jbp873byy] {
    min-height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed var(--op-color-border);
    border-radius: 6px;
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-4);
}

.wnrs-empty[b-4jbp873byy] {
    flex-direction: column;
    padding: 24px;
    text-align: center;
}

.wnrs-empty[b-4jbp873byy]  .anticon {
    font-size: 26px;
}

.wnrs-empty strong[b-4jbp873byy] {
    color: var(--op-color-text-2);
    font-weight: 600;
}

.wnrs-empty span[b-4jbp873byy] {
    max-width: 680px;
    font-size: 13px;
}

.wnrs-table-wrap[b-4jbp873byy] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--op-color-border);
    border-radius: 6px;
}

.wnrs-table[b-4jbp873byy] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: auto;
}

.wnrs-table th[b-4jbp873byy] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--op-color-border);
    background: var(--op-color-bg-tile);
    color: var(--op-color-text-2);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.wnrs-table td[b-4jbp873byy] {
    padding: 11px 12px;
    border-bottom: 1px solid var(--op-color-split);
    color: var(--op-color-text-1);
    font-size: 13px;
    vertical-align: middle;
}

.wnrs-table tbody tr[b-4jbp873byy] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.wnrs-table tbody tr:hover[b-4jbp873byy] {
    background: var(--op-color-bg-hover);
}

.wnrs-table tbody tr.selected[b-4jbp873byy] {
    background: var(--op-color-primary-bg);
}

.wnrs-table tbody tr:last-child td[b-4jbp873byy] {
    border-bottom: 0;
}

.wnrs-pagination[b-4jbp873byy] {
    display: flex;
    justify-content: flex-end;
    min-height: 32px;
}

.wnrs-pagination[b-4jbp873byy]  .op-pagination-shell {
    margin: 0;
}

.wnrs-select-col[b-4jbp873byy] {
    width: 56px;
    text-align: center !important;
}

.wnrs-select-button[b-4jbp873byy] {
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid var(--op-color-text-disabled);
    border-radius: 50%;
    background: var(--op-color-bg-card);
    color: var(--op-color-text-inverse);
    cursor: pointer;
    line-height: 18px;
}

.wnrs-select-button.selected[b-4jbp873byy] {
    border-color: var(--op-color-primary);
    background: var(--op-color-primary);
}

.wnrs-select-button[b-4jbp873byy]  .anticon {
    font-size: 12px;
}

.wnrs-node-name[b-4jbp873byy],
.wnrs-metric[b-4jbp873byy] {
    font-weight: 500;
    white-space: nowrap;
}

.wnrs-secondary[b-4jbp873byy] {
    margin-top: 3px;
    color: var(--op-color-text-4);
    font-size: 12px;
    white-space: nowrap;
}

.wnrs-status[b-4jbp873byy],
.wnrs-capacity[b-4jbp873byy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.wnrs-status.ready[b-4jbp873byy],
.wnrs-capacity.ready[b-4jbp873byy] {
    color: var(--op-color-success);
}

.wnrs-status.unavailable[b-4jbp873byy],
.wnrs-capacity.warning[b-4jbp873byy] {
    color: var(--op-color-warning);
}

.wnrs-adjust-panel[b-4jbp873byy] {
    padding: 14px 16px;
    border: 1px solid var(--op-color-primary-border);
    border-radius: 6px;
    background: var(--op-color-primary-bg);
}

.wnrs-adjust-heading[b-4jbp873byy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.wnrs-adjust-heading > div[b-4jbp873byy] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wnrs-adjust-heading strong[b-4jbp873byy] {
    color: var(--op-color-text-1);
    font-size: 14px;
}

.wnrs-adjust-heading span[b-4jbp873byy] {
    color: var(--op-color-text-4);
    font-size: 12px;
}

.wnrs-selected-summary[b-4jbp873byy] {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--op-color-primary-bg);
    color: var(--op-color-primary-active) !important;
    white-space: nowrap;
}

.wnrs-exclusive-option[b-4jbp873byy] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    color: var(--op-color-text-2);
    font-size: 12px;
}

@media (max-width: 768px) {
    .wnrs-mode-tabs[b-4jbp873byy] {
        width: 100%;
    }

    .wnrs-mode-tabs[b-4jbp873byy]  .wnrs-mode-tab {
        flex: 1;
        justify-content: center;
        padding-inline: 8px;
    }

    .wnrs-adjust-heading[b-4jbp873byy] {
        flex-direction: column;
    }

    .wnrs-selected-summary[b-4jbp873byy] {
        white-space: normal;
    }
}
/* /Shared/WorkloadResourceSelector.razor.rz.scp.css */
.wrs-available-limit[b-vl4cd2zn56] {
    margin-top: 5px;
    color: var(--op-color-error);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}