/* /Components/FlowV2/CellFlowLegendV2.razor.rz.scp.css */
.cell-scope-legend[b-zq5tmlbbry] {
    display: flex;
    min-width: 0;
    min-height: 2rem;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem 1rem;
    border-bottom: 1px solid var(--ide-border, #2b2b2b);
    background: var(--ide-bg, #181818);
    padding: .35rem .75rem;
    color: var(--ide-text-muted, #969696);
    font-size: .6rem;
}

.cell-scope-legend span[b-zq5tmlbbry] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap;
}

.cell-scope-legend-line[b-zq5tmlbbry] {
    display: inline-block;
    width: 1.45rem;
    border-top: 2px solid var(--ide-accent, #4fc1ff);
}

.cell-scope-legend-line.predicate[b-zq5tmlbbry],
.cell-scope-legend-line.locator[b-zq5tmlbbry] {
    border-top-style: dashed;
}

.cell-scope-legend-line.locator[b-zq5tmlbbry] {
    border-top-color: var(--ide-warning-text, #cca700);
}

.cell-scope-legend-source[b-zq5tmlbbry] {
    width: .55rem;
    height: .55rem;
    border: 1px solid currentcolor;
    border-radius: 2px;
}

.cell-scope-legend-source.generated[b-zq5tmlbbry] { color: var(--ide-success-text, #89d185); }
.cell-scope-legend-source.constant[b-zq5tmlbbry] { color: var(--ide-warning-text, #cca700); }
.cell-scope-legend-source.unresolved[b-zq5tmlbbry] { color: var(--ide-danger-text, #f48771); }
/* /Components/FlowV2/CellFlowScopeMapV2.razor.rz.scp.css */
.cell-scope-map[b-z8ptsno17n] {
    display: flex;
    /* Size the map from its editor dock, not from the browser viewport. The output
       dock is a sibling of the editor and already consumes part of the viewport. */
    height: clamp(18.25rem, calc(100cqh - 12rem), 42rem);
    min-height: 0;
    flex-direction: column;
    overflow: clip;
    border: 1px solid var(--ide-border, #2b2b2b);
    background: var(--ide-bg, #181818);
    color: var(--ide-text, #cccccc);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cell-scope-map[data-fullscreen="true"][b-z8ptsno17n] {
    position: fixed;
    z-index: 110;
    inset: 0;
    width: 100vw;
    height: 100vh;
    min-height: 0;
    border: 0;
    box-shadow: 0 1.25rem 4rem rgb(0 0 0 / .45);
}

.cell-scope-toolbar[b-z8ptsno17n] {
    position: sticky;
    z-index: 4;
    top: 0;
    display: grid;
    min-height: 3.25rem;
    grid-template-columns: minmax(16rem, 1fr) auto auto;
    align-items: center;
    gap: .9rem;
    border-bottom: 1px solid var(--ide-border, #2b2b2b);
    background: var(--ide-surface, #1f1f1f);
    padding: .45rem .65rem;
}

.cell-scope-heading[b-z8ptsno17n] {
    display: grid;
    min-width: 0;
    gap: .12rem;
}

.cell-scope-heading strong[b-z8ptsno17n] {
    color: var(--ide-text-bright, #f2f2f2);
    font-size: .77rem;
}

.cell-scope-heading span[b-z8ptsno17n] {
    overflow: hidden;
    color: var(--ide-text-muted, #969696);
    font-size: .64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-scope-summary[b-z8ptsno17n],
.cell-scope-tools[b-z8ptsno17n],
.cell-scope-legend[b-z8ptsno17n] {
    position: sticky;
    z-index: 3;
    top: 3.25rem;
    display: flex;
    align-items: center;
}

.cell-scope-summary[b-z8ptsno17n] {
    gap: .35rem;
}

.cell-scope-summary span[b-z8ptsno17n] {
    border: 1px solid var(--ide-border-strong, #343434);
    border-radius: 999px;
    background: var(--ide-surface-raised, #252526);
    padding: .2rem .48rem;
    color: var(--ide-text-muted, #969696);
    font-size: .61rem;
    white-space: nowrap;
}

.cell-scope-summary b[b-z8ptsno17n] {
    color: var(--ide-info-text, #4fc1ff);
}

.cell-scope-tools[b-z8ptsno17n] {
    gap: .3rem;
}

.cell-scope-tools output[b-z8ptsno17n] {
    min-width: 2.8rem;
    color: var(--ide-info-text, #4fc1ff);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .62rem;
    text-align: right;
}

.cell-scope-tools button[b-z8ptsno17n] {
    min-height: 1.75rem;
    border: 1px solid var(--ide-border-strong, #343434);
    border-radius: 3px;
    background: var(--ide-surface-raised, #252526);
    padding: 0 .48rem;
    color: var(--ide-text, #cccccc);
    font: inherit;
    font-size: .64rem;
    white-space: nowrap;
}

.cell-scope-tools button:hover[b-z8ptsno17n],
.cell-scope-tools button:focus-visible[b-z8ptsno17n],
.cell-scope-tools button[aria-pressed="true"][b-z8ptsno17n] {
    border-color: var(--ide-focus, #75beff);
    background: var(--ide-accent-soft, #04395e);
    color: var(--ide-text-bright, #f2f2f2);
    outline: none;
}

.cell-scope-legend[b-z8ptsno17n] {
    min-height: 2rem;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    border-bottom: 1px solid var(--ide-border, #2b2b2b);
    background: var(--ide-bg, #181818);
    padding: .35rem .75rem;
    color: var(--ide-text-muted, #969696);
    font-size: .6rem;
}

.cell-scope-map[data-chrome-mode="compact"] .cell-scope-legend[b-z8ptsno17n] {
    position: static;
    top: auto;
    flex: 0 0 auto;
}

.cell-scope-map[data-chrome-mode="compact"][b-z8ptsno17n] {
    height: 100%;
    max-height: none;
}

.cell-scope-legend span[b-z8ptsno17n] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

.cell-scope-legend-line[b-z8ptsno17n] {
    display: inline-block;
    width: 1.55rem;
    height: 0;
    border-top: 2px solid;
}

.cell-scope-legend-line.value[b-z8ptsno17n] { border-color: #2dd4bf; }
.cell-scope-legend-line.predicate[b-z8ptsno17n] { border-color: #a78bfa; border-top-style: dotted; }
.cell-scope-legend-line.locator[b-z8ptsno17n] { border-color: #94a3b8; border-top-style: dotted; }

.cell-scope-legend-source[b-z8ptsno17n] {
    display: inline-block;
    width: .58rem;
    height: .58rem;
    border: 1px solid;
    border-radius: 2px;
}

.cell-scope-legend-source.generated[b-z8ptsno17n] { border-color: #22a84f; background: color-mix(in srgb, #22c55e 16%, var(--ide-surface, #1f1f1f)); }
.cell-scope-legend-source.constant[b-z8ptsno17n] { border-color: #c68a22; background: color-mix(in srgb, #f59e0b 16%, var(--ide-surface, #1f1f1f)); }
.cell-scope-legend-source.unresolved[b-z8ptsno17n] { border-color: var(--ide-danger-border, #6e2b2b); background: var(--ide-danger-bg, #321f1f); }

.cell-scope-viewport[b-z8ptsno17n] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--ide-bg, #181818);
    background-image: radial-gradient(circle, color-mix(in srgb, var(--ide-border-strong, #343434) 78%, transparent) .7px, transparent .8px);
    background-size: 18px 18px;
}

.cell-scope-map[data-fullscreen="true"] .cell-scope-viewport[b-z8ptsno17n],
.cell-scope-map[data-fullscreen="true"] .cell-scope-diagram[b-z8ptsno17n] {
    min-height: 0;
}

.cell-scope-diagram[b-z8ptsno17n] {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: none;
    min-height: 0;
    touch-action: none;
    user-select: none;
}

.cell-scope-edge[b-z8ptsno17n] {
    fill: none;
    stroke-width: 2.2;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
}

.cell-scope-edge.valueSource[b-z8ptsno17n] { stroke: #14b8a6; }
.cell-scope-edge.predicateSource[b-z8ptsno17n] { stroke: #8b5cf6; }
.cell-scope-edge.locatorSource[b-z8ptsno17n] { stroke: #94a3b8; stroke-width: 1.7; }
.cell-scope-edge.selection-muted[b-z8ptsno17n],
.cell-scope-column.selection-muted[b-z8ptsno17n],
.cell-scope-source.selection-muted[b-z8ptsno17n] { opacity: .14; }
.cell-scope-edge.selection-related[b-z8ptsno17n] { stroke-width: 4; filter: drop-shadow(0 0 3px currentColor); }
.cell-scope-column.selection-related > rect[b-z8ptsno17n],
.cell-scope-source.selection-related > rect[b-z8ptsno17n] { stroke-width: 3; filter: brightness(1.35); }
.cell-scope-edge.result[b-z8ptsno17n] { stroke: #38bdf8; stroke-width: 2.5; }

.cell-scope-entity-frame[b-z8ptsno17n] {
    fill: var(--ide-surface, #1f1f1f);
    stroke: var(--ide-border-strong, #343434);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.cell-scope-entity-header[b-z8ptsno17n] {
    fill: var(--ide-surface-raised, #252526);
    stroke: none;
}

.cell-scope-entity.role-predecessor .cell-scope-entity-frame[b-z8ptsno17n] { stroke: #238b8b; }
.cell-scope-entity.role-predecessor .cell-scope-entity-header[b-z8ptsno17n] { fill: color-mix(in srgb, #0f766e 22%, var(--ide-surface-raised, #252526)); }
.cell-scope-entity.role-center .cell-scope-entity-frame[b-z8ptsno17n] { stroke: var(--ide-focus, #75beff); stroke-width: 2.5; }
.cell-scope-entity.role-center .cell-scope-entity-header[b-z8ptsno17n] { fill: color-mix(in srgb, var(--ide-accent, #007acc) 26%, var(--ide-surface-raised, #252526)); }
.cell-scope-entity.role-successor .cell-scope-entity-frame[b-z8ptsno17n] { stroke: #39945a; }
.cell-scope-entity.role-successor .cell-scope-entity-header[b-z8ptsno17n] { fill: color-mix(in srgb, #15803d 22%, var(--ide-surface-raised, #252526)); }
.cell-scope-entity.role-bidirectional .cell-scope-entity-frame[b-z8ptsno17n] { stroke: #8b5cf6; }
.cell-scope-entity.role-bidirectional .cell-scope-entity-header[b-z8ptsno17n] { fill: color-mix(in srgb, #7c3aed 22%, var(--ide-surface-raised, #252526)); }
.cell-scope-entity.role-directionreview .cell-scope-entity-frame[b-z8ptsno17n] { stroke: #d39b35; }
.cell-scope-entity.role-directionreview .cell-scope-entity-header[b-z8ptsno17n] { fill: color-mix(in srgb, #b7791f 22%, var(--ide-surface-raised, #252526)); }

.cell-scope-entity-copy[b-z8ptsno17n],
.cell-scope-column-copy[b-z8ptsno17n],
.cell-scope-cell-copy[b-z8ptsno17n],
.cell-scope-rule-copy[b-z8ptsno17n],
.cell-scope-source-copy[b-z8ptsno17n] {
    display: flex;
    height: 100%;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--ide-text, #cccccc);
    line-height: 1.25;
}

.cell-scope-entity-copy small[b-z8ptsno17n],
.cell-scope-column-copy small[b-z8ptsno17n],
.cell-scope-source-copy small[b-z8ptsno17n] {
    color: var(--ide-info-text, #4fc1ff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
}

.cell-scope-entity-copy strong[b-z8ptsno17n] {
    overflow: hidden;
    color: var(--ide-text-bright, #f2f2f2);
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-scope-column rect[b-z8ptsno17n] {
    fill: var(--ide-bg, #181818);
    stroke: var(--ide-border-strong, #343434);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.cell-scope-column-copy strong[b-z8ptsno17n] {
    color: var(--ide-text-bright, #f2f2f2);
    font-size: 12px;
    line-height: 1.3;
    overflow-wrap: anywhere;
    white-space: normal;
}

.cell-scope-column-copy[b-z8ptsno17n] {
    position: relative;
    overflow: visible;
    padding-right: 2.1rem;
}

.cell-scope-column-copy .cell-scope-pk-badge[b-z8ptsno17n] {
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    margin-top: 0;
    border: 1px solid #836b2a;
    border-radius: 999px;
    padding: 1px 5px;
    color: var(--ide-warning-text, #e4c784);
    font-size: 9px;
}

.cell-scope-cell > rect[b-z8ptsno17n] {
    fill: color-mix(in srgb, var(--ide-surface-raised, #252526) 82%, var(--ide-accent-soft, #04395e));
    stroke: var(--ide-border-strong, #343434);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.cell-scope-cell[data-selected="true"] > rect[b-z8ptsno17n],
.cell-scope-cell:focus-visible > rect[b-z8ptsno17n] {
    fill: var(--ide-accent-soft, #04395e);
    stroke: var(--ide-focus, #75beff);
    stroke-width: 2.5;
}

.cell-scope-cell[data-rule-load-state="loading"] > rect[b-z8ptsno17n] {
    stroke: var(--ide-info-text, #4fc1ff);
    stroke-dasharray: 5 4;
}

.cell-scope-cell[data-rule-load-state="failed"] > rect[b-z8ptsno17n] {
    fill: var(--ide-danger-bg, #321f1f);
    stroke: var(--ide-danger-border, #6e2b2b);
}

.cell-scope-cell[data-rule-load-state="partial"] > rect[b-z8ptsno17n] {
    stroke: #b68b31;
    stroke-dasharray: 3 3;
}

.cell-scope-cell-copy[b-z8ptsno17n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px;
}

.cell-scope-cell-copy strong[b-z8ptsno17n] {
    overflow: hidden;
    color: var(--ide-text-bright, #f2f2f2);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-scope-cell-copy span[b-z8ptsno17n] {
    color: var(--ide-text-muted, #969696);
    font-size: 9px;
    white-space: nowrap;
}

.cell-scope-rule > rect[b-z8ptsno17n] {
    fill: var(--ide-bg, #181818);
    stroke: color-mix(in srgb, var(--ide-border-strong, #343434) 75%, var(--ide-accent, #007acc));
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.cell-scope-rule[data-selected="true"] > rect[b-z8ptsno17n],
.cell-scope-rule:focus-visible > rect[b-z8ptsno17n] {
    fill: color-mix(in srgb, var(--ide-accent-soft, #04395e) 76%, var(--ide-bg, #181818));
    stroke: var(--ide-focus, #75beff);
    stroke-width: 2.5;
}

.cell-scope-rule-copy[b-z8ptsno17n] {
    gap: 1px;
}

.cell-scope-rule-heading[b-z8ptsno17n] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
}

.cell-scope-rule-copy strong[b-z8ptsno17n] {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--ide-info-text, #4fc1ff);
    font-size: 10px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.cell-scope-rule-copy > span[b-z8ptsno17n] {
    color: var(--ide-text-muted, #969696);
    font-size: 9px;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: normal;
}

.cell-scope-rule-badges[b-z8ptsno17n] {
    display: flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
}

.cell-scope-rule-badges span[b-z8ptsno17n] {
    border: 1px solid var(--ide-border-strong, #343434);
    border-radius: 999px;
    background: var(--ide-surface-raised, #252526);
    padding: 0 3px;
    color: var(--ide-text-muted, #969696);
    font-size: 8px;
    font-style: normal;
    line-height: 1.35;
    white-space: nowrap;
}

.cell-scope-rule-badges [data-resolution-state="confirmed" i][b-z8ptsno17n] {
    border-color: color-mix(in srgb, var(--ide-success-text, #89d185) 68%, var(--ide-border-strong, #343434));
    color: var(--ide-success-text, #89d185);
}

.cell-scope-rule-badges [data-resolution-state="candidate" i][b-z8ptsno17n] {
    border-color: color-mix(in srgb, var(--ide-info-text, #4fc1ff) 60%, var(--ide-border-strong, #343434));
    color: var(--ide-info-text, #4fc1ff);
}

.cell-scope-rule-badges [data-resolution-state="reviewrequired" i][b-z8ptsno17n],
.cell-scope-rule-badges [data-resolution-state="review_required" i][b-z8ptsno17n] {
    border-color: #836b2a;
    color: var(--ide-warning-text, #e4c784);
}

.cell-scope-rule-badges [data-resolution-state="excluded" i][b-z8ptsno17n] {
    border-color: var(--ide-danger-border, #6e2b2b);
    color: var(--ide-danger-text, #f5b5ad);
}

.cell-scope-rule-placeholder rect[b-z8ptsno17n] {
    fill: color-mix(in srgb, var(--ide-surface-raised, #252526) 72%, transparent);
    stroke: var(--ide-border-strong, #343434);
    stroke-dasharray: 7 6;
    vector-effect: non-scaling-stroke;
}

.cell-scope-rule-placeholder div[b-z8ptsno17n] {
    display: grid;
    height: 100%;
    place-items: center;
    color: var(--ide-text-muted, #969696);
    font-size: 11px;
    text-align: center;
}

.cell-scope-source-band-title[b-z8ptsno17n] {
    display: flex;
    height: 100%;
    align-items: center;
    color: var(--ide-text-muted, #969696);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
}

.cell-scope-source rect[b-z8ptsno17n] {
    fill: var(--ide-surface-raised, #252526);
    stroke: var(--ide-border-strong, #343434);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.cell-scope-source.source-externalcolumn rect[b-z8ptsno17n] { stroke: #3b82a0; }
.cell-scope-source.source-input rect[b-z8ptsno17n] { stroke: #2b9b91; }
.cell-scope-source.source-generated rect[b-z8ptsno17n] { fill: color-mix(in srgb, #22c55e 13%, var(--ide-surface-raised, #252526)); stroke: #31a354; }
.cell-scope-source.source-constant rect[b-z8ptsno17n] { fill: color-mix(in srgb, #f59e0b 13%, var(--ide-surface-raised, #252526)); stroke: #c68a22; }
.cell-scope-source.source-unresolved rect[b-z8ptsno17n] { fill: var(--ide-danger-bg, #321f1f); stroke: var(--ide-danger-border, #6e2b2b); }

.cell-scope-source-copy strong[b-z8ptsno17n] {
    overflow: hidden;
    color: var(--ide-text-bright, #f2f2f2);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-scope-source.source-unresolved .cell-scope-source-copy small[b-z8ptsno17n],
.cell-scope-source.source-unresolved .cell-scope-source-copy strong[b-z8ptsno17n] {
    color: var(--ide-danger-text, #f5b5ad);
}

@media (max-width: 1050px) {
    .cell-scope-toolbar[b-z8ptsno17n] {
        grid-template-columns: minmax(12rem, 1fr) auto;
    }

    .cell-scope-summary[b-z8ptsno17n] {
        display: none;
    }
}

@media (max-height: 820px) {
    .cell-scope-map[b-z8ptsno17n] {
        height: clamp(17rem, calc(100cqh - 6.25rem), 32rem);
    }

    .cell-scope-map[data-chrome-mode="compact"][b-z8ptsno17n] {
        height: 100%;
        max-height: none;
    }
}

@media (max-width: 720px) {
    .cell-scope-toolbar[b-z8ptsno17n] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .cell-scope-tools[b-z8ptsno17n] {
        overflow-x: auto;
    }
}
/* /Components/FlowV2/CellRuleListV2.razor.rz.scp.css */
.cell-rule-originals[b-lejdnykthd] {
    margin-top: .25rem;
    border: 1px solid var(--ide-border, #2b2b2b);
    border-radius: .15rem;
    background: var(--ide-bg, #181818);
    color: var(--ide-text, #cccccc);
    font-size: .6rem;
}

.cell-rule-originals summary[b-lejdnykthd] {
    cursor: pointer;
    padding: .35rem .5rem;
    color: var(--ide-text-muted, #969696);
}

.cell-rule-originals > div[b-lejdnykthd] {
    display: grid;
    gap: .25rem;
    padding: 0 .35rem .35rem;
}

.cell-rule-originals button[b-lejdnykthd] {
    display: grid;
    min-height: 0;
    gap: .1rem;
    border: 1px solid var(--ide-border-strong, #343434);
    border-radius: .15rem;
    background: var(--ide-surface-raised, #252526);
    padding: .35rem .45rem;
    color: var(--ide-text, #cccccc);
    text-align: left;
}

.cell-rule-originals button[data-selected="true"][b-lejdnykthd] {
    border-color: var(--ide-focus, #75beff);
    background: var(--ide-accent-soft, #04395e);
}

.cell-rule-originals button strong[b-lejdnykthd] {
    color: var(--ide-text-bright, #f2f2f2);
}

.cell-rule-originals button span[b-lejdnykthd],
.cell-rule-originals button small[b-lejdnykthd] {
    overflow-wrap: anywhere;
    color: var(--ide-text-muted, #969696);
}
/* /Components/FlowV2/ColumnFlowMapV2.razor.rz.scp.css */
.column-flow-map[b-nzl1l21o6o] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    min-height: 0;
    height: 100%;
    height: 100cqh;
    color: var(--ide-text);
    background: var(--ide-bg);
}

.column-flow-toolbar[b-nzl1l21o6o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .8rem;
    padding: .65rem .8rem;
    border-bottom: 1px solid var(--ide-border);
    background: var(--ide-surface);
}

.column-flow-title[b-nzl1l21o6o] {
    display: grid;
    min-width: 0;
    gap: .1rem;
}

.column-flow-title small[b-nzl1l21o6o] {
    color: var(--ide-info-text);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.column-flow-title strong[b-nzl1l21o6o] {
    color: var(--ide-text-bright);
    font-size: .92rem;
    overflow-wrap: anywhere;
}

.column-flow-title span[b-nzl1l21o6o] {
    color: var(--ide-text-muted);
    font-size: .72rem;
}

.column-flow-direction[b-nzl1l21o6o] {
    display: inline-flex;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid var(--ide-border-strong);
    border-radius: 5px;
}

.column-flow-zoom[b-nzl1l21o6o] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: .25rem;
    color: var(--ide-text-muted);
    font-size: .72rem;
}

.column-flow-zoom button[b-nzl1l21o6o] {
    min-height: 30px;
    padding: .3rem .55rem;
    border: 1px solid var(--ide-border-strong);
    border-radius: 5px;
    color: var(--ide-text);
    background: var(--ide-surface-raised);
    cursor: pointer;
    font: inherit;
}

.column-flow-zoom button:focus-visible[b-nzl1l21o6o] {
    outline: 2px solid var(--ide-focus);
    outline-offset: 2px;
}

.column-flow-direction button[b-nzl1l21o6o],
.column-flow-state button[b-nzl1l21o6o],
.column-flow-node-copy button[b-nzl1l21o6o] {
    border: 0;
    color: var(--ide-text);
    background: var(--ide-surface-raised);
    cursor: pointer;
    font: inherit;
}

.column-flow-direction button[b-nzl1l21o6o] {
    min-height: 30px;
    padding: .3rem .58rem;
    border-right: 1px solid var(--ide-border-strong);
    font-size: .72rem;
}

.column-flow-direction button:last-child[b-nzl1l21o6o] {
    border-right: 0;
}

.column-flow-direction button[aria-pressed="true"][b-nzl1l21o6o] {
    color: #fff;
    background: var(--ide-accent);
    font-weight: 800;
}

.column-flow-direction button:focus-visible[b-nzl1l21o6o],
.column-flow-state button:focus-visible[b-nzl1l21o6o],
.column-flow-node:focus-visible .column-flow-node-frame[b-nzl1l21o6o],
.column-flow-node-copy button:focus-visible[b-nzl1l21o6o] {
    outline: 2px solid var(--ide-focus);
    outline-offset: 2px;
}

.column-flow-legend[b-nzl1l21o6o],
.column-flow-summary[b-nzl1l21o6o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .72rem;
    min-height: 31px;
    padding: .35rem .8rem;
    border-bottom: 1px solid var(--ide-border);
    color: var(--ide-text-muted);
    background: var(--ide-surface-raised);
    font-size: .68rem;
}

.column-flow-legend span[b-nzl1l21o6o],
.column-flow-summary span[b-nzl1l21o6o] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.column-flow-line[b-nzl1l21o6o] {
    display: inline-block;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: var(--ide-success-text);
}

.column-flow-line.calculation[b-nzl1l21o6o] {
    background: var(--ide-focus);
}

.column-flow-line.write[b-nzl1l21o6o] {
    box-shadow: 0 0 0 1px var(--ide-warning-text);
    background: var(--ide-warning-text);
}

.column-flow-cycle-symbol[b-nzl1l21o6o] {
    color: var(--ide-danger-text);
    font-size: .92rem;
    font-style: normal;
    font-weight: 900;
}

.column-flow-state[b-nzl1l21o6o],
.column-flow-truncation[b-nzl1l21o6o] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem .85rem;
    border-bottom: 1px solid var(--ide-border-strong);
    color: var(--ide-text);
    background: var(--ide-surface-raised);
    font-size: .78rem;
}

.column-flow-state.is-error[b-nzl1l21o6o] {
    color: var(--ide-danger-text);
    background: var(--ide-danger-bg);
}

.column-flow-state button[b-nzl1l21o6o] {
    margin-left: auto;
    padding: .35rem .62rem;
    border: 1px solid var(--ide-border-strong);
    border-radius: 4px;
}

.column-flow-truncation[b-nzl1l21o6o] {
    color: var(--ide-warning-text);
    background: var(--ide-warning-bg);
}

.column-flow-summary[b-nzl1l21o6o] {
    min-height: 28px;
    padding-block: .26rem;
    color: var(--ide-text-muted);
}

.column-flow-summary span[b-nzl1l21o6o] {
    padding-right: .65rem;
    border-right: 1px solid var(--ide-border-strong);
}

.column-flow-summary span:last-child[b-nzl1l21o6o] {
    border-right: 0;
}

.column-flow-viewport[b-nzl1l21o6o] {
    position: relative;
    min-width: 0;
    min-height: 310px;
    overflow: hidden;
    background-color: var(--ide-bg);
    background-image: radial-gradient(var(--ide-border-strong) 1px, transparent 1px);
    background-size: 18px 18px;
}

.column-flow-diagram[b-nzl1l21o6o] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.column-flow-diagram marker path[b-nzl1l21o6o] {
    fill: context-stroke;
}

.column-flow-edge[b-nzl1l21o6o] {
    fill: none;
    stroke: var(--ide-success-text);
    stroke-width: 2.4;
    vector-effect: non-scaling-stroke;
}

.column-flow-edge.calculation[b-nzl1l21o6o] {
    stroke: var(--ide-focus);
    stroke-width: 3;
}

.column-flow-edge.write[b-nzl1l21o6o] {
    filter: drop-shadow(0 0 2px color-mix(in srgb, var(--ide-warning-text) 50%, transparent));
}

.column-flow-edge.is-cycle[b-nzl1l21o6o] {
    stroke: var(--ide-danger-text);
    stroke-width: 3.2;
}

.column-flow-edge-label rect[b-nzl1l21o6o] {
    fill: var(--ide-surface-raised);
    stroke: var(--ide-border-strong);
    stroke-width: 1;
}

.column-flow-edge-label text[b-nzl1l21o6o] {
    fill: var(--ide-text-bright);
    font-size: 10px;
    font-weight: 700;
}

.column-flow-edge-label.is-cycle rect[b-nzl1l21o6o] {
    stroke: var(--ide-danger-text);
}

.column-flow-edge-label.is-cycle text[b-nzl1l21o6o] {
    fill: var(--ide-danger-text);
}

.column-flow-node[b-nzl1l21o6o] {
    cursor: pointer;
}

.column-flow-node.is-root[b-nzl1l21o6o] {
    cursor: default;
}

.column-flow-node-frame[b-nzl1l21o6o] {
    fill: var(--ide-surface-raised);
    stroke: var(--ide-border-strong);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.column-flow-node:hover .column-flow-node-frame[b-nzl1l21o6o],
.column-flow-node:focus-visible .column-flow-node-frame[b-nzl1l21o6o] {
    fill: var(--ide-surface-hover);
    stroke: var(--ide-focus);
}

.column-flow-node.is-selected .column-flow-node-frame[b-nzl1l21o6o] {
    fill: var(--ide-accent-soft);
    stroke: var(--ide-focus);
    stroke-width: 3;
}

.column-flow-node.is-root .column-flow-node-frame[b-nzl1l21o6o] {
    fill: var(--ide-warning-bg);
    stroke: var(--ide-warning-text);
    stroke-width: 3;
}

.column-flow-node-copy[b-nzl1l21o6o] {
    position: relative;
    display: grid;
    height: 100%;
    align-content: start;
    gap: .28rem;
    color: var(--ide-text);
    font: 12px/1.2 system-ui, sans-serif;
}

.column-flow-node-heading[b-nzl1l21o6o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
}

.column-flow-node-heading small[b-nzl1l21o6o] {
    color: var(--ide-info-text);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .03em;
}

.column-flow-node-heading span[b-nzl1l21o6o] {
    padding: .12rem .34rem;
    border: 1px solid var(--ide-border-strong);
    border-radius: 999px;
    color: var(--ide-text-muted);
    font-size: 9px;
}

.column-flow-node-copy strong[b-nzl1l21o6o] {
    color: var(--ide-text-bright);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.column-flow-node-copy > span[b-nzl1l21o6o] {
    overflow: hidden;
    color: var(--ide-text-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.column-flow-node-copy button[b-nzl1l21o6o] {
    justify-self: start;
    margin-top: .1rem;
    padding: .28rem .44rem;
    border: 1px solid var(--ide-border-strong);
    border-radius: 4px;
    color: var(--ide-info-text);
    background: var(--ide-surface-raised);
    font-size: 10px;
}

.column-flow-node-copy button:hover[b-nzl1l21o6o] {
    border-color: var(--ide-focus);
    color: var(--ide-text-bright);
}

.column-flow-node-copy .column-flow-node-action[b-nzl1l21o6o] {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.column-flow-node-copy .column-flow-node-action:focus-visible[b-nzl1l21o6o] {
    outline: 2px solid var(--ide-focus);
    outline-offset: -2px;
}

.column-flow-help[b-nzl1l21o6o] {
    margin: 0;
    padding: .48rem .8rem;
    border-top: 1px solid var(--ide-border);
    color: var(--ide-text-muted);
    background: var(--ide-surface-raised);
    font-size: .68rem;
}

.column-flow-help strong[b-nzl1l21o6o] {
    color: var(--ide-text);
}

@media (max-width: 900px) {
    .column-flow-toolbar[b-nzl1l21o6o] {
        align-items: stretch;
        flex-direction: column;
    }

    .column-flow-direction[b-nzl1l21o6o] {
        align-self: flex-start;
    }
}
/* /Components/FlowV2/FlowQualityOverviewV2.razor.rz.scp.css */
.flow-quality-overview[b-enwgic6ny5] { height: 100%; overflow: auto; padding: 24px; color: var(--ide-text, #ccc); }
.flow-quality-overview > header[b-enwgic6ny5], .flow-quality-detail > header[b-enwgic6ny5] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.flow-quality-overview h2[b-enwgic6ny5], .flow-quality-overview h3[b-enwgic6ny5], .flow-quality-overview p[b-enwgic6ny5] { margin: 0; }
.flow-quality-overview header small[b-enwgic6ny5] { color: var(--ide-info-text, #4fc1ff); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.flow-quality-overview h2[b-enwgic6ny5] { margin-top: 3px; color: var(--ide-text-bright, #f2f2f2); font-size: 22px; }
.flow-quality-overview header p[b-enwgic6ny5] { margin-top: 6px; color: var(--ide-text-muted, #969696); font-size: 12px; }
.flow-quality-overview button[b-enwgic6ny5] { border: 1px solid var(--ide-border-strong, #3c3c3c); border-radius: 5px; background: var(--ide-surface-raised, #252526); color: var(--ide-text, #ccc); cursor: pointer; }
.flow-quality-overview button:focus-visible[b-enwgic6ny5] { outline: 2px solid var(--ide-focus, #75beff); outline-offset: 2px; }
.flow-quality-overview > header > button[b-enwgic6ny5] { padding: 9px 14px; background: var(--ide-accent, #007acc); color: #fff; font-size: 12px; font-weight: 700; }
.flow-quality-overview > header > button:disabled[b-enwgic6ny5] { cursor: wait; opacity: .65; }
.flow-quality-loading[b-enwgic6ny5] { margin-top: 16px !important; border: 1px solid #725c1c; border-radius: 5px; padding: 9px 12px; background: #332b16; color: #e4c784; font-size: 12px; }
.flow-overview-summary[b-enwgic6ny5] { margin-top: 20px; }
.flow-overview-summary h3[b-enwgic6ny5] { color: var(--ide-text-bright, #f2f2f2); font-size: 15px; }
.flow-overview-summary-cards[b-enwgic6ny5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 10px; }
.flow-overview-summary-card[b-enwgic6ny5] { display: flex; align-items: baseline; gap: 6px; min-height: 86px; padding: 16px; border: 1px solid var(--ide-border-strong, #3c3c3c); border-radius: 5px; background: var(--ide-surface-raised, #252526); }
.flow-overview-summary-card span[b-enwgic6ny5] { margin-right: auto; color: var(--ide-text-muted, #969696); font-size: 13px; }
.flow-overview-summary-card strong[b-enwgic6ny5] { color: var(--ide-text-bright, #f2f2f2); font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.flow-overview-summary-card small[b-enwgic6ny5] { color: var(--ide-text-muted, #969696); font-size: 12px; }
.flow-quality-cards[b-enwgic6ny5] { display: grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap: 12px; margin-top: 20px; }
.flow-quality-card[b-enwgic6ny5] { display: grid; min-height: 132px; padding: 15px; text-align: left; }
.flow-quality-card:hover[b-enwgic6ny5], .flow-quality-card[data-selected="true"][b-enwgic6ny5] { border-color: var(--ide-focus, #75beff); background: color-mix(in srgb, var(--ide-accent-soft, #04395e) 66%, var(--ide-surface-raised, #252526)); }
.flow-quality-card small[b-enwgic6ny5] { color: var(--ide-text-muted, #969696); font-size: 10px; line-height: 1.35; }
.flow-quality-card span[b-enwgic6ny5] { align-self: end; color: var(--ide-text-muted, #969696); font-size: 12px; }
.flow-quality-card span strong[b-enwgic6ny5] { margin-right: 3px; color: #f48771; font-size: 28px; }
.flow-quality-card[data-quality-count="0"] span strong[b-enwgic6ny5] { color: #89d185; }
.flow-quality-card b[b-enwgic6ny5] { margin-top: 5px; color: var(--ide-text-bright, #f2f2f2); font-size: 13px; }
.flow-quality-detail[b-enwgic6ny5] { margin-top: 18px; border: 1px solid var(--ide-border-strong, #3c3c3c); border-radius: 6px; background: var(--ide-surface, #1f1f1f); }
.flow-quality-detail > header[b-enwgic6ny5] { padding: 13px 15px; border-bottom: 1px solid var(--ide-border, #2b2b2b); }
.flow-quality-detail h3[b-enwgic6ny5] { margin-top: 3px; color: var(--ide-text-bright, #f2f2f2); font-size: 15px; }
.flow-quality-detail > header button[b-enwgic6ny5] { width: 28px; height: 28px; font-size: 18px; }
.flow-quality-table-wrap[b-enwgic6ny5] { overflow: auto; }
.flow-quality-detail table[b-enwgic6ny5] { width: 100%; border-collapse: collapse; font-size: 11px; }
.flow-quality-detail th[b-enwgic6ny5], .flow-quality-detail td[b-enwgic6ny5] { border-bottom: 1px solid var(--ide-border, #2b2b2b); padding: 9px 11px; text-align: left; vertical-align: top; }
.flow-quality-detail th[b-enwgic6ny5] { position: sticky; top: 0; background: var(--ide-surface-raised, #252526); color: var(--ide-text-bright, #f2f2f2); }
.flow-quality-detail td:nth-child(1)[b-enwgic6ny5], .flow-quality-detail td:nth-child(2)[b-enwgic6ny5] { color: var(--ide-info-text, #4fc1ff); font-family: var(--font-mono, monospace); }
.flow-quality-pass[b-enwgic6ny5] { padding: 18px; color: #89d185; font-size: 12px; }
@media (max-width: 1000px) { .flow-quality-cards[b-enwgic6ny5] { grid-template-columns: repeat(2, minmax(200px, 1fr)); } }
@media (max-width: 680px) { .flow-quality-overview[b-enwgic6ny5] { padding: 16px; } .flow-quality-cards[b-enwgic6ny5], .flow-overview-summary-cards[b-enwgic6ny5] { grid-template-columns: 1fr; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-idgxawv2g3] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-idgxawv2g3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ebrkd1q583],
.components-reconnect-repeated-attempt-visible[b-ebrkd1q583],
.components-reconnect-failed-visible[b-ebrkd1q583],
.components-pause-visible[b-ebrkd1q583],
.components-resume-failed-visible[b-ebrkd1q583],
.components-rejoining-animation[b-ebrkd1q583] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-retrying[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-failed[b-ebrkd1q583],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ebrkd1q583] {
    display: block;
}


#components-reconnect-modal[b-ebrkd1q583] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ebrkd1q583 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ebrkd1q583 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ebrkd1q583 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ebrkd1q583]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ebrkd1q583 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ebrkd1q583 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ebrkd1q583 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ebrkd1q583 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ebrkd1q583] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ebrkd1q583] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ebrkd1q583] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ebrkd1q583] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ebrkd1q583] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ebrkd1q583] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ebrkd1q583] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ebrkd1q583 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ebrkd1q583] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ebrkd1q583 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}