/* _content/Ayva.Polymorph/Components/AlertRuleEditor.razor.rz.scp.css */
.alert-editor-last[b-ta11bhrnje] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--success-color-5);
    border: 1px solid var(--success-color-30);
    border-radius: var(--radius-sm);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--success-color);
}

.alert-editor-wrap .abp-empty[b-ta11bhrnje] {
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-2xl) var(--space-md);
}
/* _content/Ayva.Polymorph/Components/AnalyticsPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Polymorph Intelligence Dashboard — Analytics Panel Styles
   Uses CSS variables from ayva-theme.css exclusively
   ═══════════════════════════════════════════════════════════════════ */

.analytics[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-md);
    min-height: 400px;
}

/* ── Loading & Empty States ── */

.analytics-loading[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    min-height: 300px;
}

.analytics-loading-text[b-rfopyhovti] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-family: var(--font-mono);
}

.analytics-empty[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    min-height: 300px;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

/* ═══════════════════════════════════════════════════════════════════
   KPI Summary Row — Top-level metrics
   ═══════════════════════════════════════════════════════════════════ */

.kpi-row[b-rfopyhovti] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md);
}

.kpi-card[b-rfopyhovti] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    position: relative;
    overflow: hidden;
    animation: cardReveal-b-rfopyhovti var(--transition-smooth) both;
    animation-delay: calc(var(--stagger-delay, 60ms) * var(--stagger, 0));
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.kpi-card:hover[b-rfopyhovti] {
    border-color: var(--border-hover);
    box-shadow: var(--glass-card-shadow-hover);
}

/* Accent bar at top */
.kpi-card[b-rfopyhovti]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.kpi-accent[b-rfopyhovti]::before { background: var(--accent-color); }
.kpi-success[b-rfopyhovti]::before { background: var(--success-color); }
.kpi-info[b-rfopyhovti]::before { background: var(--info-color); }
.kpi-warning[b-rfopyhovti]::before { background: var(--warning-color); }
.kpi-purple[b-rfopyhovti]::before { background: var(--secondary-accent); }
.kpi-health[b-rfopyhovti]::before { background: var(--error-color); }

.kpi-icon[b-rfopyhovti] {
    color: var(--text-muted);
    font-size: var(--text-lg);
}

.kpi-body[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
}

.kpi-value[b-rfopyhovti] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
    font-family: var(--font-mono);
}

.kpi-label[b-rfopyhovti] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.kpi-sub[b-rfopyhovti] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.kpi-trend[b-rfopyhovti] {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
    font-size: var(--text-xs);
    font-weight: 700;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
}

.kpi-trend-up[b-rfopyhovti] {
    color: var(--success-color);
    background: var(--success-color-15);
}

.kpi-trend-flat[b-rfopyhovti] {
    color: var(--warning-color);
    background: var(--warning-color-15);
}

.kpi-trend-down[b-rfopyhovti] {
    color: var(--error-color);
    background: var(--error-color-15);
}

/* Stagger animation delays */
.stagger-1[b-rfopyhovti] { --stagger: 1; }
.stagger-2[b-rfopyhovti] { --stagger: 2; }
.stagger-3[b-rfopyhovti] { --stagger: 3; }
.stagger-4[b-rfopyhovti] { --stagger: 4; }
.stagger-5[b-rfopyhovti] { --stagger: 5; }
.stagger-6[b-rfopyhovti] { --stagger: 6; }
.stagger-7[b-rfopyhovti] { --stagger: 7; }
.stagger-8[b-rfopyhovti] { --stagger: 8; }
.stagger-9[b-rfopyhovti] { --stagger: 9; }
.stagger-10[b-rfopyhovti] { --stagger: 10; }
.stagger-11[b-rfopyhovti] { --stagger: 11; }
.stagger-12[b-rfopyhovti] { --stagger: 12; }
.stagger-13[b-rfopyhovti] { --stagger: 13; }

/* ═══════════════════════════════════════════════════════════════════
   Chart Cards
   ═══════════════════════════════════════════════════════════════════ */

.chart-row[b-rfopyhovti] {
    display: flex;
    gap: var(--space-md);
}

.chart-card[b-rfopyhovti] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    animation: cardReveal-b-rfopyhovti var(--transition-smooth) both;
    animation-delay: calc(var(--stagger-delay, 60ms) * var(--stagger, 0));
    overflow: hidden;
}

.chart-wide[b-rfopyhovti] {
    flex: 2;
    min-width: 0;
}

.chart-narrow[b-rfopyhovti] {
    flex: 1;
    min-width: 220px;
}

.chart-half[b-rfopyhovti] {
    flex: 1;
    min-width: 0;
}

.chart-header[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-sm);
}

.chart-title[b-rfopyhovti] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
}

.chart-subtitle[b-rfopyhovti] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.chart-empty[b-rfopyhovti] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--text-muted);
    font-size: var(--text-sm);
    font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════
   Intelligence Section
   ═══════════════════════════════════════════════════════════════════ */

.intel-section[b-rfopyhovti] {
    background: var(--glass-panel);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    padding: var(--space-lg);
    animation: cardReveal-b-rfopyhovti var(--transition-smooth) both;
    animation-delay: calc(var(--stagger-delay, 60ms) * var(--stagger, 0));
}

.intel-header[b-rfopyhovti] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--secondary-accent);
    margin-bottom: var(--space-lg);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.intel-grid[b-rfopyhovti] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-md);
}

.intel-card[b-rfopyhovti] {
    background: var(--white-overlay-03);
    border-radius: var(--radius-md);
    border: 1px solid var(--white-overlay-06);
    padding: var(--space-md);
}

.intel-card-title[b-rfopyhovti] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-md);
}

/* ── Memory Tier Bars ── */

.tier-bars[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.tier-bar[b-rfopyhovti] {
    display: grid;
    grid-template-columns: 70px 1fr 40px;
    align-items: center;
    gap: var(--space-sm);
}

.tier-label[b-rfopyhovti] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.tier-dot[b-rfopyhovti] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.tier-hot[b-rfopyhovti] { background: var(--error-color); box-shadow: 0 0 6px var(--error-color-40); }
.tier-warm[b-rfopyhovti] { background: var(--warning-color); box-shadow: 0 0 6px var(--warning-color-40); }
.tier-cold[b-rfopyhovti] { background: var(--info-color); box-shadow: 0 0 6px var(--info-color-40); }

.tier-track[b-rfopyhovti] {
    height: 6px;
    background: var(--white-overlay-08);
    border-radius: 3px;
    overflow: hidden;
}

.tier-fill[b-rfopyhovti] {
    height: 100%;
    border-radius: 3px;
    transition: width var(--transition-smooth);
}

.tier-fill-hot[b-rfopyhovti] { background: linear-gradient(90deg, var(--error-color), var(--error-light)); }
.tier-fill-warm[b-rfopyhovti] { background: linear-gradient(90deg, var(--warning-color), var(--warning-light)); }
.tier-fill-cold[b-rfopyhovti] { background: linear-gradient(90deg, var(--info-color), var(--info-light)); }

.tier-count[b-rfopyhovti] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-primary);
    text-align: right;
}

/* ── Knowledge Grid ── */

.knowledge-grid[b-rfopyhovti] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm);
}

.knowledge-item[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-sm);
    background: var(--white-overlay-03);
    border-radius: var(--radius-sm);
}

.knowledge-value[b-rfopyhovti] {
    font-size: var(--text-lg);
    font-weight: 700;
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.knowledge-label[b-rfopyhovti] {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Velocity Metrics ── */

.velocity-metrics[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.velocity-row[b-rfopyhovti] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.velocity-label[b-rfopyhovti] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    flex: 1;
}

.velocity-value[b-rfopyhovti] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--text-primary);
}

.velocity-value.accent[b-rfopyhovti] {
    color: var(--accent-color);
}

.relevance-bar[b-rfopyhovti] {
    width: 80px;
    height: 4px;
    background: var(--white-overlay-08);
    border-radius: 2px;
    overflow: hidden;
}

.relevance-fill[b-rfopyhovti] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-color), var(--secondary-accent));
    border-radius: 2px;
    transition: width var(--transition-smooth);
}

/* ── Performance Gauges (SVG Circles) ── */

.gauge-grid[b-rfopyhovti] {
    display: flex;
    justify-content: space-around;
    gap: var(--space-sm);
}

.gauge[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    position: relative;
}

.gauge-svg[b-rfopyhovti] {
    width: 64px;
    height: 64px;
}

.gauge-track[b-rfopyhovti] {
    fill: none;
    stroke: var(--white-overlay-08);
    stroke-width: 3;
}

.gauge-fill[b-rfopyhovti] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dasharray var(--transition-smooth);
}

.gauge-success[b-rfopyhovti] { stroke: var(--success-color); }
.gauge-info[b-rfopyhovti] { stroke: var(--info-color); }
.gauge-accent[b-rfopyhovti] { stroke: var(--accent-color); }

.gauge-value[b-rfopyhovti] {
    position: absolute;
    top: 22px;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.gauge-label[b-rfopyhovti] {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════════════
   Operational Health Strip
   ═══════════════════════════════════════════════════════════════════ */

.health-strip[b-rfopyhovti] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md) var(--space-lg);
    animation: cardReveal-b-rfopyhovti var(--transition-smooth) both;
    animation-delay: calc(var(--stagger-delay, 60ms) * var(--stagger, 0));
}

.health-header[b-rfopyhovti] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.health-updated[b-rfopyhovti] {
    margin-left: auto;
    font-size: 10px;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.health-metrics[b-rfopyhovti] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--space-sm) var(--space-lg);
}

.health-metric[b-rfopyhovti] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.health-metric-label[b-rfopyhovti] {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.health-metric-value[b-rfopyhovti] {
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--text-primary);
}

.health-ok[b-rfopyhovti] { color: var(--success-color); }
.health-warn[b-rfopyhovti] { color: var(--warning-color); }
.health-error[b-rfopyhovti] { color: var(--error-color); }

.mode-badge[b-rfopyhovti] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 700;
}

.mode-badge.m0[b-rfopyhovti] { background: rgba(100, 116, 139, 0.2); color: var(--text-muted); }
.mode-badge.m1[b-rfopyhovti] { background: var(--warning-color-20); color: var(--warning-color); }
.mode-badge.m2[b-rfopyhovti] { background: rgba(139, 92, 246, 0.2); color: var(--secondary-accent); }
.mode-badge.m3[b-rfopyhovti] { background: var(--info-color-20); color: var(--info-color); }
.mode-badge.m4[b-rfopyhovti] { background: rgba(139, 92, 246, 0.2); color: var(--accent-color); }
.mode-badge.m5[b-rfopyhovti] { background: var(--success-color-20); color: var(--success-color); }

/* ═══════════════════════════════════════════════════════════════════
   Activity Heatmap
   ═══════════════════════════════════════════════════════════════════ */

.heatmap-section[b-rfopyhovti] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md) var(--space-lg);
    animation: cardReveal-b-rfopyhovti var(--transition-smooth) both;
    animation-delay: calc(var(--stagger-delay, 60ms) * var(--stagger, 0));
}

.heatmap-header[b-rfopyhovti] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.heatmap-subtitle[b-rfopyhovti] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-left: var(--space-sm);
}

.heatmap-grid[b-rfopyhovti] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-xs);
}

.heatmap-y-labels[b-rfopyhovti] {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.heatmap-y-label[b-rfopyhovti] {
    font-size: 10px;
    color: var(--text-muted);
    flex: 1;
    display: flex;
    align-items: center;
    font-family: var(--font-mono);
}

.heatmap-cells[b-rfopyhovti] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.heatmap-row[b-rfopyhovti] {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    gap: 3px;
}

.heatmap-cell[b-rfopyhovti] {
    aspect-ratio: 1;
    border-radius: 3px;
    cursor: default;
    transition: transform var(--transition-fast);
}

.heatmap-cell:hover[b-rfopyhovti] {
    transform: scale(1.3);
    z-index: 1;
}

.heat-0[b-rfopyhovti] { background: var(--white-overlay-04); }
.heat-1[b-rfopyhovti] { background: var(--accent-color-25); }
.heat-2[b-rfopyhovti] { background: var(--accent-color-45); }
.heat-3[b-rfopyhovti] { background: var(--accent-color-65); }
.heat-4[b-rfopyhovti] { background: var(--accent-color); box-shadow: 0 0 6px var(--accent-color-40); }

.heatmap-x-labels[b-rfopyhovti] {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    margin-top: var(--space-xs);
}

.heatmap-x-label[b-rfopyhovti] {
    font-size: 10px;
    color: var(--text-muted);
    font-family: var(--font-mono);
    text-align: left;
}

.heatmap-legend[b-rfopyhovti] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    justify-content: flex-end;
    margin-top: var(--space-sm);
}

.heatmap-legend-label[b-rfopyhovti] {
    font-size: 10px;
    color: var(--text-muted);
}

.heatmap-legend .heatmap-cell[b-rfopyhovti] {
    width: 12px;
    height: 12px;
}

/* ═══════════════════════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .kpi-row[b-rfopyhovti] {
        grid-template-columns: repeat(2, 1fr);
    }

    .chart-row[b-rfopyhovti] {
        flex-direction: column;
    }

    .intel-grid[b-rfopyhovti] {
        grid-template-columns: 1fr;
    }

    .health-metrics[b-rfopyhovti] {
        grid-template-columns: repeat(2, 1fr);
    }

    .heatmap-y-label[b-rfopyhovti] {
        font-size: 8px;
    }
}

@media (max-width: 640px) {
    .kpi-row[b-rfopyhovti] {
        grid-template-columns: 1fr;
    }

    .health-metrics[b-rfopyhovti] {
        grid-template-columns: 1fr;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Animations
   ═══════════════════════════════════════════════════════════════════ */

@keyframes cardReveal-b-rfopyhovti {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Ayva.Polymorph/Components/GitRollbackPanel.razor.rz.scp.css */
.grp-table[b-unxajltq7g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.grp-row[b-unxajltq7g] {
    display: grid;
    grid-template-columns: 90px 2.5fr 1fr 1fr 110px;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
}

.grp-row:hover[b-unxajltq7g] {
    background: var(--bg-hover);
}

.grp-row-head[b-unxajltq7g] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-color);
}

.grp-sha[b-unxajltq7g] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--accent-color);
}

.grp-subject[b-unxajltq7g] {
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grp-author[b-unxajltq7g], .grp-date[b-unxajltq7g] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.grp-action[b-unxajltq7g] {
    text-align: right;
}

.grp-locked[b-unxajltq7g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    opacity: 0.5;
}

.grp-status[b-unxajltq7g] {
    font-size: var(--text-xs);
    color: var(--warning-color);
}

.grp-wrap .abp-empty[b-unxajltq7g] {
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-2xl) var(--space-md);
}

@media (max-width: 640px) {
    .grp-row[b-unxajltq7g] {
        grid-template-columns: 70px 1.6fr 0.8fr 90px;
    }
    .grp-date[b-unxajltq7g] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .grp-row[b-unxajltq7g] { transition: none; }
}
/* _content/Ayva.Polymorph/Components/MasterDocumentViewer.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────
   MasterDocumentViewer — Isolated styles
   Uses CSS variables from ayva-theme.css exclusively
   ───────────────────────────────────────────────────────────────────── */

.mdv[b-lsimwwevbi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 1rem);
    font-family: var(--font-primary, inherit);
}

/* ── Header ── */
.mdv-header[b-lsimwwevbi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
    background: var(--surface-glass, var(--white-overlay-05));
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--border-color, var(--white-overlay-10));
}

.mdv-title[b-lsimwwevbi] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 0.25rem);
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.mdv-version[b-lsimwwevbi] {
    font-size: 0.75rem;
    color: var(--text-muted, var(--white-overlay-50));
    background: var(--surface-raised, var(--white-overlay-08));
    padding: 2px 6px;
    border-radius: var(--radius-sm, 4px);
}

.mdv-meta[b-lsimwwevbi] {
    display: flex;
    gap: var(--spacing-sm, 0.5rem);
    align-items: center;
}

.mdv-correlation[b-lsimwwevbi] {
    font-family: var(--font-mono, monospace);
    font-size: 0.8rem;
    color: var(--accent-color, var(--accent-color));
}

.mdv-branch[b-lsimwwevbi] {
    font-family: var(--font-mono, monospace);
    font-size: 0.75rem;
    color: var(--text-muted, var(--white-overlay-50));
    background: var(--surface-raised, var(--white-overlay-08));
    padding: 2px 6px;
    border-radius: var(--radius-sm, 4px);
}

/* ── Navigation ── */
.mdv-nav[b-lsimwwevbi] {
    display: flex;
    gap: var(--spacing-xs, 0.25rem);
    flex-wrap: wrap;
    padding: var(--spacing-xs, 0.25rem);
    background: var(--surface-glass, var(--white-overlay-03));
    border-radius: var(--radius-md, 8px);
}

.mdv-nav-btn[b-lsimwwevbi] {
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    border: 1px solid var(--border-color, var(--white-overlay-10));
    border-radius: var(--radius-sm, 4px);
    background: transparent;
    color: var(--text-secondary, var(--white-overlay-70));
    cursor: pointer;
    font-size: 0.8rem;
    transition: var(--transition-fast, 0.15s ease);
    position: relative;
}

.mdv-nav-btn:hover[b-lsimwwevbi] {
    background: var(--surface-hover, var(--white-overlay-08));
    color: var(--text-primary, #fff);
}

.mdv-nav-btn.active[b-lsimwwevbi] {
    background: var(--accent-color, var(--accent-color));
    color: var(--text-on-accent, #fff);
    border-color: var(--accent-color, var(--accent-color));
}

.mdv-nav-btn.empty[b-lsimwwevbi] {
    opacity: 0.5;
}

.mdv-nav-dot[b-lsimwwevbi] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success-color, #22c55e);
    margin-left: 4px;
    vertical-align: middle;
}

/* ── Content Area ── */
.mdv-content[b-lsimwwevbi] {
    background: var(--surface-glass, var(--white-overlay-03));
    border: 1px solid var(--border-color, var(--white-overlay-10));
    border-radius: var(--radius-md, 8px);
    padding: var(--spacing-md, 1rem);
    min-height: 200px;
}

.mdv-section[b-lsimwwevbi] {
    color: var(--text-primary, #fff);
}

.mdv-section h3[b-lsimwwevbi] {
    color: var(--text-primary, #fff);
    margin: 0 0 var(--spacing-sm, 0.5rem) 0;
    font-size: 1.1rem;
    border-bottom: 1px solid var(--border-color, var(--white-overlay-10));
    padding-bottom: var(--spacing-xs, 0.25rem);
}

.mdv-section h4[b-lsimwwevbi] {
    color: var(--text-secondary, var(--white-overlay-70));
    margin: var(--spacing-sm, 0.5rem) 0 var(--spacing-xs, 0.25rem) 0;
    font-size: 0.95rem;
}

.mdv-empty-section[b-lsimwwevbi] {
    color: var(--text-muted, var(--white-overlay-40));
    font-style: italic;
}

/* ── Fields ── */
.mdv-field[b-lsimwwevbi] {
    margin-bottom: var(--spacing-xs, 0.25rem);
}

.mdv-field label[b-lsimwwevbi] {
    display: inline-block;
    font-size: 0.8rem;
    color: var(--text-muted, var(--white-overlay-50));
    min-width: 80px;
    font-weight: 600;
}

.mdv-row[b-lsimwwevbi] {
    display: flex;
    gap: var(--spacing-md, 1rem);
    flex-wrap: wrap;
}

/* ── Pipeline Plan Table ── */
.mdv-table[b-lsimwwevbi] {
    display: grid;
    gap: 1px;
    background: var(--border-color, var(--white-overlay-10));
    border-radius: var(--radius-sm, 4px);
    overflow: hidden;
}

.mdv-table-head[b-lsimwwevbi] {
    display: grid;
    grid-template-columns: 40px 60px 1fr 120px 120px;
    gap: var(--spacing-sm, 0.5rem);
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    background: var(--surface-raised, var(--white-overlay-08));
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, var(--white-overlay-50));
    text-transform: uppercase;
}

.mdv-table-row[b-lsimwwevbi] {
    display: grid;
    grid-template-columns: 40px 60px 1fr 120px 120px;
    gap: var(--spacing-sm, 0.5rem);
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    background: var(--surface-glass, var(--white-overlay-03));
    font-size: 0.85rem;
    align-items: center;
}

.mdv-table-row.phase-running[b-lsimwwevbi] {
    background: var(--accent-subtle, var(--accent-color-10));
    border-left: 3px solid var(--accent-color, var(--accent-color));
}

.mdv-table-row.phase-completed[b-lsimwwevbi] {
    opacity: 0.85;
}

.mdv-table-row.phase-failed[b-lsimwwevbi] {
    background: var(--danger-subtle, var(--error-color-10));
    border-left: 3px solid var(--danger-color, var(--error-color));
}

.mdv-dynamic[b-lsimwwevbi] {
    font-size: 0.7rem;
    color: var(--warning-color, var(--warning-color));
}

/* ── Step Progress ── */
.mdv-step-progress[b-lsimwwevbi] {
    background: var(--surface-glass, var(--white-overlay-03));
    border: 1px solid var(--border-color, var(--white-overlay-10));
    border-radius: var(--radius-sm, 4px);
    padding: var(--spacing-sm, 0.5rem);
    margin-bottom: var(--spacing-sm, 0.5rem);
}

.mdv-step-progress.st-running[b-lsimwwevbi] {
    border-left: 3px solid var(--accent-color, var(--accent-color));
}

.mdv-step-progress.st-failed[b-lsimwwevbi] {
    border-left: 3px solid var(--danger-color, var(--error-color));
}

.mdv-step-header[b-lsimwwevbi] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.5rem);
}

.mdv-step-type[b-lsimwwevbi] {
    font-size: 0.75rem;
    color: var(--text-muted, var(--white-overlay-50));
    background: var(--surface-raised, var(--white-overlay-08));
    padding: 1px 6px;
    border-radius: var(--radius-sm, 4px);
}

.mdv-step-duration[b-lsimwwevbi] {
    font-size: 0.75rem;
    color: var(--text-muted, var(--white-overlay-50));
    margin-left: auto;
}

.mdv-eval[b-lsimwwevbi] {
    font-size: 0.85rem;
    margin-top: var(--spacing-xs, 0.25rem);
    color: var(--text-secondary, var(--white-overlay-70));
}

.mdv-error[b-lsimwwevbi] {
    font-size: 0.85rem;
    color: var(--danger-color, var(--error-color));
    margin-top: var(--spacing-xs, 0.25rem);
    padding: var(--spacing-xs, 0.25rem);
    background: var(--danger-subtle, var(--error-color-10));
    border-radius: var(--radius-sm, 4px);
}

.mdv-files summary[b-lsimwwevbi] {
    cursor: pointer;
    color: var(--text-muted, var(--white-overlay-50));
    font-size: 0.8rem;
}

.mdv-files ul[b-lsimwwevbi] {
    padding-left: var(--spacing-md, 1rem);
    margin: var(--spacing-xs, 0.25rem) 0;
}

.mdv-files code[b-lsimwwevbi] {
    font-family: var(--font-mono, monospace);
    font-size: 0.8rem;
}

/* ── Failures ── */
.mdv-failure-summary[b-lsimwwevbi] {
    color: var(--text-muted, var(--white-overlay-50));
    font-size: 0.85rem;
    margin-bottom: var(--spacing-sm, 0.5rem);
}

.mdv-failure[b-lsimwwevbi] {
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    margin-bottom: var(--spacing-xs, 0.25rem);
    border-radius: var(--radius-sm, 4px);
    font-size: 0.85rem;
}

.mdv-failure.sev-critical[b-lsimwwevbi] { background: var(--danger-subtle, var(--error-color-15)); border-left: 3px solid var(--danger-color, var(--error-color)); }
.mdv-failure.sev-major[b-lsimwwevbi] { background: var(--warning-subtle, var(--warning-color-10)); border-left: 3px solid var(--warning-color, var(--warning-color)); }
.mdv-failure.sev-minor[b-lsimwwevbi] { background: var(--surface-glass, var(--white-overlay-05)); border-left: 3px solid var(--text-muted, var(--white-overlay-30)); }

.mdv-resolved[b-lsimwwevbi] {
    color: var(--success-color, #22c55e);
    font-weight: 600;
    margin-left: var(--spacing-xs, 0.25rem);
}

/* ── Agent Requests ── */
.mdv-request[b-lsimwwevbi] {
    padding: var(--spacing-sm, 0.5rem);
    border: 1px solid var(--border-color, var(--white-overlay-10));
    border-radius: var(--radius-sm, 4px);
    margin-bottom: var(--spacing-xs, 0.25rem);
}

.mdv-request.processed[b-lsimwwevbi] { opacity: 0.7; }

.mdv-request-header[b-lsimwwevbi] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.5rem);
    font-size: 0.85rem;
}

.mdv-priority[b-lsimwwevbi] {
    font-size: 0.7rem;
    padding: 1px 4px;
    border-radius: var(--radius-sm, 4px);
    background: var(--surface-raised, var(--white-overlay-08));
}

.mdv-priority.p-critical[b-lsimwwevbi] { background: var(--danger-subtle, var(--error-color-15)); color: var(--danger-color, var(--error-color)); }
.mdv-priority.p-high[b-lsimwwevbi] { background: var(--warning-subtle, var(--warning-color-10)); color: var(--warning-color, var(--warning-color)); }

.mdv-disposition[b-lsimwwevbi] {
    font-size: 0.75rem;
    color: var(--success-color, #22c55e);
    margin-left: auto;
}

/* ── Report ── */
.mdv-report-outcome[b-lsimwwevbi] {
    font-size: 1.2rem;
    font-weight: 700;
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    border-radius: var(--radius-sm, 4px);
    display: inline-block;
    margin-bottom: var(--spacing-sm, 0.5rem);
}

.mdv-report-outcome.out-completed[b-lsimwwevbi] { color: var(--success-color, #22c55e); background: var(--success-subtle, rgba(34,197,94,0.1)); }
.mdv-report-outcome.out-failed[b-lsimwwevbi] { color: var(--danger-color, var(--error-color)); background: var(--danger-subtle, var(--error-color-10)); }
.mdv-report-outcome.out-aborted[b-lsimwwevbi] { color: var(--warning-color, var(--warning-color)); background: var(--warning-subtle, var(--warning-color-10)); }

/* ── Risk ── */
.mdv-risk[b-lsimwwevbi] { font-weight: 600; }
.mdv-risk.r-1[b-lsimwwevbi], .mdv-risk.r-2[b-lsimwwevbi] { color: var(--success-color, #22c55e); }
.mdv-risk.r-3[b-lsimwwevbi] { color: var(--warning-color, var(--warning-color)); }
.mdv-risk.r-4[b-lsimwwevbi], .mdv-risk.r-5[b-lsimwwevbi] { color: var(--danger-color, var(--error-color)); }

.mdv-risk-entry[b-lsimwwevbi] {
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    margin-bottom: var(--spacing-xs, 0.25rem);
    border-radius: var(--radius-sm, 4px);
    font-size: 0.85rem;
}

/* ── Design Decisions ── */
.mdv-decision[b-lsimwwevbi] {
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    border-left: 2px solid var(--accent-color, var(--accent-color));
    margin-bottom: var(--spacing-sm, 0.5rem);
}

/* ── Markdown View ── */
.mdv-markdown-pre[b-lsimwwevbi] {
    background: var(--surface-raised, var(--white-overlay-05));
    border: 1px solid var(--border-color, var(--white-overlay-10));
    border-radius: var(--radius-sm, 4px);
    padding: var(--spacing-md, 1rem);
    font-family: var(--font-mono, monospace);
    font-size: 0.8rem;
    color: var(--text-secondary, var(--white-overlay-70));
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto;
    max-height: 600px;
    overflow-y: auto;
}

/* ── Loading / Empty States ── */
.mdv-loading[b-lsimwwevbi] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.5rem);
    padding: var(--spacing-lg, 2rem);
    justify-content: center;
    color: var(--text-muted, var(--white-overlay-50));
}

.mdv-empty[b-lsimwwevbi] {
    padding: var(--spacing-lg, 2rem);
    text-align: center;
    color: var(--text-muted, var(--white-overlay-40));
    font-style: italic;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .mdv-header[b-lsimwwevbi] {
        flex-direction: column;
        gap: var(--spacing-xs, 0.25rem);
    }

    .mdv-table-head[b-lsimwwevbi],
    .mdv-table-row[b-lsimwwevbi] {
        grid-template-columns: 30px 40px 1fr;
    }

    .mdv-table-head > span:nth-child(4)[b-lsimwwevbi],
    .mdv-table-head > span:nth-child(5)[b-lsimwwevbi],
    .mdv-table-row > span:nth-child(4)[b-lsimwwevbi],
    .mdv-table-row > span:nth-child(5)[b-lsimwwevbi] {
        display: none;
    }

    .mdv-row[b-lsimwwevbi] {
        flex-direction: column;
    }
}
/* _content/Ayva.Polymorph/Components/MemoryPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Memory Panel — Polymorph Engine Memory Management
   ═══════════════════════════════════════════════════════════════ */

.mem[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.5rem; }

/* ── Sub-Navigation ── */
.mem-tabs[b-5le05xzyue] { display: flex; background: var(--bg-secondary); border-radius: var(--radius-md); padding: 2px; }
.mem-tab[b-5le05xzyue] { flex: 1; padding: 0.35rem; border: none; background: none; color: var(--text-secondary); font-size: 0.7rem; font-weight: 600; cursor: pointer; border-radius: var(--radius-sm); text-align: center; transition: all var(--transition-fast); font-family: var(--font-primary); }
.mem-tab:hover[b-5le05xzyue] { color: var(--text-primary); background: var(--white-overlay-04); }
.mem-tab.sel[b-5le05xzyue] { color: var(--text-primary); background: var(--white-overlay-06); border-bottom: 2px solid var(--accent-color); }

/* ── Common ── */
.card[b-5le05xzyue] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 0.75rem; }
.card-title[b-5le05xzyue] { font-size: 0.72rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.03em; opacity: 0.7; }
.mem-empty[b-5le05xzyue] { color: var(--text-muted); font-size: 0.72rem; padding: 1.5rem; text-align: center; }

/* ── Tier Gauge Strip ── */
.mem-tiers[b-5le05xzyue] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; }
.mem-tier-card[b-5le05xzyue] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.6rem; position: relative; overflow: hidden; }
.mem-tier-val[b-5le05xzyue] { font-size: 1.4rem; font-weight: 700; color: var(--text-primary); font-family: var(--font-mono); }
.mem-tier-label[b-5le05xzyue] { font-size: 0.65rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 0.1rem; }
.mem-tier-bar[b-5le05xzyue] { position: absolute; bottom: 0; left: 0; height: 3px; border-radius: 0 0 var(--radius-md) 0; transition: width 0.5s ease; }
.mem-tier-bar.hot[b-5le05xzyue] { background: var(--error-color); }
.mem-tier-bar.warm[b-5le05xzyue] { background: var(--info-color); }
.mem-tier-bar.cold[b-5le05xzyue] { background: var(--text-muted); }

/* ── Overview Grid ── */
.mem-overview-grid[b-5le05xzyue] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }

/* ── Category Bars ── */
.mem-cat-bars[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.35rem; }
.mem-cat-row[b-5le05xzyue] { display: flex; align-items: center; gap: 0.4rem; }
.mem-cat-track[b-5le05xzyue] { flex: 1; height: 6px; background: var(--bg-secondary); border-radius: 3px; overflow: hidden; }
.mem-cat-fill[b-5le05xzyue] { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
.mem-cat-fill.action[b-5le05xzyue] { background: var(--accent-color); }
.mem-cat-fill.observation[b-5le05xzyue] { background: var(--info-color); }
.mem-cat-fill.lesson[b-5le05xzyue] { background: var(--success-color); }
.mem-cat-fill.pattern[b-5le05xzyue] { background: var(--secondary-accent); }
.mem-cat-fill.failure[b-5le05xzyue] { background: var(--error-color); }
.mem-cat-fill.decision[b-5le05xzyue] { background: var(--warning-color); }
.mem-cat-fill.prunerecord[b-5le05xzyue] { background: var(--text-muted); }
.mem-cat-count[b-5le05xzyue] { font-size: 0.65rem; color: var(--text-secondary); font-family: var(--font-mono); min-width: 2ch; text-align: right; }

/* ── Badges ── */
.mem-tier[b-5le05xzyue], .mem-cat[b-5le05xzyue], .mem-index-period[b-5le05xzyue] { display: inline-block; font-size: 0.6rem; font-weight: 600; padding: 0.1rem 0.35rem; border-radius: var(--radius-sm); text-transform: uppercase; letter-spacing: 0.04em; }
.mem-tier.hot[b-5le05xzyue] { background: var(--error-color-15); color: var(--error-color); }
.mem-tier.warm[b-5le05xzyue] { background: var(--info-color-15); color: var(--info-color); }
.mem-tier.cold[b-5le05xzyue] { background: rgba(100,116,139,0.15); color: var(--text-muted); }
.mem-cat.action[b-5le05xzyue] { background: var(--accent-color-12); color: var(--accent-color); }
.mem-cat.observation[b-5le05xzyue] { background: var(--info-color-12); color: var(--info-color); }
.mem-cat.lesson[b-5le05xzyue] { background: var(--success-color-12); color: var(--success-color); }
.mem-cat.pattern[b-5le05xzyue] { background: rgba(139,92,246,0.12); color: var(--secondary-accent); }
.mem-cat.failure[b-5le05xzyue] { background: var(--error-color-12); color: var(--error-color); }
.mem-cat.decision[b-5le05xzyue] { background: var(--warning-color-12); color: var(--warning-color); }
.mem-cat.prunerecord[b-5le05xzyue] { background: rgba(100,116,139,0.1); color: var(--text-muted); }

.mem-index-period.hour[b-5le05xzyue] { background: var(--accent-color-12); color: var(--accent-color); }
.mem-index-period.day[b-5le05xzyue] { background: var(--success-color-12); color: var(--success-color); }
.mem-index-period.week[b-5le05xzyue] { background: var(--warning-color-12); color: var(--warning-color); }
.mem-index-period.month[b-5le05xzyue] { background: rgba(139,92,246,0.12); color: var(--secondary-accent); }

/* ── Health Grid ── */
.mem-health-grid[b-5le05xzyue] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.35rem; }
.mem-health-item[b-5le05xzyue] { display: flex; justify-content: space-between; padding: 0.25rem 0; border-bottom: 1px solid var(--border-subtle); }
.mem-health-label[b-5le05xzyue] { font-size: 0.68rem; color: var(--text-secondary); }
.mem-health-val[b-5le05xzyue] { font-size: 0.68rem; color: var(--text-primary); font-family: var(--font-mono); }
.mem-health-val.on[b-5le05xzyue] { color: var(--success-color); }
.mem-health-val.off[b-5le05xzyue] { color: var(--error-color); }

/* ── Broad View ── */
.mem-broad-text[b-5le05xzyue] { font-size: 0.72rem; color: var(--text-secondary); line-height: 1.6; white-space: pre-wrap; word-break: break-word; background: var(--bg-secondary); padding: 0.6rem; border-radius: var(--radius-sm); font-family: var(--font-primary); margin: 0; max-height: 300px; overflow-y: auto; }

/* ── Index List (Overview) ── */
.mem-index-list[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.4rem; }
.mem-index-item[b-5le05xzyue] { padding: 0.5rem; border-bottom: 1px solid var(--border-subtle); }
.mem-index-item:last-child[b-5le05xzyue] { border-bottom: none; }
.mem-index-header[b-5le05xzyue] { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.25rem; }
.mem-index-date[b-5le05xzyue] { font-size: 0.68rem; color: var(--text-secondary); font-family: var(--font-mono); }
.mem-index-meta[b-5le05xzyue] { font-size: 0.62rem; color: var(--text-muted); margin-left: auto; }
.mem-index-summary[b-5le05xzyue] { font-size: 0.72rem; color: var(--text-primary); line-height: 1.5; }
.mem-index-topics[b-5le05xzyue] { display: flex; gap: 0.25rem; flex-wrap: wrap; margin-top: 0.25rem; }

.mem-tag[b-5le05xzyue] { font-size: 0.58rem; padding: 0.08rem 0.3rem; background: var(--accent-color-10); color: var(--accent-light); border-radius: var(--radius-sm); }

/* ── Browser ── */
.mem-filters[b-5le05xzyue] { display: flex; gap: 0.4rem; align-items: center; flex-wrap: wrap; padding: 0.5rem; background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-md); }
.mem-search[b-5le05xzyue] { flex: 1; min-width: 150px; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 0.35rem 0.5rem; color: var(--text-primary); font-size: 0.72rem; font-family: var(--font-primary); outline: none; transition: border-color var(--transition-fast); }
.mem-search:focus[b-5le05xzyue] { border-color: var(--border-focus); }
.mem-search[b-5le05xzyue]::placeholder { color: var(--text-muted); }
.mem-select[b-5le05xzyue] { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 0.35rem 0.4rem; color: var(--text-primary); font-size: 0.68rem; font-family: var(--font-primary); cursor: pointer; }
.mem-result-count[b-5le05xzyue] { font-size: 0.65rem; color: var(--text-muted); margin-left: auto; }

.mem-browser[b-5le05xzyue] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }

.mem-list[b-5le05xzyue] { max-height: 600px; overflow-y: auto; display: flex; flex-direction: column; gap: 0.25rem; }
.mem-item[b-5le05xzyue] { padding: 0.5rem; background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition-fast); }
.mem-item:hover[b-5le05xzyue] { border-color: var(--accent-color); background: var(--accent-color-3); }
.mem-item.sel[b-5le05xzyue] { border-color: var(--accent-color); background: var(--accent-color-6); box-shadow: 0 0 8px var(--accent-color-15); }
.mem-item-header[b-5le05xzyue] { display: flex; gap: 0.3rem; align-items: center; margin-bottom: 0.2rem; }
.mem-item-date[b-5le05xzyue] { font-size: 0.6rem; color: var(--text-muted); margin-left: auto; font-family: var(--font-mono); }
.mem-item-summary[b-5le05xzyue] { font-size: 0.72rem; color: var(--text-primary); line-height: 1.4; }
.mem-item-meta[b-5le05xzyue] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.3rem; }
.mem-item-access[b-5le05xzyue] { font-size: 0.6rem; color: var(--text-muted); font-family: var(--font-mono); }

.mem-relevance-bar[b-5le05xzyue] { flex: 1; height: 4px; background: var(--bg-secondary); border-radius: 2px; overflow: hidden; }
.mem-relevance-fill[b-5le05xzyue] { height: 100%; border-radius: 2px; background: var(--accent-color); transition: width 0.3s ease; }

/* ── Detail Panel ── */
.mem-detail[b-5le05xzyue] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 0.75rem; max-height: 600px; overflow-y: auto; }
.mem-detail-header[b-5le05xzyue] { display: flex; gap: 0.3rem; align-items: center; margin-bottom: 0.5rem; }
.mem-detail-id[b-5le05xzyue] { font-size: 0.6rem; color: var(--text-muted); font-family: var(--font-mono); margin-left: auto; }
.mem-detail-content[b-5le05xzyue] { font-size: 0.75rem; color: var(--text-secondary); line-height: 1.6; padding: 0.6rem; background: var(--bg-secondary); border-radius: var(--radius-sm); margin: 0.5rem 0; white-space: pre-wrap; word-break: break-word; }
.mem-detail-tags[b-5le05xzyue] { display: flex; gap: 0.25rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.mem-detail-meta[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.2rem; }
.mem-meta-row[b-5le05xzyue] { display: flex; justify-content: space-between; font-size: 0.68rem; padding: 0.2rem 0; border-bottom: 1px solid var(--border-subtle); }
.mem-meta-row span:first-child[b-5le05xzyue] { color: var(--text-secondary); }
.mem-meta-row span:last-child[b-5le05xzyue] { color: var(--text-primary); font-family: var(--font-mono); }
.mem-meta-row.warn span:last-child[b-5le05xzyue] { color: var(--warning-color); }

/* ── Buttons ── */
.mem-btn[b-5le05xzyue] { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 0.35rem 0.6rem; color: var(--text-primary); font-size: 0.68rem; cursor: pointer; font-family: var(--font-primary); transition: all var(--transition-fast); }
.mem-btn:hover:not(:disabled)[b-5le05xzyue] { border-color: var(--accent-color); background: var(--accent-color-10); }
.mem-btn:disabled[b-5le05xzyue] { opacity: 0.4; cursor: not-allowed; }
.mem-btn-primary[b-5le05xzyue] { background: var(--accent-color-15); border-color: var(--accent-color); color: var(--accent-light); }
.mem-btn-primary:hover:not(:disabled)[b-5le05xzyue] { background: var(--accent-color-25); }
.mem-btn-danger[b-5le05xzyue] { background: var(--error-color-10); border-color: var(--error-color); color: var(--error-color); margin-top: 0.5rem; }
.mem-btn-danger:hover:not(:disabled)[b-5le05xzyue] { background: var(--error-color-20); }
.mem-load-more[b-5le05xzyue] { width: 100%; text-align: center; margin-top: 0.25rem; }

/* ── Timeline ── */
.mem-timeline[b-5le05xzyue] { display: flex; flex-direction: column; padding: 0.25rem 0; }
.mem-tl-sep[b-5le05xzyue] { display: flex; align-items: center; gap: 0.5rem; margin: 0.75rem 0 0.25rem; opacity: 0.4; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-secondary); }
.mem-tl-sep[b-5le05xzyue]::before, .mem-tl-sep[b-5le05xzyue]::after { content: ''; flex: 1; height: 1px; background: var(--border-color); }
.mem-tl-entry[b-5le05xzyue] { display: flex; gap: 0.6rem; padding: 0.4rem 0; }
.mem-tl-dot[b-5le05xzyue] { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--border-color); flex-shrink: 0; margin-top: 0.25rem; }
.mem-tl-dot.hour[b-5le05xzyue] { border-color: var(--accent-color); background: var(--accent-color-15); }
.mem-tl-dot.day[b-5le05xzyue] { border-color: var(--success-color); background: var(--success-color-15); }
.mem-tl-dot.week[b-5le05xzyue] { border-color: var(--warning-color); background: var(--warning-color-15); }
.mem-tl-dot.month[b-5le05xzyue] { border-color: var(--secondary-accent); background: rgba(139,92,246,0.15); }
.mem-tl-line[b-5le05xzyue] { width: 1px; background: var(--border-subtle); }
.mem-tl-content[b-5le05xzyue] { flex: 1; }
.mem-tl-header[b-5le05xzyue] { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.2rem; }
.mem-tl-date[b-5le05xzyue] { font-size: 0.68rem; color: var(--text-secondary); font-family: var(--font-mono); }
.mem-tl-meta[b-5le05xzyue] { font-size: 0.62rem; color: var(--text-muted); }
.mem-tl-pruned[b-5le05xzyue] { font-size: 0.6rem; color: var(--error-color); }
.mem-tl-summary[b-5le05xzyue] { font-size: 0.72rem; color: var(--text-primary); line-height: 1.5; }

/* ── Maintenance ── */
.mem-maint-grid[b-5le05xzyue] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.mem-maint-actions[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.4rem; }
.mem-maint-desc[b-5le05xzyue] { font-size: 0.68rem; color: var(--text-muted); margin: 0; }

.mem-config-grid[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.4rem; }
.mem-config-row[b-5le05xzyue] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
.mem-config-row label[b-5le05xzyue] { font-size: 0.7rem; color: var(--text-secondary); }
.mem-input[b-5le05xzyue] { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 0.3rem 0.4rem; color: var(--text-primary); font-size: 0.7rem; font-family: var(--font-mono); width: 80px; text-align: right; }
.mem-input:focus[b-5le05xzyue] { outline: none; border-color: var(--border-focus); }

.mem-toggle[b-5le05xzyue] { width: 42px; height: 22px; border-radius: 11px; border: 2px solid var(--border-color); background: var(--bg-secondary); cursor: pointer; position: relative; transition: all var(--transition-fast); }
.mem-toggle[b-5le05xzyue]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--text-muted); transition: all var(--transition-fast); }
.mem-toggle.on[b-5le05xzyue] { border-color: var(--success-color); background: var(--success-color-15); }
.mem-toggle.on[b-5le05xzyue]::after { left: calc(100% - 16px); background: var(--success-color); }

/* ── Pruning History ── */
.mem-prune-list[b-5le05xzyue] { display: flex; flex-direction: column; gap: 0.35rem; }
.mem-prune-item[b-5le05xzyue] { padding: 0.4rem 0; border-bottom: 1px solid var(--border-subtle); }
.mem-prune-item:last-child[b-5le05xzyue] { border-bottom: none; }
.mem-prune-date[b-5le05xzyue] { font-size: 0.62rem; color: var(--text-muted); font-family: var(--font-mono); margin-right: 0.4rem; }
.mem-prune-summary[b-5le05xzyue] { font-size: 0.72rem; color: var(--text-primary); }
.mem-prune-detail summary[b-5le05xzyue] { font-size: 0.65rem; color: var(--text-muted); cursor: pointer; margin-top: 0.2rem; }
.mem-prune-content[b-5le05xzyue] { font-size: 0.68rem; color: var(--text-secondary); line-height: 1.5; background: var(--bg-secondary); padding: 0.5rem; border-radius: var(--radius-sm); margin-top: 0.2rem; white-space: pre-wrap; font-family: var(--font-primary); }

/* ── Responsive ── */
@media (max-width: 1100px) {
    .mem-overview-grid[b-5le05xzyue] { grid-template-columns: 1fr; }
    .mem-browser[b-5le05xzyue] { grid-template-columns: 1fr; }
    .mem-detail[b-5le05xzyue] { max-height: 400px; }
    .mem-maint-grid[b-5le05xzyue] { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .mem-tiers[b-5le05xzyue] { grid-template-columns: 1fr; }
    .mem-filters[b-5le05xzyue] { flex-direction: column; }
    .mem-search[b-5le05xzyue] { min-width: auto; width: 100%; }
    .mem-health-grid[b-5le05xzyue] { grid-template-columns: 1fr; }
}
/* _content/Ayva.Polymorph/Components/PipelineDagView.razor.rz.scp.css */
.dag-scroll[b-4eee1xmcmu] {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    padding: var(--space-sm);
    scroll-behavior: smooth;
}

.dag-scroll:focus-visible[b-4eee1xmcmu] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.dag-svg[b-4eee1xmcmu] {
    display: block;
    font-family: var(--font-primary);
}

.dag-node-shape[b-4eee1xmcmu] {
    stroke-width: 1.5;
    transition: var(--transition-fast);
}

.dag-node-order[b-4eee1xmcmu] {
    font-family: var(--font-mono);
    font-size: 11px;
    fill: var(--text-muted);
    font-weight: var(--font-semibold);
    letter-spacing: 0.04em;
}

.dag-node-type[b-4eee1xmcmu] {
    font-size: 11px;
    fill: var(--text-secondary);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dag-node-name[b-4eee1xmcmu] {
    font-size: 12px;
    fill: var(--text-primary);
    font-weight: var(--font-medium);
}

.dag-node-status[b-4eee1xmcmu] {
    font-family: var(--font-mono);
    font-size: 16px;
    font-weight: var(--font-bold);
}

/* ── Status colors ─────────────────────────────────── */

.dag-node-completed .dag-node-shape[b-4eee1xmcmu] {
    fill: var(--success-color-15);
    stroke: var(--success-color);
}
.dag-node-completed .dag-node-status[b-4eee1xmcmu] { fill: var(--success-color); }

.dag-node-running .dag-node-shape[b-4eee1xmcmu] {
    fill: var(--accent-color-15);
    stroke: var(--accent-color);
}
.dag-node-running .dag-node-status[b-4eee1xmcmu] {
    fill: var(--accent-color);
    animation: dag-pulse-b-4eee1xmcmu 2s ease-in-out infinite;
}

.dag-node-failed .dag-node-shape[b-4eee1xmcmu] {
    fill: var(--error-color-15);
    stroke: var(--error-color);
}
.dag-node-failed .dag-node-status[b-4eee1xmcmu] { fill: var(--error-color); }

.dag-node-skipped .dag-node-shape[b-4eee1xmcmu] {
    fill: var(--white-overlay-05);
    stroke: var(--border-color);
    opacity: 0.6;
}
.dag-node-skipped .dag-node-status[b-4eee1xmcmu] { fill: var(--text-muted); }

.dag-node-blocked .dag-node-shape[b-4eee1xmcmu] {
    fill: var(--warning-color-15);
    stroke: var(--warning-color);
}
.dag-node-blocked .dag-node-status[b-4eee1xmcmu] { fill: var(--warning-color); }

.dag-node-pending .dag-node-shape[b-4eee1xmcmu] {
    fill: var(--white-overlay-03);
    stroke: var(--border-color);
}
.dag-node-pending .dag-node-status[b-4eee1xmcmu] { fill: var(--text-muted); }

/* ── Edges ─────────────────────────────────────────── */

.dag-edge.main[b-4eee1xmcmu] {
    stroke: var(--accent-color-50);
    stroke-width: 2;
}

.dag-edge.remediation[b-4eee1xmcmu] {
    stroke: var(--warning-color-50);
    stroke-width: 1.5;
    stroke-dasharray: 4 3;
}

/* ── Legend ────────────────────────────────────────── */

.dag-legend[b-4eee1xmcmu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding: var(--space-xs) var(--space-sm);
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.dag-legend-item[b-4eee1xmcmu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

.dag-swatch[b-4eee1xmcmu] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    border: 1px solid currentColor;
}

.dag-legend-item.dag-node-completed .dag-swatch[b-4eee1xmcmu] { background: var(--success-color-30); border-color: var(--success-color); }
.dag-legend-item.dag-node-running .dag-swatch[b-4eee1xmcmu]   { background: var(--accent-color-30);  border-color: var(--accent-color); }
.dag-legend-item.dag-node-pending .dag-swatch[b-4eee1xmcmu]   { background: var(--white-overlay-10); border-color: var(--border-color); }
.dag-legend-item.dag-node-failed .dag-swatch[b-4eee1xmcmu]    { background: var(--error-color-30);   border-color: var(--error-color); }
.dag-legend-item.dag-node-skipped .dag-swatch[b-4eee1xmcmu]   { background: var(--white-overlay-10); border-color: var(--border-color); opacity: 0.6; }
.dag-legend-item.dag-node-blocked .dag-swatch[b-4eee1xmcmu]   { background: var(--warning-color-30); border-color: var(--warning-color); }

.dag-wrap .abp-empty[b-4eee1xmcmu] {
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-2xl) var(--space-md);
}

@keyframes dag-pulse-b-4eee1xmcmu {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@media (prefers-reduced-motion: reduce) {
    .dag-node-running .dag-node-status[b-4eee1xmcmu],
    .dag-node-shape[b-4eee1xmcmu] {
        animation: none !important;
        transition: none !important;
    }
}

@media (max-width: 640px) {
    .dag-legend[b-4eee1xmcmu] {
        font-size: 10px;
        gap: var(--space-sm);
    }
}
/* _content/Ayva.Polymorph/Components/PipelineDiffViewer.razor.rz.scp.css */
.pdv-refs[b-u8b7xlslmj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.pdv-ref[b-u8b7xlslmj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px var(--space-xs);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
}

.pdv-ref-base[b-u8b7xlslmj] {
    color: var(--text-secondary);
    background: var(--white-overlay-05);
}

.pdv-ref-head[b-u8b7xlslmj] {
    color: var(--accent-color);
    background: var(--accent-color-10);
}

.pdv-diff[b-u8b7xlslmj] {
    display: block;
    background: var(--black-overlay-20);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    margin: 0;
    overflow: auto;
    max-height: 640px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: 1.55;
    white-space: pre;
    color: var(--text-secondary);
    tab-size: 4;
}

.pdv-diff:focus-visible[b-u8b7xlslmj] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.pdv-diff[b-u8b7xlslmj]  .pdv-line-file {
    display: block;
    color: var(--warning-color);
    font-weight: var(--font-semibold);
    background: var(--warning-color-5);
    padding: 1px 4px;
    margin-top: var(--space-xs);
}

.pdv-diff[b-u8b7xlslmj]  .pdv-line-hunk {
    display: block;
    color: var(--info-color);
    background: var(--info-color-5);
    padding: 1px 4px;
}

.pdv-diff[b-u8b7xlslmj]  .pdv-line-add {
    display: block;
    color: var(--success-color);
    background: var(--success-color-5);
}

.pdv-diff[b-u8b7xlslmj]  .pdv-line-del {
    display: block;
    color: var(--error-color);
    background: var(--error-color-5);
}

.pdv-diff[b-u8b7xlslmj]  .pdv-line-ctx {
    display: block;
    color: var(--text-muted);
}

.pdv-diff[b-u8b7xlslmj]  .pdv-line-stat {
    display: block;
    color: var(--text-secondary);
}

.pdv-wrap .abp-empty[b-u8b7xlslmj] {
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-2xl) var(--space-md);
}

@media (max-width: 640px) {
    .pdv-diff[b-u8b7xlslmj] {
        font-size: 10px;
        max-height: 440px;
    }
}
/* _content/Ayva.Polymorph/Components/PipelineTeamRoster.razor.rz.scp.css */
.team-roster[b-rj4zi6v4kz] {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-md);
    overflow-x: auto;
    margin-bottom: var(--space-lg);
}

.team-member-node[b-rj4zi6v4kz] {
    flex-shrink: 0;
    min-width: 180px;
    max-width: 220px;
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    backdrop-filter: var(--glass-blur);
    transition: var(--transition-smooth);
    position: relative;
}

.team-member-node[b-rj4zi6v4kz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--member-color, var(--accent-color));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.team-member-node.active[b-rj4zi6v4kz] {
    border-color: var(--member-color, var(--accent-color));
    box-shadow: 0 0 20px color-mix(in srgb, var(--member-color, var(--accent-color)) 30%, transparent);
    transform: translateY(-2px);
}

.team-member-node.completed[b-rj4zi6v4kz] {
    opacity: 0.8;
}

.team-member-node.idle[b-rj4zi6v4kz] {
    opacity: 0.6;
}

.team-member-name[b-rj4zi6v4kz] {
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.team-member-tags[b-rj4zi6v4kz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: var(--space-sm);
}

.team-member-tag[b-rj4zi6v4kz] {
    font-size: 0.65rem;
    padding: 1px 6px;
    border-radius: var(--radius-full);
    background: var(--bg-hover);
    color: var(--text-secondary);
}

.team-member-progress[b-rj4zi6v4kz] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.team-member-progress-bar[b-rj4zi6v4kz] {
    height: 3px;
    background: var(--bg-hover);
    border-radius: var(--radius-full);
    margin-top: 4px;
    overflow: hidden;
}

.team-member-progress-fill[b-rj4zi6v4kz] {
    height: 100%;
    background: var(--member-color, var(--accent-color));
    border-radius: var(--radius-full);
    transition: width var(--transition-smooth);
}

.team-status-check[b-rj4zi6v4kz] {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
    color: var(--success-color);
    font-size: var(--text-sm);
}

@keyframes memberPulse-b-rj4zi6v4kz {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.8; }
}

.team-member-node.idle[b-rj4zi6v4kz] {
    animation: memberPulse-b-rj4zi6v4kz 2s ease-in-out infinite;
}
/* _content/Ayva.Polymorph/Components/PipelineView.razor.rz.scp.css */
.pv[b-azkwjar3gk] { font-size: 0.8rem; }
.pv-empty[b-azkwjar3gk] { padding: 2rem; text-align: center; opacity: 0.3; }

/* Header */
.pv-head[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border-color); margin-bottom: 0.5rem; }
.pv-status[b-azkwjar3gk] { font-size: 0.55rem; font-weight: 700; padding: 0.12rem 0.45rem; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.4px; }
.st-pending[b-azkwjar3gk] { background: var(--white-overlay-08); color: var(--text-secondary); }
.st-securityreview[b-azkwjar3gk] { background: var(--warning-color-12); color: var(--warning-color); }
.st-approved[b-azkwjar3gk] { background: var(--info-color-12); color: var(--info-color); }
.st-executing[b-azkwjar3gk] { background: var(--accent-color-15); color: var(--accent-color); }
.st-completed[b-azkwjar3gk] { background: var(--success-color-12); color: var(--success-color); }
.st-failed[b-azkwjar3gk], .st-rejected[b-azkwjar3gk] { background: var(--error-color-12); color: var(--error-color); }
.st-orchestratorunavailable[b-azkwjar3gk] { background: var(--error-color-20); color: var(--error-color); border: 1px solid var(--error-color-30); }
.st-pendingreview[b-azkwjar3gk] { background: var(--warning-color-15); color: var(--warning-color); border: 1px solid var(--warning-color-30); }
.st-aborted[b-azkwjar3gk] { background: var(--white-overlay-08); color: var(--text-secondary); }
.st-awaitingrestart[b-azkwjar3gk] { background: var(--warning-color-12); color: var(--warning-color); }
.st-testing[b-azkwjar3gk] { background: var(--accent-color-12); color: var(--channel-user-color); }
.st-resumable[b-azkwjar3gk] { background: var(--warning-color-15); color: var(--warning-color); }

.pv-risk[b-azkwjar3gk] { font-size: 0.6rem; font-weight: 700; padding: 0.1rem 0.35rem; border-radius: 3px; }
.r-1[b-azkwjar3gk] { background: var(--success-color-12); color: var(--success-color); }
.r-1[b-azkwjar3gk]::after { content: " L1"; font-size: 0.5rem; opacity: 0.6; }
.r-2[b-azkwjar3gk] { background: var(--info-color-12); color: var(--info-color); }
.r-2[b-azkwjar3gk]::after { content: " L2"; font-size: 0.5rem; opacity: 0.6; }
.r-3[b-azkwjar3gk] { background: var(--warning-color-12); color: var(--warning-color); }
.r-3[b-azkwjar3gk]::after { content: " L3"; font-size: 0.5rem; opacity: 0.6; }
.r-4[b-azkwjar3gk] { background: var(--error-color-12); color: var(--error-color); }
.r-4[b-azkwjar3gk]::after { content: " L4"; font-size: 0.5rem; opacity: 0.6; }
.r-5[b-azkwjar3gk] { background: var(--error-color-20); color: var(--error-color); }
.r-5[b-azkwjar3gk]::after { content: " L5"; font-size: 0.5rem; opacity: 0.6; }

.pv-progress[b-azkwjar3gk] { font-family: var(--font-mono); font-size: 0.7rem; opacity: 0.5; }
.pv-tokens[b-azkwjar3gk], .pv-cost[b-azkwjar3gk], .pv-duration[b-azkwjar3gk] { font-size: 0.65rem; opacity: 0.4; font-family: var(--font-mono); }

/* Directive */
.pv-directive[b-azkwjar3gk] { font-size: 0.78rem; opacity: 0.7; padding: 0.35rem 0; line-height: 1.4; border-bottom: 1px solid var(--border-color); margin-bottom: 0.5rem; }

/* Pipeline attachments */
.pv-attachments[b-azkwjar3gk] { padding: var(--space-xs) 0 var(--space-sm) 0; border-bottom: 1px solid var(--border-color); margin-bottom: 0.5rem; }
.pv-att-header[b-azkwjar3gk] { display: flex; align-items: center; gap: var(--space-xs); font-size: 0.72rem; color: var(--text-secondary); margin-bottom: var(--space-xs); }

/* Assessments */
.pv-assessments[b-azkwjar3gk] { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.5rem; }
.pv-assess[b-azkwjar3gk] { cursor: pointer; }
.pv-assess summary[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.72rem; opacity: 0.5; padding: 0.25rem 0; list-style: none; }
.pv-assess summary[b-azkwjar3gk]::marker, .pv-assess summary[b-azkwjar3gk]::-webkit-details-marker { display: none; }
.pv-assess summary:hover[b-azkwjar3gk] { opacity: 0.8; }
.pv-assess-body[b-azkwjar3gk] { font-size: 0.72rem; line-height: 1.5; padding: 0.5rem; background: var(--bg-secondary); border-radius: var(--radius-sm); margin-top: 0.25rem; white-space: pre-wrap; }
.pv-rejected[b-azkwjar3gk] { color: var(--error-color); font-size: 0.78rem; padding: 0.4rem 0.6rem; background: var(--error-color-6); border-radius: var(--radius-sm); margin-bottom: 0.5rem; }
.pv-unavailable[b-azkwjar3gk] { color: var(--error-color); font-size: 0.78rem; font-weight: 600; padding: 0.6rem 0.8rem; background: var(--error-color-10); border: 1px solid var(--error-color-30); border-radius: var(--radius-sm); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.pv-unavailable .pv-unavail-detail[b-azkwjar3gk] { font-weight: 400; opacity: 0.8; margin-top: 0.25rem; font-size: 0.72rem; }
.pv-pending-review[b-azkwjar3gk] { color: var(--warning-color); font-size: 0.78rem; font-weight: 600; padding: 0.6rem 0.8rem; background: var(--warning-color-8); border: 1px solid var(--warning-color-25); border-radius: var(--radius-sm); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.pv-pending-review .pv-review-detail[b-azkwjar3gk] { font-weight: 400; opacity: 0.8; margin-top: 0.25rem; font-size: 0.72rem; }

/* Timeline */
.pv-timeline[b-azkwjar3gk] { padding: 0.25rem 0; }
.pv-step[b-azkwjar3gk] { display: flex; gap: 0.6rem; min-height: 32px; }
.pv-step.active[b-azkwjar3gk] { background: var(--accent-color-3); border-radius: var(--radius-sm); margin: 0 -0.25rem; padding: 0 0.25rem; }

.pv-indicator[b-azkwjar3gk] { display: flex; flex-direction: column; align-items: center; width: 22px; flex-shrink: 0; }
.pv-dot[b-azkwjar3gk] { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.55rem; font-weight: 700; flex-shrink: 0; border: 2px solid var(--border-color); background: transparent; color: var(--text-secondary); }
.s-done .pv-dot[b-azkwjar3gk] { border-color: var(--success-color); color: var(--success-color); background: var(--success-color-10); }
.s-fail .pv-dot[b-azkwjar3gk] { border-color: var(--error-color); color: var(--error-color); background: var(--error-color-8); }
.s-run .pv-dot[b-azkwjar3gk] { border-color: var(--accent-color); color: var(--accent-color); background: var(--accent-color-8); }
.s-skip .pv-dot[b-azkwjar3gk] { opacity: 0.3; }
.s-block .pv-dot[b-azkwjar3gk] { border-color: var(--warning-color); color: var(--warning-color); }

.pv-line[b-azkwjar3gk] { width: 2px; flex: 1; min-height: 8px; background: var(--border-color); }
.s-done .pv-line[b-azkwjar3gk] { background: var(--success-color); opacity: 0.25; }
.s-run .pv-line[b-azkwjar3gk] { background: var(--accent-color); opacity: 0.25; }

.pv-spinner[b-azkwjar3gk] { width: 12px; height: 12px; border: 2px solid transparent; border-top-color: var(--accent-color); border-radius: 50%; animation: spin-b-azkwjar3gk 0.8s linear infinite; }
.pv-num[b-azkwjar3gk] { font-size: 0.55rem; }
@keyframes spin-b-azkwjar3gk { to { transform: rotate(360deg); } }

/* Step content */
.pv-content[b-azkwjar3gk] { flex: 1; padding-bottom: 0.5rem; min-width: 0; }
.pv-step-head[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.35rem; }
.pv-type[b-azkwjar3gk] { font-size: 0.5rem; font-weight: 700; padding: 0.08rem 0.3rem; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.3px; background: var(--white-overlay-05); color: var(--text-secondary); white-space: nowrap; }
.tp-securityscreen[b-azkwjar3gk] { background: var(--warning-color-12); color: var(--warning-color); }
.tp-architecturereview[b-azkwjar3gk] { background: var(--info-color-12); color: var(--info-color); }
.tp-implementation[b-azkwjar3gk] { background: var(--accent-color-12); color: var(--accent-color); }
.tp-buildverification[b-azkwjar3gk] { background: var(--success-color-12); color: var(--success-color); }
.tp-unittests[b-azkwjar3gk], .tp-playwrighttests[b-azkwjar3gk] { background: var(--accent-color-12); color: var(--channel-user-color); }
.tp-documentationupdate[b-azkwjar3gk] { background: var(--info-color-12); color: var(--info-color); }
.tp-codereview[b-azkwjar3gk], .tp-finalreview[b-azkwjar3gk] { background: var(--warning-color-12); color: var(--warning-color); }
.tp-restart[b-azkwjar3gk] { background: var(--error-color-12); color: var(--error-color); }

.pv-step-name[b-azkwjar3gk] { font-weight: 600; color: var(--text-primary); font-size: 0.78rem; }
.s-pending .pv-step-name[b-azkwjar3gk] { opacity: 0.4; }
.pv-step-dur[b-azkwjar3gk], .pv-step-tok[b-azkwjar3gk] { font-size: 0.6rem; opacity: 0.35; font-family: var(--font-mono); margin-left: auto; }

/* Team member badge on steps */
.pv-step-member[b-azkwjar3gk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin-left: var(--space-sm);
}

.pv-step-member-dot[b-azkwjar3gk] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--member-color, var(--accent-color));
    flex-shrink: 0;
}

.pv-step-desc[b-azkwjar3gk] { font-size: 0.7rem; opacity: 0.4; margin-top: 0.15rem; line-height: 1.4; }
.pv-step-result[b-azkwjar3gk] { margin-top: 0.2rem; cursor: pointer; }
.pv-step-result summary[b-azkwjar3gk] { font-size: 0.6rem; opacity: 0.35; list-style: none; }
.pv-step-result summary[b-azkwjar3gk]::marker, .pv-step-result summary[b-azkwjar3gk]::-webkit-details-marker { display: none; }
.pv-step-result summary:hover[b-azkwjar3gk] { opacity: 0.6; }
.pv-step-pre[b-azkwjar3gk] { font-size: 0.68rem; background: var(--bg-secondary); padding: 0.5rem; border-radius: var(--radius-sm); margin-top: 0.2rem; white-space: pre-wrap; word-break: break-word; max-height: 200px; overflow-y: auto; }
.pv-step-error[b-azkwjar3gk] { font-size: 0.7rem; color: var(--error-color); margin-top: 0.2rem; padding: 0.25rem 0.5rem; background: var(--error-color-6); border-radius: var(--radius-sm); }

/* Step badges (tool calls, files changed) */
.pv-step-badge[b-azkwjar3gk] { display: inline-flex; align-items: center; gap: 0.15rem; font-size: 0.55rem; font-family: var(--font-mono); padding: 0.05rem 0.3rem; border-radius: 3px; opacity: 0.6; }
.pv-step-badge[b-azkwjar3gk]  .mud-icon-root { font-size: 0.6rem !important; }
.pv-badge-tools[b-azkwjar3gk] { background: var(--warning-color-10); color: var(--warning-color); }
.pv-badge-files[b-azkwjar3gk] { background: var(--info-color-10); color: var(--info-color); }

/* Step report markdown (legacy pre-tag fallback) */
.pv-step-report[b-azkwjar3gk] { font-size: 0.68rem; line-height: 1.5; }

/* Step details — improved collapsible sections */
.pv-step-details[b-azkwjar3gk] { margin-top: 0.25rem; }
.pv-details-summary[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.65rem; opacity: 0.5; padding: 0.2rem 0; list-style: none; cursor: pointer; transition: opacity var(--transition-fast); }
.pv-details-summary[b-azkwjar3gk]::marker, .pv-details-summary[b-azkwjar3gk]::-webkit-details-marker { display: none; }
.pv-details-summary:hover[b-azkwjar3gk] { opacity: 0.8; }
.pv-step-details[open] > .pv-details-summary[b-azkwjar3gk] { opacity: 0.7; margin-bottom: 0.25rem; }
.pv-details-summary[b-azkwjar3gk]  .mud-icon-root { font-size: 0.7rem !important; }

/* Evaluation badges */
.pv-eval-badge[b-azkwjar3gk] { font-size: 0.5rem; font-weight: 700; padding: 0.05rem 0.3rem; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.3px; }
.eval-continue[b-azkwjar3gk] { background: var(--success-color-12); color: var(--success-color); }
.eval-remediate[b-azkwjar3gk] { background: var(--warning-color-12); color: var(--warning-color); }
.eval-halt[b-azkwjar3gk] { background: var(--error-color-12); color: var(--error-color); }

/* Tracking unavailable indicator */
.pv-tracking-unavailable[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.3rem; font-size: 0.6rem; color: var(--text-muted); opacity: 0.5; margin-top: 0.2rem; padding: 0.15rem 0.4rem; background: var(--warning-color-5); border-radius: var(--radius-sm); }
.pv-tracking-unavailable[b-azkwjar3gk]  .mud-icon-root { font-size: 0.65rem !important; color: var(--warning-color); }

/* No files changed indicator (tracking succeeded, zero changes) */
.pv-no-files-changed[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.3rem; font-size: 0.6rem; color: var(--text-muted); opacity: 0.5; margin-top: 0.2rem; padding: 0.15rem 0.4rem; background: var(--success-color-5); border-radius: var(--radius-sm); }
.pv-no-files-changed[b-azkwjar3gk]  .mud-icon-root { font-size: 0.65rem !important; color: var(--success-color); }

/* Evaluation rationale */
.pv-eval-rationale[b-azkwjar3gk] { margin-top: 0.35rem; padding: 0.35rem 0.5rem; background: var(--bg-secondary); border-radius: var(--radius-sm); border-left: 2px solid var(--accent-color); }
.pv-eval-rationale-label[b-azkwjar3gk] { display: block; font-size: 0.55rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.15rem; }
.pv-eval-rationale-text[b-azkwjar3gk] { font-size: 0.68rem; color: var(--text-secondary); line-height: 1.45; }

/* File action labels */
.pv-file-action-label[b-azkwjar3gk] { font-size: 0.55rem; font-weight: 600; padding: 0.04rem 0.25rem; border-radius: 3px; white-space: nowrap; flex-shrink: 0; }
.fa-label-created[b-azkwjar3gk] { background: var(--success-color-12); color: var(--success-color); }
.fa-label-modified[b-azkwjar3gk] { background: var(--info-color-12); color: var(--info-color); }
.fa-label-deleted[b-azkwjar3gk] { background: var(--error-color-12); color: var(--error-color); }
.fa-label-renamed[b-azkwjar3gk] { background: var(--accent-color-12); color: var(--channel-user-color); }
.fa-renamed[b-azkwjar3gk] { background: var(--accent-color-15); color: var(--channel-user-color); }

/* Tool call progress bars */
.pv-tool-bar-track[b-azkwjar3gk] { flex: 1; height: 6px; background: var(--white-overlay-04); border-radius: 3px; overflow: hidden; min-width: 40px; }
.pv-tool-bar-fill[b-azkwjar3gk] { height: 100%; background: var(--accent-color); border-radius: 3px; transition: width 0.3s ease; min-width: 2px; }

/* Section count badge */
.pv-section-count[b-azkwjar3gk] { font-size: 0.6rem; font-weight: 600; color: var(--text-muted); font-family: var(--font-mono); background: var(--white-overlay-06); padding: 0.05rem 0.3rem; border-radius: 3px; margin-left: 0.25rem; }

/* Files changed list */
.pv-files-list[b-azkwjar3gk] { padding: 0.35rem 0.5rem; background: var(--bg-secondary); border-radius: var(--radius-sm); margin-top: 0.2rem; }
.pv-file-entry[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.68rem; padding: 0.12rem 0; font-family: var(--font-mono); }
.pv-file-action[b-azkwjar3gk] { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 3px; font-size: 0.55rem; font-weight: 700; flex-shrink: 0; }
.fa-modified[b-azkwjar3gk] { background: var(--info-color-15); color: var(--info-color); }
.fa-created[b-azkwjar3gk] { background: var(--success-color-15); color: var(--success-color); }
.fa-deleted[b-azkwjar3gk] { background: var(--error-color-15); color: var(--error-color); }
.pv-file-path[b-azkwjar3gk] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.8; }
.pv-file-lines[b-azkwjar3gk] { display: flex; gap: 0.3rem; font-size: 0.6rem; flex-shrink: 0; }
.pv-lines-add[b-azkwjar3gk] { color: var(--success-color); }
.pv-lines-del[b-azkwjar3gk] { color: var(--error-color); }

/* Tool calls breakdown */
.pv-tools-list[b-azkwjar3gk] { padding: 0.35rem 0.5rem; background: var(--bg-secondary); border-radius: var(--radius-sm); margin-top: 0.2rem; }
.pv-tool-entry[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.68rem; padding: 0.1rem 0; }
.pv-tool-name[b-azkwjar3gk] { font-family: var(--font-mono); opacity: 0.8; min-width: 80px; flex-shrink: 0; }
.pv-tool-count[b-azkwjar3gk] { font-family: var(--font-mono); font-weight: 600; color: var(--accent-color); font-size: 0.65rem; min-width: 28px; text-align: right; flex-shrink: 0; }

/* Pipeline-level sections (aggregated files, report) */
.pv-section[b-azkwjar3gk] { margin-top: 0.5rem; border-top: 1px solid var(--border-color); padding-top: 0.4rem; cursor: pointer; }
.pv-section-header[b-azkwjar3gk] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.72rem; font-weight: 600; opacity: 0.6; padding: 0.25rem 0; list-style: none; }
.pv-section-header[b-azkwjar3gk]::marker, .pv-section-header[b-azkwjar3gk]::-webkit-details-marker { display: none; }
.pv-section-header:hover[b-azkwjar3gk] { opacity: 0.85; }
.pv-section-header[b-azkwjar3gk]  .mud-icon-root { font-size: 0.85rem !important; }
.pv-section-body[b-azkwjar3gk] { margin-top: 0.3rem; }

/* ═══════════════════════════════════════════════════════════════════
   MARKDOWN RENDERED CONTENT — Styles for Markdig HTML in PipelineView
   Compact variant tuned for the pipeline detail context
   ═══════════════════════════════════════════════════════════════════ */

.pv-md-rendered[b-azkwjar3gk] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    line-height: 1.55;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 0.4rem 0.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
}

.pv-md-rendered-step[b-azkwjar3gk] {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

/* Headings */
[b-azkwjar3gk] .pv-md-rendered h1 {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0.6rem 0 0.3rem 0;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid var(--border-color);
}

[b-azkwjar3gk] .pv-md-rendered h2 {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0.5rem 0 0.25rem 0;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid var(--border-color);
}

[b-azkwjar3gk] .pv-md-rendered h3 {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0.4rem 0 0.2rem 0;
}

[b-azkwjar3gk] .pv-md-rendered h4,
[b-azkwjar3gk] .pv-md-rendered h5,
[b-azkwjar3gk] .pv-md-rendered h6 {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0.3rem 0 0.15rem 0;
}

[b-azkwjar3gk] .pv-md-rendered > h1:first-child,
[b-azkwjar3gk] .pv-md-rendered > h2:first-child,
[b-azkwjar3gk] .pv-md-rendered > h3:first-child {
    margin-top: 0;
}

/* Paragraphs */
[b-azkwjar3gk] .pv-md-rendered p {
    margin: 0 0 0.3rem 0;
    color: var(--text-secondary);
}

/* Strong / emphasis */
[b-azkwjar3gk] .pv-md-rendered strong {
    color: var(--text-primary);
    font-weight: 600;
}

[b-azkwjar3gk] .pv-md-rendered em {
    font-style: italic;
    color: var(--text-secondary);
}

/* Lists */
[b-azkwjar3gk] .pv-md-rendered ul,
[b-azkwjar3gk] .pv-md-rendered ol {
    margin: 0 0 0.3rem 0;
    padding-left: 1.2rem;
    color: var(--text-secondary);
}

[b-azkwjar3gk] .pv-md-rendered li {
    margin-bottom: 0.1rem;
    line-height: 1.5;
}

[b-azkwjar3gk] .pv-md-rendered li > p {
    margin-bottom: 0.1rem;
}

/* Inline code */
[b-azkwjar3gk] .pv-md-rendered code {
    font-family: var(--font-mono);
    font-size: 0.85em;
    background: var(--white-overlay-04);
    color: var(--accent-color);
    padding: 0.1em 0.3em;
    border-radius: 3px;
    border: 1px solid var(--white-overlay-06);
}

/* Code blocks */
[b-azkwjar3gk] .pv-md-rendered pre {
    background: var(--black-overlay-20);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: 0.4rem;
    margin: 0 0 0.3rem 0;
    overflow-x: auto;
    line-height: 1.4;
}

[b-azkwjar3gk] .pv-md-rendered pre code {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0.65rem;
    color: var(--text-secondary);
}

/* Tables */
[b-azkwjar3gk] .pv-md-rendered table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 0.3rem 0;
    font-size: 0.65rem;
}

[b-azkwjar3gk] .pv-md-rendered th {
    text-align: left;
    padding: 0.2rem 0.35rem;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.6rem;
    border-bottom: 2px solid var(--border-color);
    white-space: nowrap;
}

[b-azkwjar3gk] .pv-md-rendered td {
    padding: 0.2rem 0.35rem;
    border-bottom: 1px solid var(--white-overlay-04);
    color: var(--text-secondary);
    vertical-align: top;
}

[b-azkwjar3gk] .pv-md-rendered tr:last-child td {
    border-bottom: none;
}

/* Blockquotes */
[b-azkwjar3gk] .pv-md-rendered blockquote {
    border-left: 2px solid var(--accent-color);
    margin: 0 0 0.3rem 0;
    padding: 0.2rem 0.5rem;
    background: var(--accent-color-4);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--text-secondary);
}

[b-azkwjar3gk] .pv-md-rendered blockquote p:last-child {
    margin-bottom: 0;
}

/* Horizontal rule */
[b-azkwjar3gk] .pv-md-rendered hr {
    border: none;
    border-top: 1px solid var(--border-color);
    margin: 0.4rem 0;
}

/* Links */
[b-azkwjar3gk] .pv-md-rendered a {
    color: var(--accent-color);
    text-decoration: none;
}

[b-azkwjar3gk] .pv-md-rendered a:hover {
    text-decoration: underline;
}
/* _content/Ayva.Polymorph/Components/PolicyEditor.razor.rz.scp.css */
.policy-status-bar[b-ewohjuqwsv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
}

.policy-status[b-ewohjuqwsv] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    flex-wrap: wrap;
}

.policy-status strong[b-ewohjuqwsv] {
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.policy-status-live[b-ewohjuqwsv] {
    color: var(--success-color);
}

.policy-status-live strong[b-ewohjuqwsv] {
    color: var(--success-color);
}

.policy-status-informational[b-ewohjuqwsv] {
    color: var(--warning-color);
}

.policy-status-informational strong[b-ewohjuqwsv] {
    color: var(--warning-color);
}

.policy-editor-wrap .abp-empty[b-ewohjuqwsv] {
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-2xl) var(--space-md);
}
/* _content/Ayva.Polymorph/Components/PolymorphPanel.razor.rz.scp.css */
/* Polymorphism Engine Panel */
.poly[b-zipfdephoz] { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0.5rem; box-sizing: border-box; }
h3[b-zipfdephoz] { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.6; margin: 0 0 0.5rem; }
h3 small[b-zipfdephoz] { font-weight: 400; text-transform: none; letter-spacing: 0; }
.muted[b-zipfdephoz] { opacity: 0.4; font-size: 0.7rem; }
.empty[b-zipfdephoz] { text-align: center; padding: 3rem; opacity: 0.3; }

/* ── Cards ── */
.card[b-zipfdephoz] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 0.75rem; }
.card-warn[b-zipfdephoz] { border-color: var(--warning-color); }

/* ── Top Bar ── */
.topbar[b-zipfdephoz] { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.75rem; background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-lg); flex-wrap: wrap; }
.topbar.on[b-zipfdephoz] { border-color: var(--success-color); box-shadow: 0 0 12px var(--success-color-5); }
.topbar-id[b-zipfdephoz] { display: flex; flex-direction: column; }
.topbar-title[b-zipfdephoz] { font-weight: 700; font-size: 1rem; }
.topbar-sub[b-zipfdephoz] { font-size: 0.65rem; font-family: var(--font-mono); opacity: 0.5; display: flex; gap: 0.3rem; align-items: center; }
.x-badge[b-zipfdephoz] { font-size: 0.55rem; font-weight: 700; padding: 0.05rem 0.25rem; border-radius: 3px; background: var(--accent-color-20); color: var(--accent-color); animation: pulse-b-zipfdephoz 1.5s infinite; }
.abort-btn[b-zipfdephoz] { font-size: 0.5rem; font-weight: 700; padding: 0.1rem 0.4rem; border-radius: 3px; background: var(--error-color-15); color: var(--error-color); border: 1px solid var(--error-color); cursor: pointer; transition: all var(--transition-fast); font-family: var(--font-mono); letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; }
.abort-btn:hover[b-zipfdephoz] { background: var(--error-color-30); box-shadow: 0 0 8px var(--error-color-30); }
@keyframes pulse-b-zipfdephoz { 0%,100%{opacity:1} 50%{opacity:0.3} }

/* Power */
.pwr[b-zipfdephoz] { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--border-color); background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; }
.pwr:disabled[b-zipfdephoz] { opacity: 0.2; cursor: not-allowed; }
.pwr.on[b-zipfdephoz] { border-color: var(--success-color); box-shadow: 0 0 8px var(--success-color-30); }
.pwr.on:hover:not(:disabled)[b-zipfdephoz] { border-color: var(--error-color); box-shadow: 0 0 8px var(--error-color-30); }
.pwr.off[b-zipfdephoz] { opacity: 0.4; } .pwr.off:hover:not(:disabled)[b-zipfdephoz] { opacity: 1; border-color: var(--success-color); }
.pwr-ico[b-zipfdephoz] { width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 50%; border-top-color: transparent; position: relative; }
.pwr-ico[b-zipfdephoz]::after { content: ''; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 2px; height: 7px; background: currentColor; border-radius: 1px; }
.pwr.on .pwr-ico[b-zipfdephoz] { color: var(--success-color); }
.pwr.off .pwr-ico[b-zipfdephoz] { color: var(--text-secondary); }

/* Mode selector */
.modes[b-zipfdephoz] { display: flex; background: var(--bg-secondary); border-radius: var(--radius-md); padding: 2px; margin-left: auto; }
.mode[b-zipfdephoz] { display: flex; flex-direction: column; align-items: center; width: 64px; padding: 0.2rem 0; border: none; background: none; color: var(--text-secondary); border-radius: var(--radius-sm); cursor: pointer; opacity: 0.25; transition: all 0.15s; }
.mode:hover:not(:disabled)[b-zipfdephoz] { opacity: 0.5; background: var(--white-overlay-03); }
.mode:disabled[b-zipfdephoz] { opacity: 0.08; cursor: not-allowed; }
.mode.sel[b-zipfdephoz] { opacity: 1; color: var(--text-primary); background: var(--white-overlay-05); }
.mode b[b-zipfdephoz] { font-size: 0.85rem; font-family: var(--font-mono); line-height: 1; }
.mode small[b-zipfdephoz] { font-size: 0.45rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; }
.mode.sel.m0[b-zipfdephoz] { border-bottom: 2px solid var(--text-secondary); }
.mode.sel.m1[b-zipfdephoz] { border-bottom: 2px solid var(--warning-color); } .mode.sel.m1 b[b-zipfdephoz] { color: var(--warning-color); }
.mode.sel.m2[b-zipfdephoz] { border-bottom: 2px solid var(--secondary-accent); } .mode.sel.m2 b[b-zipfdephoz] { color: var(--secondary-accent); }
.mode.sel.m3[b-zipfdephoz] { border-bottom: 2px solid var(--info-color); } .mode.sel.m3 b[b-zipfdephoz] { color: var(--info-color); }
.mode.sel.m4[b-zipfdephoz] { border-bottom: 2px solid var(--accent-color); } .mode.sel.m4 b[b-zipfdephoz] { color: var(--accent-color); }
.mode.sel.m5[b-zipfdephoz] { border-bottom: 2px solid var(--success-color); } .mode.sel.m5 b[b-zipfdephoz] { color: var(--success-color); }

/* Git */
.git[b-zipfdephoz] { display: flex; align-items: center; gap: 0.2rem; }
.git code[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.65rem; padding: 0.1rem 0.4rem; background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-sm); opacity: 0.6; }

/* ── Auth Badge ── */
.auth-badge[b-zipfdephoz] { display: flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.5rem; border-radius: var(--radius-sm); font-size: 0.65rem; font-weight: 600; border: 1px solid var(--border-color); margin-left: auto; }
.auth-badge.auth-subscription[b-zipfdephoz] { border-color: var(--auth-sub-color); background: var(--info-color-8); color: var(--auth-sub-color); }
.auth-badge.auth-apikey[b-zipfdephoz] { border-color: var(--auth-api-color); background: var(--warning-color-8); color: var(--auth-api-color); }
.auth-badge.auth-none[b-zipfdephoz] { border-color: var(--auth-none-color); background: var(--error-color-8); color: var(--auth-none-color); }
.auth-warn[b-zipfdephoz] { font-size: 0.7rem; color: var(--warning-color); padding: 0.3rem 0.75rem; margin: 0.25rem 0; background: var(--warning-color-5); border: 1px solid var(--warning-color-15); border-radius: var(--radius-sm); }
.auth-warn code[b-zipfdephoz] { font-family: var(--font-mono); color: var(--accent-color); background: var(--black-overlay-20); padding: 0 0.2rem; border-radius: 2px; }

/* ── Tabs ── */
.tabs[b-zipfdephoz] { display: flex; background: var(--bg-secondary); border-radius: var(--radius-md); padding: 2px; margin: 0.5rem 0; }
.tab[b-zipfdephoz] { flex: 1; padding: 0.4rem; border: none; background: none; color: var(--text-secondary); font-size: 0.7rem; font-weight: 600; cursor: pointer; border-radius: var(--radius-sm); text-align: center; transition: all 0.15s; }
.tab:hover[b-zipfdephoz] { color: var(--text-primary); background: var(--white-overlay-03); }
.tab.sel[b-zipfdephoz] { color: var(--text-primary); background: var(--white-overlay-06); border-bottom: 2px solid var(--accent-color); }

/* ── Now (current action) ── */
.now[b-zipfdephoz] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; background: var(--accent-color-6); border: 1px solid var(--accent-color-15); border-radius: var(--radius-md); margin-bottom: 0.5rem; font-size: 0.8rem; font-family: var(--font-mono); }
.now.idle[b-zipfdephoz] { opacity: 0.4; background: var(--glass-bg); border-color: var(--border-color); }
.now-dot[b-zipfdephoz] { width: 8px; height: 8px; border-radius: 50%; background: var(--accent-color); animation: pulse-b-zipfdephoz 1s infinite; flex-shrink: 0; }
.now-label[b-zipfdephoz] { font-weight: 700; font-size: 0.65rem; text-transform: uppercase; opacity: 0.6; }
.now-title[b-zipfdephoz] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.now-elapsed[b-zipfdephoz], .now-tokens[b-zipfdephoz] { font-size: 0.7rem; opacity: 0.5; }
.now-idle[b-zipfdephoz] { opacity: 0.5; }

/* ── Active Task Hero ── */
.active-task[b-zipfdephoz] { background: var(--glass-bg); border: 1px solid var(--accent-color); border-radius: var(--radius-lg); padding: 0.75rem; margin-bottom: 0.5rem; box-shadow: 0 0 20px var(--accent-color-6); }
.at-header[b-zipfdephoz] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
.at-indicator[b-zipfdephoz] { width: 10px; height: 10px; border-radius: 50%; background: var(--accent-color); animation: pulse-b-zipfdephoz 1s infinite; flex-shrink: 0; }
.at-info[b-zipfdephoz] { flex: 1; min-width: 0; }
.at-title[b-zipfdephoz] { display: block; font-weight: 700; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.at-meta[b-zipfdephoz] { font-size: 0.65rem; font-family: var(--font-mono); opacity: 0.5; }
.at-feed[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.68rem; max-height: 120px; overflow-y: auto; border-top: 1px solid var(--border-color); padding-top: 0.4rem; }
.at-line[b-zipfdephoz] { display: flex; gap: 0.3rem; padding: 0.1rem 0; align-items: baseline; }
.at-ts[b-zipfdephoz] { opacity: 0.2; font-size: 0.58rem; min-width: 48px; }
.at-tag[b-zipfdephoz] { font-size: 0.48rem; font-weight: 700; padding: 0.04rem 0.2rem; border-radius: 2px; background: var(--white-overlay-06); text-transform: uppercase; }
.at-tool_use .at-tag[b-zipfdephoz] { background: var(--accent-color); color: #fff; }
.at-thinking .at-tag[b-zipfdephoz] { background: var(--warning-color-12); color: var(--warning-color); }
.at-txt[b-zipfdephoz] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.6; }
.at-pipeline[b-zipfdephoz] { display: flex; gap: 2px; margin-top: 0.5rem; border-top: 1px solid var(--border-color); padding-top: 0.4rem; }
.at-step[b-zipfdephoz] { flex: 1; text-align: center; padding: 0.2rem 0; border-radius: 3px; font-size: 0.5rem; font-weight: 700; letter-spacing: 0.3px; }
.at-step-label[b-zipfdephoz] { opacity: 0.6; }
.at-s-completed[b-zipfdephoz] { background: var(--success-color-15); color: var(--success-color); }
.at-s-running[b-zipfdephoz] { background: var(--accent-color-20); color: var(--accent-color); animation: pulse-b-zipfdephoz 1.5s infinite; }
.at-s-failed[b-zipfdephoz] { background: var(--error-color-15); color: var(--error-color); }
.at-s-pending[b-zipfdephoz] { background: var(--white-overlay-03); color: var(--text-secondary); opacity: 0.3; }
.at-s-skipped[b-zipfdephoz] { opacity: 0.15; }
.at-s-blocked[b-zipfdephoz] { background: var(--warning-color-10); color: var(--warning-color); }

/* ── Dashboard 3-column ── */
.dash-3col[b-zipfdephoz] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; }
.dash-col[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.5rem; }

/* Stats */
.stats[b-zipfdephoz] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem; }
.stat[b-zipfdephoz] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.5rem; text-align: center; }
.stat b[b-zipfdephoz] { display: block; font-size: 1.2rem; font-family: var(--font-mono); }
.stat small[b-zipfdephoz] { font-size: 0.55rem; text-transform: uppercase; letter-spacing: 0.3px; opacity: 0.4; }

/* Prep card */
.prep[b-zipfdephoz] { padding: 0.4rem; background: var(--bg-secondary); border-left: 3px solid var(--accent-color); border-radius: var(--radius-sm); margin-bottom: 0.5rem; }
.prep p[b-zipfdephoz] { margin: 0 0 0.3rem; font-size: 0.8rem; }
.prep-meta[b-zipfdephoz] { display: flex; gap: 0.4rem; align-items: center; font-size: 0.7rem; }
.prep-meta code[b-zipfdephoz] { font-family: var(--font-mono); color: var(--accent-color); }

/* Pipeline mini */
.pipe-head[b-zipfdephoz] { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.4rem; }
.pipe-prog[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.7rem; opacity: 0.5; }
.pipe-steps[b-zipfdephoz] { display: flex; flex-direction: column; gap: 2px; }
.ps[b-zipfdephoz] { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.3rem; border-radius: var(--radius-sm); font-size: 0.72rem; }
.ps-dot[b-zipfdephoz] { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--border-color); display: flex; align-items: center; justify-content: center; font-size: 0.55rem; font-weight: 700; flex-shrink: 0; }
.ps-name[b-zipfdephoz] { flex: 1; }
.ps-dur[b-zipfdephoz] { font-size: 0.6rem; opacity: 0.4; font-family: var(--font-mono); }
.ps-completed .ps-dot[b-zipfdephoz] { border-color: var(--success-color); color: var(--success-color); }
.ps-running[b-zipfdephoz] { background: var(--accent-color-4); }
.ps-running .ps-dot[b-zipfdephoz] { border-color: var(--accent-color); color: var(--accent-color); animation: pulse-b-zipfdephoz 1s infinite; }
.ps-failed .ps-dot[b-zipfdephoz] { border-color: var(--error-color); color: var(--error-color); }
.ps-pending[b-zipfdephoz] { opacity: 0.4; }

/* ── Tools sub-nav (enterprise overhaul Tools tab) ── */
.tools-subnav[b-zipfdephoz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: var(--space-xs);
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-sm);
}

.tools-subtab[b-zipfdephoz] {
    padding: 0.35rem 0.9rem;
    border: none;
    background: none;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
}

.tools-subtab:hover:not(.sel)[b-zipfdephoz] {
    background: var(--white-overlay-05);
    color: var(--text-primary);
}

.tools-subtab.sel[b-zipfdephoz] {
    background: var(--accent-color-15);
    color: var(--accent-color);
}

.tools-subtab:focus-visible[b-zipfdephoz] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.tools-body[b-zipfdephoz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

@media (prefers-reduced-motion: reduce) {
    .tools-subtab[b-zipfdephoz] { transition: none; }
}

/* Queue */
.q-item[b-zipfdephoz] { display: flex; align-items: center; gap: 0.4rem; padding: 0.25rem 0; font-size: 0.75rem; border-bottom: 1px solid var(--white-overlay-03); }
.q-pos[b-zipfdephoz] { width: 20px; height: 20px; border-radius: 50%; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; flex-shrink: 0; }

/* Approval */
.approval[b-zipfdephoz] { padding: 0.4rem; background: var(--warning-color-5); border-radius: var(--radius-sm); margin-bottom: 0.4rem; font-size: 0.78rem; }

/* Live output preview */
.live-out[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.7rem; max-height: 200px; overflow-y: auto; }
.lo[b-zipfdephoz] { display: flex; gap: 0.3rem; padding: 0.15rem 0; border-bottom: 1px solid var(--white-overlay-02); align-items: baseline; }
.lo-t[b-zipfdephoz] { opacity: 0.3; font-size: 0.6rem; min-width: 50px; }
.lo-tag[b-zipfdephoz] { font-size: 0.5rem; font-weight: 700; padding: 0.05rem 0.2rem; border-radius: 2px; background: var(--white-overlay-06); text-transform: uppercase; }
.lo-c[b-zipfdephoz] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.7; }
.lo-tool_use .lo-tag[b-zipfdephoz] { background: var(--accent-color); color: #fff; }
.lo-thinking .lo-tag[b-zipfdephoz] { background: var(--warning-color-15); color: var(--warning-color); }

/* Events */
.evts[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.68rem; max-height: 200px; overflow-y: auto; }
.evts-full[b-zipfdephoz] { max-height: 300px; }
.ev[b-zipfdephoz] { display: flex; gap: 0.3rem; padding: 0.2rem 0; border-bottom: 1px solid var(--white-overlay-02); align-items: center; }
.ev-t[b-zipfdephoz] { opacity: 0.25; font-size: 0.58rem; min-width: 48px; }
.ev-type[b-zipfdephoz] { font-size: 0.5rem; font-weight: 700; padding: 0.05rem 0.25rem; border-radius: 2px; background: var(--white-overlay-06); text-transform: uppercase; min-width: 40px; text-align: center; }
.ev-msg[b-zipfdephoz] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ev-hash[b-zipfdephoz] { font-size: 0.55rem; background: var(--accent-color-10); padding: 0.05rem 0.2rem; border-radius: 2px; }
.ev-ok .ev-type[b-zipfdephoz] { background: var(--success-color-10); color: var(--success-color); }
.ev-err .ev-type[b-zipfdephoz] { background: var(--error-color-10); color: var(--error-color); }
.ev-git .ev-type[b-zipfdephoz] { background: var(--accent-color-10); color: var(--channel-user-color); }
.ev-tool .ev-type[b-zipfdephoz] { background: var(--accent-color-10); color: var(--accent-color); }
.ev-sys .ev-type[b-zipfdephoz] { background: var(--info-color-10); color: var(--info-color); }
.sev-error .ev-msg[b-zipfdephoz] { color: var(--error-color); }
.sev-warning .ev-msg[b-zipfdephoz] { color: var(--warning-color); }

/* ── Output view ── */
.v-output[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.5rem; flex: 1; min-height: 0; }
.out-toolbar[b-zipfdephoz] { display: flex; align-items: center; gap: 0.4rem; }
.out-stream[b-zipfdephoz] { flex: 1; min-height: 300px; max-height: calc(100vh - 220px); overflow-y: auto; scroll-behavior: smooth; font-family: var(--font-mono); font-size: 0.75rem; background: var(--bg-secondary); border-radius: var(--radius-sm); padding: 0.4rem; }
.o[b-zipfdephoz] { padding: 0.25rem 0.4rem; border-bottom: 1px solid var(--white-overlay-02); display: flex; flex-wrap: nowrap; gap: 0.3rem; align-items: baseline; white-space: nowrap; overflow: hidden; }
.ot[b-zipfdephoz] { opacity: 0.25; font-size: 0.6rem; min-width: 52px; }
.otag[b-zipfdephoz] { font-size: 0.5rem; font-weight: 700; padding: 0.07rem 0.25rem; border-radius: 2px; text-transform: uppercase; background: var(--white-overlay-06); }
.otag.sys[b-zipfdephoz] { color: var(--text-secondary); } .otag.think[b-zipfdephoz] { background: var(--warning-color-12); color: var(--warning-color); }
.otag.asst[b-zipfdephoz] { background: var(--accent-color-12); color: var(--accent-color); } .otag.tool[b-zipfdephoz] { background: var(--accent-color); color: #fff; }
.otag.res[b-zipfdephoz] { background: var(--success-color-10); color: var(--success-color); } .otag.done[b-zipfdephoz] { background: var(--info-color-10); color: var(--info-color); }
.oc[b-zipfdephoz] { flex: 1; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; }
.o-cost[b-zipfdephoz] { font-size: 0.6rem; font-weight: 600; color: var(--info-color); margin-left: auto; }
.odet[b-zipfdephoz] { font-size: 0.68rem; background: var(--black-overlay-20); padding: 0.4rem; border-radius: var(--radius-sm); margin-top: 0.2rem; white-space: pre-wrap; word-break: break-word; overflow-y: auto; width: 100%; }
.o-sys[b-zipfdephoz] { opacity: 0.4; }
.o-think[b-zipfdephoz] { cursor: pointer; border-left: 2px solid var(--warning-color-20); padding-left: 0.6rem !important; }
.o-think summary[b-zipfdephoz], .o-tool summary[b-zipfdephoz], .o-res summary[b-zipfdephoz], .o-llm > summary[b-zipfdephoz] { display: flex; gap: 0.3rem; align-items: baseline; list-style: none; overflow: hidden; }
.o-think[open][b-zipfdephoz], .o-tool[open][b-zipfdephoz], .o-res[open][b-zipfdephoz], .o-llm[open][b-zipfdephoz] { white-space: normal; overflow: visible; }
.o-think summary[b-zipfdephoz]::marker, .o-tool summary[b-zipfdephoz]::marker, .o-res summary[b-zipfdephoz]::marker,
.o-think summary[b-zipfdephoz]::-webkit-details-marker, .o-tool summary[b-zipfdephoz]::-webkit-details-marker, .o-res summary[b-zipfdephoz]::-webkit-details-marker { display: none; }
.o-tool[b-zipfdephoz] { cursor: pointer; border-left: 2px solid var(--accent-color); padding-left: 0.6rem !important; }
.o-res[b-zipfdephoz] { cursor: pointer; border-left: 2px solid var(--success-color); padding-left: 0.6rem !important; }
.o-done[b-zipfdephoz] { background: var(--info-color-4); border: 1px solid var(--info-color-10); border-radius: var(--radius-sm); margin-top: 0.2rem; }

/* Output sub-tabs */
.out-subtabs[b-zipfdephoz] { display: flex; align-items: center; gap: 0; border-bottom: 1px solid var(--white-overlay-06); margin-bottom: 0.3rem; padding: 0 0.2rem; }
.out-subtab[b-zipfdephoz] { background: none; border: none; color: var(--white-overlay-40); font-size: 0.72rem; padding: 0.35rem 0.6rem; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.15s; }
.out-subtab:hover[b-zipfdephoz] { color: var(--white-overlay-70); }
.out-subtab.active[b-zipfdephoz] { color: var(--accent-color); border-bottom-color: var(--accent-color); }
.out-subtab small[b-zipfdephoz] { margin-left: 0.2rem; }

/* Full untruncated output entry (Agent view) */
.o-full[b-zipfdephoz] { border: 1px solid var(--white-overlay-04); border-radius: var(--radius-sm); margin-bottom: 0.3rem; overflow: hidden; }
.o-full-header[b-zipfdephoz] { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.4rem; background: var(--white-overlay-02); }
.o-full-body[b-zipfdephoz] { margin: 0; padding: 0.4rem 0.6rem; font-size: 0.7rem; white-space: pre-wrap; word-break: break-word; max-height: 600px; overflow-y: auto; background: var(--black-overlay-15); }

/* LLM call detail view (Orchestrator view) */
.o-llm-detail[b-zipfdephoz] { margin-bottom: 0.3rem; }
.o-llm-detail > summary[b-zipfdephoz] { cursor: pointer; }
.llm-detail-body[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.3rem; }
.llm-section[b-zipfdephoz] { border: 1px solid var(--white-overlay-04); border-radius: var(--radius-sm); overflow: hidden; }
.llm-section-label[b-zipfdephoz] { font-size: 0.65rem; font-weight: 600; padding: 0.15rem 0.4rem; background: var(--white-overlay-03); color: var(--white-overlay-50); text-transform: uppercase; letter-spacing: 0.05em; }
.llm-section-content[b-zipfdephoz] { margin: 0; padding: 0.4rem 0.6rem; font-size: 0.68rem; white-space: pre-wrap; word-break: break-word; max-height: 500px; overflow-y: auto; background: var(--black-overlay-12); }

/* LLM call observability — orchestrator/agent API calls */
.otag.llm[b-zipfdephoz] { background: var(--warning-color-10); color: var(--auth-sub-color); font-style: italic; }
.o-llm[b-zipfdephoz] { background: var(--warning-color-5); border-left: 2px solid var(--warning-color-20); padding-left: 0.4rem; opacity: 0.85; }

/* Channel message styling — bidirectional agent-admin communication */
.otag.ch-agent[b-zipfdephoz] { background: var(--accent-color-15); color: var(--channel-user-color); }
.otag.ch-user[b-zipfdephoz] { background: var(--info-color-15); color: var(--auth-api-color); }
.otag.ch-orch[b-zipfdephoz] { background: var(--warning-color-15); color: var(--warning-color); }
.otag.ch-sys[b-zipfdephoz] { background: var(--white-overlay-08); color: var(--text-muted); }
.o-ch-agent[b-zipfdephoz] { background: var(--accent-color-4); border-left: 2px solid var(--accent-color-30); padding-left: 0.4rem; }
.o-ch-user[b-zipfdephoz] { background: var(--info-color-4); border-left: 2px solid var(--info-color-30); padding-left: 0.4rem; }
.o-ch-orch[b-zipfdephoz] { background: var(--warning-color-5); border-left: 2px solid var(--warning-color-30); padding-left: 0.4rem; }
.o-ch-sys[b-zipfdephoz] { background: var(--white-overlay-03); border-left: 2px solid var(--white-overlay-20); padding-left: 0.4rem; }
.o-event[b-zipfdephoz] { border-left: 2px solid var(--warning-color-30); padding-left: 0.4rem; opacity: 0.7; }
.otag.event[b-zipfdephoz] { background: var(--warning-color-10); color: var(--warning-color); }

/* ═══════════════════════════════════════════════════════════════════
   PIPELINE v2 — Modernized Process Inspector
   ═══════════════════════════════════════════════════════════════════ */

.pipe2[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.5rem; }

/* ── Selector Bar (horizontal pipeline list) ── */
.pipe2-selector[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--border-color);
    border-radius: var(--radius-lg); overflow: hidden;
}
.pipe2-selector-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--border-color);
    background: var(--white-overlay-015);
}
.pipe2-selector-icon[b-zipfdephoz] {
    font-size: 0.7rem; opacity: 0.4; font-family: var(--font-mono);
}
.pipe2-selector-header h3[b-zipfdephoz] { margin: 0; }
.pipe2-count[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700;
    padding: 0.05rem 0.3rem; border-radius: var(--radius-full);
    background: var(--accent-color-12); color: var(--accent-color);
    margin-left: auto;
}

.pipe2-selector-list[b-zipfdephoz] {
    display: flex; gap: 0; overflow-x: auto; padding: 0.35rem;
    scrollbar-width: thin; scrollbar-color: var(--white-overlay-08) transparent;
}
.pipe2-sel-item[b-zipfdephoz] {
    position: relative;
    display: flex; flex-direction: column; gap: 0.15rem;
    min-width: 180px; max-width: 260px; flex-shrink: 0;
    padding: 0.5rem 0.6rem; border: 1px solid transparent;
    border-radius: var(--radius-md); background: none;
    cursor: pointer; text-align: left; font-size: 0.72rem;
    transition: all var(--transition-fast);
}
.pipe2-sel-item:hover[b-zipfdephoz] {
    background: var(--white-overlay-02); border-color: var(--white-overlay-04);
}
.pipe2-sel-active[b-zipfdephoz] {
    background: var(--accent-color-6); border-color: var(--accent-color);
    box-shadow: 0 0 12px var(--accent-color-8);
}
.pipe2-sel-live[b-zipfdephoz] { border-color: var(--accent-color-40); }
.pipe2-sel-pulse[b-zipfdephoz] {
    position: absolute; top: 0.4rem; right: 0.4rem;
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--accent-color);
    box-shadow: 0 0 6px var(--accent-color-50);
    animation: pulse-b-zipfdephoz 1.5s infinite;
}
.pipe2-sel-title[b-zipfdephoz] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis; opacity: 0.75;
    font-weight: 600; padding-right: 0.5rem; line-height: 1.35;
}
.pipe2-sel-meta[b-zipfdephoz] {
    font-size: 0.58rem; opacity: 0.35; font-family: var(--font-mono);
    display: flex; gap: 0.2rem; align-items: center;
}
.pipe2-sel-delete[b-zipfdephoz] {
    position: absolute; top: 0.3rem; right: 0.3rem;
    display: flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; padding: 0; border: none;
    border-radius: var(--radius-sm); background: transparent;
    color: var(--white-overlay-20); cursor: pointer;
    opacity: 0; transition: all var(--transition-fast);
    z-index: 2;
}
.pipe2-sel-item:hover .pipe2-sel-delete[b-zipfdephoz] { opacity: 1; }
.pipe2-sel-delete:hover[b-zipfdephoz] {
    background: var(--error-color-15); color: var(--error-color, var(--error-color));
}
.pipe2-sel-empty[b-zipfdephoz] {
    padding: 1.5rem; text-align: center; opacity: 0.3; font-size: 0.75rem;
    width: 100%;
}

/* ── Queued Operations Panel ── */
.pipe2-queue[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--border-color);
    border-radius: var(--radius-lg); overflow: hidden;
}
.pipe2-queue-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.45rem 0.75rem; border-bottom: 1px solid var(--border-color);
    background: rgba(255, 152, 0, 0.02);
}
.pipe2-queue-header h3[b-zipfdephoz] { margin: 0; font-size: 0.78rem; }
.pipe2-queue-icon[b-zipfdephoz] {
    font-size: 0.7rem; opacity: 0.5; color: var(--warning-color);
}
.pipe2-queue-count[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700;
    padding: 0.05rem 0.3rem; border-radius: var(--radius-full);
    background: var(--warning-color-12); color: var(--warning-color);
    margin-left: auto;
}
.pipe2-queue-actions-global[b-zipfdephoz] {
    display: flex; gap: 0.3rem; margin-left: 0.5rem;
}
.pipe2-qa-btn[b-zipfdephoz] {
    display: inline-flex; align-items: center; gap: 0.2rem;
    font-size: 0.55rem; font-weight: 600; font-family: var(--font-mono);
    text-transform: uppercase; letter-spacing: 0.3px;
    padding: 0.15rem 0.4rem; border-radius: var(--radius-sm);
    border: 1px solid var(--white-overlay-08); background: transparent;
    cursor: pointer; transition: all var(--transition-fast);
    color: var(--text-secondary);
}
.pipe2-qa-btn:hover[b-zipfdephoz] { background: var(--white-overlay-04); border-color: var(--white-overlay-15); }
.pipe2-qa-freeze[b-zipfdephoz] { color: var(--info-color); border-color: var(--info-color-20); }
.pipe2-qa-freeze:hover[b-zipfdephoz] { background: var(--info-color-5); }
.pipe2-qa-thaw[b-zipfdephoz] { color: var(--success-color); border-color: var(--success-color-20); }
.pipe2-qa-thaw:hover[b-zipfdephoz] { background: var(--success-color-5); }

.pipe2-queue-list[b-zipfdephoz] { padding: 0.25rem 0.5rem; }
.pipe2-qi[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.35rem 0.25rem; font-size: 0.72rem;
    border-bottom: 1px solid var(--white-overlay-02);
    transition: background var(--transition-fast);
}
.pipe2-qi:last-child[b-zipfdephoz] { border-bottom: none; }
.pipe2-qi:hover[b-zipfdephoz] { background: var(--white-overlay-015); }
.pipe2-qi-pos[b-zipfdephoz] {
    width: 20px; height: 20px; border-radius: 50%;
    background: var(--warning-color-8); border: 1px solid var(--warning-color-20);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.55rem; font-weight: 700; color: var(--warning-color);
    flex-shrink: 0;
}
.pipe2-qi-info[b-zipfdephoz] {
    flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.1rem;
}
.pipe2-qi-title[b-zipfdephoz] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; opacity: 0.7; font-weight: 600; line-height: 1.35;
}
.pipe2-qi-meta[b-zipfdephoz] {
    font-size: 0.58rem; font-family: var(--font-mono); opacity: 0.3;
    display: flex; gap: 0.3rem; align-items: center;
}
.pipe2-qi-priority[b-zipfdephoz] { color: var(--warning-color); opacity: 1; }
.pipe2-qi-actions[b-zipfdephoz] {
    display: flex; gap: 0.2rem; flex-shrink: 0; margin-left: auto;
}
.pipe2-qi-btn[b-zipfdephoz] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: var(--radius-sm);
    border: 1px solid var(--white-overlay-06); background: transparent;
    cursor: pointer; transition: all var(--transition-fast);
    color: var(--text-secondary); font-size: 0.65rem;
}
.pipe2-qi-btn:hover[b-zipfdephoz] { background: var(--white-overlay-04); border-color: rgba(255, 255, 255, 0.12); }
.pipe2-qi-btn-stop[b-zipfdephoz] { color: var(--error-color); }
.pipe2-qi-btn-stop:hover[b-zipfdephoz] { background: var(--error-color-8); border-color: var(--error-color-20); }

.pipe2-queue-empty[b-zipfdephoz] {
    padding: 0.75rem; text-align: center; font-size: 0.72rem; opacity: 0.3;
}

/* Frozen state banner */
.pipe2-frozen-banner[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.4rem 0.75rem; font-size: 0.72rem;
    background: rgba(33, 150, 243, 0.04); border: 1px solid var(--info-color-15);
    border-radius: var(--radius-md); color: var(--info-color);
}

/* ── Hero Header ── */
.pipe2-hero[b-zipfdephoz] {
    position: relative; overflow: hidden;
    border-radius: var(--radius-lg); border: 1px solid var(--border-color);
    transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}
.pipe2-hero-exec[b-zipfdephoz] {
    border-color: var(--accent-color);
    box-shadow: 0 0 20px var(--accent-color-8), inset 0 0 30px var(--accent-color-2);
}
.pipe2-hero-done[b-zipfdephoz] {
    border-color: var(--success-color-30);
    box-shadow: 0 0 12px var(--success-color-4);
}
.pipe2-hero-fail[b-zipfdephoz] {
    border-color: var(--error-color-30);
    box-shadow: 0 0 12px var(--error-color-4);
}

.pipe2-hero-bg[b-zipfdephoz] {
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 15% 50%, var(--accent-color-5) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 50%, rgba(139, 92, 246, 0.03) 0%, transparent 55%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.98));
    z-index: 0;
}
.pipe2-hero-bg[b-zipfdephoz]::after {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(var(--white-overlay-02) 1px, transparent 1px);
    background-size: 20px 20px;
}
.pipe2-hero-exec .pipe2-hero-bg[b-zipfdephoz] {
    animation: noc-bg-shift-b-zipfdephoz 8s ease-in-out infinite alternate;
}

.pipe2-hero-content[b-zipfdephoz] {
    position: relative; z-index: 1;
    padding: 0.75rem 1rem;
}
.pipe2-hero-top[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;
    margin-bottom: 0.4rem;
}
.pipe2-hero-actions[b-zipfdephoz] { margin-left: auto; }
.pipe2-abort[b-zipfdephoz] { font-family: var(--font-mono); font-weight: 700; letter-spacing: 0.05em; }
.pipe2-branch[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.62rem;
    padding: 0.1rem 0.4rem; background: rgba(156, 39, 176, 0.08);
    border: 1px solid rgba(156, 39, 176, 0.2); border-radius: var(--radius-sm);
    color: var(--channel-user-color);
}
.pipe2-hero-directive[b-zipfdephoz] {
    font-size: 0.85rem; opacity: 0.8; line-height: 1.45;
    margin-bottom: 0.6rem;
}

/* Pipeline hero attachments */
.pipe2-hero-attachments[b-zipfdephoz] {
    margin-bottom: 0.5rem;
    padding: var(--space-xs) 0;
}

/* Hero stats strip */
.pipe2-hero-stats[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;
    padding-top: 0.5rem; border-top: 1px solid var(--white-overlay-04);
}
.pipe2-stat[b-zipfdephoz] { text-align: center; }
.pipe2-stat-val[b-zipfdephoz] {
    display: block; font-size: 1rem; font-weight: 700;
    font-family: var(--font-mono); color: var(--text-primary); line-height: 1.2;
}
.pipe2-stat-val small[b-zipfdephoz] { font-size: 0.65rem; font-weight: 400; opacity: 0.4; }
.pipe2-stat-lbl[b-zipfdephoz] {
    font-size: 0.48rem; text-transform: uppercase; letter-spacing: 0.4px;
    opacity: 0.35; display: block;
}
.pipe2-stat-live .pipe2-stat-val[b-zipfdephoz] { color: var(--accent-color); }

.pipe2-progress-wrap[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    flex: 1; min-width: 120px; margin-left: auto;
}
.pipe2-progress-bar[b-zipfdephoz] {
    flex: 1; height: 4px; border-radius: 2px;
    background: var(--white-overlay-05); overflow: hidden;
}
.pipe2-progress-fill[b-zipfdephoz] {
    height: 100%; border-radius: 2px;
    background: linear-gradient(90deg, var(--accent-color), rgba(139, 92, 246, 0.8));
    transition: width var(--transition-normal);
}
.pipe2-progress-err[b-zipfdephoz] {
    background: linear-gradient(90deg, var(--error-color), var(--error-color-60));
}
.pipe2-progress-pct[b-zipfdephoz] {
    font-size: 0.6rem; font-family: var(--font-mono); font-weight: 700;
    opacity: 0.4; min-width: 28px; text-align: right;
}

/* ── Assessments Row ── */
.pipe2-assess-row[b-zipfdephoz] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;
}
.pipe2-assess-card[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); padding: 0.6rem 0.75rem;
    transition: border-color var(--transition-fast);
}
.pipe2-assess-card:hover[b-zipfdephoz] { border-color: rgba(255, 255, 255, 0.12); }
.pipe2-assess-label[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem;
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.3px; opacity: 0.55; margin-bottom: 0.3rem;
}
.pipe2-assess-text[b-zipfdephoz] {
    font-size: 0.72rem; line-height: 1.55; opacity: 0.75;
}

/* Rejection */
.pipe2-rejection[b-zipfdephoz] {
    display: flex; align-items: flex-start; gap: 0.4rem;
    padding: 0.5rem 0.75rem; border-radius: var(--radius-md);
    background: var(--error-color-6); border: 1px solid var(--error-color-20);
    color: var(--error-color); font-size: 0.78rem; line-height: 1.4;
}

/* ── Steps Panel ── */
.pipe2-steps-panel[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--border-color);
    border-radius: var(--radius-lg); overflow: hidden;
}
.pipe2-steps-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--border-color);
    background: var(--white-overlay-015);
}
.pipe2-steps-icon[b-zipfdephoz] {
    font-size: 0.7rem; opacity: 0.4; font-family: var(--font-mono);
}
.pipe2-steps-header h3[b-zipfdephoz] { margin: 0; }
.pipe2-steps[b-zipfdephoz] { padding: 0.5rem 0.5rem 0.5rem 0.75rem; }
.pipe2-steps-empty[b-zipfdephoz] {
    padding: 1.5rem; text-align: center; opacity: 0.3; font-size: 0.75rem;
}

/* Individual Step */
.pipe2-step[b-zipfdephoz] {
    display: flex; gap: 0.6rem; cursor: pointer;
    border-radius: var(--radius-md); padding: 0.2rem 0.4rem 0.2rem 0;
    transition: background var(--transition-fast);
}
.pipe2-step:hover[b-zipfdephoz] { background: var(--white-overlay-015); }
.pipe2-step-expanded[b-zipfdephoz] {
    background: var(--accent-color-3);
    border: 1px solid var(--accent-color-10);
    margin: 0.15rem -0.25rem; padding: 0.3rem 0.5rem 0.3rem 0.25rem;
}

/* Step Rail (timeline line + dot) */
.pipe2-step-rail[b-zipfdephoz] {
    display: flex; flex-direction: column; align-items: center;
    width: 28px; flex-shrink: 0;
}
.pipe2-step-dot[b-zipfdephoz] {
    width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.6rem; font-weight: 700; flex-shrink: 0;
    border: 2px solid var(--border-color); background: transparent;
    color: var(--text-secondary);
    transition: all var(--transition-fast);
}
.pipe2-s-completed .pipe2-step-dot[b-zipfdephoz] {
    border-color: var(--success-color); color: var(--success-color);
    background: var(--success-color-10);
}
.pipe2-s-failed .pipe2-step-dot[b-zipfdephoz] {
    border-color: var(--error-color); color: var(--error-color);
    background: var(--error-color-8);
}
.pipe2-s-running .pipe2-step-dot[b-zipfdephoz] {
    border-color: var(--accent-color); color: var(--accent-color);
    background: var(--accent-color-8);
    box-shadow: 0 0 10px var(--accent-color-20);
}
.pipe2-s-skipped .pipe2-step-dot[b-zipfdephoz] { opacity: 0.25; }
.pipe2-s-blocked .pipe2-step-dot[b-zipfdephoz] {
    border-color: var(--warning-color); color: var(--warning-color);
}
.pipe2-s-pending .pipe2-step-dot[b-zipfdephoz] { opacity: 0.3; }

.pipe2-step-line[b-zipfdephoz] {
    width: 2px; flex: 1; min-height: 10px;
    background: var(--border-color); opacity: 0.4;
    transition: background var(--transition-fast);
}
.pipe2-s-completed .pipe2-step-line[b-zipfdephoz] { background: var(--success-color); opacity: 0.25; }
.pipe2-s-running .pipe2-step-line[b-zipfdephoz] { background: var(--accent-color); opacity: 0.25; }

.pipe2-spinner[b-zipfdephoz] {
    width: 14px; height: 14px;
    border: 2px solid transparent; border-top-color: var(--accent-color);
    border-radius: 50%; animation: spin-b-zipfdephoz 0.8s linear infinite;
}
.pipe2-step-num[b-zipfdephoz] { font-size: 0.6rem; }
@keyframes spin-b-zipfdephoz { to { transform: rotate(360deg); } }

/* Step Body */
.pipe2-step-body[b-zipfdephoz] {
    flex: 1; min-width: 0; padding: 0.25rem 0 0.5rem;
}
.pipe2-step-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap;
}
.pipe2-step-type[b-zipfdephoz] {
    font-size: 0.5rem; font-weight: 700;
    padding: 0.08rem 0.35rem; border-radius: 3px;
    text-transform: uppercase; letter-spacing: 0.3px;
    background: var(--white-overlay-05); color: var(--text-secondary);
    white-space: nowrap;
}
/* Step type color variants */
.tp-securityscreen[b-zipfdephoz] { background: var(--warning-color-12); color: var(--warning-color); }
.tp-architecturereview[b-zipfdephoz] { background: var(--info-color-12); color: var(--info-color); }
.tp-implementation[b-zipfdephoz] { background: var(--accent-color-12); color: var(--accent-color); }
.tp-buildverification[b-zipfdephoz] { background: var(--success-color-12); color: var(--success-color); }
.tp-unittests[b-zipfdephoz], .tp-playwrighttests[b-zipfdephoz] { background: rgba(156, 39, 176, 0.12); color: var(--channel-user-color); }
.tp-documentationupdate[b-zipfdephoz] { background: rgba(0, 188, 212, 0.12); color: #4dd0e1; }
.tp-codereview[b-zipfdephoz], .tp-finalreview[b-zipfdephoz] { background: rgba(255, 193, 7, 0.12); color: #ffca28; }
.tp-restart[b-zipfdephoz] { background: var(--error-color-12); color: var(--error-color); }

.pipe2-step-name[b-zipfdephoz] {
    font-weight: 600; color: var(--text-primary); font-size: 0.8rem;
    flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pipe2-s-pending .pipe2-step-name[b-zipfdephoz] { opacity: 0.35; }
.pipe2-step-metrics[b-zipfdephoz] {
    display: flex; gap: 0.4rem; align-items: center; margin-left: auto;
}
.pipe2-step-dur[b-zipfdephoz], .pipe2-step-tok[b-zipfdephoz] {
    font-size: 0.6rem; opacity: 0.35; font-family: var(--font-mono);
}
.pipe2-step-desc[b-zipfdephoz] {
    font-size: 0.72rem; opacity: 0.5; margin-top: 0.15rem; line-height: 1.4;
}
.pipe2-step-error[b-zipfdephoz] {
    display: flex; align-items: flex-start; gap: 0.3rem;
    font-size: 0.72rem; color: var(--error-color); margin-top: 0.3rem;
    padding: 0.3rem 0.5rem; background: var(--error-color-5);
    border-radius: var(--radius-sm);
}

/* Step expanded detail */
.pipe2-step-detail[b-zipfdephoz] {
    margin-top: 0.5rem; padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
    display: flex; flex-direction: column; gap: 0.4rem;
}
.pipe2-detail-section[b-zipfdephoz] { cursor: pointer; }
.pipe2-detail-section summary[b-zipfdephoz] {
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.4px; opacity: 0.5; list-style: none;
    padding: 0.15rem 0;
}
.pipe2-detail-section summary[b-zipfdephoz]::marker,
.pipe2-detail-section summary[b-zipfdephoz]::-webkit-details-marker { display: none; }
.pipe2-detail-section summary:hover[b-zipfdephoz] { opacity: 0.8; }
.pipe2-detail-pre[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.68rem;
    background: var(--bg-secondary); padding: 0.5rem;
    border-radius: var(--radius-sm); white-space: pre-wrap;
    word-break: break-word; max-height: 300px; overflow-y: auto;
    margin-top: 0.2rem;
    scrollbar-width: thin;
    scrollbar-color: var(--white-overlay-08) transparent;
}

/* ── Live Output Feed ── */
.pipe2-live-panel[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--accent-color);
    border-radius: var(--radius-lg); overflow: hidden;
    box-shadow: 0 0 16px var(--accent-color-6);
}
.pipe2-live-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--border-color);
    background: var(--accent-color-3);
}
.pipe2-live-header h3[b-zipfdephoz] { margin: 0; }
.pipe2-live-dot[b-zipfdephoz] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--success-color);
    box-shadow: 0 0 6px var(--success-color-40);
    animation: pulse-b-zipfdephoz 1.5s infinite; flex-shrink: 0;
}
.pipe2-live-feed[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.68rem;
    max-height: 260px; overflow-y: auto; padding: 0.3rem 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: var(--white-overlay-08) transparent;
}
.pipe2-live-entry[b-zipfdephoz] {
    display: flex; gap: 0.3rem; padding: 0.2rem 0;
    border-bottom: 1px solid var(--white-overlay-015);
    align-items: center;
    animation: noc-fade-in-b-zipfdephoz 0.3s ease-out;
}
.pipe2-le-time[b-zipfdephoz] { opacity: 0.2; font-size: 0.58rem; min-width: 50px; }
.pipe2-le-tag[b-zipfdephoz] {
    font-size: 0.48rem; font-weight: 700; padding: 0.05rem 0.25rem;
    border-radius: 2px; background: var(--white-overlay-05);
    text-transform: uppercase; min-width: 36px; text-align: center;
}
.pipe2-le-tool[b-zipfdephoz] { background: var(--accent-color); color: var(--text-primary); }
.pipe2-le-think[b-zipfdephoz] { background: var(--warning-color-12); color: var(--warning-color); }
.pipe2-le-msg[b-zipfdephoz] {
    flex: 1; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; opacity: 0.65;
}

/* ── Summary Panel ── */
.pipe2-summary-panel[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); padding: 0.6rem 0.75rem;
}
.pipe2-summary-label[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem;
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.3px; opacity: 0.55; margin-bottom: 0.3rem;
}
.pipe2-summary-text[b-zipfdephoz] {
    font-size: 0.78rem; line-height: 1.55; opacity: 0.75;
}

/* ── Empty State ── */
.pipe2-empty[b-zipfdephoz] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 4rem 1rem; gap: 0.75rem; opacity: 0.25;
}
.pipe2-empty-icon[b-zipfdephoz] { font-size: 2.5rem; }
.pipe2-empty-text[b-zipfdephoz] { font-size: 0.78rem; text-align: center; }

/* ── Config ── */
.v-config[b-zipfdephoz] { padding: var(--space-xs); display: flex; flex-direction: column; gap: var(--space-sm); }

/* Engine status bar */
.cfg-status-bar[b-zipfdephoz] { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-xs) 0; }
.cfg-engine-badge[b-zipfdephoz] { display: inline-flex; align-items: center; gap: var(--space-xs); font-size: var(--text-xs); font-weight: var(--font-semibold); padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-full); border: 1px solid var(--border-color); }
.cfg-engine-badge.alive[b-zipfdephoz] { color: var(--success-color); border-color: var(--success-color); background: var(--success-bg); }
.cfg-engine-badge.offline[b-zipfdephoz] { color: var(--text-muted); }
.cfg-engine-badge.executing[b-zipfdephoz] { color: var(--accent-color); border-color: var(--accent-color); background: var(--accent-color-10); }
.cfg-engine-badge.standby[b-zipfdephoz] { color: var(--warning-color); border-color: var(--warning-color); background: var(--warning-bg); }
.cfg-engine-dot[b-zipfdephoz] { width: 6px; height: 6px; border-radius: var(--radius-full); background: currentColor; }
.cfg-engine-badge.alive .cfg-engine-dot[b-zipfdephoz] { animation: pulse-b-zipfdephoz 2s infinite; }
.cfg-engine-badge.executing .cfg-engine-dot[b-zipfdephoz] { animation: pulse-b-zipfdephoz 1s infinite; }

/* Section cards */
.cfg-section[b-zipfdephoz] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-lg); overflow: hidden; }
.cfg-section-warn[b-zipfdephoz] { border-color: var(--warning-color); border-color: color-mix(in srgb, var(--warning-color) 30%, transparent); }
.cfg-section-header[b-zipfdephoz] { display: flex; align-items: flex-start; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--border-color); background: var(--bg-card); }
.cfg-section-header h3[b-zipfdephoz] { margin: 0; font-size: var(--text-sm); }
.cfg-section-header .muted[b-zipfdephoz] { display: block; margin-top: 0.15rem; }
.cfg-section-icon[b-zipfdephoz] { font-size: var(--text-base); line-height: 1.2; flex-shrink: 0; margin-top: 0.1rem; }
.cfg-section-body[b-zipfdephoz] { padding: var(--space-md); }

/* Grid layouts */
.cfg-grid-3[b-zipfdephoz] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-sm); }
.cfg-grid-2[b-zipfdephoz] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-sm); }

/* Fields */
.cfg-field[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.2rem; }
.cfg-field-wide[b-zipfdephoz] { margin-top: var(--space-sm); }
.cfg-label-row[b-zipfdephoz] { display: flex; align-items: center; gap: var(--space-sm); }
.cfg-label[b-zipfdephoz] { font-size: var(--text-xs); font-weight: var(--font-bold); text-transform: uppercase; letter-spacing: 0.4px; color: var(--text-secondary); }
.cfg-hint[b-zipfdephoz] { font-size: 0.62rem; color: var(--text-muted); line-height: 1.3; }
.cfg-hint-danger[b-zipfdephoz] { color: var(--error-color); opacity: 0.8; }
.cfg-hint code[b-zipfdephoz] { font-family: var(--font-mono); color: var(--accent-color); background: var(--bg-secondary); padding: 0 0.15rem; border-radius: 2px; font-size: 0.6rem; }
[b-zipfdephoz] .cfg-input .mud-input-outlined-border { border-color: var(--border-color) !important; }
[b-zipfdephoz] .cfg-readonly .mud-input { opacity: 0.5; }

/* Inline saved indicator */
.cfg-saved[b-zipfdephoz] { font-size: 0.6rem; font-weight: var(--font-bold); color: var(--success-color); text-transform: uppercase; letter-spacing: 0.3px; animation: cfgSavedFade-b-zipfdephoz 2s ease forwards; }
@keyframes cfgSavedFade-b-zipfdephoz {
    0% { opacity: 0; transform: translateX(-4px); }
    10% { opacity: 1; transform: translateX(0); }
    75% { opacity: 1; }
    100% { opacity: 0; }
}

/* Muted section (disabled settings) */
.cfg-muted[b-zipfdephoz] { opacity: 0.35; pointer-events: none; transition: opacity var(--transition-normal); }

/* Toggle rows */
.cfg-toggles[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.1rem; }
.cfg-toggle-row[b-zipfdephoz] { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-xs) var(--space-xs); border-radius: var(--radius-sm); transition: background var(--transition-fast); }
.cfg-toggle-row:hover[b-zipfdephoz] { background: var(--bg-hover); }
.cfg-toggle-inline[b-zipfdephoz] { padding: 0; }
.cfg-toggle-inline:hover[b-zipfdephoz] { background: none; }
.cfg-toggle-info[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.1rem; }
.cfg-toggle-label[b-zipfdephoz] { font-size: var(--text-sm); font-weight: var(--font-semibold); display: flex; align-items: center; gap: var(--space-sm); }
[b-zipfdephoz] .cfg-switch { margin: 0; }

/* Auth status */
.cfg-auth-status[b-zipfdephoz] { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) 0; min-height: 40px; }
.cfg-auth-ok[b-zipfdephoz] { font-size: var(--text-xs); font-weight: var(--font-bold); color: var(--success-color); }
.cfg-auth-warn[b-zipfdephoz] { font-size: var(--text-xs); font-weight: var(--font-bold); color: var(--warning-color); }
.cfg-auth-err[b-zipfdephoz] { font-size: var(--text-xs); font-weight: var(--font-bold); color: var(--error-color); }

/* Tool chips */
.cfg-tool-grid[b-zipfdephoz] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.cfg-tool-chip[b-zipfdephoz] { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-md); border: 1px solid var(--border-color); background: none; color: var(--text-secondary); font-size: var(--text-xs); font-weight: var(--font-semibold); cursor: pointer; transition: all var(--transition-fast); opacity: 0.4; }
.cfg-tool-chip:hover[b-zipfdephoz] { opacity: 0.7; border-color: var(--accent-color); }
.cfg-tool-chip.enabled[b-zipfdephoz] { opacity: 1; border-color: var(--accent-color); color: var(--accent-color); background: var(--accent-color-8); }
.cfg-tool-dot[b-zipfdephoz] { width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--text-secondary); transition: background var(--transition-fast); }
.cfg-tool-chip.enabled .cfg-tool-dot[b-zipfdephoz] { background: var(--accent-color); }

/* Lock badge */
.cfg-lock-badge[b-zipfdephoz] { font-size: 0.5rem; font-weight: var(--font-bold); text-transform: uppercase; letter-spacing: 0.5px; padding: 0.1rem var(--space-xs); border-radius: 3px; background: var(--warning-bg); color: var(--warning-color); vertical-align: middle; margin-left: var(--space-xs); }

/* Metrics grid */
.cfg-metrics-grid[b-zipfdephoz] { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-xs); }
.cfg-metric[b-zipfdephoz] { display: flex; flex-direction: column; align-items: center; padding: var(--space-sm) var(--space-xs); background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-md); }
.cfg-metric-value[b-zipfdephoz] { font-size: var(--text-lg); font-weight: var(--font-bold); font-family: var(--font-mono); color: var(--accent-color); }
.cfg-metric-label[b-zipfdephoz] { font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.3px; color: var(--text-muted); margin-top: 0.15rem; }

/* Existing - kept */
.chips[b-zipfdephoz] { display: flex; flex-wrap: wrap; gap: 0.2rem; }
.presets[b-zipfdephoz] { display: flex; flex-wrap: wrap; gap: 0.2rem; margin-top: var(--space-xs); padding-top: var(--space-xs); border-top: 1px solid var(--border-color); }
[b-zipfdephoz] .mono textarea { font-family: var(--font-mono) !important; font-size: var(--text-xs) !important; }

/* ── Shared badges ── */
.st[b-zipfdephoz] { font-size: 0.5rem; font-weight: 700; padding: 0.1rem 0.4rem; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap; }
.st-pending[b-zipfdephoz] { background: var(--white-overlay-08); color: var(--text-secondary); }
.st-securityreview[b-zipfdephoz] { background: var(--warning-color-12); color: var(--warning-color); }
.st-approved[b-zipfdephoz] { background: var(--info-color-12); color: var(--info-color); }
.st-executing[b-zipfdephoz] { background: var(--accent-color-12); color: var(--accent-color); }
.st-completed[b-zipfdephoz] { background: var(--success-color-12); color: var(--success-color); }
.st-failed[b-zipfdephoz], .st-rejected[b-zipfdephoz] { background: var(--error-color-12); color: var(--error-color); }
.st-aborted[b-zipfdephoz] { background: rgba(158,158,158,0.12); color: var(--text-secondary); }
.risk[b-zipfdephoz] { font-size: 0.55rem; font-weight: 700; padding: 0.08rem 0.3rem; border-radius: 3px; }
.r1[b-zipfdephoz] { background: var(--success-color-10); color: var(--success-color); }
.r2[b-zipfdephoz] { background: var(--info-color-10); color: var(--info-color); }
.r3[b-zipfdephoz] { background: var(--warning-color-10); color: var(--warning-color); }
.r4[b-zipfdephoz] { background: var(--error-color-10); color: var(--error-color); }
.r5[b-zipfdephoz] { background: var(--error-color-20); color: var(--error-color); }

/* ── Modal ── */
.mdl-bg[b-zipfdephoz] { position: fixed; inset: 0; background: var(--black-overlay-50); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.mdl[b-zipfdephoz] { background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1.5rem; min-width: 340px; max-width: 90vw; }
.mdl code[b-zipfdephoz] { color: var(--accent-color); }

/* ═══════════════════════════════════════════════════════════════
   HISTORY — Activity Timeline
   ═══════════════════════════════════════════════════════════════ */
.v-history[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.5rem; }

/* ── Summary Stats ── */
.hist-stats[b-zipfdephoz] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.4rem; }
.hist-stat[b-zipfdephoz] {
    background: var(--glass-bg); border: 1px solid var(--border-color); border-radius: var(--radius-md);
    padding: 0.5rem 0.4rem; text-align: center; transition: border-color var(--transition-fast);
}
.hist-stat-val[b-zipfdephoz] {
    display: block; font-size: 1.3rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-primary);
}
.hist-stat-val small[b-zipfdephoz] { font-size: 0.7rem; font-weight: 400; opacity: 0.5; }
.hist-stat-label[b-zipfdephoz] { font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.4px; opacity: 0.4; }
.hist-stat-ok[b-zipfdephoz] { border-color: var(--success-color-30); }
.hist-stat-ok .hist-stat-val[b-zipfdephoz] { color: var(--success-color); }
.hist-stat-warn[b-zipfdephoz] { border-color: var(--warning-color-30); }
.hist-stat-warn .hist-stat-val[b-zipfdephoz] { color: var(--warning-color); }
.hist-stat-err[b-zipfdephoz] { border-color: var(--error-color-30); }
.hist-stat-err .hist-stat-val[b-zipfdephoz] { color: var(--error-color); }

/* ── Filter Chips ── */
.hist-filters[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0; flex-wrap: wrap;
}
.hf[b-zipfdephoz] {
    display: inline-flex; align-items: center; gap: 0.3rem;
    padding: 0.25rem 0.6rem; border-radius: var(--radius-md);
    border: 1px solid var(--border-color); background: none;
    color: var(--text-secondary); font-size: 0.68rem; font-weight: 600;
    cursor: pointer; transition: all 0.15s; opacity: 0.5;
}
.hf:hover[b-zipfdephoz] { opacity: 0.8; border-color: var(--accent-color); }
.hf-sel[b-zipfdephoz] { opacity: 1; border-color: var(--accent-color); color: var(--accent-color); background: var(--accent-color-8); }
.hf-ok.hf-sel[b-zipfdephoz] { border-color: var(--success-color); color: var(--success-color); background: var(--success-color-10); }
.hf-err.hf-sel[b-zipfdephoz] { border-color: var(--error-color); color: var(--error-color); background: var(--error-color-8); }
.hf-run.hf-sel[b-zipfdephoz] { border-color: var(--info-color); color: var(--info-color); background: var(--info-color-10); }
.hf-type.hf-sel[b-zipfdephoz] { border-color: var(--warning-color); color: var(--warning-color); background: var(--warning-color-8); }
.hf-count[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700;
    padding: 0.05rem 0.25rem; border-radius: 8px;
    background: var(--white-overlay-06); min-width: 16px; text-align: center;
}

/* ── Timeline ── */
.hist-timeline[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0; padding-left: 0.25rem; }

/* Date separators */
.hist-date-sep[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.6rem 0 0.3rem 1.5rem; /* align with card content */
}
.hist-date-label[b-zipfdephoz] {
    font-size: 0.62rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; color: var(--accent-color); white-space: nowrap;
}
.hist-date-line[b-zipfdephoz] { flex: 1; height: 1px; background: var(--border-color); }
.hist-date-count[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); opacity: 0.3; white-space: nowrap;
}

/* ── Task Card ── */
.hist-card[b-zipfdephoz] {
    display: flex; gap: 0; cursor: pointer;
    transition: background var(--transition-fast);
    border-radius: var(--radius-md);
}
.hist-card:hover[b-zipfdephoz] { background: var(--white-overlay-015); }

/* Timeline rail (dot + vertical line) */
.hc-rail[b-zipfdephoz] {
    display: flex; flex-direction: column; align-items: center;
    width: 24px; flex-shrink: 0; padding-top: 0.65rem;
}
.hc-dot[b-zipfdephoz] {
    width: 10px; height: 10px; border-radius: 50%;
    border: 2px solid var(--border-color); background: var(--bg-secondary);
    flex-shrink: 0; z-index: 1; transition: all 0.15s;
}
.hc-line[b-zipfdephoz] {
    width: 2px; flex: 1; background: var(--border-color); opacity: 0.3;
    margin-top: 2px;
}
/* Last card in a group: fade the line */
.hist-card:last-of-type .hc-line[b-zipfdephoz],
.hist-card:has(+ .hist-date-sep) .hc-line[b-zipfdephoz] { opacity: 0.1; }

/* Status-colored dots */
.hc-completed .hc-dot[b-zipfdephoz] { border-color: var(--success-color); background: var(--success-color-15); }
.hc-running .hc-dot[b-zipfdephoz] { border-color: var(--accent-color); background: var(--accent-color-15); animation: pulse-b-zipfdephoz 1.5s infinite; }
.hc-failed .hc-dot[b-zipfdephoz] { border-color: var(--error-color); background: var(--error-color-15); }
.hc-cancelled .hc-dot[b-zipfdephoz] { border-color: var(--text-secondary); opacity: 0.4; }
.hc-queued .hc-dot[b-zipfdephoz] { border-color: var(--warning-color); background: var(--warning-color-10); }
.hc-awaitingapproval .hc-dot[b-zipfdephoz] { border-color: var(--warning-color); background: var(--warning-color-15); animation: pulse-b-zipfdephoz 2s infinite; }

/* Card body */
.hc-body[b-zipfdephoz] {
    flex: 1; min-width: 0;
    padding: 0.4rem 0.5rem 0.5rem;
    border-bottom: 1px solid var(--white-overlay-02);
}

/* Header row: status + type + title + tokens */
.hc-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    flex-wrap: wrap;
}
.hc-type[b-zipfdephoz] {
    font-size: 0.6rem; font-weight: 600; opacity: 0.5;
    white-space: nowrap;
}
.hc-title[b-zipfdephoz] {
    flex: 1; font-size: 0.8rem; font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    min-width: 0;
}
.hc-tokens[b-zipfdephoz] {
    font-size: 0.6rem; font-family: var(--font-mono); font-weight: 600;
    color: var(--accent-color); opacity: 0.7; white-space: nowrap;
    padding: 0.05rem 0.3rem; background: var(--accent-color-6);
    border-radius: 3px;
}

/* Metadata row */
.hc-meta[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem;
    font-size: 0.6rem; font-family: var(--font-mono); opacity: 0.35;
    margin-top: 0.15rem;
}
.hc-sep[b-zipfdephoz] { opacity: 0.3; }
.hc-time[b-zipfdephoz] { min-width: 32px; }
.hc-priority[b-zipfdephoz] { color: var(--warning-color); opacity: 1; }

/* Result preview */
.hc-result[b-zipfdephoz] {
    font-size: 0.7rem; line-height: 1.5; opacity: 0.6;
    margin-top: 0.3rem; padding: 0.3rem 0.4rem;
    background: var(--white-overlay-015);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--white-overlay-06);
}
.hc-result-err[b-zipfdephoz] {
    color: var(--error-color); opacity: 0.8;
    border-left-color: var(--error-color);
    background: rgba(244, 67, 54, 0.03);
}
.hc-clamp[b-zipfdephoz] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Expanded state */
.hist-card.hc-expanded[b-zipfdephoz] {
    background: var(--white-overlay-02);
}
.hist-card.hc-expanded .hc-dot[b-zipfdephoz] {
    transform: scale(1.3);
    box-shadow: 0 0 6px var(--accent-color-30);
}

/* Expanded detail panel */
.hc-detail[b-zipfdephoz] {
    margin-top: 0.5rem; padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
    display: flex; flex-direction: column; gap: 0.4rem;
}
.hc-section[b-zipfdephoz] { }
.hc-section-label[b-zipfdephoz] {
    font-size: 0.6rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.4px; opacity: 0.5; cursor: pointer;
}
.hc-section-label:hover[b-zipfdephoz] { opacity: 0.8; }
.hc-section-text[b-zipfdephoz] {
    font-size: 0.72rem; opacity: 0.7; line-height: 1.5;
    margin: 0.2rem 0 0;
}
.hc-pre[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.65rem;
    background: var(--bg-secondary); padding: 0.5rem;
    border-radius: var(--radius-sm); white-space: pre-wrap;
    word-break: break-word; max-height: 200px; overflow-y: auto;
    margin-top: 0.3rem;
}

/* Detail footer */
.hc-detail-footer[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding-top: 0.3rem;
}
.hc-exit[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700;
    padding: 0.05rem 0.3rem; border-radius: 3px;
}
.hc-exit-ok[b-zipfdephoz] { background: var(--success-color-10); color: var(--success-color); }
.hc-exit-err[b-zipfdephoz] { background: var(--error-color-10); color: var(--error-color); }

/* Pipeline step rows in expanded history cards */
.hc-step-row[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    font-size: 0.7rem; padding: 0.15rem 0;
    border-bottom: 1px solid var(--white-overlay-03);
}
.hc-step-row:last-child[b-zipfdephoz] { border-bottom: none; }
.hc-step-icon[b-zipfdephoz] { width: 1rem; text-align: center; flex-shrink: 0; }
.hc-step-name[b-zipfdephoz] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hc-step-type[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.6rem; flex-shrink: 0; }
.hc-step-dur[b-zipfdephoz] { font-size: 0.6rem; flex-shrink: 0; }
.hc-step-err[b-zipfdephoz] { font-size: 0.6rem; color: var(--error-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }

/* Pipeline-specific history meta */
.hc-steps[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.6rem; }
.hc-branch[b-zipfdephoz] { font-family: var(--font-mono); font-size: 0.55rem; padding: 0.05rem 0.3rem; border-radius: 3px; background: var(--accent-color-10); color: var(--accent-color); }
.hc-cost[b-zipfdephoz] { font-family: var(--font-mono); }

/* Empty state */
.hist-empty[b-zipfdephoz] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 3rem 1rem; gap: 0.5rem;
}
.hist-empty-icon[b-zipfdephoz] { font-size: 2rem; opacity: 0.3; }
.hist-empty-text[b-zipfdephoz] { font-size: 0.75rem; opacity: 0.3; text-align: center; }

/* ═══════════════════════════════════════════════════════════════════
   NOC — Command Center Dashboard
   ═══════════════════════════════════════════════════════════════════ */

.noc[b-zipfdephoz] { display: flex; flex-direction: column; gap: 0.5rem; }

/* ── Hero: Pipeline Flow / Pulse Ring ── */
.noc-hero[b-zipfdephoz] {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-color);
    min-height: 140px;
    transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}
.noc-hero.noc-exec[b-zipfdephoz] {
    border-color: var(--accent-color);
    box-shadow: 0 0 24px var(--accent-color-10), inset 0 0 40px var(--accent-color-5);
}
.noc-hero.noc-on[b-zipfdephoz] {
    border-color: var(--success-color-30);
    box-shadow: 0 0 16px var(--success-color-5);
}
.noc-hero.noc-off[b-zipfdephoz] {
    border-color: var(--border-color);
    opacity: 0.7;
}

/* Animated background pattern */
.noc-hero-bg[b-zipfdephoz] {
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 20% 50%, var(--accent-color-5) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 50%, var(--secondary-accent-5) 0%, transparent 60%),
        linear-gradient(180deg, var(--bg-primary), var(--bg-primary));
    z-index: 0;
}
.noc-exec .noc-hero-bg[b-zipfdephoz] {
    animation: noc-bg-shift-b-zipfdephoz 8s ease-in-out infinite alternate;
}
@keyframes noc-bg-shift-b-zipfdephoz {
    0% { background-position: 0% 50%; opacity: 1; }
    100% { background-position: 100% 50%; opacity: 0.85; }
}

/* Grid dots pattern overlay */
.noc-hero-bg[b-zipfdephoz]::after {
    content: '';
    position: absolute; inset: 0;
    background-image: radial-gradient(var(--white-overlay-03) 1px, transparent 1px);
    background-size: 20px 20px;
    z-index: 0;
}

.noc-hero-content[b-zipfdephoz] {
    position: relative; z-index: 1;
    padding: 0.75rem;
}

/* Canvas sizing */
.noc-canvas-pipe[b-zipfdephoz] { width: 100%; height: 90px; display: block; }

/* ═══════════════════════════════════════════════════════════════
   UNIFIED HUD: Status Bar + Pipeline in Single Panel
   ═══════════════════════════════════════════════════════════════ */

.hud-unified[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: 0;
    width: 100%;
}

/* ── Status Bar (always visible, top section) ── */
.hud-statusbar[b-zipfdephoz] {
    display: flex; align-items: center; gap: var(--space-md);
    padding-bottom: var(--space-sm);
    min-width: 0;
}
.hud-sb-left[b-zipfdephoz] {
    display: flex; align-items: center; gap: var(--space-sm);
    flex-shrink: 0;
}
.hud-sb-ring[b-zipfdephoz] {
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.noc-canvas-pulse-sm[b-zipfdephoz] {
    width: 160px; height: 160px; display: block;
}
.hud-sb-context[b-zipfdephoz] {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 0.15rem;
}

/* ── Separator between status bar and pipeline ── */
.hud-separator[b-zipfdephoz] {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    margin: var(--space-xs) 0;
    opacity: 0.6;
}

/* ── Pipeline section (below status bar) ── */
.hud-pipeline[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: var(--space-sm);
    width: 100%;
    padding-top: var(--space-xs);
}

/* ── Pipeline idle state (last run mini-summary) ── */
.hud-pipeline-idle[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: 0.3rem;
    padding: var(--space-sm) 0.6rem;
    background: var(--white-overlay-015);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}
.hud-pi-label[b-zipfdephoz] {
    font-size: 0.5rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.4px; opacity: 0.3; margin-right: 0.2rem;
}

/* ── No pipeline at all ── */
.hud-pipeline-empty[b-zipfdephoz] {
    display: flex; align-items: center; justify-content: center; gap: var(--space-sm);
    padding: var(--space-md) 0;
    opacity: 0.25;
    font-size: var(--text-sm);
    font-family: var(--font-mono);
}
.hud-pe-icon[b-zipfdephoz] {
    font-size: var(--text-lg);
    opacity: 0.5;
}
.hud-pe-text[b-zipfdephoz] {
    letter-spacing: 0.3px;
}

/* ── Batch badge ── */
.hud-batch-badge[b-zipfdephoz] {
    display: inline-flex; align-items: center; gap: 0.25rem;
    font-size: 0.55rem; font-weight: 700; padding: 0.1rem 0.45rem;
    border-radius: var(--radius-sm);
    background: var(--accent-color-15);
    color: var(--accent-color);
    border: 1px solid var(--accent-color-30);
    letter-spacing: 0.04em; text-transform: uppercase;
    white-space: nowrap;
    animation: batchPulse-b-zipfdephoz 2s ease-in-out infinite;
}
@keyframes batchPulse-b-zipfdephoz {
    0%, 100% { border-color: var(--accent-color-30); }
    50% { border-color: var(--accent-color-60); }
}

/* ── Status row ── */
.hud-status-row[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;
}
.hud-directive[b-zipfdephoz] {
    flex: 1; font-size: 0.78rem; font-weight: 600; opacity: 0.75;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    min-width: 0;
}
.hud-step-count[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.9rem; font-weight: 700;
    color: var(--text-primary);
}
.hud-step-count small[b-zipfdephoz] {
    font-size: 0.65rem; font-weight: 400; opacity: 0.4;
}
.hud-pct[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.65rem; font-weight: 700;
    color: var(--accent-color); opacity: 0.7;
}

/* ── Horizontal pipeline flow ── */
.hud-flow[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0;
    padding: 0.25rem 0;
    overflow-x: auto; scrollbar-width: none;
}
.hud-flow[b-zipfdephoz]::-webkit-scrollbar { display: none; }

.hud-flow-node[b-zipfdephoz] {
    display: flex; flex-direction: column; align-items: center; gap: 0.15rem;
    min-width: 48px; flex-shrink: 0;
    transition: all var(--transition-fast);
}
.hud-fn-dot[b-zipfdephoz] {
    width: 32px; height: 32px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid var(--border-color); background: transparent;
    font-size: 0.6rem; font-weight: 700; color: var(--text-secondary);
    transition: all var(--transition-fast);
}
.hud-fn-label[b-zipfdephoz] {
    font-size: 0.48rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.3px; opacity: 0.4;
    transition: opacity var(--transition-fast);
}
.hud-fn-dur[b-zipfdephoz] {
    font-size: 0.42rem; font-family: var(--font-mono); opacity: 0.3;
}

/* Node status variants */
.hud-fn-completed .hud-fn-dot[b-zipfdephoz] {
    border-color: var(--success-color); color: var(--success-color);
    background: var(--success-color-10);
}
.hud-fn-completed .hud-fn-label[b-zipfdephoz] { opacity: 0.6; color: var(--success-color); }
.hud-fn-check[b-zipfdephoz] { font-size: 0.65rem; }

.hud-fn-running .hud-fn-dot[b-zipfdephoz] {
    border-color: var(--accent-color); color: var(--accent-color);
    background: var(--accent-color-10);
    box-shadow: 0 0 12px var(--accent-color-20);
}
.hud-fn-running .hud-fn-label[b-zipfdephoz] { opacity: 1; color: var(--accent-color); }
.hud-fn-pulse .hud-fn-dot[b-zipfdephoz] { animation: hud-node-pulse-b-zipfdephoz 2s ease-in-out infinite; }
@keyframes hud-node-pulse-b-zipfdephoz {
    0%, 100% { box-shadow: 0 0 8px var(--accent-color-20); }
    50% { box-shadow: 0 0 20px var(--accent-color-40); }
}

.hud-fn-failed .hud-fn-dot[b-zipfdephoz] {
    border-color: var(--error-color); color: var(--error-color);
    background: var(--error-color-10);
}
.hud-fn-failed .hud-fn-label[b-zipfdephoz] { opacity: 0.7; color: var(--error-color); }
.hud-fn-x[b-zipfdephoz] { font-size: 0.65rem; }

.hud-fn-skipped .hud-fn-dot[b-zipfdephoz] { opacity: 0.2; }
.hud-fn-skipped .hud-fn-label[b-zipfdephoz] { opacity: 0.15; }

.hud-fn-pending .hud-fn-dot[b-zipfdephoz] { opacity: 0.25; }
.hud-fn-pending .hud-fn-label[b-zipfdephoz] { opacity: 0.2; }

.hud-fn-blocked .hud-fn-dot[b-zipfdephoz] {
    border-color: var(--warning-color); color: var(--warning-color);
    background: var(--warning-color-10); opacity: 0.6;
}

.hud-fn-spinner[b-zipfdephoz] {
    width: 14px; height: 14px;
    border: 2px solid transparent; border-top-color: var(--accent-color);
    border-radius: 50%; animation: spin-b-zipfdephoz 0.8s linear infinite;
}
.hud-fn-num[b-zipfdephoz] { font-size: 0.55rem; }

/* Connector lines between nodes */
.hud-flow-conn[b-zipfdephoz] {
    width: 24px; height: 2px; flex-shrink: 0;
    background: var(--border-color); opacity: 0.3;
    transition: all var(--transition-fast);
    margin: 0 -2px; /* overlap slightly with dots */
    align-self: center;
    margin-bottom: 18px; /* align with dot center, accounting for label height */
}
.hud-fc-done[b-zipfdephoz] {
    background: var(--success-color); opacity: 0.4;
}

/* ── Progress bar ── */
.hud-progress-track[b-zipfdephoz] {
    width: 100%; height: 3px; border-radius: 2px;
    background: var(--white-overlay-04); overflow: hidden;
}
.hud-progress-fill[b-zipfdephoz] {
    height: 100%; border-radius: 2px;
    background: linear-gradient(90deg, var(--accent-color), var(--secondary-accent));
    transition: width var(--transition-normal);
    box-shadow: 0 0 8px var(--accent-color-30);
}
.hud-pf-err[b-zipfdephoz] {
    background: linear-gradient(90deg, var(--error-color), var(--error-color-50));
    box-shadow: 0 0 8px var(--error-color-20);
}

/* ── Current step detail card ── */
.hud-current[b-zipfdephoz] {
    display: flex; align-items: flex-start; gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    background: var(--accent-color-5);
    border: 1px solid var(--accent-color-10);
    border-radius: var(--radius-md);
    animation: hud-fade-in-b-zipfdephoz 0.3s ease-out;
}
@keyframes hud-fade-in-b-zipfdephoz {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.hud-cur-indicator[b-zipfdephoz] {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--accent-color); flex-shrink: 0;
    margin-top: 0.3rem;
    animation: pulse-b-zipfdephoz 1.5s infinite;
}
.hud-cur-body[b-zipfdephoz] {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 0.15rem;
}
.hud-cur-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.35rem;
}
.hud-cur-type[b-zipfdephoz] {
    font-size: 0.48rem; font-weight: 700; padding: 0.06rem 0.3rem;
    border-radius: 3px; text-transform: uppercase; letter-spacing: 0.3px;
    white-space: nowrap;
}
.hud-cur-name[b-zipfdephoz] {
    font-weight: 700; font-size: 0.82rem; color: var(--text-primary);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.hud-cur-desc[b-zipfdephoz] {
    font-size: 0.68rem; opacity: 0.5; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
.hud-cur-live[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem;
    margin-top: 0.1rem;
    font-family: var(--font-mono); font-size: 0.62rem;
    animation: hud-fade-in-b-zipfdephoz 0.2s ease-out;
}
.hud-cur-live-tag[b-zipfdephoz] {
    font-size: 0.45rem; font-weight: 700; padding: 0.04rem 0.2rem;
    border-radius: 2px; background: var(--white-overlay-06);
    text-transform: uppercase;
}
.hud-lt-tool[b-zipfdephoz] {
    background: var(--accent-color); color: var(--text-primary);
}
.hud-cur-live-msg[b-zipfdephoz] {
    flex: 1; opacity: 0.5; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.hud-cur-stats[b-zipfdephoz] {
    display: flex; flex-direction: column; align-items: flex-end; gap: 0.1rem;
    flex-shrink: 0; margin-left: auto;
}
.hud-cur-elapsed[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600;
    color: var(--accent-color); opacity: 0.8;
}
.hud-cur-tokens[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.58rem; opacity: 0.35;
}

/* ═══════════════════════════════════════════════════════════════
   HUD: ENGINE STATE (shared styles for status bar)
   ═══════════════════════════════════════════════════════════════ */

.hud-engine-state[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: var(--space-xs);
}
.hud-headline[b-zipfdephoz] {
    font-family: var(--font-primary);
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    letter-spacing: 0.5px;
    line-height: 1.2;
}
/* Autonomy-mode color variants */
.hud-es-m0[b-zipfdephoz] { color: var(--text-secondary); }
.hud-es-m1[b-zipfdephoz] { color: var(--warning-color); }
.hud-es-m2[b-zipfdephoz] { color: var(--secondary-accent); }
.hud-es-m3[b-zipfdephoz] { color: var(--info-color); }
.hud-es-m4[b-zipfdephoz] { color: var(--accent-color); }
.hud-es-m5[b-zipfdephoz] { color: var(--success-color); }

.hud-subtitle[b-zipfdephoz] {
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    color: var(--text-muted);
    font-weight: var(--font-normal);
    display: flex; align-items: center; gap: var(--space-xs); flex-wrap: wrap;
}

/* Context lines */
.hud-context-line[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem;
    font-size: 0.68rem;
}
.hud-cl-icon[b-zipfdephoz] {
    font-size: 0.5rem; opacity: 0.3; flex-shrink: 0;
}
.hud-cl-ok[b-zipfdephoz] { color: var(--success-color); opacity: 0.7; }
.hud-cl-label[b-zipfdephoz] {
    font-size: 0.58rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.3px; opacity: 0.35;
}
.hud-cl-value[b-zipfdephoz] {
    opacity: 0.6; font-family: var(--font-mono); font-size: 0.65rem;
}
.hud-cl-title[b-zipfdephoz] {
    font-family: var(--font-primary); font-weight: 600; font-size: 0.72rem;
    opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    flex: 1; min-width: 0;
}
.hud-cl-task[b-zipfdephoz] {
    padding: 0.15rem 0.3rem;
    background: var(--success-color-5);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--success-color-20);
}
.hud-cl-time[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); opacity: 0.3;
    margin-left: auto; flex-shrink: 0;
}

/* Last pipeline mini-card (used in pipeline-idle) */
.hud-lp-head[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap;
}
.hud-lp-title[b-zipfdephoz] {
    font-size: 0.68rem; font-weight: 600; opacity: 0.6;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    flex: 1; min-width: 0;
}
.hud-lp-ago[b-zipfdephoz] {
    font-size: 0.52rem; font-family: var(--font-mono); opacity: 0.25;
}

/* Mini step indicators */
.hud-lp-steps[b-zipfdephoz] {
    display: flex; gap: 2px;
}
.hud-lp-step[b-zipfdephoz] {
    flex: 1; text-align: center; padding: 0.12rem 0;
    border-radius: 2px; font-size: 0.42rem; font-weight: 700;
    letter-spacing: 0.3px; text-transform: uppercase;
}
.hud-lps-completed[b-zipfdephoz] { background: var(--success-color-15); color: var(--success-color); }
.hud-lps-running[b-zipfdephoz] { background: var(--accent-color-20); color: var(--accent-color); animation: pulse-b-zipfdephoz 1.5s infinite; }
.hud-lps-failed[b-zipfdephoz] { background: var(--error-color-15); color: var(--error-color); }
.hud-lps-pending[b-zipfdephoz] { background: var(--white-overlay-03); color: var(--text-secondary); opacity: 0.3; }
.hud-lps-skipped[b-zipfdephoz] { opacity: 0.15; background: var(--white-overlay-03); color: var(--text-secondary); }
.hud-lps-blocked[b-zipfdephoz] { background: var(--warning-color-10); color: var(--warning-color); }

.hud-lp-summary[b-zipfdephoz] {
    font-size: 0.6rem; opacity: 0.4; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Responsive: unified HUD layout ── */
@media (max-width: 768px) {
    .hud-statusbar[b-zipfdephoz] { flex-direction: column; align-items: flex-start; gap: var(--space-sm); }
    .hud-sb-left[b-zipfdephoz] { width: 100%; }
    .hud-sb-context[b-zipfdephoz] { width: 100%; }
    .hud-pipeline-idle[b-zipfdephoz] { width: 100%; }
    .hud-flow[b-zipfdephoz] { overflow-x: auto; padding-bottom: 0.25rem; }
}
@media (max-width: 768px) {
    .noc-canvas-pulse-sm[b-zipfdephoz] { width: 120px; height: 120px; }
}
@media (max-width: 640px) {
    .hud-statusbar[b-zipfdephoz] { gap: var(--space-xs); }
    .noc-canvas-pulse-sm[b-zipfdephoz] { width: 80px; height: 80px; }
    .hud-focus-row[b-zipfdephoz] { display: none; }
}

/* Hero controls bar */
.noc-hero-controls[b-zipfdephoz] {
    position: absolute; top: 0.4rem; right: 0.5rem; z-index: 3;
    display: flex; align-items: center; gap: 0.4rem;
}
.noc-approval-alert[b-zipfdephoz] {
    font-size: 0.6rem; font-weight: 700; color: var(--warning-color);
    padding: 0.15rem 0.5rem; border-radius: var(--radius-sm);
    background: var(--warning-color-10); border: 1px solid var(--warning-color-25);
    animation: pulse-b-zipfdephoz 2s infinite;
}

/* ── Metrics Strip ── */
.noc-metrics[b-zipfdephoz] {
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.4rem;
}
.noc-m[b-zipfdephoz] {
    position: relative; overflow: hidden;
    background: var(--glass-bg); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); padding: 0.5rem 0.4rem;
    text-align: center;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.noc-m:hover[b-zipfdephoz] {
    border-color: var(--accent-color-25);
    box-shadow: 0 0 12px var(--accent-color-6);
}
.noc-m-val[b-zipfdephoz] {
    display: block; font-size: 1.3rem; font-weight: 700;
    font-family: var(--font-mono); color: var(--text-primary);
    line-height: 1.2;
}
.noc-m-lbl[b-zipfdephoz] {
    font-size: 0.5rem; text-transform: uppercase; letter-spacing: 0.4px;
    opacity: 0.35; display: block; margin-top: 0.1rem;
}
.noc-m-accent[b-zipfdephoz] { border-color: var(--accent-color-20); }
.noc-m-accent .noc-m-val[b-zipfdephoz] { color: var(--accent-color); }

/* Subtle glow sweep animation on metrics */
.noc-m[b-zipfdephoz]::before {
    content: '';
    position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, var(--accent-color-4), transparent);
    animation: noc-sweep-b-zipfdephoz 6s ease-in-out infinite;
}
@keyframes noc-sweep-b-zipfdephoz {
    0%, 100% { left: -100%; }
    50% { left: 100%; }
}

/* ── Shared Panel ── */
.noc-panel[b-zipfdephoz] {
    background: var(--glass-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 0.6rem 0.75rem;
    display: flex; flex-direction: column; gap: 0.4rem;
    min-width: 0; /* Critical: allows flex/grid children to shrink below content size */
    overflow-x: hidden; /* Prevents content from pushing panel wider than its container */
}

/* Panel header */
.noc-ph[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
}
.noc-ph h3[b-zipfdephoz] {
    font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.4px; opacity: 0.55; margin: 0;
}
.noc-ph-icon[b-zipfdephoz] {
    font-size: 0.7rem; opacity: 0.4; font-family: var(--font-mono);
}
.noc-badge-ct[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700;
    padding: 0.05rem 0.3rem; border-radius: var(--radius-full);
    background: var(--accent-color-12); color: var(--accent-color);
    margin-left: auto;
}
.noc-divider[b-zipfdephoz] {
    height: 1px; background: var(--border-color); margin: 0.3rem 0; opacity: 0.5;
}

/* ── Command Bar ── */
.cmd-bar[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: 0.35rem;
}

/* Multi-line input area wrapper */
.cmd-input-area[b-zipfdephoz] {
    display: flex; flex-direction: column;
    background: var(--glass-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    overflow: hidden;
}
.cmd-input-area:focus-within[b-zipfdephoz] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px var(--accent-color-15);
}

.cmd-input-row[b-zipfdephoz], .cmd-inject-row[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0;
    background: var(--glass-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    overflow: hidden;
}
.cmd-input-row.cmd-input-multi[b-zipfdephoz] {
    border: none; background: transparent;
    align-items: flex-start;
}
.cmd-input-row:focus-within:not(.cmd-input-multi)[b-zipfdephoz] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px var(--accent-color-15);
}
.cmd-inject-row:focus-within[b-zipfdephoz] {
    border-color: var(--info-color);
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.12);
}
.cmd-prompt[b-zipfdephoz] {
    padding: 0.65rem 0.6rem 0 0.75rem;
    font-family: var(--font-mono); font-size: 0.8rem;
    color: var(--accent-color); opacity: 0.7;
    flex-shrink: 0; user-select: none;
}
.cmd-inject-icon[b-zipfdephoz] {
    padding: 0 0.5rem 0 0.75rem;
    font-family: var(--font-mono); font-size: 0.85rem;
    color: var(--info-color); opacity: 0.6;
    flex-shrink: 0; user-select: none;
}

/* MudTextField overrides for the command textarea */
[b-zipfdephoz] .cmd-textarea {
    flex: 1; min-width: 0;
}
[b-zipfdephoz] .cmd-textarea .mud-input-control-input-container {
    margin: 0;
}
[b-zipfdephoz] .cmd-textarea .mud-input.mud-input-text {
    font-family: var(--font-primary);
    font-size: 0.82rem;
    color: var(--text-primary);
    padding: var(--space-xs) var(--space-sm) var(--space-xs) 0;
}
[b-zipfdephoz] .cmd-textarea .mud-input-underline::before,
[b-zipfdephoz] .cmd-textarea .mud-input-underline::after {
    display: none;
}
[b-zipfdephoz] .cmd-textarea textarea::placeholder {
    color: var(--text-secondary); opacity: 0.4;
    font-style: italic;
}
[b-zipfdephoz] .cmd-textarea .mud-input-slot {
    padding: 0;
}
[b-zipfdephoz] .cmd-textarea .mud-input-helper-text {
    display: none;
}

/* Actions row (file upload + submit) */
.cmd-actions-row[b-zipfdephoz] {
    display: flex; align-items: center; gap: var(--space-xs);
    padding: 0 var(--space-sm) var(--space-xs) var(--space-sm);
    border-top: 1px solid var(--border-color);
    background: var(--black-overlay-10);
}
.cmd-actions-spacer[b-zipfdephoz] { flex: 1; }
[b-zipfdephoz] .cmd-submit-btn {
    font-size: 0.72rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    min-width: 90px !important;
    height: 30px !important;
}

/* Pipeline attachment previews row */
.cmd-attachments-row[b-zipfdephoz] {
    padding: var(--space-xs) var(--space-sm) var(--space-sm) var(--space-sm);
    border-top: 1px solid var(--border-subtle);
    background: var(--black-overlay-06);
}

.cmd-input[b-zipfdephoz] {
    flex: 1; background: transparent; border: none; outline: none;
    color: var(--text-primary); font-family: var(--font-primary);
    font-size: 0.82rem; padding: 0.55rem 0.4rem;
    min-width: 0;
}
.cmd-input[b-zipfdephoz]::placeholder {
    color: var(--text-secondary); opacity: 0.4;
    font-style: italic;
}
.cmd-send[b-zipfdephoz] {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 100%; min-height: 38px;
    background: var(--accent-color); border: none;
    color: var(--text-primary); cursor: pointer;
    font-size: 1rem; flex-shrink: 0;
    transition: background var(--transition-fast), opacity var(--transition-fast);
}
.cmd-send:hover:not(.cmd-send-disabled)[b-zipfdephoz] { background: var(--accent-hover); }
.cmd-send-disabled[b-zipfdephoz] { opacity: 0.25; cursor: default; background: transparent; }
.cmd-send-icon[b-zipfdephoz] { line-height: 1; }
.cmd-inject-btn:not(.cmd-send-disabled)[b-zipfdephoz] { background: var(--info-color); }
.cmd-inject-btn:hover:not(.cmd-send-disabled)[b-zipfdephoz] { background: rgba(56, 189, 248, 0.85); }
.cmd-spinner[b-zipfdephoz] {
    width: 14px; height: 14px;
    border: 2px solid var(--white-overlay-20);
    border-top-color: var(--text-primary);
    border-radius: 50%;
    animation: cmd-spin-b-zipfdephoz 0.6s linear infinite;
}
@keyframes cmd-spin-b-zipfdephoz { to { transform: rotate(360deg); } }

/* Prepared request card */
.cmd-prep-card[b-zipfdephoz] {
    background: var(--glass-bg);
    border: 1px solid var(--accent-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--accent-color-8);
}
.cmd-prep-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.45rem 0.6rem;
    cursor: pointer;
    transition: background var(--transition-fast);
}
.cmd-prep-header:hover[b-zipfdephoz] { background: var(--bg-hover); }
.cmd-prep-type[b-zipfdephoz] {
    font-size: 0.6rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.12rem 0.45rem; border-radius: var(--radius-sm);
    background: var(--accent-color-12); color: var(--accent-color);
    flex-shrink: 0;
}
.cmd-prep-title[b-zipfdephoz] {
    font-size: 0.78rem; color: var(--text-primary); opacity: 0.85;
    flex: 1; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cmd-prep-toggle[b-zipfdephoz] {
    font-size: 0.7rem; color: var(--text-secondary); opacity: 0.5;
    flex-shrink: 0;
}
.cmd-prep-detail[b-zipfdephoz] {
    padding: 0.5rem 0.6rem 0.4rem;
    border-top: 1px solid var(--border-color);
}
.cmd-prep-section[b-zipfdephoz] {
    margin-bottom: 0.5rem;
}
.cmd-prep-section .cmd-prep-label[b-zipfdephoz] {
    display: block; margin-bottom: 0.25rem;
}
.cmd-prep-summary-full[b-zipfdephoz] {
    font-size: 0.78rem; color: var(--text-primary); opacity: 0.8;
    line-height: 1.5;
    white-space: pre-wrap;
}
.cmd-prep-meta[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: 0.3rem;
}
.cmd-prep-meta-row[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
}
.cmd-prep-label[b-zipfdephoz] {
    font-size: 0.6rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text-secondary); opacity: 0.6;
    min-width: 3rem;
}
.cmd-prep-branch[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.65rem;
    color: var(--accent-color); opacity: 0.7;
}
.cmd-prep-focus[b-zipfdephoz] {
    display: flex; flex-wrap: wrap; gap: 0.25rem;
}
.cmd-prep-area[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.6rem;
    padding: 0.08rem 0.35rem; border-radius: var(--radius-sm);
    background: var(--accent-color-8); color: var(--text-secondary);
}
.cmd-prep-attachments[b-zipfdephoz] {
    padding: var(--space-xs) 0.6rem;
    border-top: 1px solid var(--border-subtle);
    background: var(--black-overlay-04);
}
.cmd-prep-att-count[b-zipfdephoz] {
    display: inline-flex; align-items: center; gap: 2px;
    font-size: 0.65rem; color: var(--text-muted);
    margin-left: auto;
    padding-left: var(--space-sm);
}
.cmd-prep-actions[b-zipfdephoz] {
    display: flex; gap: 0.3rem; flex-shrink: 0;
    padding: 0.35rem 0.6rem;
    border-top: 1px solid var(--border-color);
    justify-content: flex-end; align-items: center;
}
.cmd-action[b-zipfdephoz] {
    font-size: 0.7rem; font-weight: 600; padding: 0.3rem 0.65rem;
    border-radius: var(--radius-sm); border: none; cursor: pointer;
    font-family: var(--font-primary);
    transition: background var(--transition-fast), opacity var(--transition-fast);
}
.cmd-action-submit[b-zipfdephoz] {
    background: var(--success-color); color: var(--text-primary);
}
.cmd-action-submit:hover[b-zipfdephoz] { opacity: 0.85; }
.cmd-action-edit[b-zipfdephoz] {
    background: transparent; color: var(--text-secondary);
    border: 1px solid var(--border-color);
}
.cmd-action-edit:hover[b-zipfdephoz] { background: var(--bg-hover); }

/* Inline badges */
.cmd-badges[b-zipfdephoz] {
    display: flex; gap: 0.4rem; align-items: center;
    padding: 0 0.2rem;
}
.cmd-badge[b-zipfdephoz] {
    display: inline-flex; align-items: center; gap: 0.3rem;
    font-size: 0.62rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 0.2rem 0.5rem; border-radius: var(--radius-sm);
    cursor: pointer; transition: background var(--transition-fast);
}
.cmd-badge-warn[b-zipfdephoz] {
    background: var(--warning-color-8); color: var(--warning-color);
    border: 1px solid var(--warning-color-15);
}
.cmd-badge-warn:hover[b-zipfdephoz] { background: var(--warning-color-15); }
.cmd-badge-pulse[b-zipfdephoz] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--warning-color);
    animation: pulse-b-zipfdephoz 2s infinite;
}
.cmd-badge-queue[b-zipfdephoz] {
    background: var(--accent-color-8); color: var(--accent-light);
    border: 1px solid var(--accent-color-12);
}

/* Approvals drawer */
.cmd-approvals[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: 0.3rem;
    padding: 0.5rem 0.6rem;
    background: var(--glass-bg);
    border: 1px solid var(--warning-color-12);
    border-radius: var(--radius-md);
    animation: noc-fade-in-b-zipfdephoz 0.2s ease-out;
}
.cmd-approval-item[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--white-overlay-03);
}
.cmd-approval-item:last-child[b-zipfdephoz] { border-bottom: none; }
.cmd-approval-desc[b-zipfdephoz] {
    flex: 1; font-size: 0.75rem; color: var(--text-primary); opacity: 0.7;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    min-width: 0;
}
.cmd-approval-actions[b-zipfdephoz] { display: flex; gap: 0.25rem; flex-shrink: 0; }
.cmd-action-approve[b-zipfdephoz] {
    background: var(--success-color); color: var(--text-primary);
    font-size: 0.62rem; padding: 0.2rem 0.5rem;
}
.cmd-action-deny[b-zipfdephoz] {
    background: transparent; color: var(--error-color);
    border: 1px solid var(--error-color-20);
    font-size: 0.62rem; padding: 0.2rem 0.5rem;
}
.cmd-action-deny:hover[b-zipfdephoz] { background: var(--error-color-8); }

/* Queue panel */
.cmd-queue[b-zipfdephoz] {
    background: var(--glass-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}
.cmd-queue-header[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--border-color);
    background: rgba(255, 152, 0, 0.02);
}
.cmd-queue-icon[b-zipfdephoz] { font-size: 0.65rem; opacity: 0.5; color: var(--warning-color); }
.cmd-queue-label[b-zipfdephoz] { font-size: 0.72rem; font-weight: 600; opacity: 0.7; }
.cmd-queue-count[b-zipfdephoz] {
    font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700;
    padding: 0.05rem 0.3rem; border-radius: var(--radius-full);
    background: var(--warning-color-12); color: var(--warning-color);
}
.cmd-queue-controls[b-zipfdephoz] { display: flex; gap: 0.3rem; margin-left: auto; }
.cmd-queue-btn[b-zipfdephoz] {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.15rem 0.45rem; border-radius: var(--radius-sm);
    border: 1px solid var(--white-overlay-06); background: transparent;
    cursor: pointer; font-size: 0.6rem; font-weight: 600;
    transition: all var(--transition-fast);
}
.cmd-queue-freeze[b-zipfdephoz] { color: var(--info-color); border-color: var(--info-color-20); }
.cmd-queue-freeze:hover[b-zipfdephoz] { background: var(--info-color-5); }
.cmd-queue-thaw[b-zipfdephoz] { color: var(--success-color); border-color: var(--success-color-20); }
.cmd-queue-thaw:hover[b-zipfdephoz] { background: var(--success-color-5); }
.cmd-queue-frozen[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.3rem 0.6rem; font-size: 0.65rem;
    background: rgba(33, 150, 243, 0.04); color: var(--info-color);
    border-bottom: 1px solid var(--border-color);
}
.cmd-queue-items[b-zipfdephoz] { padding: 0.2rem 0.5rem; }

/* Queue item */
.noc-q-item[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.3rem 0.15rem; font-size: 0.72rem;
    border-bottom: 1px solid var(--white-overlay-02);
    transition: background var(--transition-fast);
}
.noc-q-item:last-child[b-zipfdephoz] { border-bottom: none; }
.noc-q-item:hover[b-zipfdephoz] { background: var(--white-overlay-015); }
.noc-q-num[b-zipfdephoz] {
    width: 18px; height: 18px; border-radius: 50%;
    background: var(--warning-color-8); border: 1px solid var(--warning-color-20);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.55rem; font-weight: 700; flex-shrink: 0;
    color: var(--warning-color);
}
.noc-q-info[b-zipfdephoz] {
    flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.1rem;
}
.noc-q-title[b-zipfdephoz] {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    opacity: 0.7; font-weight: 600; line-height: 1.35;
}
.noc-q-meta[b-zipfdephoz] {
    font-size: 0.58rem; font-family: var(--font-mono); opacity: 0.3;
    display: flex; gap: 0.3rem; align-items: center;
}
.noc-q-priority[b-zipfdephoz] { color: var(--warning-color); opacity: 1; }
.noc-q-delete[b-zipfdephoz] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: var(--radius-sm);
    border: 1px solid var(--white-overlay-06); background: transparent;
    cursor: pointer; transition: all var(--transition-fast);
    color: var(--text-secondary); flex-shrink: 0; opacity: 0;
}
.noc-q-item:hover .noc-q-delete[b-zipfdephoz] { opacity: 1; }
.noc-q-delete:hover[b-zipfdephoz] { background: var(--error-color-8); border-color: var(--error-color-20); color: var(--error-color); }

/* ── Activity Feed (full-width) ── */
.noc-mid[b-zipfdephoz] {
    display: block;
    min-width: 0; /* Allow shrinking in flex parent */
    width: 100%;
}
.noc-feed[b-zipfdephoz] { min-height: 300px; }
.noc-feed-scroll[b-zipfdephoz] {
    font-family: var(--font-mono); font-size: 0.68rem;
    max-height: 340px; overflow-y: auto; overflow-x: hidden;
    min-width: 0; /* Prevent content from forcing width */
    scrollbar-width: thin;
    scrollbar-color: var(--white-overlay-08) transparent;
}
.noc-fi[b-zipfdephoz] {
    display: flex; gap: 0.3rem; padding: 0.18rem 0;
    border-bottom: 1px solid var(--white-overlay-015);
    align-items: center;
    min-width: 0; /* Allow flex items to shrink for proper text truncation */
    animation: noc-fade-in-b-zipfdephoz 0.3s ease-out;
}
@keyframes noc-fade-in-b-zipfdephoz {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.noc-fi-t[b-zipfdephoz] { opacity: 0.2; font-size: 0.58rem; min-width: 48px; }
.noc-fi-tag[b-zipfdephoz] {
    font-size: 0.48rem; font-weight: 700; padding: 0.05rem 0.25rem;
    border-radius: 2px; background: var(--white-overlay-05);
    text-transform: uppercase; min-width: 36px; text-align: center;
}
.noc-ft-tool[b-zipfdephoz] { background: var(--accent-color); color: var(--text-primary); }
.noc-ft-think[b-zipfdephoz] { background: var(--warning-color-12); color: var(--warning-color); }
.noc-fi-msg[b-zipfdephoz] {
    flex: 1; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; opacity: 0.65;
}
.noc-fi-hash[b-zipfdephoz] {
    font-size: 0.52rem; background: rgba(156, 39, 176, 0.1);
    padding: 0.04rem 0.2rem; border-radius: 2px; color: var(--channel-user-color);
}
/* Reuse event type classes */
.noc-fi.ev-ok .noc-fi-tag[b-zipfdephoz] { background: var(--success-color-10); color: var(--success-color); }
.noc-fi.ev-err .noc-fi-tag[b-zipfdephoz] { background: var(--error-color-10); color: var(--error-color); }
.noc-fi.ev-git .noc-fi-tag[b-zipfdephoz] { background: rgba(156, 39, 176, 0.1); color: var(--channel-user-color); }
.noc-fi.ev-tool .noc-fi-tag[b-zipfdephoz] { background: var(--accent-color-10); color: var(--accent-color); }
.noc-fi.ev-sys .noc-fi-tag[b-zipfdephoz] { background: var(--info-color-10); color: var(--info-color); }
.noc-fi.sev-error .noc-fi-msg[b-zipfdephoz] { color: var(--error-color); }
.noc-fi.sev-warning .noc-fi-msg[b-zipfdephoz] { color: var(--warning-color); }

.noc-feed-sep[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.3rem 0; font-size: 0.55rem; opacity: 0.25;
    text-transform: uppercase; letter-spacing: 0.5px;
}
.noc-feed-sep[b-zipfdephoz]::before, .noc-feed-sep[b-zipfdephoz]::after {
    content: ''; flex: 1; height: 1px; background: var(--border-color);
}

/* Live indicator dot */
.noc-live-dot[b-zipfdephoz] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--text-secondary); opacity: 0.3;
    flex-shrink: 0; transition: all var(--transition-fast);
}
.noc-live-dot.noc-live[b-zipfdephoz] {
    background: var(--success-color); opacity: 1;
    box-shadow: 0 0 6px var(--success-color-40);
    animation: pulse-b-zipfdephoz 1.5s infinite;
}

/* ── Bottom Grid: Graph + Memory + History ── */
.noc-bottom[b-zipfdephoz] {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem;
    width: 100%;
}
/* Ensure grid children can shrink below content size */
.noc-bottom > *[b-zipfdephoz] {
    min-width: 0;
}

/* Token graph — extra height accommodates axis labels & time ticks */
.noc-graph[b-zipfdephoz] { min-height: 150px; display: flex; flex-direction: column; }
.noc-canvas-spark[b-zipfdephoz] { width: 100%; flex: 1; min-height: 110px; display: block; border-radius: var(--radius-sm); }

/* Token activity empty state */
.noc-token-empty[b-zipfdephoz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    flex: 1;
    min-height: 110px;
    border: 1px dashed var(--white-overlay-08);
    border-radius: var(--radius-sm);
    background: var(--white-overlay-02);
}
.noc-token-empty-icon[b-zipfdephoz] {
    font-size: 1.5rem;
    color: var(--text-muted);
    opacity: 0.5;
}
.noc-token-empty-text[b-zipfdephoz] {
    font-size: var(--text-sm);
    color: var(--text-muted);
    font-weight: 500;
}
.noc-token-empty-sub[b-zipfdephoz] {
    font-size: 0.65rem;
    color: var(--text-muted);
    opacity: 0.6;
    text-align: center;
    padding: 0 var(--space-md);
}

/* Memory snapshot */
.noc-mem-tiers[b-zipfdephoz] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.3rem;
}
.noc-tier[b-zipfdephoz] {
    text-align: center; padding: 0.35rem 0.2rem;
    border-radius: var(--radius-sm); border: 1px solid var(--border-color);
    transition: border-color var(--transition-fast);
}
.noc-tier-hot[b-zipfdephoz] { border-color: var(--error-color-20); }
.noc-tier-hot:hover[b-zipfdephoz] { border-color: var(--error-color-40); }
.noc-tier-warm[b-zipfdephoz] { border-color: var(--warning-color-20); }
.noc-tier-warm:hover[b-zipfdephoz] { border-color: var(--warning-color-40); }
.noc-tier-cold[b-zipfdephoz] { border-color: var(--info-color-20); }
.noc-tier-cold:hover[b-zipfdephoz] { border-color: var(--info-color-40); }
.noc-tier-ct[b-zipfdephoz] {
    display: block; font-size: 1.1rem; font-weight: 700;
    font-family: var(--font-mono); line-height: 1.2;
}
.noc-tier-hot .noc-tier-ct[b-zipfdephoz] { color: var(--error-color); }
.noc-tier-warm .noc-tier-ct[b-zipfdephoz] { color: var(--warning-color); }
.noc-tier-cold .noc-tier-ct[b-zipfdephoz] { color: var(--info-color); }
.noc-tier-lbl[b-zipfdephoz] {
    font-size: 0.48rem; text-transform: uppercase; letter-spacing: 0.3px;
    opacity: 0.4;
}

/* Memory bar */
.noc-mem-bar[b-zipfdephoz] {
    display: flex; height: 4px; border-radius: 2px; overflow: hidden;
    background: var(--white-overlay-03); margin-top: 0.4rem;
}
.noc-bar-hot[b-zipfdephoz] { background: var(--error-color); transition: width var(--transition-normal); }
.noc-bar-warm[b-zipfdephoz] { background: var(--warning-color); transition: width var(--transition-normal); }
.noc-bar-cold[b-zipfdephoz] { background: var(--info-color); opacity: 0.5; transition: width var(--transition-normal); }

.noc-mem-meta[b-zipfdephoz] {
    display: flex; gap: 0.5rem; font-size: 0.58rem; opacity: 0.3;
    font-family: var(--font-mono); margin-top: 0.3rem; flex-wrap: wrap;
}

/* History summary */
.noc-rate[b-zipfdephoz] {
    font-size: 0.65rem; font-weight: 700; font-family: var(--font-mono);
    padding: 0.1rem 0.4rem; border-radius: var(--radius-sm);
    margin-left: auto;
}
.noc-rate-ok[b-zipfdephoz] { background: var(--success-color-10); color: var(--success-color); }
.noc-rate-mid[b-zipfdephoz] { background: var(--warning-color-10); color: var(--warning-color); }
.noc-rate-bad[b-zipfdephoz] { background: var(--error-color-10); color: var(--error-color); }

.noc-hist-list[b-zipfdephoz] {
    display: flex; flex-direction: column; gap: 1px;
}
.noc-hi[b-zipfdephoz] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.25rem 0.2rem; font-size: 0.72rem;
    border-radius: var(--radius-sm);
    min-width: 0; /* Allow flex items to shrink for proper text truncation */
    transition: background var(--transition-fast);
}
.noc-hi:hover[b-zipfdephoz] { background: var(--white-overlay-02); }
.noc-hi-ico[b-zipfdephoz] {
    width: 16px; text-align: center; font-size: 0.65rem;
    flex-shrink: 0;
}
.noc-hi-completed .noc-hi-ico[b-zipfdephoz] { color: var(--success-color); }
.noc-hi-failed .noc-hi-ico[b-zipfdephoz] { color: var(--error-color); }
.noc-hi-running .noc-hi-ico[b-zipfdephoz] { color: var(--accent-color); animation: pulse-b-zipfdephoz 1.5s infinite; }
.noc-hi-queued .noc-hi-ico[b-zipfdephoz] { color: var(--warning-color); opacity: 0.5; }
.noc-hi-name[b-zipfdephoz] {
    flex: 1; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; opacity: 0.7;
}
.noc-hi-dur[b-zipfdephoz] {
    font-size: 0.6rem; font-family: var(--font-mono);
    opacity: 0.3; flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    .noc-metrics[b-zipfdephoz] { grid-template-columns: repeat(3, 1fr); }
    .cmd-prep-card[b-zipfdephoz] { font-size: 0.9em; }
    .noc-bottom[b-zipfdephoz] { grid-template-columns: 1fr 1fr; }
    .noc-bottom .noc-graph[b-zipfdephoz] { grid-column: span 2; }
    .hist-stats[b-zipfdephoz] { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
    .topbar[b-zipfdephoz] { flex-wrap: wrap; } .modes[b-zipfdephoz] { order: 10; flex-basis: 100%; }
    .noc-metrics[b-zipfdephoz] { grid-template-columns: repeat(2, 1fr); }
    .noc-bottom[b-zipfdephoz] { grid-template-columns: 1fr; }
    .noc-bottom .noc-graph[b-zipfdephoz] { grid-column: span 1; }
    .cfg-grid-3[b-zipfdephoz] { grid-template-columns: 1fr; }
    .cfg-grid-2[b-zipfdephoz] { grid-template-columns: 1fr; }
    .cfg-metrics-grid[b-zipfdephoz] { grid-template-columns: repeat(3, 1fr); }
    .cfg-status-bar[b-zipfdephoz] { flex-wrap: wrap; }
    .pipe2-assess-row[b-zipfdephoz] { grid-template-columns: 1fr; }
    .pipe2-sel-item[b-zipfdephoz] { min-width: 150px; }
    .hist-stats[b-zipfdephoz] { grid-template-columns: repeat(2, 1fr); }
    .hist-filters[b-zipfdephoz] { flex-wrap: wrap; }
    .hc-header[b-zipfdephoz] { flex-wrap: nowrap; }
    .hc-title[b-zipfdephoz] { font-size: 0.72rem; }
    .cmd-actions-row[b-zipfdephoz] { flex-wrap: wrap; }
}

/* ═══════════════════════════════════════════════════════════════════════
   Health Gauge — Overseer tab
   ═══════════════════════════════════════════════════════════════════════ */
.health-gauge[b-zipfdephoz] {
    padding: 1.5rem;
    border-radius: var(--radius-md, 8px);
    background: var(--accent-color-5);
    border: 1px solid var(--accent-color-20);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.health-score-value[b-zipfdephoz] {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.health-score-suffix[b-zipfdephoz] {
    font-size: 1rem;
    opacity: 0.6;
    font-weight: 400;
    margin-left: 0.25rem;
}

.health-score-label[b-zipfdephoz] {
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.8;
}

.health-gauge-bar[b-zipfdephoz] {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: var(--accent-color-10);
    overflow: hidden;
    margin-top: 0.5rem;
}

.health-gauge-fill[b-zipfdephoz] {
    height: 100%;
    border-radius: inherit;
    transition: width 0.4s ease, background-color 0.4s ease;
    background: currentColor;
}

/* Color-code by HealthLevel */
.health-healthy[b-zipfdephoz]   { color: var(--success-color); }
.health-degraded[b-zipfdephoz]  { color: var(--warning-color); }
.health-unhealthy[b-zipfdephoz] { color: var(--error-color); }
.health-critical[b-zipfdephoz]  { color: var(--error-color); animation: health-pulse-b-zipfdephoz 1.5s ease-in-out infinite; }

@keyframes health-pulse-b-zipfdephoz {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/* _content/Ayva.Polymorph/Components/PolymorphReports.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Polymorph Execution Reports — List + Detail + Live Pipeline View
   Uses CSS variables from ayva-theme.css exclusively
   ═══════════════════════════════════════════════════════════════════ */

.reports[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-md);
    min-height: 400px;
}

/* ── Loading & Empty States ── */

.reports-loading[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    min-height: 300px;
}

.reports-loading-text[b-lr1zbxf4pp] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-family: var(--font-mono);
}

.reports-empty[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    min-height: 300px;
    padding: var(--space-xl);
}

.empty-title[b-lr1zbxf4pp] {
    color: var(--text-primary);
    font-size: var(--text-lg);
    font-weight: 600;
}

.empty-sub[b-lr1zbxf4pp] {
    color: var(--text-muted);
    font-size: var(--text-sm);
    text-align: center;
    max-width: 400px;
}

/* ═══════════════════════════════════════════════════════════════════
   LIVE PIPELINE BANNER — Shows in list view when pipeline is executing
   ═══════════════════════════════════════════════════════════════════ */

.live-banner[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    background: linear-gradient(135deg, var(--accent-color-12), rgba(139, 92, 246, 0.08));
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--accent-color-40);
    padding: var(--space-md);
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
    min-width: 0;
    overflow: hidden;
}

.live-banner:hover[b-lr1zbxf4pp] {
    border-color: var(--accent-color);
    box-shadow: 0 0 20px var(--accent-color-15);
    transform: translateY(-1px);
}

.live-banner-top[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
}

.live-banner-badge[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    font-weight: 700;
    color: var(--accent-light);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    flex-shrink: 0;
}

.live-banner-directive[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-banner-arrow[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--accent-color);
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.live-banner-bar[b-lr1zbxf4pp] {
    height: 4px;
    background: var(--bg-primary);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.live-banner-bar-fill[b-lr1zbxf4pp] {
    height: 100%;
    background: var(--accent-gradient);
    border-radius: var(--radius-full);
    transition: width var(--transition-smooth);
    min-width: 2px;
}

.live-banner-meta[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

/* ── Pulse Animation ── */

.pulse-dot[b-lr1zbxf4pp] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--accent-color);
    animation: pulseDot-b-lr1zbxf4pp 1.5s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes pulseDot-b-lr1zbxf4pp {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 var(--accent-color-40); }
    50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(99, 102, 241, 0); }
}

/* ═══════════════════════════════════════════════════════════════════
   LIST VIEW — Header, Summary, Cards, Pagination
   ═══════════════════════════════════════════════════════════════════ */

.list[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* ── List Header ── */

.list-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-title-row[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.list-title[b-lr1zbxf4pp] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.list-count[b-lr1zbxf4pp] {
    background: var(--accent-color-20);
    color: var(--accent-light);
    font-size: var(--text-xs);
    font-weight: 700;
    padding: var(--space-2xs) var(--space-sm);
    border-radius: var(--radius-full);
    font-family: var(--font-mono);
    min-width: 28px;
    text-align: center;
}

/* ── Summary Stats Row ── */

.summary-row[b-lr1zbxf4pp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}

.summary-card[b-lr1zbxf4pp] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    min-width: 0;
    overflow: hidden;
}

.summary-card:hover[b-lr1zbxf4pp] {
    border-color: var(--border-hover);
    box-shadow: var(--glass-card-shadow-hover);
}

[b-lr1zbxf4pp] .summary-icon {
    color: var(--accent-color);
    flex-shrink: 0;
}

.summary-body[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.summary-value[b-lr1zbxf4pp] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summary-label[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Report Cards ── */

.report-cards[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.report-card[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
    min-width: 0;
    overflow: hidden;
}

.report-card:hover[b-lr1zbxf4pp] {
    border-color: var(--accent-color-40);
    box-shadow: var(--glass-card-shadow-hover);
    transform: translateY(-1px);
}

.rc-top[b-lr1zbxf4pp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
    min-width: 0;
}

.rc-summary[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: 1.4;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rc-time[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    white-space: nowrap;
    flex-shrink: 0;
    font-family: var(--font-mono);
}

.rc-badges[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    min-width: 0;
}

.rc-duration[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    margin-left: auto;
}

.rc-chips[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    min-width: 0;
}

.rc-chip[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

/* ── Shared Badges ── */

.risk-badge[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 700;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    white-space: nowrap;
}

.r-1[b-lr1zbxf4pp] { background: var(--success-color-20); color: var(--success-text); }
.r-2[b-lr1zbxf4pp] { background: var(--info-color-light); color: var(--info-text); }
.r-3[b-lr1zbxf4pp] { background: var(--warning-color-light); color: var(--warning-text); }
.r-4[b-lr1zbxf4pp] { background: rgba(249, 115, 22, 0.15); color: #fb923c; }
.r-5[b-lr1zbxf4pp] { background: var(--error-color-light); color: var(--error-text); }

.status-badge[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 600;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.status-success[b-lr1zbxf4pp] { background: var(--success-color-20); color: var(--success-text); }
.status-failed[b-lr1zbxf4pp] { background: var(--error-color-light); color: var(--error-text); }
.status-partial[b-lr1zbxf4pp] { background: var(--warning-color-light); color: var(--warning-text); }
.status-approved[b-lr1zbxf4pp] { background: var(--accent-color-15); color: var(--accent-light); }
.status-rejected[b-lr1zbxf4pp] { background: var(--warning-color-light); color: var(--warning-text); }
.status-executing[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    background: var(--accent-color-15);
    color: var(--accent-light);
}

/* ── Correlation ID Chip ── */

.correlation-chip[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
    background: var(--bg-primary);
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-subtle);
}

/* ── Pagination ── */

.pagination[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    padding: var(--space-md) 0;
}

.page-btn[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    background: transparent;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-family: var(--font-mono);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.page-btn:hover:not(:disabled)[b-lr1zbxf4pp] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent-color-40);
}

.page-btn:disabled[b-lr1zbxf4pp] {
    opacity: 0.3;
    cursor: not-allowed;
}

.page-active[b-lr1zbxf4pp] {
    background: var(--accent-color-20);
    color: var(--accent-light);
    border-color: var(--accent-color-40);
}

/* ═══════════════════════════════════════════════════════════════════
   DETAIL VIEW — Full report drill-down
   ═══════════════════════════════════════════════════════════════════ */

.detail[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* ── Detail Header ── */

.detail-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
}

.detail-back[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    background: transparent;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
}

.detail-back:hover[b-lr1zbxf4pp] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent-color-40);
}

.detail-title-block[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
}

.detail-title[b-lr1zbxf4pp] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
    word-break: break-word;
}

.detail-meta-chips[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

/* ═══════════════════════════════════════════════════════════════════
   FAILURE BANNER — Prominent error display for failed pipelines
   ═══════════════════════════════════════════════════════════════════ */

.failure-banner[b-lr1zbxf4pp] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--error-color-light);
    border: 1px solid var(--error-border);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--error-color);
}

[b-lr1zbxf4pp] .failure-banner > .mud-icon-root {
    color: var(--error-color);
    flex-shrink: 0;
    margin-top: 2px;
}

.failure-banner-content[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    min-width: 0;
}

.failure-banner-title[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--error-text);
}

.failure-banner-detail[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.5;
    word-break: break-word;
}

/* ── Hero Metrics Strip ── */

.hero-metrics[b-lr1zbxf4pp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}

.hero-card[b-lr1zbxf4pp] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md) var(--space-lg);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
    overflow: hidden;
}

[b-lr1zbxf4pp] .hero-icon {
    color: var(--accent-color);
    flex-shrink: 0;
}

.hero-body[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hero-value[b-lr1zbxf4pp] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hero-value small[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-muted);
    font-weight: 400;
}

.hero-label[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Charts ── */

.chart-row[b-lr1zbxf4pp] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--space-md);
}

.chart-card[b-lr1zbxf4pp] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    min-width: 0;
    overflow: hidden;
}

.chart-header[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    margin-bottom: var(--space-sm);
}

.chart-title[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
}

.chart-subtitle[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.chart-empty[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

/* ═══════════════════════════════════════════════════════════════════
   SECTION CARDS — Collapsible glassmorphism containers
   ═══════════════════════════════════════════════════════════════════ */

.section-card[b-lr1zbxf4pp] {
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    padding: var(--space-md);
    min-width: 0;
    overflow: hidden;
}

.section-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

/* Clickable collapsible section header */
.section-header-toggle[b-lr1zbxf4pp] {
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
    padding: var(--space-2xs);
    margin: calc(-1 * var(--space-2xs));
    margin-bottom: var(--space-md);
}

.section-header-toggle:hover[b-lr1zbxf4pp] {
    background: var(--bg-hover);
}

.section-toggle-hint[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--text-muted);
    margin-left: auto;
}

.toggle-icon[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    flex-shrink: 0;
    width: 16px;
    text-align: center;
}

.section-empty[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-muted);
    font-size: var(--text-sm);
    padding: var(--space-md);
    text-align: center;
    justify-content: center;
}

.section-count[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-muted);
    font-family: var(--font-mono);
    background: var(--accent-color-10);
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-full);
}

/* ═══════════════════════════════════════════════════════════════════
   FILES CHANGED — Directory-grouped tree layout
   ═══════════════════════════════════════════════════════════════════ */

.files-tree[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.file-dir-group[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
}

.file-dir-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--border-subtle);
}

[b-lr1zbxf4pp] .file-dir-icon {
    color: var(--accent-color);
    flex-shrink: 0;
    font-size: 16px;
}

.file-dir-name[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-weight: 600;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-dir-count[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    background: var(--bg-primary);
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.files-list[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--border-subtle);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.file-row[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    padding-left: var(--space-xl);
    background: var(--bg-primary);
    transition: background var(--transition-fast);
    min-width: 0;
}

.file-row:hover[b-lr1zbxf4pp] {
    background: var(--bg-hover);
}

.file-icon[b-lr1zbxf4pp] {
    width: 22px;
    height: 22px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: 700;
    font-family: var(--font-mono);
    flex-shrink: 0;
}

.file-icon-created[b-lr1zbxf4pp] {
    background: var(--success-color-20);
    color: var(--success-text);
}

.file-icon-modified[b-lr1zbxf4pp] {
    background: var(--warning-color-light);
    color: var(--warning-text);
}

.file-icon-deleted[b-lr1zbxf4pp] {
    background: var(--error-color-light);
    color: var(--error-text);
}

.file-path[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    word-break: break-all;
    flex: 1;
    min-width: 0;
}

.file-diff[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-shrink: 0;
}

.change-badge[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 600;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    white-space: nowrap;
    flex-shrink: 0;
}

.change-modified[b-lr1zbxf4pp] { background: var(--warning-color-light); color: var(--warning-text); }
.change-created[b-lr1zbxf4pp] { background: var(--success-color-20); color: var(--success-text); }
.change-deleted[b-lr1zbxf4pp] { background: var(--error-color-light); color: var(--error-text); }

.lines-added[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--success-text);
    white-space: nowrap;
}

.lines-removed[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--error-text);
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════════════
   TOOL USAGE — Table layout with distribution bars
   ═══════════════════════════════════════════════════════════════════ */

.tool-table[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
}

.tool-table-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 2px solid var(--border-color);
    margin-bottom: var(--space-xs);
}

.tool-table-row[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--border-subtle);
    transition: background var(--transition-fast);
}

.tool-table-row:last-child[b-lr1zbxf4pp] {
    border-bottom: none;
}

.tool-table-row:hover[b-lr1zbxf4pp] {
    background: var(--bg-hover);
}

.tool-table-col[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
}

.tool-col-name[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    color: var(--text-primary);
    width: 120px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-table-header .tool-col-name[b-lr1zbxf4pp] {
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tool-col-count[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
    width: 50px;
    flex-shrink: 0;
    text-align: right;
}

.tool-table-header .tool-col-count[b-lr1zbxf4pp] {
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tool-col-bar[b-lr1zbxf4pp] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    min-width: 0;
}

.tool-table-header .tool-col-bar[b-lr1zbxf4pp] {
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tool-bar-track[b-lr1zbxf4pp] {
    flex: 1;
    height: 8px;
    background: var(--bg-primary);
    border-radius: var(--radius-full);
    overflow: hidden;
    min-width: 0;
}

.tool-bar-fill[b-lr1zbxf4pp] {
    height: 100%;
    background: var(--accent-color);
    border-radius: var(--radius-full);
    transition: width var(--transition-smooth);
    min-width: 2px;
}

.tool-pct[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
    width: 32px;
    flex-shrink: 0;
    text-align: right;
}

/* ── Legacy tool grid (kept for step-level display) ── */

.tool-grid[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.tool-row[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.tool-name[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-primary);
    width: 100px;
    flex-shrink: 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-count[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    width: 40px;
    flex-shrink: 0;
    text-align: right;
}

/* ═══════════════════════════════════════════════════════════════════
   STEP TIMELINE
   ═══════════════════════════════════════════════════════════════════ */

.step-timeline[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.step-row[b-lr1zbxf4pp] {
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-subtle);
    overflow: hidden;
    transition: border-color var(--transition-fast);
}

.step-row:hover[b-lr1zbxf4pp] {
    border-color: var(--border-color);
}

.step-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    width: 100%;
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-align: left;
    transition: background var(--transition-fast);
    min-width: 0;
}

.step-header:hover[b-lr1zbxf4pp] {
    background: var(--bg-hover);
}

.step-indicator[b-lr1zbxf4pp] {
    width: 22px;
    height: 22px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-weight: 700;
    flex-shrink: 0;
}

.step-ind-ok[b-lr1zbxf4pp] {
    background: var(--success-color-20);
    color: var(--success-text);
}

.step-ind-fail[b-lr1zbxf4pp] {
    background: var(--error-color-light);
    color: var(--error-text);
}

.step-type-chip[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 600;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    background: var(--accent-color-15);
    color: var(--accent-light);
    white-space: nowrap;
    flex-shrink: 0;
}

.step-name[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.step-dur[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    white-space: nowrap;
    flex-shrink: 0;
}

.step-tools[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    white-space: nowrap;
    flex-shrink: 0;
}

.step-expand[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    flex-shrink: 0;
    width: 16px;
    text-align: center;
}

.step-body[b-lr1zbxf4pp] {
    padding: 0 var(--space-md) var(--space-md) var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    border-top: 1px solid var(--border-subtle);
}

.step-output-wrap[b-lr1zbxf4pp],
.step-error-wrap[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.step-output-label[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: var(--space-sm);
}

.step-error-label[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--error-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: var(--space-sm);
}

.step-output[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    max-height: 300px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    border: 1px solid var(--border-subtle);
}

.step-error[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--error-text);
    background: var(--error-color-light);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    max-height: 200px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    border: 1px solid var(--error-border);
}

.step-no-output[b-lr1zbxf4pp] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    padding: var(--space-sm) 0;
    font-style: italic;
}

/* ── Step Evaluation Display ── */

.step-eval-row[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) 0;
}

.step-eval-badge[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    font-weight: 700;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
}

.eval-continue[b-lr1zbxf4pp] {
    background: var(--success-color-20);
    color: var(--success-text);
}

.eval-remediate[b-lr1zbxf4pp] {
    background: var(--warning-color-light);
    color: var(--warning-text);
}

.eval-halt[b-lr1zbxf4pp] {
    background: var(--error-color-light);
    color: var(--error-text);
}

.step-eval-rationale[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Step Body Sub-sections ── */

.step-report-section[b-lr1zbxf4pp],
.step-files-section[b-lr1zbxf4pp],
.step-tools-section[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.step-section-label[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: var(--space-sm);
}

.step-files-list[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--border-subtle);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.step-file-item[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-2xs) var(--space-sm);
    background: var(--bg-primary);
    min-width: 0;
}

.step-file-path[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    word-break: break-all;
    flex: 1;
    min-width: 0;
}

.step-file-diff[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-shrink: 0;
}

.step-files-count[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    white-space: nowrap;
    flex-shrink: 0;
}

.step-tools-grid[b-lr1zbxf4pp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.step-tool-chip[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: var(--bg-primary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-2xs) var(--space-xs);
}

.step-tool-chip strong[b-lr1zbxf4pp] {
    color: var(--accent-light);
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════
   ASSESSMENT PANEL
   ═══════════════════════════════════════════════════════════════════ */

.assess-row[b-lr1zbxf4pp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
}

.assess-card[b-lr1zbxf4pp] {
    background: var(--bg-primary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-subtle);
    padding: var(--space-md);
    min-width: 0;
    overflow: hidden;
}

.assess-inner-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.assess-body[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Detail Footer ── */

.detail-footer[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-md);
    background: var(--glass-card-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    flex-wrap: wrap;
    min-width: 0;
}

.footer-info[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    min-width: 0;
}

.footer-label[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.footer-id[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--accent-light);
    background: var(--accent-color-10);
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 280px;
}

.footer-value[b-lr1zbxf4pp] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    white-space: nowrap;
}

.footer-back[b-lr1zbxf4pp] {
    margin-left: auto;
}

/* ═══════════════════════════════════════════════════════════════════
   LIVE PIPELINE VIEW — Real-time execution tracking
   ═══════════════════════════════════════════════════════════════════ */

/* ── Progress Bar ── */

.live-progress[b-lr1zbxf4pp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.live-progress-header[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.live-progress-label[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.live-progress-pct[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--accent-light);
    font-family: var(--font-mono);
}

.live-progress-track[b-lr1zbxf4pp] {
    height: 6px;
    background: var(--bg-primary);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.live-progress-fill[b-lr1zbxf4pp] {
    height: 100%;
    background: var(--accent-gradient);
    border-radius: var(--radius-full);
    transition: width var(--transition-smooth);
    min-width: 2px;
}

/* ── Step Status Chips ── */

.live-steps-strip[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.live-step-chip[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-subtle);
    font-size: var(--text-xs);
    transition: all var(--transition-fast);
}

.live-step-num[b-lr1zbxf4pp] {
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: var(--text-xs);
}

.live-step-name[b-lr1zbxf4pp] {
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}

.ls-completed[b-lr1zbxf4pp] {
    background: var(--success-color-20);
    border-color: var(--success-border);
}

.ls-completed .live-step-num[b-lr1zbxf4pp] {
    color: var(--success-text);
}

.ls-failed[b-lr1zbxf4pp] {
    background: var(--error-color-light);
    border-color: var(--error-border);
}

.ls-failed .live-step-num[b-lr1zbxf4pp] {
    color: var(--error-text);
}

.ls-running[b-lr1zbxf4pp] {
    background: var(--accent-color-15);
    border-color: var(--accent-color-40);
    animation: runningGlow-b-lr1zbxf4pp 1.5s ease-in-out infinite alternate;
}

.ls-running .live-step-num[b-lr1zbxf4pp] {
    color: var(--accent-light);
}

@keyframes runningGlow-b-lr1zbxf4pp {
    from { box-shadow: 0 0 0 0 var(--accent-color-10); }
    to { box-shadow: 0 0 8px 2px var(--accent-color-20); }
}

.ls-skipped[b-lr1zbxf4pp] {
    opacity: 0.5;
}

.ls-skipped .live-step-num[b-lr1zbxf4pp] {
    color: var(--text-muted);
}

.ls-pending[b-lr1zbxf4pp] {
    opacity: 0.4;
}

.ls-pending .live-step-num[b-lr1zbxf4pp] {
    color: var(--text-muted);
}

/* ── Live Markdown ── */

.live-md-card[b-lr1zbxf4pp] {
    border-color: var(--accent-color-40);
}

.live-md-content[b-lr1zbxf4pp] {
    max-height: 600px;
    overflow-y: auto;
    padding-right: var(--space-xs);
}

.live-md-waiting[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-xl);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.live-indicator[b-lr1zbxf4pp] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-left: auto;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--accent-light);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ═══════════════════════════════════════════════════════════════════
   MARKDOWN RENDERED CONTENT — Styles for Markdig HTML output
   All values use CSS variables from ayva-theme.css
   ═══════════════════════════════════════════════════════════════════ */

.md-rendered[b-lr1zbxf4pp] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.7;
    overflow-wrap: break-word;
    word-break: break-word;
}

.md-rendered-step[b-lr1zbxf4pp] {
    max-height: 600px;
    overflow-y: auto;
    padding-right: var(--space-xs);
}

/* Headings */
[b-lr1zbxf4pp] .md-rendered h1 {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin: var(--space-lg) 0 var(--space-sm) 0;
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--border-subtle);
    font-family: var(--font-primary);
}

[b-lr1zbxf4pp] .md-rendered h2 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: var(--space-lg) 0 var(--space-sm) 0;
    padding-bottom: var(--space-2xs);
    border-bottom: 1px solid var(--border-subtle);
    font-family: var(--font-primary);
}

[b-lr1zbxf4pp] .md-rendered h3 {
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: var(--space-md) 0 var(--space-xs) 0;
    font-family: var(--font-primary);
}

[b-lr1zbxf4pp] .md-rendered h4,
[b-lr1zbxf4pp] .md-rendered h5,
[b-lr1zbxf4pp] .md-rendered h6 {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: var(--space-sm) 0 var(--space-xs) 0;
    font-family: var(--font-primary);
}

/* First heading should not have top margin */
[b-lr1zbxf4pp] .md-rendered > h1:first-child,
[b-lr1zbxf4pp] .md-rendered > h2:first-child,
[b-lr1zbxf4pp] .md-rendered > h3:first-child {
    margin-top: 0;
}

/* Paragraphs */
[b-lr1zbxf4pp] .md-rendered p {
    margin: 0 0 var(--space-sm) 0;
    color: var(--text-secondary);
}

/* Strong / emphasis */
[b-lr1zbxf4pp] .md-rendered strong {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

[b-lr1zbxf4pp] .md-rendered em {
    font-style: italic;
    color: var(--text-secondary);
}

/* Links */
[b-lr1zbxf4pp] .md-rendered a {
    color: var(--accent-color);
    text-decoration: none;
    transition: color var(--transition-fast);
}

[b-lr1zbxf4pp] .md-rendered a:hover {
    color: var(--accent-hover);
    text-decoration: underline;
}

/* Lists */
[b-lr1zbxf4pp] .md-rendered ul,
[b-lr1zbxf4pp] .md-rendered ol {
    margin: 0 0 var(--space-sm) 0;
    padding-left: var(--space-2xl);
    color: var(--text-secondary);
}

[b-lr1zbxf4pp] .md-rendered li {
    margin-bottom: var(--space-2xs);
    line-height: 1.6;
}

[b-lr1zbxf4pp] .md-rendered li > p {
    margin-bottom: var(--space-2xs);
}

/* Inline code */
[b-lr1zbxf4pp] .md-rendered code {
    font-family: var(--font-mono);
    font-size: 0.88em;
    background: var(--bg-primary);
    color: var(--accent-light);
    padding: 0.15em 0.4em;
    border-radius: var(--radius-xs);
    border: 1px solid var(--border-subtle);
}

/* Code blocks */
[b-lr1zbxf4pp] .md-rendered pre {
    background: var(--bg-primary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-md);
    margin: 0 0 var(--space-sm) 0;
    overflow-x: auto;
    line-height: 1.5;
}

[b-lr1zbxf4pp] .md-rendered pre code {
    background: transparent;
    border: none;
    padding: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* Blockquotes */
[b-lr1zbxf4pp] .md-rendered blockquote {
    border-left: 3px solid var(--accent-color);
    margin: 0 0 var(--space-sm) 0;
    padding: var(--space-xs) var(--space-md);
    background: var(--accent-color-5);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--text-secondary);
}

[b-lr1zbxf4pp] .md-rendered blockquote p {
    margin-bottom: var(--space-2xs);
}

[b-lr1zbxf4pp] .md-rendered blockquote p:last-child {
    margin-bottom: 0;
}

/* Tables */
[b-lr1zbxf4pp] .md-rendered table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 var(--space-sm) 0;
    font-size: var(--text-xs);
    overflow-x: auto;
    display: table;
}

[b-lr1zbxf4pp] .md-rendered thead {
    display: table-header-group;
}

[b-lr1zbxf4pp] .md-rendered tbody {
    display: table-row-group;
}

[b-lr1zbxf4pp] .md-rendered tr {
    display: table-row;
}

[b-lr1zbxf4pp] .md-rendered th {
    text-align: left;
    padding: var(--space-xs) var(--space-sm);
    color: var(--text-muted);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--text-xs);
    border-bottom: 2px solid var(--border-color);
    white-space: nowrap;
}

[b-lr1zbxf4pp] .md-rendered td {
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    vertical-align: top;
}

[b-lr1zbxf4pp] .md-rendered tr:last-child td {
    border-bottom: none;
}

/* Horizontal rule */
[b-lr1zbxf4pp] .md-rendered hr {
    border: none;
    border-top: 1px solid var(--border-subtle);
    margin: var(--space-md) 0;
}

/* Task lists */
[b-lr1zbxf4pp] .md-rendered .task-list-item {
    list-style: none;
    margin-left: calc(-1 * var(--space-2xl));
    padding-left: var(--space-xs);
}

[b-lr1zbxf4pp] .md-rendered .task-list-item input[type="checkbox"] {
    margin-right: var(--space-xs);
    accent-color: var(--accent-color);
}

/* Images */
[b-lr1zbxf4pp] .md-rendered img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE — Stack layouts at smaller viewports
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .summary-row[b-lr1zbxf4pp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-metrics[b-lr1zbxf4pp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .chart-row[b-lr1zbxf4pp] {
        grid-template-columns: 1fr;
    }

    .assess-row[b-lr1zbxf4pp] {
        grid-template-columns: 1fr;
    }

    .detail-footer[b-lr1zbxf4pp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-back[b-lr1zbxf4pp] {
        margin-left: 0;
        width: 100%;
    }

    .live-steps-strip[b-lr1zbxf4pp] {
        gap: var(--space-2xs);
    }

    .live-step-name[b-lr1zbxf4pp] {
        max-width: 60px;
    }

    .tool-col-name[b-lr1zbxf4pp] {
        width: 80px;
    }
}

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

    .hero-metrics[b-lr1zbxf4pp] {
        grid-template-columns: 1fr;
    }

    .detail-header[b-lr1zbxf4pp] {
        flex-direction: column;
    }

    .step-header[b-lr1zbxf4pp] {
        flex-wrap: wrap;
    }

    .step-name[b-lr1zbxf4pp] {
        width: 100%;
        order: 10;
    }

    .rc-badges[b-lr1zbxf4pp] {
        flex-wrap: wrap;
    }

    .rc-duration[b-lr1zbxf4pp] {
        margin-left: 0;
    }

    .live-banner-top[b-lr1zbxf4pp] {
        flex-wrap: wrap;
    }

    .live-banner-arrow[b-lr1zbxf4pp] {
        margin-left: auto;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════════════════════════════════ */

@keyframes cardReveal-b-lr1zbxf4pp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.report-card[b-lr1zbxf4pp] {
    animation: cardReveal-b-lr1zbxf4pp var(--transition-smooth) both;
}

.report-card:nth-child(1)[b-lr1zbxf4pp] { animation-delay: 0ms; }
.report-card:nth-child(2)[b-lr1zbxf4pp] { animation-delay: 30ms; }
.report-card:nth-child(3)[b-lr1zbxf4pp] { animation-delay: 60ms; }
.report-card:nth-child(4)[b-lr1zbxf4pp] { animation-delay: 90ms; }
.report-card:nth-child(5)[b-lr1zbxf4pp] { animation-delay: 120ms; }
.report-card:nth-child(6)[b-lr1zbxf4pp] { animation-delay: 150ms; }
.report-card:nth-child(7)[b-lr1zbxf4pp] { animation-delay: 180ms; }
.report-card:nth-child(8)[b-lr1zbxf4pp] { animation-delay: 210ms; }
.report-card:nth-child(9)[b-lr1zbxf4pp] { animation-delay: 240ms; }
.report-card:nth-child(10)[b-lr1zbxf4pp] { animation-delay: 270ms; }
/* _content/Ayva.Polymorph/Components/ProviderCostChart.razor.rz.scp.css */
.pcc-totals[b-72sexh6a19] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--border-color);
}

.pcc-total[b-72sexh6a19] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 120px;
}

.pcc-total-label[b-72sexh6a19] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pcc-total-val[b-72sexh6a19] {
    font-family: var(--font-mono);
    font-size: var(--text-xl);
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

.pcc-chart[b-72sexh6a19] {
    padding-top: var(--space-sm);
}

.pcc-wrap .abp-empty[b-72sexh6a19] {
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-2xl) var(--space-md);
}

@media (max-width: 640px) {
    .pcc-total-val[b-72sexh6a19] {
        font-size: var(--text-lg);
    }
}
/* _content/Ayva.Polymorph/Components/Providers/EngineConfigDashboard.razor.rz.scp.css */
.ecd[b-dys8dmoprp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

/* ══ HERO ══ */
.ecd-hero[b-dys8dmoprp] {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--glass-card-shadow);
    border: 1px solid var(--accent-color-15);
}

.hero-bg[b-dys8dmoprp] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, var(--accent-color-30) 0%, transparent 40%),
        radial-gradient(circle at 80% 50%, rgba(139,92,246,0.25) 0%, transparent 45%),
        radial-gradient(circle at 50% 100%, var(--success-color-18) 0%, transparent 50%),
        var(--glass-elevated);
    backdrop-filter: var(--glass-blur-strong);
    -webkit-backdrop-filter: var(--glass-blur-strong);
    z-index: 0;
    animation: heroPulse-b-dys8dmoprp 14s ease-in-out infinite;
}

@keyframes heroPulse-b-dys8dmoprp {
    0%, 100% { filter: hue-rotate(0deg) brightness(1); }
    50% { filter: hue-rotate(20deg) brightness(1.08); }
}

.hero-inner[b-dys8dmoprp] {
    position: relative;
    z-index: 1;
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.hero-text h1[b-dys8dmoprp] {
    margin: 0;
    font-size: var(--text-3xl, 2rem);
    font-weight: 700;
    background: linear-gradient(120deg, #fff 0%, var(--accent-light) 50%, #fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    gap: var(--space-md);
    letter-spacing: -0.01em;
}

.hero-glyph[b-dys8dmoprp] {
    -webkit-text-fill-color: initial;
    color: var(--accent-color);
    text-shadow:
        0 0 24px var(--accent-color),
        0 0 48px var(--accent-color-30);
    animation: glyphSpin-b-dys8dmoprp 18s linear infinite;
    display: inline-block;
}

@keyframes glyphSpin-b-dys8dmoprp {
    to { transform: rotate(360deg); }
}

.hero-text p[b-dys8dmoprp] {
    margin: var(--space-sm) 0 0 0;
    color: var(--text-muted);
    max-width: 760px;
    line-height: 1.6;
    font-size: var(--text-base);
}

.hero-text code[b-dys8dmoprp] {
    background: var(--black-overlay-25);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 0.85em;
    color: var(--accent-light);
    border: 1px solid var(--accent-color-15);
}

.hero-nav[b-dys8dmoprp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.nav-pill[b-dys8dmoprp] {
    padding: 6px var(--space-md);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-full, 999px);
    color: var(--text-primary);
    font-size: var(--text-sm);
    text-decoration: none;
    transition: var(--transition-fast);
    backdrop-filter: blur(8px);
}

.nav-pill:hover[b-dys8dmoprp] {
    background: var(--accent-color-15);
    border-color: var(--accent-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px var(--accent-color-30);
}

/* ══ SECTIONS ══ */
.ecd-section[b-dys8dmoprp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    scroll-margin-top: var(--space-xl);
}

.section-header[b-dys8dmoprp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-md);
    flex-wrap: wrap;
    padding: var(--space-md) var(--space-lg);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-left: 3px solid var(--accent-color);
    border-radius: var(--radius-lg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    animation: sectionFadeIn-b-dys8dmoprp 0.4s ease both;
}

@keyframes sectionFadeIn-b-dys8dmoprp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.section-header h2[b-dys8dmoprp] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--text-primary);
}

.section-header p[b-dys8dmoprp] {
    margin: var(--space-xs) 0 0 0;
    font-size: var(--text-sm);
    color: var(--text-muted);
    line-height: 1.4;
    max-width: 640px;
}

.section-header a[b-dys8dmoprp] { color: var(--accent-light); }

.section-meta[b-dys8dmoprp] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-meta code[b-dys8dmoprp] {
    color: var(--accent-light);
    background: var(--accent-color-10);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    text-transform: none;
    letter-spacing: 0;
}

/* ══ ROUTING GRID ══ */
.routing-grid[b-dys8dmoprp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: var(--space-lg);
}

/* ══ PROVIDER QUICK GRID ══ */
.provider-quick-grid[b-dys8dmoprp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-md);
}

.provider-quick[b-dys8dmoprp] {
    background: var(--glass-elevated);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-lg);
    padding: var(--space-md);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    transition: var(--transition-normal);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.provider-quick:hover[b-dys8dmoprp] {
    transform: translateY(-3px);
    box-shadow: var(--glass-card-shadow-hover);
    border-color: var(--accent-color-30);
}

.provider-quick.ok[b-dys8dmoprp] { border-left: 3px solid var(--success); }
.provider-quick.warn[b-dys8dmoprp] { border-left: 3px solid var(--warning); }
.provider-quick.off[b-dys8dmoprp] { opacity: 0.55; filter: grayscale(0.7); }

.pq-header[b-dys8dmoprp] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-sm);
}

.pq-name[b-dys8dmoprp] { font-weight: 600; color: var(--text-primary); }

.pq-id[b-dys8dmoprp] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.pq-stats[b-dys8dmoprp] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px var(--space-sm);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.pq-stat.auth-ok[b-dys8dmoprp] { color: var(--success); }
.pq-stat.auth-warn[b-dys8dmoprp] { color: var(--warning); }

.ping-btn[b-dys8dmoprp] {
    margin-top: auto;
    padding: 6px var(--space-md);
    background: var(--accent-color-10);
    border: 1px solid var(--accent-color-30);
    color: var(--accent-light);
    border-radius: var(--radius-md);
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    transition: var(--transition-fast);
    font-family: var(--font-primary);
}

.ping-btn:hover:not(:disabled)[b-dys8dmoprp] {
    background: var(--accent-gradient);
    color: #fff;
    border-color: var(--accent-color);
    box-shadow: 0 0 18px var(--accent-color-30);
    transform: translateY(-1px);
}

.ping-btn:disabled[b-dys8dmoprp] { opacity: 0.4; cursor: not-allowed; }

/* ══ LOADING ══ */
.ecd-loading[b-dys8dmoprp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-muted);
}

.spinner[b-dys8dmoprp] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--accent-color-20);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-dys8dmoprp 0.8s linear infinite;
}

@keyframes spin-b-dys8dmoprp { to { transform: rotate(360deg); } }
/* _content/Ayva.Polymorph/Components/Providers/ProviderCard.razor.rz.scp.css */
.provider-card[b-myokvercmh] {
    display: flex;
    flex-direction: column;
    background: var(--glass-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-2xl);
    box-shadow: var(--glass-card-shadow);
    overflow: hidden;
    transition: var(--transition-normal);
}

.provider-card:hover[b-myokvercmh] {
    box-shadow: var(--glass-card-shadow-hover);
    transform: translateY(-2px);
    border-color: var(--accent-color-30);
}

.provider-card.is-default[b-myokvercmh] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 1px var(--accent-color), var(--glass-card-shadow-hover);
}

.provider-card.is-not-authenticated[b-myokvercmh] {
    opacity: 0.85;
}

.provider-card.is-disabled[b-myokvercmh] {
    opacity: 0.5;
    filter: grayscale(0.5);
}

.card-header[b-myokvercmh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--accent-color-10);
    background: linear-gradient(180deg, var(--accent-color-5) 0%, transparent 100%);
}

.provider-identity[b-myokvercmh] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    min-width: 0;
}

.provider-glyph[b-myokvercmh] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    background: var(--accent-gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-white);
    text-shadow: 0 1px 2px var(--black-overlay-40);
    box-shadow: 0 4px 16px var(--accent-color-30);
    flex-shrink: 0;
}

.provider-glyph.glyph-anthropic[b-myokvercmh] { background: linear-gradient(135deg, #b45309, #d97706); }
.provider-glyph.glyph-openai[b-myokvercmh] { background: linear-gradient(135deg, #10a37f, #1a7f64); }
.provider-glyph.glyph-google-gemini[b-myokvercmh] { background: linear-gradient(135deg, #4285f4, #1a73e8); }
.provider-glyph.glyph-github-copilot[b-myokvercmh] { background: linear-gradient(135deg, #24292e, #0d1117); }
.provider-glyph.glyph-ollama[b-myokvercmh] { background: linear-gradient(135deg, #8b5cf6, #6d28d9); }

.provider-text[b-myokvercmh] { min-width: 0; }

.provider-name[b-myokvercmh] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.provider-id[b-myokvercmh] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--text-xs);
    color: var(--text-muted);
    background: var(--glass-subtle);
    padding: 2px var(--space-xs);
    border-radius: var(--radius-sm);
    border: 1px solid var(--accent-color-10);
}

.provider-status[b-myokvercmh] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.badge[b-myokvercmh] {
    padding: 2px var(--space-sm);
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--radius-sm);
    border: 1px solid var(--accent-color-30);
    background: var(--accent-color-15);
    color: var(--accent-light);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge-default[b-myokvercmh] {
    background: var(--accent-gradient);
    color: var(--text-white);
    border: 1px solid var(--accent-color);
    box-shadow: 0 0 12px var(--accent-color-30);
}

.status-dot[b-myokvercmh] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.ok[b-myokvercmh] {
    background: var(--success);
    box-shadow: 0 0 8px var(--success);
}

.status-dot.warn[b-myokvercmh] {
    background: var(--warning);
    box-shadow: 0 0 8px var(--warning);
}

.card-body[b-myokvercmh] {
    padding: var(--space-md) var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.stat-row[b-myokvercmh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    padding: 4px 0;
}

.stat-label[b-myokvercmh] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.stat-value[b-myokvercmh] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 500;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
}

.stat-value.mono[b-myokvercmh] { font-family: var(--font-mono, monospace); }
.stat-value.transport[b-myokvercmh] { font-size: var(--text-xs); color: var(--text-muted); }

.auth-pill[b-myokvercmh] {
    display: inline-block;
    padding: 2px var(--space-sm);
    font-size: var(--text-xs);
    border-radius: var(--radius-sm);
    border: 1px solid;
}

.auth-pill.auth-active[b-myokvercmh] {
    color: var(--success);
    border-color: var(--success);
    background: var(--success-color-10);
}

.auth-pill.auth-missing[b-myokvercmh] {
    color: var(--warning);
    border-color: var(--warning);
    background: var(--warning-color-10);
}

.cap-row[b-myokvercmh] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px dashed var(--accent-color-10);
}

.cap-chip[b-myokvercmh] {
    padding: 2px 6px;
    font-size: 10px;
    color: var(--text-muted);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono, monospace);
}

.cap-chip.cap-more[b-myokvercmh] {
    color: var(--accent-light);
    border-color: var(--accent-color-30);
}

.card-actions[b-myokvercmh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    padding: var(--space-md) var(--space-lg);
    border-top: 1px solid var(--accent-color-10);
    background: var(--glass-subtle);
}

.action-btn[b-myokvercmh] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px var(--space-sm);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--text-primary);
    background: transparent;
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition-fast);
    font-family: var(--font-primary);
}

.action-btn:hover:not(:disabled)[b-myokvercmh] {
    background: var(--accent-color-10);
    border-color: var(--accent-color-30);
}

.action-btn:disabled[b-myokvercmh] {
    opacity: 0.4;
    cursor: not-allowed;
}

.action-btn.primary[b-myokvercmh] {
    background: var(--accent-color-15);
    border-color: var(--accent-color-30);
    color: var(--accent-light);
}

.action-btn.primary:hover:not(:disabled)[b-myokvercmh] {
    background: var(--accent-color-30);
}

.action-btn.toggle[b-myokvercmh] {
    margin-left: auto;
}

.action-icon[b-myokvercmh] { font-size: 0.85rem; }
/* _content/Ayva.Polymorph/Components/Providers/ProviderCredentialDialog.razor.rz.scp.css */
.cred-dialog[b-t85svsoe1l] {
    color: var(--text-primary);
    font-family: var(--font-primary);
    min-width: 500px;
    max-width: 720px;
}

.cred-loading[b-t85svsoe1l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xl);
}

.cred-header[b-t85svsoe1l] {
    margin-bottom: var(--space-lg);
}

.cred-header h3[b-t85svsoe1l] {
    margin: 0;
    font-size: var(--text-xl);
    background: var(--accent-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cred-subtitle[b-t85svsoe1l] {
    margin-top: var(--space-xs);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.cred-subtitle code[b-t85svsoe1l] {
    font-family: var(--font-mono, monospace);
    background: var(--glass-subtle);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
}

.cred-section[b-t85svsoe1l] {
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--accent-color-10);
}

.cred-section h4[b-t85svsoe1l] {
    margin: 0 0 var(--space-md) 0;
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--accent-light);
}

.cred-info[b-t85svsoe1l] {
    padding: var(--space-md);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-radius: var(--radius-md);
}

.cred-info p[b-t85svsoe1l] { margin: var(--space-xs) 0; }

.cred-rules[b-t85svsoe1l] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.cred-rules li[b-t85svsoe1l] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    font-size: var(--text-sm);
}

.cred-rules code[b-t85svsoe1l] {
    font-family: var(--font-mono, monospace);
    background: var(--glass-subtle);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    color: var(--accent-light);
}

.rule-required[b-t85svsoe1l] {
    font-size: 10px;
    color: var(--warning);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--warning-color-10);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
}

.rule-desc[b-t85svsoe1l] { color: var(--text-muted); }

.cred-empty[b-t85svsoe1l] {
    color: var(--text-muted);
    font-style: italic;
    text-align: center;
    padding: var(--space-md);
}

.cred-table[b-t85svsoe1l] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.cred-table th[b-t85svsoe1l],
.cred-table td[b-t85svsoe1l] {
    padding: var(--space-sm);
    text-align: left;
    border-bottom: 1px solid var(--accent-color-10);
}

.cred-table th[b-t85svsoe1l] {
    color: var(--text-muted);
    text-transform: uppercase;
    font-size: var(--text-xs);
    letter-spacing: 0.05em;
}

.cred-table code[b-t85svsoe1l] {
    font-family: var(--font-mono, monospace);
    font-size: var(--text-xs);
}

.del-btn[b-t85svsoe1l] {
    padding: 2px var(--space-sm);
    background: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: var(--text-xs);
}

.del-btn:hover[b-t85svsoe1l] { background: var(--error-color-15); }

.cred-form[b-t85svsoe1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.cred-field[b-t85svsoe1l] { display: flex; flex-direction: column; gap: var(--space-xs); }

.field-label[b-t85svsoe1l] {
    font-family: var(--font-mono, monospace);
    color: var(--accent-light);
    font-size: var(--text-sm);
}

.field-required[b-t85svsoe1l] { color: var(--warning); margin-left: 4px; }

.field-input[b-t85svsoe1l] {
    width: 100%;
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-family: var(--font-mono, monospace);
    font-size: var(--text-sm);
    transition: var(--transition-fast);
}

.field-input:focus[b-t85svsoe1l] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-color-15);
}

.cred-helper[b-t85svsoe1l] {
    margin-top: var(--space-md);
    padding: var(--space-md);
    background: var(--accent-color-5);
    border-left: 3px solid var(--accent-color);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    color: var(--text-muted);
    line-height: 1.5;
}

.cred-helper code[b-t85svsoe1l] {
    background: var(--glass-subtle);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    color: var(--accent-light);
    font-family: var(--font-mono, monospace);
}

/* ── Ollama endpoint ── */

.cred-hint[b-t85svsoe1l] {
    margin: 0 0 var(--space-md) 0;
    color: var(--text-muted);
    font-size: var(--text-sm);
    line-height: 1.5;
}

.cred-hint code[b-t85svsoe1l] {
    background: var(--glass-subtle);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono, monospace);
    color: var(--accent-light);
    font-size: 0.85em;
}

.endpoint-form[b-t85svsoe1l] {
    display: flex;
    gap: var(--space-xs);
    margin-bottom: var(--space-sm);
}

.endpoint-input[b-t85svsoe1l] {
    flex: 1;
    padding: var(--space-sm) var(--space-md);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-family: var(--font-mono, monospace);
    font-size: var(--text-sm);
    transition: var(--transition-fast);
}

.endpoint-input:focus[b-t85svsoe1l] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-color-15);
}

.endpoint-btn[b-t85svsoe1l] {
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--accent-color-15);
    background: var(--glass-subtle);
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition-fast);
}

.endpoint-btn:hover:not(:disabled)[b-t85svsoe1l] {
    background: var(--accent-color-10);
    border-color: var(--accent-color-30);
    transform: translateY(-1px);
}

.endpoint-btn:disabled[b-t85svsoe1l] {
    opacity: 0.4;
    cursor: not-allowed;
}

.endpoint-btn.save:not(:disabled)[b-t85svsoe1l] {
    background: var(--accent-gradient);
    color: #fff;
    border-color: var(--accent-color);
    box-shadow: 0 0 12px var(--accent-color-30);
}

.endpoint-btn.test:hover:not(:disabled)[b-t85svsoe1l] {
    background: linear-gradient(135deg, var(--success-color), #059669);
    color: #fff;
    border-color: var(--success-color);
}

.endpoint-result[b-t85svsoe1l] {
    margin: var(--space-sm) 0;
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    border-left: 3px solid;
    font-size: var(--text-sm);
}

.endpoint-result.ok[b-t85svsoe1l] {
    background: var(--success-color-10);
    border-color: var(--success);
}

.endpoint-result.fail[b-t85svsoe1l] {
    background: var(--error-color-10);
    border-color: var(--error);
}

.endpoint-result strong[b-t85svsoe1l] { color: var(--text-primary); margin-right: var(--space-sm); }
.endpoint-result span[b-t85svsoe1l] { color: var(--text-muted); font-size: var(--text-xs); }
.endpoint-result p[b-t85svsoe1l] { margin: var(--space-xs) 0 0; color: var(--text-muted); font-size: var(--text-xs); }

.ollama-status[b-t85svsoe1l] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
    font-size: var(--text-sm);
}

.status-dot[b-t85svsoe1l] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.ok[b-t85svsoe1l] {
    background: var(--success);
    box-shadow: 0 0 8px var(--success);
}

.status-dot.warn[b-t85svsoe1l] {
    background: var(--warning);
    box-shadow: 0 0 8px var(--warning);
}
/* _content/Ayva.Polymorph/Components/Providers/ProviderHealthMatrix.razor.rz.scp.css */
.phm-wrap[b-xaou9akj93] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.phm-wrap:focus-within[b-xaou9akj93] {
    border-color: var(--border-focus);
}

.phm-head[b-xaou9akj93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--border-color);
}

.phm-title[b-xaou9akj93] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.phm-summary[b-xaou9akj93] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.phm-empty[b-xaou9akj93] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-muted);
    padding: var(--space-md);
    text-align: center;
}

.phm-grid[b-xaou9akj93] {
    display: grid;
    gap: 2px;
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.phm-row[b-xaou9akj93] {
    display: grid;
    grid-template-columns: 2fr 1.6fr 1fr 0.7fr 0.8fr;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    background: transparent;
    transition: var(--transition-fast);
}

.phm-row:hover[b-xaou9akj93] {
    background: var(--bg-hover);
}

.phm-row-head[b-xaou9akj93] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-color);
}

.phm-row-ok[b-xaou9akj93] {
    color: var(--text-primary);
}

.phm-row-degraded[b-xaou9akj93] {
    color: var(--text-primary);
    background: var(--warning-bg);
}

.phm-row-off[b-xaou9akj93] {
    color: var(--text-muted);
    opacity: 0.75;
}

.phm-cell-name[b-xaou9akj93] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-weight: var(--font-medium);
}

.phm-cell-state[b-xaou9akj93] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.phm-state-label[b-xaou9akj93] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.phm-cell-models[b-xaou9akj93] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    text-align: right;
}

@media (max-width: 640px) {
    .phm-row[b-xaou9akj93] {
        grid-template-columns: 1.4fr 1fr 0.7fr 0.6fr 0.7fr;
        font-size: var(--text-xs);
    }
    .phm-state-label[b-xaou9akj93] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .phm-wrap[b-xaou9akj93], .phm-row[b-xaou9akj93] {
        transition: none;
    }
}
/* _content/Ayva.Polymorph/Components/Providers/ProviderManagementPanel.razor.rz.scp.css */
.providers-panel[b-ptxd49wejv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.providers-header[b-ptxd49wejv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-lg);
    flex-wrap: wrap;
    padding: var(--space-lg) var(--space-xl);
    background: var(--glass-elevated);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-2xl);
    box-shadow: var(--glass-card-shadow);
}

.providers-title[b-ptxd49wejv] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: 600;
    background: var(--accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.title-icon[b-ptxd49wejv] {
    font-size: 1.6rem;
    -webkit-text-fill-color: initial;
    color: var(--accent-color);
    text-shadow: 0 0 16px var(--accent-color-30);
}

.providers-subtitle[b-ptxd49wejv] {
    margin: var(--space-xs) 0 0 0;
    color: var(--text-muted);
    font-size: var(--text-sm);
    max-width: 720px;
    line-height: 1.5;
}

.providers-actions[b-ptxd49wejv] {
    display: flex;
    gap: var(--space-sm);
    align-items: center;
}

.btn[b-ptxd49wejv] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    font-weight: 500;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: var(--transition-normal);
    color: var(--text-primary);
}

.btn:disabled[b-ptxd49wejv] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary[b-ptxd49wejv] {
    background: var(--accent-gradient);
    color: #fff;
    box-shadow: 0 0 20px var(--accent-color-30);
}

.btn-primary:not(:disabled):hover[b-ptxd49wejv] {
    background: var(--accent-gradient-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 24px var(--accent-color-40);
}

.btn-secondary[b-ptxd49wejv] {
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    backdrop-filter: var(--glass-blur);
}

.btn-secondary:not(:disabled):hover[b-ptxd49wejv] {
    background: var(--accent-color-10);
    border-color: var(--accent-color-30);
}

.btn-icon[b-ptxd49wejv] {
    font-size: 1rem;
    line-height: 1;
}

.provider-grid[b-ptxd49wejv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: var(--space-lg);
}

.provider-loading[b-ptxd49wejv],
.provider-empty[b-ptxd49wejv] {
    padding: var(--space-2xl);
    text-align: center;
    background: var(--glass-elevated);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-xl);
    color: var(--text-muted);
}

.loading-spinner[b-ptxd49wejv] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--accent-color-20);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    margin: 0 auto var(--space-md);
    animation: spin-b-ptxd49wejv 0.8s linear infinite;
}

@keyframes spin-b-ptxd49wejv {
    to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .providers-header[b-ptxd49wejv] {
        padding: var(--space-md);
    }
    .providers-actions[b-ptxd49wejv] {
        width: 100%;
        flex-wrap: wrap;
    }
    .provider-grid[b-ptxd49wejv] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Polymorph/Components/Providers/ProviderModelsDialog.razor.rz.scp.css */
.models-dialog[b-tyc23j08ml] {
    color: var(--text-primary);
    font-family: var(--font-primary);
    min-width: 720px;
    max-height: 70vh;
}

.models-header[b-tyc23j08ml] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--accent-color-15);
}

.models-header h3[b-tyc23j08ml] {
    margin: 0;
    font-size: var(--text-xl);
    color: var(--text-primary);
}

.models-subtitle[b-tyc23j08ml] {
    margin-top: var(--space-xs);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.models-subtitle code[b-tyc23j08ml] {
    background: var(--glass-subtle);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono, monospace);
    font-size: var(--text-xs);
}

.models-actions[b-tyc23j08ml] {
    display: flex;
    gap: var(--space-xs);
}

.btn-mini[b-tyc23j08ml] {
    padding: 4px var(--space-sm);
    font-size: var(--text-xs);
    color: var(--text-primary);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition-fast);
}

.btn-mini:hover:not(:disabled)[b-tyc23j08ml] {
    background: var(--accent-color-10);
    border-color: var(--accent-color-30);
}

.btn-mini.primary[b-tyc23j08ml] {
    background: var(--accent-gradient);
    color: #fff;
    border-color: var(--accent-color);
}

.btn-mini:disabled[b-tyc23j08ml] {
    opacity: 0.5;
    cursor: not-allowed;
}

.models-loading[b-tyc23j08ml],
.models-empty[b-tyc23j08ml] {
    text-align: center;
    padding: var(--space-2xl);
    color: var(--text-muted);
}

.models-list[b-tyc23j08ml] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    max-height: 60vh;
    overflow-y: auto;
}

.model-row[b-tyc23j08ml] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-radius: var(--radius-md);
    align-items: center;
}

.model-row.recommended[b-tyc23j08ml] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 1px var(--accent-color-30);
    background: linear-gradient(180deg, var(--accent-color-5) 0%, var(--glass-subtle) 100%);
}

.model-meta[b-tyc23j08ml] { min-width: 0; }

.model-name-row[b-tyc23j08ml] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.model-name[b-tyc23j08ml] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.rec-badge[b-tyc23j08ml] {
    padding: 1px 6px;
    font-size: 10px;
    background: var(--accent-color);
    color: #fff;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 8px var(--accent-color-30);
}

.family-tag[b-tyc23j08ml] {
    padding: 1px 6px;
    font-size: 10px;
    color: var(--text-muted);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-sm);
}

.model-id[b-tyc23j08ml] {
    font-family: var(--font-mono, monospace);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.cap-mini-row[b-tyc23j08ml] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 4px;
}

.cap-mini[b-tyc23j08ml] {
    padding: 1px 5px;
    font-size: 9px;
    color: var(--text-muted);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-radius: 3px;
    font-family: var(--font-mono, monospace);
}

.model-stats[b-tyc23j08ml] {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 4px var(--space-md);
    font-size: var(--text-xs);
    text-align: right;
}

.stat-key[b-tyc23j08ml] {
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 9px;
}

.stat-val[b-tyc23j08ml] {
    color: var(--text-primary);
    font-weight: 500;
    margin-left: var(--space-xs);
}

.model-del-btn[b-tyc23j08ml] {
    padding: 4px var(--space-sm);
    background: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: var(--text-xs);
}

.model-del-btn:hover[b-tyc23j08ml] {
    background: var(--error-color-15);
}
/* _content/Ayva.Polymorph/Components/Providers/RoutingPurposeCard.razor.rz.scp.css */
.rpc[b-cpkyfptx6z] {
    display: flex;
    flex-direction: column;
    background: var(--glass-elevated);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-2xl);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: var(--glass-card-shadow);
    overflow: hidden;
    transition: var(--transition-normal);
    position: relative;
}

.rpc[b-cpkyfptx6z]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius-2xl);
    padding: 1px;
    background: linear-gradient(135deg, transparent 30%, var(--accent-color-30) 70%, transparent);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition-normal);
}

.rpc:hover[b-cpkyfptx6z] {
    transform: translateY(-3px);
    box-shadow: var(--glass-card-shadow-hover);
    border-color: var(--accent-color-30);
}

.rpc:hover[b-cpkyfptx6z]::before { opacity: 1; }

.rpc.explicit[b-cpkyfptx6z] {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 1px var(--accent-color), var(--glass-card-shadow);
}

/* ══ HEADER ══ */
.rpc-head[b-cpkyfptx6z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--accent-color-10);
    background: linear-gradient(180deg, var(--accent-color-5) 0%, transparent 100%);
}

.rpc-purpose[b-cpkyfptx6z] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.purpose-glyph[b-cpkyfptx6z] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: var(--accent-gradient);
    color: #fff;
    box-shadow: 0 4px 16px var(--accent-color-30);
    flex-shrink: 0;
    transition: var(--transition-normal);
}

.rpc:hover .purpose-glyph[b-cpkyfptx6z] {
    transform: scale(1.05) rotate(-3deg);
    box-shadow: 0 6px 24px var(--accent-color-40);
}

.purpose-glyph.glyph-recommended[b-cpkyfptx6z] { background: linear-gradient(135deg, var(--warning-color), #d97706); }
.purpose-glyph.glyph-bestreasoning[b-cpkyfptx6z] { background: linear-gradient(135deg, #8b5cf6, #6d28d9); }
.purpose-glyph.glyph-fast[b-cpkyfptx6z] { background: linear-gradient(135deg, var(--success-color), #059669); }
.purpose-glyph.glyph-evaluation[b-cpkyfptx6z] { background: linear-gradient(135deg, var(--info-color), #1d4ed8); }

.rpc-purpose h3[b-cpkyfptx6z] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.rpc-purpose p[b-cpkyfptx6z] {
    margin: 4px 0 0 0;
    font-size: var(--text-xs);
    color: var(--text-muted);
    line-height: 1.4;
    max-width: 240px;
}

.badge[b-cpkyfptx6z] {
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: var(--radius-sm);
    border: 1px solid;
    flex-shrink: 0;
}

.explicit-badge[b-cpkyfptx6z] {
    color: var(--accent-light);
    background: var(--accent-color-15);
    border-color: var(--accent-color);
    box-shadow: 0 0 8px var(--accent-color-30);
}

.default-badge[b-cpkyfptx6z] {
    color: var(--text-muted);
    background: var(--glass-subtle);
    border-color: var(--accent-color-15);
}

/* ══ BODY ══ */
.rpc-body[b-cpkyfptx6z] {
    padding: var(--space-md) var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.resolved-row[b-cpkyfptx6z] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.resolved-label[b-cpkyfptx6z] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.resolved-value[b-cpkyfptx6z] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.resolved-engine[b-cpkyfptx6z],
.resolved-model[b-cpkyfptx6z] {
    padding: 4px 10px;
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.resolved-engine[b-cpkyfptx6z] {
    color: var(--accent-light);
    border-color: var(--accent-color-30);
}

.arrow[b-cpkyfptx6z] {
    color: var(--text-muted);
    font-size: 1.1rem;
}

.meta-row[b-cpkyfptx6z] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.meta-chip[b-cpkyfptx6z] {
    padding: 2px 8px;
    font-size: 10px;
    color: var(--text-muted);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
}

.control-grid[b-cpkyfptx6z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm);
}

.control[b-cpkyfptx6z] { display: flex; flex-direction: column; gap: 4px; }

.control label[b-cpkyfptx6z] {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.select[b-cpkyfptx6z] {
    padding: var(--space-sm);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: var(--transition-fast);
}

.select:focus[b-cpkyfptx6z] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-color-15);
}

.select option[b-cpkyfptx6z] {
    background: #1a1a2e;
    color: var(--text-primary);
}

.actions[b-cpkyfptx6z] {
    display: flex;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
    border-top: 1px dashed var(--accent-color-10);
    padding-top: var(--space-sm);
}

.btn[b-cpkyfptx6z] {
    flex: 1;
    padding: 6px var(--space-sm);
    font-size: var(--text-xs);
    font-weight: 500;
    border-radius: var(--radius-md);
    border: 1px solid var(--accent-color-15);
    background: var(--glass-subtle);
    color: var(--text-primary);
    cursor: pointer;
    transition: var(--transition-fast);
    font-family: var(--font-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.btn:hover:not(:disabled)[b-cpkyfptx6z] {
    background: var(--accent-color-10);
    border-color: var(--accent-color-30);
    transform: translateY(-1px);
}

.btn:disabled[b-cpkyfptx6z] { opacity: 0.4; cursor: not-allowed; }

.btn.save:not(:disabled)[b-cpkyfptx6z] {
    background: var(--accent-color-15);
    border-color: var(--accent-color);
    color: var(--accent-light);
    box-shadow: 0 0 12px var(--accent-color-30);
}

.btn.save:not(:disabled):hover[b-cpkyfptx6z] {
    background: var(--accent-gradient);
    color: #fff;
}

.btn.test:hover:not(:disabled)[b-cpkyfptx6z] {
    background: linear-gradient(135deg, var(--success-color), #059669);
    color: #fff;
    border-color: var(--success-color);
}
/* _content/Ayva.Polymorph/Components/Providers/TuneableSectionCard.razor.rz.scp.css */
.tsc[b-zg9bgmn38e] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    background: var(--glass-elevated);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-2xl);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: var(--glass-card-shadow);
    padding: var(--space-lg);
    scroll-margin-top: var(--space-xl);
    transition: var(--transition-normal);
    animation: tscFade-b-zg9bgmn38e 0.5s ease both;
}

@keyframes tscFade-b-zg9bgmn38e {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.tsc:hover[b-zg9bgmn38e] {
    border-color: var(--accent-color-30);
}

.tsc-head[b-zg9bgmn38e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--accent-color-10);
}

.tsc-head h2[b-zg9bgmn38e] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-primary);
}

.tsc-count[b-zg9bgmn38e] {
    padding: 2px 10px;
    background: var(--accent-color-10);
    color: var(--accent-light);
    border-radius: var(--radius-full, 999px);
    font-size: var(--text-xs);
    font-family: var(--font-mono);
}

.tsc-grid[b-zg9bgmn38e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: var(--space-md);
}

.tune-card[b-zg9bgmn38e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-10);
    border-radius: var(--radius-md);
    transition: var(--transition-fast);
}

.tune-card:hover[b-zg9bgmn38e] {
    background: var(--accent-color-5);
    border-color: var(--accent-color-30);
    transform: translateY(-1px);
}

.tune-meta[b-zg9bgmn38e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tune-name[b-zg9bgmn38e] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.tune-key[b-zg9bgmn38e] {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--accent-light);
    background: var(--black-overlay-20);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    align-self: flex-start;
}

.tune-desc[b-zg9bgmn38e] {
    margin: 4px 0 0 0;
    color: var(--text-muted);
    font-size: var(--text-xs);
    line-height: 1.4;
}

.tune-control[b-zg9bgmn38e] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    margin-top: var(--space-xs);
}

.range-input[b-zg9bgmn38e] {
    flex: 1 1 160px;
    height: 6px;
    background: var(--glass-subtle);
    border-radius: 3px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.range-input[b-zg9bgmn38e]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: var(--accent-color);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 8px var(--accent-color-30);
    transition: transform 0.15s;
}

.range-input[b-zg9bgmn38e]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
}

.range-input[b-zg9bgmn38e]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--accent-color);
    border-radius: 50%;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 8px var(--accent-color-30);
}

.number-input[b-zg9bgmn38e],
.text-input[b-zg9bgmn38e],
.select-input[b-zg9bgmn38e] {
    width: 110px;
    padding: 4px var(--space-sm);
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    transition: var(--transition-fast);
}

.text-input[b-zg9bgmn38e] { width: 100%; flex: 1; font-family: var(--font-primary); }
.select-input[b-zg9bgmn38e] { width: auto; min-width: 140px; cursor: pointer; }

.number-input:focus[b-zg9bgmn38e],
.text-input:focus[b-zg9bgmn38e],
.select-input:focus[b-zg9bgmn38e] {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-color-15);
}

.unit[b-zg9bgmn38e] {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Switch ── */
.switch[b-zg9bgmn38e] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.switch input[b-zg9bgmn38e] { opacity: 0; width: 0; height: 0; }

.switch .slider[b-zg9bgmn38e] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: var(--glass-subtle);
    border: 1px solid var(--accent-color-15);
    border-radius: 12px;
    transition: 0.2s;
}

.switch .slider[b-zg9bgmn38e]::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    top: 3px;
    background: var(--text-muted);
    border-radius: 50%;
    transition: 0.2s;
}

.switch input:checked + .slider[b-zg9bgmn38e] {
    background: var(--accent-gradient);
    border-color: var(--accent-color);
    box-shadow: 0 0 12px var(--accent-color-30);
}

.switch input:checked + .slider[b-zg9bgmn38e]::before {
    transform: translateX(20px);
    background: #fff;
}

.bool-label[b-zg9bgmn38e] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-muted);
}

/* ── Action micros ── */
.tune-actions[b-zg9bgmn38e] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.micro[b-zg9bgmn38e] {
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: var(--radius-sm);
    border: 1px solid;
    cursor: pointer;
    transition: var(--transition-fast);
    font-family: var(--font-primary);
}

.micro.save[b-zg9bgmn38e] {
    color: var(--accent-light);
    border-color: var(--accent-color);
    background: var(--accent-color-10);
}

.micro.save:hover[b-zg9bgmn38e] {
    background: var(--accent-gradient);
    color: #fff;
    transform: scale(1.05);
}

.micro.reset[b-zg9bgmn38e] {
    color: var(--text-muted);
    border-color: var(--accent-color-15);
    background: transparent;
}

.micro.reset:hover[b-zg9bgmn38e] {
    color: var(--warning);
    border-color: var(--warning);
}
/* _content/Ayva.Polymorph/Components/Queue/CompletedTasksPanel.razor.rz.scp.css */
/* CompletedTasksPanel — paged list of completed queue tasks */

.completed-panel[b-k4b3tepzq7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.cp-header[b-k4b3tepzq7] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.cp-title[b-k4b3tepzq7] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    flex: 1;
}

.cp-total[b-k4b3tepzq7] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

.cp-filter-row[b-k4b3tepzq7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--space-sm);
    align-items: end;
}

.cp-empty[b-k4b3tepzq7] {
    padding: var(--space-lg);
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
}

.cp-table[b-k4b3tepzq7] {
    font-size: var(--text-sm);
}

.cp-pagination[b-k4b3tepzq7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    margin-top: var(--space-sm);
}

.cp-page-indicator[b-k4b3tepzq7] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

@media (max-width: 768px) {
    .completed-panel[b-k4b3tepzq7] {
        padding: var(--space-md);
    }
}
/* _content/Ayva.Polymorph/Components/Queue/CurrentlyRunningCard.razor.rz.scp.css */
/* CurrentlyRunningCard — live header showing the in-progress task */

.running-card[b-8ibz9p41iz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
    padding: var(--space-lg);
    background: var(--glass-elevated);
    border: 1px solid var(--accent-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md), 0 0 30px var(--accent-color-10);
    font-family: var(--font-primary);
    color: var(--text-primary);
}

.running-card.empty[b-8ibz9p41iz] {
    border-color: var(--border-color);
    box-shadow: var(--shadow-sm);
    justify-content: center;
}

.running-empty[b-8ibz9p41iz] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.running-left[b-8ibz9p41iz] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex: 1;
    min-width: 0;
}

.running-pulse[b-8ibz9p41iz] {
    width: var(--space-md);
    height: var(--space-md);
    border-radius: var(--radius-full);
    background: var(--success-color);
    box-shadow: 0 0 0 0 var(--success-color);
    animation: running-pulse-kf-b-8ibz9p41iz 2s infinite;
}

@keyframes running-pulse-kf-b-8ibz9p41iz {
    0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--success-color) 60%, transparent); }
    70%  { box-shadow: 0 0 0 var(--space-md) transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

.running-meta[b-8ibz9p41iz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
    flex: 1;
}

.running-title-row[b-8ibz9p41iz] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.running-title[b-8ibz9p41iz] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.running-section-badge[b-8ibz9p41iz] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    border-radius: var(--radius-full);
    border: 1px solid var(--border-color);
    background: var(--bg-card);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.running-section-badge.section-user[b-8ibz9p41iz]        { color: var(--accent-color); border-color: var(--accent-color); }
.running-section-badge.section-autonomous[b-8ibz9p41iz]  { color: var(--secondary-accent); border-color: var(--secondary-accent); }

.priority-badge[b-8ibz9p41iz] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.priority-badge.priority-p0[b-8ibz9p41iz] { border-color: var(--priority-p0-glow); }
.priority-badge.priority-p1[b-8ibz9p41iz] { border-color: var(--priority-p1-glow); }
.priority-badge.priority-p2[b-8ibz9p41iz] { border-color: var(--priority-p2-glow); }
.priority-badge.priority-p3[b-8ibz9p41iz] { border-color: var(--priority-p3-glow); }
.priority-badge.priority-p4[b-8ibz9p41iz] { border-color: var(--priority-p4-glow); }
.priority-badge.priority-p5[b-8ibz9p41iz] { border-color: var(--priority-p5-glow); }

.running-detail-row[b-8ibz9p41iz] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.detail-chip[b-8ibz9p41iz] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    font-family: var(--font-mono);
}

.detail-chip.detail-live[b-8ibz9p41iz] {
    color: var(--accent-color);
    border-color: var(--accent-color);
}

.running-right[b-8ibz9p41iz] {
    display: flex;
    gap: var(--space-sm);
}

@media (max-width: 768px) {
    .running-card[b-8ibz9p41iz] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-md);
    }

    .running-title[b-8ibz9p41iz] {
        white-space: normal;
    }
}
/* _content/Ayva.Polymorph/Components/Queue/FailedTasksPanel.razor.rz.scp.css */
/* FailedTasksPanel — terminal-failure restoration panel */

.failed-panel[b-it07y4tb4y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.fp-header[b-it07y4tb4y] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.fp-title[b-it07y4tb4y] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    flex: 1;
}

.fp-total[b-it07y4tb4y] {
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    color: var(--warning-color, var(--warning));
    background: var(--warning-bg, var(--warning-color-15));
    border-radius: var(--radius-full);
    font-family: var(--font-mono);
    font-weight: var(--font-bold);
}

.fp-empty[b-it07y4tb4y] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.fp-panel-title[b-it07y4tb4y] {
    display: flex;
    gap: var(--space-md);
    align-items: center;
    width: 100%;
}

.fp-panel-name[b-it07y4tb4y] {
    flex: 1;
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-status[b-it07y4tb4y] {
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 1px solid transparent;
}

.fp-status-failed[b-it07y4tb4y] {
    color: var(--error-color, var(--error));
    background: var(--error-bg, var(--error-color-12));
    border-color: var(--error-color, var(--error));
}

.fp-status-aborted[b-it07y4tb4y] {
    color: var(--warning-color, var(--warning));
    background: var(--warning-bg, var(--warning-color-12));
    border-color: var(--warning-color, var(--warning));
}

.fp-status-drained[b-it07y4tb4y] {
    color: var(--text-muted);
    background: var(--glass-subtle);
    border-color: var(--accent-color-15);
}

.fp-status-other[b-it07y4tb4y] {
    color: var(--text-muted);
    background: var(--glass-subtle);
    border-color: var(--accent-color-10);
}

.fp-panel-priority[b-it07y4tb4y],
.fp-panel-section[b-it07y4tb4y],
.fp-panel-time[b-it07y4tb4y] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

.fp-panel-time[b-it07y4tb4y] {
    color: var(--text-muted);
}

.fp-panel-body[b-it07y4tb4y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md) 0;
}

.fp-detail-label[b-it07y4tb4y] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-xs);
}

.fp-detail-text[b-it07y4tb4y] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

.fp-meta-row[b-it07y4tb4y] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md) var(--space-lg);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.fp-meta strong[b-it07y4tb4y] {
    color: var(--text-muted);
    font-weight: var(--font-medium);
    margin-right: 4px;
}

.fp-meta code[b-it07y4tb4y] {
    font-family: var(--font-mono);
    background: var(--glass-subtle);
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    color: var(--accent-light);
}

.fp-actions[b-it07y4tb4y] {
    display: flex;
    gap: var(--space-sm);
    justify-content: flex-end;
}
/* _content/Ayva.Polymorph/Components/Queue/NeedsAttentionPanel.razor.rz.scp.css */
/* NeedsAttentionPanel — PreEvalFailed + ReEvaluating surface */

.needs-attention-panel[b-xat8eogtjf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    background: var(--warning-bg);
    border: 1px solid var(--warning-color);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.nap-header[b-xat8eogtjf] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.nap-title[b-xat8eogtjf] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--warning-color);
    flex: 1;
}

.nap-count[b-xat8eogtjf] {
    padding: var(--space-xs) var(--space-sm);
    background: var(--warning-color);
    color: var(--bg-primary);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    font-family: var(--font-mono);
}

.nap-list[b-xat8eogtjf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.nap-row[b-xat8eogtjf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
}

.nap-row-left[b-xat8eogtjf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    min-width: 0;
    flex: 1;
}

.nap-row-title[b-xat8eogtjf] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nap-row-meta[b-xat8eogtjf] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

.nap-row-detail[b-xat8eogtjf] {
    color: var(--warning-color);
}

.nap-row-right[b-xat8eogtjf] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.nap-row-status[b-xat8eogtjf] {
    font-size: var(--text-xs);
    color: var(--warning-color);
    font-family: var(--font-mono);
}
/* _content/Ayva.Polymorph/Components/Queue/PriorityLane.razor.rz.scp.css */
/* PriorityLane — single priority row inside a QueueSection */

.priority-lane[b-ofjgzutur3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    min-height: calc(var(--space-2xl) * 2);
    position: relative;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.priority-lane.system-reserved[b-ofjgzutur3] {
    background: color-mix(in srgb, var(--bg-secondary) 60%, var(--bg-primary) 40%);
    border-style: dashed;
    opacity: 0.85;
}

.priority-lane.lane-p0[b-ofjgzutur3] { border-left: 3px solid var(--priority-p0-glow); }
.priority-lane.lane-p1[b-ofjgzutur3] { border-left: 3px solid var(--priority-p1-glow); }
.priority-lane.lane-p2[b-ofjgzutur3] { border-left: 3px solid var(--priority-p2-glow); }
.priority-lane.lane-p3[b-ofjgzutur3] { border-left: 3px solid var(--priority-p3-glow); }
.priority-lane.lane-p4[b-ofjgzutur3] { border-left: 3px solid var(--priority-p4-glow); }
.priority-lane.lane-p5[b-ofjgzutur3] { border-left: 3px solid var(--priority-p5-glow); }

.lane-header[b-ofjgzutur3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    font-family: var(--font-primary);
}

.lane-header-left[b-ofjgzutur3] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.lane-lock-icon[b-ofjgzutur3] {
    color: var(--text-muted);
}

.lane-label[b-ofjgzutur3] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lane-count[b-ofjgzutur3] {
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    color: var(--text-secondary);
    background: var(--bg-card);
    border-radius: var(--radius-full);
    border: 1px solid var(--border-color);
    font-family: var(--font-mono);
}

.lane-drop-zone[b-ofjgzutur3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    min-height: calc(var(--space-2xl) * 1.5);
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast), box-shadow var(--transition-fast);
}
/* _content/Ayva.Polymorph/Components/Queue/QueueDashboard.razor.rz.scp.css */
/* QueueDashboard — top-level layout host */

.queue-dashboard[b-0wnuwsrcoz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-lg);
    font-family: var(--font-primary);
    color: var(--text-primary);
}

.qd-loading[b-0wnuwsrcoz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.qd-grid[b-0wnuwsrcoz] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: var(--space-lg);
    align-items: start;
}

.qd-submit[b-0wnuwsrcoz] {
    display: flex;
    flex-direction: column;
}

.qd-sections[b-0wnuwsrcoz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    min-width: 0;
}

.qd-drain-row[b-0wnuwsrcoz] {
    display: flex;
    gap: var(--space-sm);
    justify-content: flex-end;
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-color);
}

.qd-stats-bar[b-0wnuwsrcoz] {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    flex-wrap: wrap;
}

.qd-stat[b-0wnuwsrcoz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.qd-stat-val[b-0wnuwsrcoz] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.qd-stat-lbl[b-0wnuwsrcoz] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.qd-stat-active .qd-stat-val[b-0wnuwsrcoz] {
    color: var(--accent-color);
}

.qd-search[b-0wnuwsrcoz] {
    max-width: 400px;
}

.qd-empty-state[b-0wnuwsrcoz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-secondary);
    opacity: 0.6;
}

@media (max-width: 768px) {
    .qd-grid[b-0wnuwsrcoz] {
        grid-template-columns: 1fr;
    }

    .queue-dashboard[b-0wnuwsrcoz] {
        padding: var(--space-md);
    }
}
/* _content/Ayva.Polymorph/Components/Queue/QueueLifecycleBar.razor.rz.scp.css */
.qlc-wrap[b-r6vcd3wz6o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-md);
    transition: var(--transition-normal);
}

.qlc-group[b-r6vcd3wz6o] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.qlc-label[b-r6vcd3wz6o] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-right: var(--space-xs);
    border-right: 1px solid var(--border-color);
}

.qlc-hint[b-r6vcd3wz6o] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--warning-color);
    font-weight: var(--font-medium);
}

@media (max-width: 640px) {
    .qlc-wrap[b-r6vcd3wz6o] {
        gap: var(--space-sm);
    }
    .qlc-label[b-r6vcd3wz6o] {
        border-right: none;
        padding-right: 0;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .qlc-wrap[b-r6vcd3wz6o] {
        transition: none;
    }
}
/* _content/Ayva.Polymorph/Components/Queue/QueueSectionPanel.razor.rz.scp.css */
/* QueueSection — one of the two vertical stacks (User / Autonomous) */

.queue-section[b-9qg8wcifb0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    font-family: var(--font-primary);
}

.queue-section.collapsed[b-9qg8wcifb0] {
    padding: var(--space-md) var(--space-lg);
}

.qs-header[b-9qg8wcifb0] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.qs-collapse-btn[b-9qg8wcifb0] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.qs-collapse-btn:hover[b-9qg8wcifb0] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.qs-title[b-9qg8wcifb0] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    flex: 1;
}

.qs-total[b-9qg8wcifb0] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

.qs-header-actions[b-9qg8wcifb0] {
    display: flex;
    gap: var(--space-sm);
    align-items: center;
}

.qs-drop-container[b-9qg8wcifb0] {
    display: block;
}

.qs-lanes[b-9qg8wcifb0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* User vs Autonomous accent */
.queue-section.section-user[b-9qg8wcifb0] {
    border-top: 2px solid var(--accent-color);
}

.queue-section.section-autonomous[b-9qg8wcifb0] {
    border-top: 2px solid var(--secondary-accent);
}

.qs-empty[b-9qg8wcifb0] {
    text-align: center;
    padding: var(--space-xl);
    color: var(--text-secondary);
    opacity: 0.5;
    font-size: var(--text-sm);
}

@media (max-width: 768px) {
    .queue-section[b-9qg8wcifb0] {
        padding: var(--space-md);
    }
}
/* _content/Ayva.Polymorph/Components/Queue/QueueTaskCard.razor.rz.scp.css */
/* QueueTaskCard — scoped styles, tokens only */

.queue-task-card[b-k2f7hfgoxn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    color: var(--text-primary);
    font-family: var(--font-primary);
    transition: box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);
    position: relative;
}

.queue-task-card:hover[b-k2f7hfgoxn] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
    border-color: var(--border-focus);
}

.queue-task-card.is-terminal[b-k2f7hfgoxn] {
    opacity: 0.75;
}

/* Priority left accent strip */
.queue-task-card[b-k2f7hfgoxn]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--space-xs);
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
    background: var(--priority-p4-glow);
}

.queue-task-card.priority-p0[b-k2f7hfgoxn]::before { background: var(--priority-p0-glow); }
.queue-task-card.priority-p1[b-k2f7hfgoxn]::before { background: var(--priority-p1-glow); }
.queue-task-card.priority-p2[b-k2f7hfgoxn]::before { background: var(--priority-p2-glow); }
.queue-task-card.priority-p3[b-k2f7hfgoxn]::before { background: var(--priority-p3-glow); }
.queue-task-card.priority-p4[b-k2f7hfgoxn]::before { background: var(--priority-p4-glow); }
.queue-task-card.priority-p5[b-k2f7hfgoxn]::before { background: var(--priority-p5-glow); }

/* ── Top row ── */
.qtc-top[b-k2f7hfgoxn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.qtc-title-row[b-k2f7hfgoxn] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.qtc-title[b-k2f7hfgoxn] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qtc-status-row[b-k2f7hfgoxn] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* ── Priority badge ── */
.priority-badge[b-k2f7hfgoxn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--space-lg) + var(--space-xs));
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    font-family: var(--font-mono);
}

.priority-badge.priority-p0[b-k2f7hfgoxn] { background: color-mix(in srgb, var(--priority-p0-glow) 25%, var(--bg-card) 75%); border-color: var(--priority-p0-glow); }
.priority-badge.priority-p1[b-k2f7hfgoxn] { background: color-mix(in srgb, var(--priority-p1-glow) 25%, var(--bg-card) 75%); border-color: var(--priority-p1-glow); }
.priority-badge.priority-p2[b-k2f7hfgoxn] { background: color-mix(in srgb, var(--priority-p2-glow) 25%, var(--bg-card) 75%); border-color: var(--priority-p2-glow); }
.priority-badge.priority-p3[b-k2f7hfgoxn] { background: color-mix(in srgb, var(--priority-p3-glow) 25%, var(--bg-card) 75%); border-color: var(--priority-p3-glow); }
.priority-badge.priority-p4[b-k2f7hfgoxn] { background: color-mix(in srgb, var(--priority-p4-glow) 25%, var(--bg-card) 75%); border-color: var(--priority-p4-glow); }
.priority-badge.priority-p5[b-k2f7hfgoxn] { background: color-mix(in srgb, var(--priority-p5-glow) 25%, var(--bg-card) 75%); border-color: var(--priority-p5-glow); }

/* ── Category chip ── */
.category-chip[b-k2f7hfgoxn] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.category-chip.category-repair[b-k2f7hfgoxn]      { background: var(--category-repair-bg); color: var(--category-repair); }
.category-chip.category-maintenance[b-k2f7hfgoxn] { background: var(--category-maintenance-bg); color: var(--category-maintenance); }
.category-chip.category-enhancement[b-k2f7hfgoxn] { background: var(--category-enhancement-bg); color: var(--category-enhancement); }
.category-chip.category-refactor[b-k2f7hfgoxn]    { background: var(--category-refactor-bg); color: var(--category-refactor); }
.category-chip.category-feature[b-k2f7hfgoxn]     { background: var(--category-feature-bg); color: var(--category-feature); }

/* ── Status pill ── */
.status-pill[b-k2f7hfgoxn] {
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    border-radius: var(--radius-full);
    background: var(--bg-secondary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.status-pill.status-inprogress[b-k2f7hfgoxn]   { background: var(--info-bg); color: var(--info-color); }
.status-pill.status-completed[b-k2f7hfgoxn]    { background: var(--success-bg); color: var(--success-color); }
.status-pill.status-failed[b-k2f7hfgoxn]       { background: var(--error-bg); color: var(--error-color); }
.status-pill.status-rejected[b-k2f7hfgoxn]     { background: var(--error-bg); color: var(--error-color); }
.status-pill.status-rejectedassplit[b-k2f7hfgoxn] { background: var(--secondary-accent-10); color: var(--secondary-accent); }
.status-pill.status-frozen[b-k2f7hfgoxn]       { background: var(--info-bg); color: var(--info-color); }
.status-pill.status-awaitingsplitapproval[b-k2f7hfgoxn] { background: var(--warning-bg); color: var(--warning-color); }
.status-pill.status-preevalfailed[b-k2f7hfgoxn] { background: var(--error-bg); color: var(--error-color); }
.status-pill.status-reevaluating[b-k2f7hfgoxn]  { background: var(--warning-bg); color: var(--warning-color); }

.attachment-count[b-k2f7hfgoxn] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--text-secondary);
}

.qtc-frozen-icon[b-k2f7hfgoxn] {
    color: var(--info-color);
}

/* ── Directive body ── */
.qtc-directive[b-k2f7hfgoxn] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Metadata row ── */
.qtc-meta[b-k2f7hfgoxn] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.qtc-meta-item[b-k2f7hfgoxn] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.qtc-meta-item[b-k2f7hfgoxn]  .mud-icon-root {
    font-size: var(--text-sm) !important;
    opacity: 0.6;
}

/* ── Team roster ── */
.qtc-team[b-k2f7hfgoxn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.qtc-team-chip[b-k2f7hfgoxn] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--accent-light);
    background: var(--accent-color-10);
    border: 1px solid var(--accent-color-20);
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.qtc-team-chip[b-k2f7hfgoxn]  .mud-icon-root {
    font-size: var(--text-xs) !important;
    opacity: 0.7;
}

/* ── Split panel ── */
.split-panel[b-k2f7hfgoxn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--warning-bg);
    border: 1px solid var(--warning-color);
    border-radius: var(--radius-sm);
}

.split-panel-header[b-k2f7hfgoxn] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--warning-color);
}

.split-sub-list[b-k2f7hfgoxn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.split-sub-item[b-k2f7hfgoxn] {
    width: 100%;
}

.split-panel-actions[b-k2f7hfgoxn] {
    display: flex;
    gap: var(--space-sm);
    justify-content: flex-end;
}

/* ── Rejection panel ── */
.rejection-panel[b-k2f7hfgoxn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--error-bg);
    border: 1px solid var(--error-color);
    border-radius: var(--radius-sm);
}

.rejection-panel.needs-attention[b-k2f7hfgoxn] {
    background: var(--warning-bg);
    border-color: var(--warning-color);
}

.rejection-panel-header[b-k2f7hfgoxn] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--error-color);
}

.rejection-panel.needs-attention .rejection-panel-header[b-k2f7hfgoxn] {
    color: var(--warning-color);
}

.rejection-detail[b-k2f7hfgoxn] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

/* ── Actions row ── */
.qtc-actions[b-k2f7hfgoxn] {
    display: flex;
    gap: var(--space-xs);
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: var(--space-xs);
    border-top: 1px solid var(--border-color);
}

@media (max-width: 640px) {
    .queue-task-card[b-k2f7hfgoxn] {
        padding: var(--space-sm);
    }

    .qtc-actions[b-k2f7hfgoxn] {
        justify-content: flex-start;
    }
}
/* _content/Ayva.Polymorph/Components/Queue/QuickSubmitPanel.razor.rz.scp.css */
/* QuickSubmitPanel — sticky left-column submit form */

.quick-submit-panel[b-25uljazbvv] {
    position: sticky;
    top: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    box-shadow: var(--shadow-sm);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.qsp-header[b-25uljazbvv] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-xs);
}

.qsp-title[b-25uljazbvv] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    flex: 1;
}

.qsp-close[b-25uljazbvv] {
    color: var(--text-secondary);
}

.qsp-form[b-25uljazbvv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.qsp-actions[b-25uljazbvv] {
    display: flex;
    gap: var(--space-sm);
    justify-content: stretch;
}

.qsp-actions > *[b-25uljazbvv] {
    flex: 1;
}

/* ── FAB (mobile) ── */
.qsp-fab[b-25uljazbvv] {
    display: none;
    position: fixed;
    right: var(--space-md);
    bottom: var(--space-md);
    z-index: 1200;
}

@media (max-width: 640px) {
    .quick-submit-panel[b-25uljazbvv] {
        position: static;
        padding: var(--space-md);
    }

    .qsp-fab[b-25uljazbvv] {
        display: inline-flex;
    }

    .quick-submit-panel:not(.sheet-open) .qsp-form[b-25uljazbvv] {
        display: none;
    }

    .quick-submit-panel.sheet-open[b-25uljazbvv] {
        position: fixed;
        inset: 0;
        border-radius: 0;
        z-index: 1300;
        overflow-y: auto;
    }
}
/* _content/Ayva.Polymorph/Components/Queue/RejectedTasksPanel.razor.rz.scp.css */
/* RejectedTasksPanel — expandable list of rejections */

.rejected-panel[b-e16b21gocv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.rp-header[b-e16b21gocv] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.rp-title[b-e16b21gocv] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    flex: 1;
}

.rp-total[b-e16b21gocv] {
    padding: var(--space-xs) var(--space-sm);
    font-size: var(--text-xs);
    color: var(--error-color);
    background: var(--error-bg);
    border-radius: var(--radius-full);
    font-family: var(--font-mono);
    font-weight: var(--font-bold);
}

.rp-empty[b-e16b21gocv] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.rp-panel-title[b-e16b21gocv] {
    display: flex;
    gap: var(--space-md);
    align-items: center;
    width: 100%;
}

.rp-panel-name[b-e16b21gocv] {
    flex: 1;
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rp-panel-reason[b-e16b21gocv] {
    padding: var(--space-xs) var(--space-sm);
    background: var(--error-bg);
    color: var(--error-color);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.rp-panel-priority[b-e16b21gocv] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

.rp-panel-creator[b-e16b21gocv] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.rp-panel-body[b-e16b21gocv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md) 0;
}

.rp-detail-label[b-e16b21gocv] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-xs);
}

.rp-detail-text[b-e16b21gocv] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

.rp-actions[b-e16b21gocv] {
    display: flex;
    gap: var(--space-sm);
    justify-content: flex-end;
}
/* _content/Ayva.Polymorph/Components/QuickChatPanel.razor.rz.scp.css */
.qc-root[b-ps0hmjb12g] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 300px;
    max-height: calc(100vh - 220px);
    gap: 0.4rem;
}

.qc-controls[b-ps0hmjb12g] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.4rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
}

.qc-prompt[b-ps0hmjb12g] {
    width: 100%;
    background: var(--white-overlay-03);
    border: 1px solid var(--white-overlay-08);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: 0.78rem;
    padding: 0.5rem;
    resize: vertical;
    transition: border-color 0.15s;
}

.qc-prompt:focus[b-ps0hmjb12g] {
    outline: none;
    border-color: var(--accent-color);
}

.qc-prompt:disabled[b-ps0hmjb12g] {
    opacity: 0.5;
    cursor: not-allowed;
}

.qc-buttons[b-ps0hmjb12g] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.qc-send[b-ps0hmjb12g],
.qc-cancel[b-ps0hmjb12g],
.qc-clear[b-ps0hmjb12g] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.75rem;
    background: var(--white-overlay-05);
    border: 1px solid var(--white-overlay-08);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.qc-send[b-ps0hmjb12g] {
    background: var(--accent-color-20);
    border-color: var(--accent-color-30);
}

.qc-send:hover:not(:disabled)[b-ps0hmjb12g] {
    background: var(--accent-color-30);
}

.qc-cancel[b-ps0hmjb12g] {
    background: var(--warning-color-15);
    border-color: var(--warning-color-30);
}

.qc-cancel:hover:not(:disabled)[b-ps0hmjb12g] {
    background: var(--warning-color-20);
}

.qc-clear:hover:not(:disabled)[b-ps0hmjb12g] {
    background: var(--white-overlay-08);
}

.qc-send:disabled[b-ps0hmjb12g],
.qc-cancel:disabled[b-ps0hmjb12g],
.qc-clear:disabled[b-ps0hmjb12g] {
    opacity: 0.4;
    cursor: not-allowed;
}

.qc-spacer[b-ps0hmjb12g] {
    flex: 1;
}

.qc-stats[b-ps0hmjb12g] {
    font-size: 0.72rem;
    color: var(--white-overlay-70);
}

.qc-history[b-ps0hmjb12g] {
    flex: 1;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 0.4rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.qc-empty[b-ps0hmjb12g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--white-overlay-40);
    text-align: center;
    padding: 2rem;
}

.qc-empty p[b-ps0hmjb12g] {
    margin: 0;
    font-size: 0.8rem;
}

.qc-empty .muted[b-ps0hmjb12g] {
    font-size: 0.7rem;
    color: var(--white-overlay-30);
}

.qc-msg[b-ps0hmjb12g] {
    border-radius: var(--radius-sm);
    padding: 0.5rem 0.75rem;
    border-left: 2px solid var(--white-overlay-08);
}

.qc-msg.qc-user[b-ps0hmjb12g] {
    background: var(--accent-color-5);
    border-left-color: var(--accent-color);
}

.qc-msg.qc-assistant[b-ps0hmjb12g] {
    background: var(--white-overlay-03);
    border-left-color: var(--success-color);
}

.qc-msg.qc-streaming[b-ps0hmjb12g] {
    border-left-color: var(--warning-color);
    animation: qc-pulse-b-ps0hmjb12g 2s infinite;
}

@keyframes qc-pulse-b-ps0hmjb12g {
    0%, 100% { border-left-color: var(--warning-color); }
    50% { border-left-color: var(--warning-color-50); }
}

.qc-msg-head[b-ps0hmjb12g] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.3rem;
    font-size: 0.7rem;
}

.qc-msg-role[b-ps0hmjb12g] {
    font-weight: 600;
    color: var(--text-primary);
}

.qc-msg-time[b-ps0hmjb12g],
.qc-msg-tokens[b-ps0hmjb12g] {
    color: var(--white-overlay-50);
}

.qc-msg-error[b-ps0hmjb12g] {
    color: var(--error-color);
    margin-left: auto;
}

.qc-msg-body[b-ps0hmjb12g] {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: var(--font-mono);
    font-size: 0.78rem;
    color: var(--text-primary);
    background: transparent;
}
/* _content/Ayva.Polymorph/Components/ScheduleCalendar.razor.rz.scp.css */
.sc-section-head[b-b6x7rjur9n] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--border-color);
}

.sc-section-head h3[b-b6x7rjur9n] {
    margin: 0;
    font-family: var(--font-primary);
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.sc-hangfire-count[b-b6x7rjur9n] {
    margin-left: auto;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.sc-engine[b-b6x7rjur9n], .sc-hangfire[b-b6x7rjur9n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
}

.sc-metrics[b-b6x7rjur9n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--space-sm);
}

.sc-metric[b-b6x7rjur9n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-card);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
}

.sc-metric-label[b-b6x7rjur9n] {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sc-metric-val[b-b6x7rjur9n] {
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

.sc-interval-row[b-b6x7rjur9n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.sc-interval-row label[b-b6x7rjur9n] {
    min-width: 240px;
    flex: 0 0 auto;
}

.sc-interval-row input[type="range"][b-b6x7rjur9n] {
    flex: 1;
    min-width: 160px;
    accent-color: var(--accent-color);
}

.sc-interval-row input[type="range"]:focus-visible[b-b6x7rjur9n] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.sc-interval-display[b-b6x7rjur9n] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--accent-color);
    min-width: 60px;
    text-align: right;
}

.sc-empty[b-b6x7rjur9n] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-muted);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.sc-jobs[b-b6x7rjur9n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.sc-job[b-b6x7rjur9n] {
    display: grid;
    grid-template-columns: 2fr 1.2fr 1fr 1fr;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
}

.sc-job:hover[b-b6x7rjur9n] {
    background: var(--bg-hover);
}

.sc-job-head[b-b6x7rjur9n] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-color);
}

.sc-job-id[b-b6x7rjur9n] {
    font-family: var(--font-mono);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--accent-color);
}

.sc-job-cron code[b-b6x7rjur9n] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    background: var(--black-overlay-20);
    padding: 1px 4px;
    border-radius: 3px;
    color: var(--warning-color);
}

.sc-job-time[b-b6x7rjur9n] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

@media (max-width: 640px) {
    .sc-job[b-b6x7rjur9n] {
        grid-template-columns: 1.5fr 1fr 1fr;
    }
    .sc-job > :nth-child(3)[b-b6x7rjur9n] {
        display: none;
    }
    .sc-interval-row label[b-b6x7rjur9n] {
        min-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc-job[b-b6x7rjur9n] { transition: none; }
}
/* _content/Ayva.Polymorph/Components/Shared/AttachmentList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   AttachmentList — file attachment display with chips or cards
   ═══════════════════════════════════════════════════════════════ */

/* Chip mode (compact) */
.attachment-list.al-chips[b-sm8sdm49g0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

/* Card/preview mode */
.attachment-list.al-cards[b-sm8sdm49g0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

/* ── Chip Style ── */

.al-chip[b-sm8sdm49g0] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    background: var(--white-overlay-04);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: 2px var(--space-xs);
    font-size: var(--text-xs);
    transition: border-color var(--transition-fast);
}

.al-chip:hover[b-sm8sdm49g0] {
    border-color: var(--accent-color);
}

.al-chip-name[b-sm8sdm49g0] {
    color: var(--text-primary);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.al-chip-size[b-sm8sdm49g0] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
}

.al-chip-remove[b-sm8sdm49g0] {
    opacity: 0.5;
    transition: opacity var(--transition-fast);
}

.al-chip-remove:hover[b-sm8sdm49g0] {
    opacity: 1;
}

/* ── Card Style ── */

.al-card-wrapper[b-sm8sdm49g0] {
    position: relative;
    display: inline-flex;
}

[b-sm8sdm49g0] .al-remove-btn {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--danger-color) !important;
    color: white !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    opacity: 0;
    transition: opacity var(--transition-fast);
    z-index: 2;
}

.al-card-wrapper:hover[b-sm8sdm49g0]  .al-remove-btn {
    opacity: 1;
}

[b-sm8sdm49g0] .al-remove-btn:hover {
    opacity: 1;
    transform: scale(1.1);
}
/* _content/Ayva.Polymorph/Components/Shared/FilePreview.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   FilePreview — multi-format file preview component
   ═══════════════════════════════════════════════════════════════ */

.file-preview[b-djf6yb1gsb] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--white-overlay-02);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    width: 140px;
    min-height: 100px;
    cursor: default;
}

.file-preview:hover[b-djf6yb1gsb] {
    border-color: var(--accent-color);
    box-shadow: 0 2px 8px var(--black-overlay-20);
}

/* ── Image Preview ── */

.fp-image-container[b-djf6yb1gsb] {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--black-overlay-15);
}

.fp-thumbnail[b-djf6yb1gsb] {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.fp-image-placeholder[b-djf6yb1gsb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--text-muted);
    opacity: 0.4;
}

/* ── PDF / Document Preview ── */

.fp-doc-container[b-djf6yb1gsb] {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--black-overlay-10);
}

.fp-pdf-embed[b-djf6yb1gsb] {
    width: 100%;
    height: 100%;
    border: none;
}

.fp-doc-fallback[b-djf6yb1gsb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: var(--text-muted);
    opacity: 0.6;
}

.fp-doc-fallback span[b-djf6yb1gsb] {
    font-size: 10px;
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Text Preview ── */

.fp-text-container[b-djf6yb1gsb] {
    width: 100%;
    height: 90px;
    overflow: hidden;
    background: var(--black-overlay-15);
    padding: var(--space-xs);
}

.fp-text-content[b-djf6yb1gsb] {
    font-family: var(--font-mono);
    font-size: 8px;
    line-height: 1.3;
    color: var(--text-secondary);
    margin: 0;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-all;
}

/* ── Metadata Footer ── */

.fp-meta[b-djf6yb1gsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px var(--space-xs);
    border-top: 1px solid var(--border-subtle);
    background: var(--black-overlay-05);
    min-height: 22px;
}

.fp-name[b-djf6yb1gsb] {
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.fp-size[b-djf6yb1gsb] {
    font-size: 10px;
    font-family: var(--font-mono);
    color: var(--text-muted);
    flex-shrink: 0;
    margin-left: var(--space-xs);
}
/* _content/Ayva.Polymorph/Components/Shared/FileUploadZone.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   FileUploadZone — shared drag-drop file upload component
   ═══════════════════════════════════════════════════════════════ */

.file-upload-zone[b-oeuk3lw3wj] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-sm);
    padding: var(--space-xs) var(--space-sm);
    transition: all var(--transition-fast);
    cursor: pointer;
    min-width: 120px;
}

.file-upload-zone:hover[b-oeuk3lw3wj],
.file-upload-zone.drag-active[b-oeuk3lw3wj] {
    border-color: var(--accent-color);
    background: var(--accent-color-6);
}

/* Expanded (non-compact) mode */
.file-upload-zone:not(.compact)[b-oeuk3lw3wj] {
    flex-direction: column;
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-md);
    min-height: 80px;
    justify-content: center;
}

/* Wrapper hides the native <input type="file"> rendered by InputFile.
   Using position/overflow instead of display:none so the <label for="id">
   click-through still works across all browsers. */
.fuz-input-wrapper[b-oeuk3lw3wj] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.fuz-drop-label[b-oeuk3lw3wj] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    cursor: pointer;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    width: 100%;
}

.file-upload-zone:not(.compact) .fuz-drop-label[b-oeuk3lw3wj] {
    justify-content: center;
}

.fuz-drop-label:hover[b-oeuk3lw3wj] {
    color: var(--accent-color);
}

.fuz-drop-content[b-oeuk3lw3wj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    text-align: center;
}

.fuz-drop-icon[b-oeuk3lw3wj] {
    color: var(--text-secondary);
    opacity: 0.5;
    transition: all var(--transition-fast);
}

.file-upload-zone:hover .fuz-drop-icon[b-oeuk3lw3wj],
.file-upload-zone.drag-active .fuz-drop-icon[b-oeuk3lw3wj] {
    color: var(--accent-color);
    opacity: 1;
}

.fuz-drop-text[b-oeuk3lw3wj] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    font-weight: 500;
}

.fuz-drop-hint[b-oeuk3lw3wj] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* ── Pending Files List ── */

.fuz-pending-files[b-oeuk3lw3wj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.fuz-pending-file[b-oeuk3lw3wj] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    background: var(--white-overlay-04);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: 2px var(--space-xs);
    font-size: var(--text-xs);
}

.fuz-file-name[b-oeuk3lw3wj] {
    color: var(--text-primary);
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fuz-file-size[b-oeuk3lw3wj] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
}

.fuz-file-remove[b-oeuk3lw3wj] {
    opacity: 0.5;
    transition: opacity var(--transition-fast);
}

.fuz-file-remove:hover[b-oeuk3lw3wj] {
    opacity: 1;
}
/* _content/Ayva.Polymorph/Components/Shared/PanelLayout.razor.rz.scp.css */
.abp-wrap[b-sfi7fpg0mn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.abp-wrap:focus-within[b-sfi7fpg0mn] {
    border-color: var(--border-focus);
}

.abp-head[b-sfi7fpg0mn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-color);
    flex-wrap: wrap;
}

.abp-head-text[b-sfi7fpg0mn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.abp-title[b-sfi7fpg0mn] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin: 0;
    font-family: var(--font-primary);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    letter-spacing: 0.01em;
}

.abp-subtitle[b-sfi7fpg0mn] {
    margin: 0;
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.abp-head-actions[b-sfi7fpg0mn] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.abp-filters[b-sfi7fpg0mn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
}

.abp-body[b-sfi7fpg0mn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    min-height: 0;
}

.abp-loading[b-sfi7fpg0mn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-md);
    color: var(--text-secondary);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
}

.abp-empty[b-sfi7fpg0mn] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl) var(--space-md);
    color: var(--text-muted);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-md);
    background: var(--white-overlay-03);
}

.abp-foot[b-sfi7fpg0mn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-color);
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

@media (max-width: 640px) {
    .abp-wrap[b-sfi7fpg0mn] {
        padding: var(--space-md);
    }
    .abp-head[b-sfi7fpg0mn] {
        flex-direction: column;
        gap: var(--space-sm);
    }
    .abp-head-actions[b-sfi7fpg0mn] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .abp-title[b-sfi7fpg0mn] {
        font-size: var(--text-base);
    }
}

@media (prefers-reduced-motion: reduce) {
    .abp-wrap[b-sfi7fpg0mn] {
        transition: none;
    }
}
/* _content/Ayva.Polymorph/Components/Submission/PipelineSubmissionModal.razor.rz.scp.css */
/*
 * PipelineSubmissionModal - Glassmorphic Wizard Modal
 * Shell, header, step indicator, slide transitions, and navigation
 * Step content styles are in their respective extracted components
 */

/* ==========================================================================
   MODAL SHELL
   ========================================================================== */

[b-9il4mrirkk] .submission-modal {
    background: var(--dialog-bg-glass) !important;
    backdrop-filter: var(--glass-blur-strong) !important;
    -webkit-backdrop-filter: var(--glass-blur-strong) !important;
    border: 1px solid var(--dialog-border) !important;
    border-radius: var(--dialog-radius) !important;
    box-shadow: var(--dialog-shadow) !important;
    max-width: 880px !important;
    width: 95vw !important;
    overflow: hidden;
    animation: dialogEnter-b-9il4mrirkk 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes dialogEnter-b-9il4mrirkk {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

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

.modal-header[b-9il4mrirkk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    width: 100%;
}

.modal-title-row[b-9il4mrirkk] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.modal-icon[b-9il4mrirkk] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-lg);
    background: var(--accent-color-15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
    flex-shrink: 0;
}

.modal-title-text[b-9il4mrirkk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.modal-heading[b-9il4mrirkk] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 1.125rem;
    color: var(--text-primary);
    line-height: 1.3;
}

.modal-subheading[b-9il4mrirkk] {
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.3;
}

.modal-close-btn[b-9il4mrirkk] {
    flex-shrink: 0;
    color: var(--text-secondary) !important;
    opacity: 0.7;
    transition: all var(--transition-fast);
}

.modal-close-btn:hover[b-9il4mrirkk] {
    opacity: 1;
    color: var(--text-primary) !important;
    background: var(--bg-hover) !important;
}

/* ==========================================================================
   STEP INDICATOR
   ========================================================================== */

.step-indicator[b-9il4mrirkk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0 var(--space-xl);
}

.step-node[b-9il4mrirkk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity var(--transition-fast);
}

.step-node.upcoming[b-9il4mrirkk] {
    cursor: default;
    opacity: 0.6;
}

.step-node.completed:hover .step-circle[b-9il4mrirkk] {
    box-shadow: 0 0 12px var(--accent-color-30);
    transform: scale(1.05);
}

.step-node.active[b-9il4mrirkk] {
    cursor: default;
}

.step-circle[b-9il4mrirkk] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    background: var(--bg-secondary);
    border: 2px solid var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    color: var(--text-secondary);
    transition: all var(--transition-smooth);
}

.step-label[b-9il4mrirkk] {
    font-family: var(--font-primary);
    font-size: 0.6875rem;
    font-weight: var(--font-medium);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color var(--transition-smooth);
}

/* Active step */
.step-node.active .step-circle[b-9il4mrirkk] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--text-primary);
    box-shadow: 0 0 16px var(--accent-color-30);
}

/* Pulsing glow on active step circle while eval is loading */
.step-node.active.evaluating .step-circle[b-9il4mrirkk] {
    animation: stepEvalPulse-b-9il4mrirkk 1.8s ease-in-out infinite;
}

@keyframes stepEvalPulse-b-9il4mrirkk {
    0%, 100% {
        box-shadow: 0 0 16px var(--accent-color-30);
    }
    50% {
        box-shadow: 0 0 24px var(--accent-color-50), 0 0 40px var(--accent-color-20);
    }
}

.step-node.active .step-label[b-9il4mrirkk] {
    color: var(--accent-color);
}

/* Completed step */
.step-node.completed .step-circle[b-9il4mrirkk] {
    background: var(--accent-color-20);
    border-color: var(--accent-color);
    color: var(--accent-light);
}

.step-node.completed .step-label[b-9il4mrirkk] {
    color: var(--text-secondary);
}

/* Connector line */
.step-connector[b-9il4mrirkk] {
    width: 60px;
    height: 2px;
    background: var(--border-subtle);
    margin: 0 var(--space-sm);
    margin-bottom: 1.25rem; /* align with circles, not labels */
    border-radius: var(--radius-full);
    transition: background var(--transition-smooth);
    position: relative;
    overflow: hidden;
}

.step-connector[b-9il4mrirkk]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: var(--accent-color);
    border-radius: var(--radius-full);
    transition: width var(--transition-smooth);
}

.step-connector.completed[b-9il4mrirkk]::after {
    width: 100%;
}

/* ==========================================================================
   CONTENT AREA & SLIDE TRANSITIONS
   ========================================================================== */

/* Override MudDialog's default overflow-y:auto on .mud-dialog-content
   which clips the 300%-wide slide container and can cause blank panels */
[b-9il4mrirkk] .mud-dialog-content {
    overflow: hidden !important;
    padding: 0 !important;
}

.step-content-area[b-9il4mrirkk] {
    overflow: hidden;
    position: relative;
    min-height: 360px;
    border-top: 1px solid var(--border-subtle);
}

.step-slide-container[b-9il4mrirkk] {
    display: flex;
    align-items: stretch;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 300%;
    will-change: transform;
}

.step-panel[b-9il4mrirkk] {
    width: 33.333%;
    flex-shrink: 0;
    min-height: 360px;
}

/* Rejection banner wrapper */
.rejection-wrapper[b-9il4mrirkk] {
    padding: var(--space-md) var(--space-xl) 0;
}

/* ==========================================================================
   NAVIGATION BAR
   ========================================================================== */

[b-9il4mrirkk] .submission-actions {
    padding: 0 !important;
    background: transparent !important;
    border-top: none !important;
}

.nav-bar[b-9il4mrirkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-xl);
    background: var(--black-overlay-20);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid var(--border-subtle);
    width: 100%;
}

.nav-left[b-9il4mrirkk],
.nav-right[b-9il4mrirkk] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.nav-btn[b-9il4mrirkk] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-xl);
    border-radius: var(--radius-md);
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: var(--font-medium);
    cursor: pointer;
    transition: all var(--transition-smooth);
    border: none;
    outline: none;
}

.nav-btn:disabled[b-9il4mrirkk] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.nav-btn:focus-visible[b-9il4mrirkk] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.nav-btn.ghost[b-9il4mrirkk] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.nav-btn.ghost:hover:not(:disabled)[b-9il4mrirkk] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--border-color-medium);
}

.nav-btn.primary[b-9il4mrirkk] {
    background: var(--accent-gradient);
    color: var(--text-primary);
}

.nav-btn.primary:hover:not(:disabled)[b-9il4mrirkk] {
    background: var(--accent-gradient-hover);
    box-shadow: var(--shadow-accent);
    transform: translateY(-1px);
}

.nav-btn.primary:active:not(:disabled)[b-9il4mrirkk] {
    transform: translateY(0);
    box-shadow: none;
}

.nav-btn.submit[b-9il4mrirkk] {
    padding: var(--space-sm) var(--space-2xl);
}

[b-9il4mrirkk] .submit-spinner {
    color: var(--text-primary) !important;
    width: 18px !important;
    height: 18px !important;
}

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

@media (max-width: 640px) {
    [b-9il4mrirkk] .submission-modal {
        max-width: 100vw !important;
        width: 100vw !important;
        border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
        max-height: 90vh;
    }

    .step-indicator[b-9il4mrirkk] {
        padding: 0;
    }

    .step-connector[b-9il4mrirkk] {
        width: 32px;
    }

    .step-label[b-9il4mrirkk] {
        font-size: 0.5625rem;
    }

    .nav-bar[b-9il4mrirkk] {
        padding: var(--space-sm) var(--space-md);
    }

    .nav-btn[b-9il4mrirkk] {
        padding: var(--space-sm) var(--space-md);
        font-size: 0.8125rem;
    }

    .rejection-wrapper[b-9il4mrirkk] {
        padding: var(--space-sm) var(--space-md) 0;
    }
}
/* _content/Ayva.Polymorph/Components/Submission/SubmissionRejectionBanner.razor.rz.scp.css */
/*
 * SubmissionRejectionBanner - Amber warning card
 * Slides down when a submission is rejected, offers edit or override actions
 */

.rejection-banner[b-34j9drhtyt] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--warning-color-10);
    border: 1px solid var(--warning-color-20);
    border-radius: var(--radius-lg);
    animation: bannerSlideDown-b-34j9drhtyt 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes bannerSlideDown-b-34j9drhtyt {
    from {
        opacity: 0;
        transform: translateY(-12px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 200px;
    }
}

.rejection-icon[b-34j9drhtyt] {
    color: var(--warning-color);
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.rejection-body[b-34j9drhtyt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rejection-title[b-34j9drhtyt] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.8125rem;
    color: var(--warning-text);
}

.rejection-detail[b-34j9drhtyt] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    line-height: 1.4;
    word-break: break-word;
}

.rejection-actions[b-34j9drhtyt] {
    display: flex;
    gap: var(--space-xs);
    flex-shrink: 0;
}

.rejection-btn[b-34j9drhtyt] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-md);
    border-radius: var(--radius-md);
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: var(--font-medium);
    cursor: pointer;
    transition: all var(--transition-fast);
}

[b-34j9drhtyt] .rejection-btn .mud-icon-root {
    font-size: 0.875rem !important;
}

.rejection-btn.edit[b-34j9drhtyt] {
    background: transparent;
    border: 1px solid var(--warning-color-20);
    color: var(--warning-text);
}

.rejection-btn.edit:hover[b-34j9drhtyt] {
    background: var(--warning-color-15);
    border-color: var(--warning-color-30);
}

.rejection-btn.override[b-34j9drhtyt] {
    background: var(--error-color-15);
    border: 1px solid var(--error-border);
    color: var(--error-text);
}

.rejection-btn.override:hover[b-34j9drhtyt] {
    background: var(--error-color-20);
}

.rejection-btn:focus-visible[b-34j9drhtyt] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* Responsive */
@media (max-width: 640px) {
    .rejection-banner[b-34j9drhtyt] {
        flex-direction: column;
        text-align: center;
    }

    .rejection-actions[b-34j9drhtyt] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Ayva.Polymorph/Components/Submission/SubmissionStepInput.razor.rz.scp.css */
/*
 * SubmissionStepInput - Directive input step
 * Extracted from PipelineSubmissionModal Step 0
 */

.step-inner[b-tsou33kge5] {
    padding: var(--space-lg) var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.input-label[b-tsou33kge5] {
    display: block;
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-xs);
}

.directive-textarea[b-tsou33kge5] {
    width: 100%;
    min-height: 140px;
    padding: var(--space-md) var(--space-lg);
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: 0.9375rem;
    line-height: 1.6;
    resize: vertical;
    outline: none;
    transition: all var(--transition-smooth);
    box-sizing: border-box;
}

.directive-textarea[b-tsou33kge5]::placeholder {
    color: var(--text-muted);
}

.directive-textarea:focus[b-tsou33kge5] {
    border-color: var(--border-focus);
    box-shadow: inset 0 0 20px var(--accent-color-10), var(--shadow-focus);
}

.directive-textarea:focus-visible[b-tsou33kge5] {
    outline: none;
}

.char-count[b-tsou33kge5] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: right;
    transition: color var(--transition-fast);
}

.char-count.insufficient[b-tsou33kge5] {
    color: var(--warning-color);
}

/* Attachment upload */
.attachment-section[b-tsou33kge5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.file-input[b-tsou33kge5] {
    display: none;
}

.file-upload-zone[b-tsou33kge5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-lg);
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-md);
    color: var(--text-muted);
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all var(--transition-smooth);
}

.file-upload-zone:hover[b-tsou33kge5] {
    border-color: var(--accent-color-30);
    background: var(--accent-color-5);
    color: var(--text-secondary);
}

.file-upload-zone:focus-within[b-tsou33kge5] {
    border-color: var(--border-focus);
    box-shadow: var(--shadow-focus);
    background: var(--accent-color-5);
}

[b-tsou33kge5] .upload-icon {
    color: var(--text-muted);
    font-size: 1.25rem !important;
}

.attachment-list[b-tsou33kge5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.attachment-chip[b-tsou33kge5] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.attachment-name[b-tsou33kge5] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-size[b-tsou33kge5] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
}

.attachment-remove[b-tsou33kge5] {
    color: var(--text-muted) !important;
    padding: 2px !important;
    min-width: 0 !important;
}

.attachment-remove:hover[b-tsou33kge5] {
    color: var(--error-color) !important;
}

/* Quick eval results */
.eval-result-card[b-tsou33kge5] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    transition: all var(--transition-smooth);
    animation: evalCardEnter-b-tsou33kge5 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes evalCardEnter-b-tsou33kge5 {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.eval-result-card:not(.loading):hover[b-tsou33kge5] {
    border-color: var(--accent-color-20);
    box-shadow: 0 0 16px var(--accent-color-10);
}

.eval-result-card.loading[b-tsou33kge5] {
    gap: var(--space-sm);
}

.eval-header[b-tsou33kge5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

[b-tsou33kge5] .eval-icon {
    color: var(--accent-color) !important;
    font-size: 1.125rem !important;
}

.eval-title[b-tsou33kge5] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.eval-stale[b-tsou33kge5] {
    margin-left: auto;
    font-size: 0.6875rem;
    color: var(--warning-color);
    font-style: italic;
}

.eval-body[b-tsou33kge5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm) var(--space-xl);
}

.eval-field[b-tsou33kge5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eval-field-label[b-tsou33kge5] {
    font-size: 0.6875rem;
    font-weight: var(--font-medium);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.eval-field-value[b-tsou33kge5] {
    font-size: 0.8125rem;
    color: var(--text-primary);
}

.eval-field-value.mono[b-tsou33kge5] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
}

/* Complexity dots */
.complexity-dots[b-tsou33kge5] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding-top: 2px;
}

.complexity-dot[b-tsou33kge5] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--border-subtle);
    transition: background var(--transition-fast);
}

.complexity-dot.filled[b-tsou33kge5] {
    background: var(--accent-color);
    box-shadow: 0 0 6px var(--accent-color-30);
    animation: dotFill-b-tsou33kge5 0.3s ease-out;
}

@keyframes dotFill-b-tsou33kge5 {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Priority badge */
.priority-badge[b-tsou33kge5] {
    display: inline-block;
    padding: 1px var(--space-sm);
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: var(--font-medium);
    width: fit-content;
}

.priority-badge.low[b-tsou33kge5] {
    background: var(--info-color-15);
    color: var(--info-text);
}

.priority-badge.normal[b-tsou33kge5] {
    background: var(--accent-color-15);
    color: var(--accent-light);
}

.priority-badge.high[b-tsou33kge5] {
    background: var(--warning-color-15);
    color: var(--warning-text);
}

.priority-badge.critical[b-tsou33kge5] {
    background: var(--error-color-15);
    color: var(--error-text);
}

.fast-track-notice[b-tsou33kge5] {
    grid-column: 1 / -1;
    flex-direction: row !important;
    align-items: center;
    gap: var(--space-xs);
    color: var(--success-color);
    font-size: 0.8125rem;
    font-weight: var(--font-medium);
    padding: var(--space-xs) var(--space-sm);
    background: var(--success-color-10);
    border-radius: var(--radius-sm);
}

.eval-summary[b-tsou33kge5] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.5;
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--space-md);
}

/* Shimmer bars */
.shimmer-bar[b-tsou33kge5] {
    border-radius: var(--radius-sm);
    background: linear-gradient(
        90deg,
        var(--border-subtle) 0%,
        var(--bg-hover) 50%,
        var(--border-subtle) 100%
    );
    background-size: 200% 100%;
    animation: shimmer-b-tsou33kge5 1.8s ease-in-out infinite;
}

.shimmer-bar.shimmer-title[b-tsou33kge5] {
    height: 0.875rem;
    width: 60%;
}

.shimmer-bar.shimmer-body[b-tsou33kge5] {
    height: 0.625rem;
    width: 100%;
}

.shimmer-bar.shimmer-body.short[b-tsou33kge5] {
    width: 45%;
}

@keyframes shimmer-b-tsou33kge5 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Responsive */
@media (max-width: 640px) {
    .step-inner[b-tsou33kge5] {
        padding: var(--space-md) var(--space-md);
    }

    .eval-body[b-tsou33kge5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Polymorph/Components/Submission/SubmissionStepParams.razor.rz.scp.css */
/*
 * SubmissionStepParams - Parameter configuration step
 * Extracted from PipelineSubmissionModal Step 1
 */

.step-inner[b-t1jjsc8vut] {
    padding: var(--space-lg) var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.input-label[b-t1jjsc8vut] {
    display: block;
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-xs);
}

.params-grid[b-t1jjsc8vut] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.param-group[b-t1jjsc8vut] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.param-group.full-width[b-t1jjsc8vut] {
    grid-column: 1 / -1;
}

.param-input[b-t1jjsc8vut] {
    width: 100%;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: 0.875rem;
    outline: none;
    transition: all var(--transition-smooth);
    box-sizing: border-box;
}

.param-input.mono-input[b-t1jjsc8vut] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
}

.param-input[b-t1jjsc8vut]::placeholder {
    color: var(--text-muted);
}

.param-input:focus[b-t1jjsc8vut] {
    border-color: var(--border-focus);
    box-shadow: var(--shadow-focus);
}

.param-input:focus-visible[b-t1jjsc8vut] {
    outline: none;
}

/* Priority selector */
.priority-selector[b-t1jjsc8vut] {
    display: flex;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.priority-btn[b-t1jjsc8vut] {
    flex: 1;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border: none;
    color: var(--text-secondary);
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    font-weight: var(--font-medium);
    cursor: pointer;
    transition: all var(--transition-fast);
    border-right: 1px solid var(--border-subtle);
}

.priority-btn:last-child[b-t1jjsc8vut] {
    border-right: none;
}

.priority-btn:hover[b-t1jjsc8vut] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.priority-btn.active.low[b-t1jjsc8vut] {
    background: var(--info-color-15);
    color: var(--info-text);
}

.priority-btn.active.normal[b-t1jjsc8vut] {
    background: var(--accent-color-15);
    color: var(--accent-light);
}

.priority-btn.active.high[b-t1jjsc8vut] {
    background: var(--warning-color-15);
    color: var(--warning-text);
}

.priority-btn.active.critical[b-t1jjsc8vut] {
    background: var(--error-color-15);
    color: var(--error-text);
}

/* Active priority buttons get a subtle inner glow for stronger visual weight */
.priority-btn.active[b-t1jjsc8vut] {
    font-weight: var(--font-semibold);
    position: relative;
}

.priority-btn:focus-visible[b-t1jjsc8vut] {
    outline: 2px solid var(--accent-color);
    outline-offset: -2px;
    z-index: 1;
}

/* Toggle groups */
.toggle-group[b-t1jjsc8vut] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.toggle-row[b-t1jjsc8vut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    gap: var(--space-md);
    border-bottom: 1px solid var(--border-subtle);
    transition: background var(--transition-fast);
}

.toggle-row:last-child[b-t1jjsc8vut] {
    border-bottom: none;
}

.toggle-row:hover[b-t1jjsc8vut] {
    background: var(--bg-hover);
}

.toggle-info[b-t1jjsc8vut] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.toggle-label[b-t1jjsc8vut] {
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.toggle-desc[b-t1jjsc8vut] {
    font-size: 0.6875rem;
    color: var(--text-muted);
    line-height: 1.3;
}

[b-t1jjsc8vut] .toggle-switch {
    flex-shrink: 0;
    margin: 0 !important;
}

[b-t1jjsc8vut] .toggle-switch .mud-switch-base {
    padding: var(--space-xs) !important;
}

.toggle-group.advanced[b-t1jjsc8vut] {
    border-color: var(--border-subtle);
    opacity: 0.85;
    transition: opacity var(--transition-smooth);
}

.toggle-group.advanced:hover[b-t1jjsc8vut] {
    opacity: 1;
}

/* Split detection panel */
.split-detect-panel[b-t1jjsc8vut] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-lg);
    margin-top: var(--space-sm);
    animation: statusFadeIn-b-t1jjsc8vut 0.3s ease-out;
}

.split-detect-panel.loading[b-t1jjsc8vut] {
    background: var(--info-color-5);
    border: 1px solid var(--info-color-15);
}

.split-detect-panel.detected[b-t1jjsc8vut] {
    background: var(--accent-color-5);
    border: 1px solid var(--accent-color-20);
}

.split-detect-header[b-t1jjsc8vut] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.split-detect-title[b-t1jjsc8vut] {
    font-weight: var(--font-semibold);
    color: var(--accent-light);
}

.split-detect-rationale[b-t1jjsc8vut] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
    padding: 0 var(--space-xs);
}

.split-detect-directives[b-t1jjsc8vut] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.split-directive-row[b-t1jjsc8vut] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.split-directive-num[b-t1jjsc8vut] {
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    background: var(--accent-color-15);
    color: var(--accent-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    flex-shrink: 0;
}

[b-t1jjsc8vut] .split-directive-row .mud-input-outlined {
    font-size: var(--text-sm) !important;
}

.split-detect-actions[b-t1jjsc8vut] {
    display: flex;
    gap: var(--space-sm);
    margin-top: var(--space-xs);
}

[b-t1jjsc8vut] .split-progress {
    border-radius: var(--radius-full) !important;
}

/* Team eval status card — prominent feedback */
.team-eval-status[b-t1jjsc8vut] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--accent-color-10);
    border: 1px solid var(--accent-color-20);
    border-radius: var(--radius-lg);
    margin-top: var(--space-sm);
    animation: statusFadeIn-b-t1jjsc8vut 0.3s ease-out;
}

@keyframes statusFadeIn-b-t1jjsc8vut {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.team-eval-icon-wrapper[b-t1jjsc8vut] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-lg);
    background: var(--accent-color-15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--accent-color);
}

.team-eval-icon-wrapper.ready[b-t1jjsc8vut] {
    background: var(--success-color-15);
    color: var(--success-color);
}

.team-eval-icon-wrapper.fast-track[b-t1jjsc8vut] {
    background: var(--warning-color-15);
    color: var(--warning-color);
}

[b-t1jjsc8vut] .team-eval-icon.spinning {
    animation: teamSpin-b-t1jjsc8vut 2s linear infinite;
}

@keyframes teamSpin-b-t1jjsc8vut {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.team-eval-info[b-t1jjsc8vut] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.team-eval-title[b-t1jjsc8vut] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.team-eval-desc[b-t1jjsc8vut] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.4;
}

[b-t1jjsc8vut] .team-progress {
    border-radius: var(--radius-full) !important;
    margin-top: 4px;
}

.team-eval-status.ready[b-t1jjsc8vut] {
    background: var(--success-color-5);
    border-color: var(--success-color-15);
}

.team-eval-status.fast-track[b-t1jjsc8vut] {
    background: var(--warning-color-5);
    border-color: var(--warning-color-15);
}

.team-eval-status.loading[b-t1jjsc8vut] {
    background: var(--accent-color-5);
    border-color: var(--accent-color-15);
}

.team-eval-status:not(.loading):hover[b-t1jjsc8vut] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

/* Responsive */
@media (max-width: 640px) {
    .step-inner[b-t1jjsc8vut] {
        padding: var(--space-md) var(--space-md);
    }
}
/* _content/Ayva.Polymorph/Components/Submission/SubmissionStepTeam.razor.rz.scp.css */
/*
 * SubmissionStepTeam - Team composition step
 * Extracted from PipelineSubmissionModal Step 2
 */

.step-inner[b-me3qp0yx77] {
    padding: var(--space-lg) var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Team cards grid */
.team-cards-grid[b-me3qp0yx77] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--space-md);
}

/* Skeleton loading cards */
.team-skeleton-grid[b-me3qp0yx77] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--space-md);
}

.team-skeleton-card[b-me3qp0yx77] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    animation: skeletonFadeIn-b-me3qp0yx77 0.3s ease both;
    animation-delay: calc(var(--card-index) * 100ms);
}

@keyframes skeletonFadeIn-b-me3qp0yx77 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.shimmer-tags[b-me3qp0yx77] {
    display: flex;
    gap: 4px;
    margin-top: var(--space-xs);
}

.shimmer-bar[b-me3qp0yx77] {
    border-radius: var(--radius-sm);
    background: linear-gradient(
        90deg,
        var(--border-subtle) 0%,
        var(--bg-hover) 50%,
        var(--border-subtle) 100%
    );
    background-size: 200% 100%;
    animation: shimmer-b-me3qp0yx77 1.8s ease-in-out infinite;
}

.shimmer-bar.shimmer-avatar[b-me3qp0yx77] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-md);
}

.shimmer-bar.shimmer-title[b-me3qp0yx77] {
    height: 0.875rem;
    width: 60%;
}

.shimmer-bar.shimmer-body[b-me3qp0yx77] {
    height: 0.625rem;
    width: 100%;
}

.shimmer-bar.shimmer-body.short[b-me3qp0yx77] {
    width: 45%;
}

.shimmer-bar.shimmer-tag[b-me3qp0yx77] {
    height: 1rem;
    width: 3.5rem;
    border-radius: var(--radius-xs);
}

@keyframes shimmer-b-me3qp0yx77 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Warning banner */
.team-warning-banner[b-me3qp0yx77] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--warning-color-10);
    border: 1px solid var(--warning-color-20);
    border-radius: var(--radius-lg);
}

[b-me3qp0yx77] .warning-icon {
    color: var(--warning-color) !important;
    font-size: 1.5rem !important;
    flex-shrink: 0;
}

.warning-body[b-me3qp0yx77] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.warning-title[b-me3qp0yx77] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.warning-desc[b-me3qp0yx77] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.warning-retry-btn[b-me3qp0yx77] {
    flex-shrink: 0;
}

/* Empty state */
.team-empty-state[b-me3qp0yx77] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-3xl) var(--space-xl);
    text-align: center;
}

[b-me3qp0yx77] .empty-icon {
    font-size: 2.5rem !important;
    color: var(--text-muted) !important;
    opacity: 0.6;
}

[b-me3qp0yx77] .empty-icon.warning {
    color: var(--warning-color) !important;
}

[b-me3qp0yx77] .empty-icon.fast-track {
    color: var(--success-color) !important;
}

.empty-title[b-me3qp0yx77] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.9375rem;
    color: var(--text-primary);
}

.empty-desc[b-me3qp0yx77] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    max-width: 320px;
    line-height: 1.5;
}

/* Add member button */
.add-member-btn[b-me3qp0yx77] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-lg);
    background: transparent;
    color: var(--text-muted);
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    font-weight: var(--font-medium);
    cursor: pointer;
    transition: all var(--transition-smooth);
}

.add-member-btn:hover[b-me3qp0yx77] {
    border-color: var(--accent-color-30);
    background: var(--accent-color-5);
    color: var(--accent-light);
}

.add-member-btn:focus-visible[b-me3qp0yx77] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* Add member form */
.add-member-form[b-me3qp0yx77] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    animation: formSlideIn-b-me3qp0yx77 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes formSlideIn-b-me3qp0yx77 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.add-form-header[b-me3qp0yx77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-form-title[b-me3qp0yx77] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    color: var(--text-primary);
}

.add-form-close[b-me3qp0yx77] {
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
}

.add-form-close:hover[b-me3qp0yx77] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.add-form-close:focus-visible[b-me3qp0yx77] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.add-form-fields[b-me3qp0yx77] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.add-form-group[b-me3qp0yx77] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.add-form-label[b-me3qp0yx77] {
    font-family: var(--font-primary);
    font-size: 0.6875rem;
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.add-form-input[b-me3qp0yx77],
.add-form-textarea[b-me3qp0yx77] {
    width: 100%;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-primary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    outline: none;
    transition: all var(--transition-smooth);
    box-sizing: border-box;
}

.add-form-textarea[b-me3qp0yx77] {
    resize: vertical;
    min-height: 60px;
}

.add-form-input[b-me3qp0yx77]::placeholder,
.add-form-textarea[b-me3qp0yx77]::placeholder {
    color: var(--text-muted);
}

.add-form-input:focus[b-me3qp0yx77],
.add-form-textarea:focus[b-me3qp0yx77] {
    border-color: var(--border-focus);
    box-shadow: var(--shadow-focus);
}

.add-form-input:focus-visible[b-me3qp0yx77],
.add-form-textarea:focus-visible[b-me3qp0yx77] {
    outline: none;
}

.add-form-actions[b-me3qp0yx77] {
    display: flex;
    gap: var(--space-sm);
    justify-content: flex-end;
}

.add-form-btn[b-me3qp0yx77] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-md);
    border-radius: var(--radius-md);
    font-family: var(--font-primary);
    font-size: 0.8125rem;
    font-weight: var(--font-medium);
    cursor: pointer;
    border: none;
    transition: all var(--transition-fast);
}

.add-form-btn:disabled[b-me3qp0yx77] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.add-form-btn:focus-visible[b-me3qp0yx77] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.add-form-btn.generate[b-me3qp0yx77] {
    background: var(--bg-hover);
    color: var(--text-secondary);
    border: 1px solid var(--border-subtle);
}

.add-form-btn.generate:hover:not(:disabled)[b-me3qp0yx77] {
    background: var(--accent-color-10);
    border-color: var(--accent-color-20);
    color: var(--accent-light);
}

.add-form-btn.add[b-me3qp0yx77] {
    background: var(--accent-color-15);
    color: var(--accent-light);
}

.add-form-btn.add:hover:not(:disabled)[b-me3qp0yx77] {
    background: var(--accent-color-20);
}

[b-me3qp0yx77] .gen-spinner {
    width: 16px !important;
    height: 16px !important;
    color: var(--text-secondary) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .team-cards-grid[b-me3qp0yx77],
    .team-skeleton-grid[b-me3qp0yx77] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

@media (max-width: 640px) {
    .step-inner[b-me3qp0yx77] {
        padding: var(--space-md) var(--space-md);
    }

    .team-cards-grid[b-me3qp0yx77],
    .team-skeleton-grid[b-me3qp0yx77] {
        grid-template-columns: 1fr;
    }

    .team-warning-banner[b-me3qp0yx77] {
        flex-direction: column;
        text-align: center;
    }

    .add-form-actions[b-me3qp0yx77] {
        flex-direction: column;
    }

    .add-form-btn[b-me3qp0yx77] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Ayva.Polymorph/Components/Submission/TeamMemberCard.razor.rz.scp.css */
/*
 * TeamMemberCard - Glassmorphic reusable team member card
 * Showpiece component with accent stripe, staggered entrance, collapsible prompt
 */

.team-member-card[b-f742abqrkm] {
    position: relative;
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    padding-top: calc(var(--space-lg) + 3px);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    transition: all var(--transition-smooth);
    overflow: hidden;
    animation: cardFadeIn-b-f742abqrkm 0.4s cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(var(--card-index) * 80ms);
}

@keyframes cardFadeIn-b-f742abqrkm {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.team-member-card:hover[b-f742abqrkm] {
    border-color: var(--accent-color-30);
    box-shadow: var(--shadow-md), 0 0 20px color-mix(in srgb, var(--card-color) 10%, transparent);
    transform: translateY(-2px);
}

.team-member-card.prompt-open[b-f742abqrkm] {
    grid-column: 1 / -1;
}

/* Accent stripe - 3px top edge */
.card-accent-stripe[b-f742abqrkm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--card-color);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

/* Status indicator dot */
.status-indicator[b-f742abqrkm] {
    position: absolute;
    top: var(--space-md);
    right: var(--space-md);
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-indicator.idle[b-f742abqrkm] {
    background: var(--text-muted);
    opacity: 0.4;
    animation: idlePulse-b-f742abqrkm 3s ease-in-out infinite;
}

@keyframes idlePulse-b-f742abqrkm {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

.status-indicator.active[b-f742abqrkm] {
    background: var(--accent-color);
    box-shadow: 0 0 8px var(--accent-color), 0 0 16px var(--accent-color-30);
    animation: activeGlow-b-f742abqrkm 1.5s ease-in-out infinite;
}

@keyframes activeGlow-b-f742abqrkm {
    0%, 100% { box-shadow: 0 0 8px var(--accent-color), 0 0 16px var(--accent-color-30); }
    50% { box-shadow: 0 0 12px var(--accent-color), 0 0 24px var(--accent-color-30); }
}

.status-indicator.completed[b-f742abqrkm] {
    background: var(--success-color);
    width: 16px;
    height: 16px;
}

[b-f742abqrkm] .status-indicator.completed .mud-icon-root {
    font-size: 0.625rem !important;
    color: var(--bg-primary) !important;
}

/* Delete button */
.card-delete-btn[b-f742abqrkm] {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all var(--transition-fast);
    z-index: 2;
}

.team-member-card:hover .card-delete-btn[b-f742abqrkm] {
    opacity: 1;
}

.card-delete-btn:hover[b-f742abqrkm] {
    background: var(--error-color-15);
    color: var(--error-color);
}

.card-delete-btn:focus-visible[b-f742abqrkm] {
    outline: 2px solid var(--error-color);
    outline-offset: 2px;
    opacity: 1;
}

[b-f742abqrkm] .card-delete-btn .mud-icon-root {
    font-size: 0.875rem !important;
}

/* Header */
.card-header[b-f742abqrkm] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.card-avatar[b-f742abqrkm] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 30%, transparent), color-mix(in srgb, var(--card-color) 15%, transparent));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary);
    flex-shrink: 0;
    border: 1px solid color-mix(in srgb, var(--card-color) 25%, transparent);
}

[b-f742abqrkm] .card-avatar .mud-icon-root {
    font-size: 1.125rem !important;
}

.card-title-section[b-f742abqrkm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.card-role[b-f742abqrkm] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: 0.875rem;
    color: var(--text-primary);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-order[b-f742abqrkm] {
    font-size: 0.6875rem;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

/* Expertise tags as pills */
.card-tags[b-f742abqrkm] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.expertise-pill[b-f742abqrkm] {
    padding: 2px var(--space-sm);
    background: var(--bg-hover);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-full);
    font-family: var(--font-mono);
    font-size: 0.625rem;
    color: var(--text-secondary);
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.expertise-pill:hover[b-f742abqrkm] {
    border-color: color-mix(in srgb, var(--card-color) 40%, transparent);
    color: var(--text-primary);
}

.expertise-pill.overflow[b-f742abqrkm] {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-muted);
    font-style: italic;
}

/* Description */
.card-description[b-f742abqrkm] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.team-member-card.prompt-open .card-description[b-f742abqrkm] {
    -webkit-line-clamp: unset;
}

/* System prompt section */
.prompt-section[b-f742abqrkm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-top: auto;
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-subtle);
}

.prompt-toggle[b-f742abqrkm] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) 0;
    background: none;
    border: none;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.prompt-toggle:hover[b-f742abqrkm] {
    color: var(--text-secondary);
}

.prompt-toggle:focus-visible[b-f742abqrkm] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

[b-f742abqrkm] .prompt-toggle .mud-icon-root {
    font-size: 0.875rem !important;
}

.prompt-length[b-f742abqrkm] {
    margin-left: auto;
    opacity: 0.6;
    font-size: 0.625rem;
}

.prompt-content[b-f742abqrkm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    animation: promptReveal-b-f742abqrkm 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes promptReveal-b-f742abqrkm {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.prompt-preview[b-f742abqrkm] {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
}

.prompt-editor[b-f742abqrkm] {
    width: 100%;
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    color: var(--text-primary);
    line-height: 1.6;
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    resize: vertical;
    outline: none;
    transition: border-color var(--transition-fast);
    box-sizing: border-box;
    min-height: 100px;
}

.prompt-editor:focus[b-f742abqrkm] {
    border-color: var(--border-focus);
    box-shadow: inset 0 0 12px var(--accent-color-5);
}

.prompt-editor:focus-visible[b-f742abqrkm] {
    outline: none;
}

.prompt-actions[b-f742abqrkm] {
    display: flex;
    gap: var(--space-xs);
    justify-content: flex-end;
}

.prompt-action-btn[b-f742abqrkm] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    font-family: var(--font-primary);
    font-size: 0.6875rem;
    font-weight: var(--font-medium);
    cursor: pointer;
    border: none;
    transition: all var(--transition-fast);
}

[b-f742abqrkm] .prompt-action-btn .mud-icon-root {
    font-size: 0.75rem !important;
}

.prompt-action-btn.save[b-f742abqrkm] {
    background: var(--accent-color-15);
    color: var(--accent-light);
}

.prompt-action-btn.save:hover[b-f742abqrkm] {
    background: var(--accent-color-20);
}

.prompt-action-btn.revert[b-f742abqrkm] {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

.prompt-action-btn.revert:hover[b-f742abqrkm] {
    background: var(--border-subtle);
    color: var(--text-primary);
}

.prompt-action-btn:focus-visible[b-f742abqrkm] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}
/* _content/Ayva.Polymorph/Pipeline/Components/ActivityStream.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ActivityStream — Real-time scrolling event feed
   Glassmorphic message entries with severity-colored indicators
   ═══════════════════════════════════════════════════════════════ */

.as[b-olc15k8yqn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    border-top: 1px solid var(--border-color);
    padding-top: var(--space-md);
}

.as-header[b-olc15k8yqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.as-title[b-olc15k8yqn] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0;
}

.as-title[b-olc15k8yqn]  .mud-icon-root {
    font-size: var(--text-sm) !important;
}

.as-count[b-olc15k8yqn] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-muted);
}

.as-empty[b-olc15k8yqn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-lg);
    color: var(--text-muted);
    font-size: var(--text-xs);
}

/* ── Feed Container ── */

.as-feed[b-olc15k8yqn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: var(--space-xs);
}

/* Scrollbar styling */
.as-feed[b-olc15k8yqn]::-webkit-scrollbar {
    width: 4px;
}

.as-feed[b-olc15k8yqn]::-webkit-scrollbar-track {
    background: transparent;
}

.as-feed[b-olc15k8yqn]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-full);
}

/* ── Activity Entry ── */

.as-entry[b-olc15k8yqn] {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
    animation: as-fade-in-b-olc15k8yqn 0.3s ease forwards;
}

@keyframes as-fade-in-b-olc15k8yqn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.as-entry:hover[b-olc15k8yqn] {
    background: var(--bg-hover);
}

/* Severity indicator */
.as-indicator[b-olc15k8yqn] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 2px;
}

.as-indicator[b-olc15k8yqn]  .mud-icon-root {
    font-size: 0.8rem !important;
}

/* Severity color variants */
.as-info .as-indicator[b-olc15k8yqn]    { color: var(--info-color); }
.as-success .as-indicator[b-olc15k8yqn] { color: var(--success-color); }
.as-warning .as-indicator[b-olc15k8yqn] { color: var(--warning-color); }
.as-error .as-indicator[b-olc15k8yqn]   { color: var(--error-color); }

/* ── Content ── */

.as-content[b-olc15k8yqn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.as-msg-row[b-olc15k8yqn] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.as-agent[b-olc15k8yqn] {
    font-size: 0.6rem;
    font-weight: var(--font-semibold);
    padding: 0.04rem 0.3rem;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--agent-badge-color, var(--accent-color)) 15%, transparent);
    color: var(--agent-badge-color, var(--accent-color));
    flex-shrink: 0;
}

.as-msg[b-olc15k8yqn] {
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.as-time[b-olc15k8yqn] {
    font-size: 0.6rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
    flex-shrink: 0;
    margin-left: auto;
}

.as-detail[b-olc15k8yqn] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.4;
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--border-color);
}

.as-error .as-detail[b-olc15k8yqn] {
    border-left-color: var(--error-color);
    background: var(--error-bg);
}

.as-corr-id[b-olc15k8yqn] {
    font-size: 0.55rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
    opacity: 0.6;
}

/* ── Show More ── */

.as-show-more[b-olc15k8yqn] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-sm);
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.as-show-more:hover[b-olc15k8yqn] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
    color: var(--text-primary);
}

/* ── Focus Visible ── */

.as-show-more:focus-visible[b-olc15k8yqn],
.as-filter-btn:focus-visible[b-olc15k8yqn] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.as-entry:focus-visible[b-olc15k8yqn] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .as-feed[b-olc15k8yqn] {
        max-height: 250px;
    }

    .as-time[b-olc15k8yqn] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .as-entry[b-olc15k8yqn] {
        animation: none;
    }

    .as-entry[b-olc15k8yqn],
    .as-show-more[b-olc15k8yqn] {
        transition: none;
    }

    .as-show-more:focus-visible[b-olc15k8yqn],
    .as-filter-btn:focus-visible[b-olc15k8yqn],
    .as-entry:focus-visible[b-olc15k8yqn] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/AgentCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   AgentCard — Individual team member card
   Glassmorphism card with per-agent color theming via --member-color.
   State classes: ac-active, ac-completed, ac-errored, ac-waiting, ac-idle
   ═══════════════════════════════════════════════════════════════ */

.ac[b-uowiy0eb0z] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all var(--transition-normal);
    overflow: hidden;
}

/* Top accent bar — colored by agent */
.ac[b-uowiy0eb0z]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--member-color, var(--accent-color));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    opacity: 0.6;
    transition: opacity var(--transition-fast);
}

.ac:hover[b-uowiy0eb0z] {
    border-color: var(--border-color-medium);
    background: var(--pipeline-glass-hover);
}

.ac:hover[b-uowiy0eb0z]::before {
    opacity: 1;
}

/* ── State Variants ── */

.ac.ac-active[b-uowiy0eb0z] {
    border-color: var(--agent-active);
    box-shadow: 0 0 20px color-mix(in srgb, var(--agent-active) 20%, transparent);
}

.ac.ac-active[b-uowiy0eb0z]::before {
    opacity: 1;
    background: var(--agent-active);
}

.ac.ac-completed[b-uowiy0eb0z] {
    opacity: 0.85;
}

.ac.ac-completed[b-uowiy0eb0z]::before {
    background: var(--agent-completed);
    opacity: 1;
}

.ac.ac-errored[b-uowiy0eb0z] {
    border-color: color-mix(in srgb, var(--agent-errored) 40%, var(--border-color));
}

.ac.ac-errored[b-uowiy0eb0z]::before {
    background: var(--agent-errored);
    opacity: 1;
}

.ac.ac-waiting[b-uowiy0eb0z] {
    opacity: 0.9;
}

.ac.ac-waiting[b-uowiy0eb0z]::before {
    background: var(--agent-waiting);
}

/* ── Pulse Indicator ── */

.ac-pulse[b-uowiy0eb0z] {
    position: absolute;
    top: var(--space-md);
    right: var(--space-md);
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--member-color, var(--accent-color));
}

.ac-active .ac-pulse[b-uowiy0eb0z] {
    background: var(--agent-active);
    animation: ac-pulse-kf-b-uowiy0eb0z var(--pipeline-pulse-duration) infinite;
}

.ac-errored .ac-pulse[b-uowiy0eb0z] {
    background: var(--agent-errored);
}

.ac-completed .ac-pulse[b-uowiy0eb0z] {
    background: var(--agent-completed);
}

.ac-idle .ac-pulse[b-uowiy0eb0z],
.ac-waiting .ac-pulse[b-uowiy0eb0z] {
    opacity: 0.4;
}

@keyframes ac-pulse-kf-b-uowiy0eb0z {
    0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--agent-active) 50%, transparent); }
    70%  { box-shadow: 0 0 0 6px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

/* ── Header ── */

.ac-header[b-uowiy0eb0z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding-right: var(--space-lg); /* room for pulse dot */
}

.ac-role[b-uowiy0eb0z] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-state-badge[b-uowiy0eb0z] {
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    padding: 0.08rem 0.35rem;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    background: var(--bg-hover);
    color: var(--text-secondary);
}

.ac-active .ac-state-badge[b-uowiy0eb0z]  { background: color-mix(in srgb, var(--agent-active) 15%, transparent); color: var(--agent-active); }
.ac-completed .ac-state-badge[b-uowiy0eb0z] { background: color-mix(in srgb, var(--agent-completed) 15%, transparent); color: var(--agent-completed); }
.ac-errored .ac-state-badge[b-uowiy0eb0z] { background: color-mix(in srgb, var(--agent-errored) 15%, transparent); color: var(--agent-errored); }
.ac-waiting .ac-state-badge[b-uowiy0eb0z] { background: color-mix(in srgb, var(--agent-waiting) 15%, transparent); color: var(--agent-waiting); }

/* ── Tags ── */

.ac-tags[b-uowiy0eb0z] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.ac-tag[b-uowiy0eb0z] {
    font-size: 0.6rem;
    padding: 1px 6px;
    border-radius: var(--radius-full);
    background: var(--bg-hover);
    color: var(--text-secondary);
    white-space: nowrap;
}

.ac-tag-more[b-uowiy0eb0z] {
    color: var(--text-muted);
    font-style: italic;
}

/* ── Current Task ── */

.ac-current-task[b-uowiy0eb0z] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--member-color, var(--accent-color));
}

.ac-task-type[b-uowiy0eb0z] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.25rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: var(--bg-hover);
    color: var(--text-secondary);
    white-space: nowrap;
}

/* Step type color variants (shared with PipelineView) */
.tp-securityscreen[b-uowiy0eb0z]     { background: var(--stage-security-bg); color: var(--stage-security); }
.tp-architecturereview[b-uowiy0eb0z] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-implementation[b-uowiy0eb0z]     { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.tp-buildverification[b-uowiy0eb0z]  { background: var(--stage-build-bg); color: var(--stage-build); }
.tp-unittests[b-uowiy0eb0z],
.tp-playwrighttests[b-uowiy0eb0z]    { background: var(--stage-testing-bg); color: var(--stage-testing); }
.tp-documentationupdate[b-uowiy0eb0z] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-codereview[b-uowiy0eb0z],
.tp-finalreview[b-uowiy0eb0z]        { background: var(--stage-review-bg); color: var(--stage-review); }
.tp-restart[b-uowiy0eb0z]            { background: var(--stage-failed-bg); color: var(--stage-failed); }

.ac-task-name[b-uowiy0eb0z] {
    font-size: var(--text-xs);
    color: var(--text-primary);
    font-weight: var(--font-medium);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Progress ── */

.ac-progress[b-uowiy0eb0z] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ac-progress-label[b-uowiy0eb0z] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.ac-failed-count[b-uowiy0eb0z] {
    color: var(--error-color);
}

.ac-progress-track[b-uowiy0eb0z] {
    height: 3px;
    background: var(--bg-hover);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.ac-progress-fill[b-uowiy0eb0z] {
    height: 100%;
    background: var(--member-color, var(--accent-color));
    border-radius: var(--radius-full);
    transition: width var(--transition-normal);
}

.ac-errored .ac-progress-fill[b-uowiy0eb0z] {
    background: linear-gradient(90deg, var(--member-color, var(--accent-color)), var(--error-color));
}

/* ── Stats Row ── */

.ac-stats[b-uowiy0eb0z] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.ac-stat[b-uowiy0eb0z] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-muted);
}

.ac-stat[b-uowiy0eb0z]  .mud-icon-root {
    font-size: 0.7rem !important;
    opacity: 0.6;
}

/* ── Actions ── */

.ac-actions[b-uowiy0eb0z] {
    display: flex;
    gap: var(--space-xs);
    margin-top: auto;
}

.ac-btn[b-uowiy0eb0z] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-family: var(--font-primary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.ac-btn:hover[b-uowiy0eb0z] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
    color: var(--text-primary);
}

.ac-btn[b-uowiy0eb0z]  .mud-icon-root {
    font-size: var(--text-sm) !important;
}

.ac-btn-expand[b-uowiy0eb0z] {
    flex: 1;
}

.ac-btn-drill[b-uowiy0eb0z] {
    padding: var(--space-xs);
}

/* ── Expanded Tasks ── */

.ac-tasks-expanded[b-uowiy0eb0z] {
    border-top: 1px solid var(--border-color);
    padding-top: var(--space-sm);
    margin-top: var(--space-xs);
}

/* ── Focus Visible ── */

.ac:focus-visible[b-uowiy0eb0z] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.ac-btn:focus-visible[b-uowiy0eb0z] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .ac[b-uowiy0eb0z] {
        padding: var(--space-sm) var(--space-sm) var(--space-xs);
        gap: var(--space-xs);
    }

    .ac-header[b-uowiy0eb0z] {
        padding-right: var(--space-md);
    }

    .ac-stats[b-uowiy0eb0z] {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity var(--transition-fast), max-height var(--transition-fast);
    }

    .ac:hover .ac-stats[b-uowiy0eb0z] {
        opacity: 1;
        max-height: 50px;
    }

    .ac-tags[b-uowiy0eb0z] {
        gap: 2px;
    }

    .ac-tag[b-uowiy0eb0z] {
        font-size: 0.55rem;
        padding: 0 4px;
    }

    .ac-tasks-expanded[b-uowiy0eb0z] {
        display: flex;
        flex-direction: column;
    }

    .ac-current-task[b-uowiy0eb0z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        padding: var(--space-xs);
    }

    .ac-actions[b-uowiy0eb0z] {
        gap: 2px;
    }

    .ac-btn[b-uowiy0eb0z] {
        padding: 3px var(--space-xs);
        font-size: 0.65rem;
    }
}

@media (max-width: 640px) {
    .ac[b-uowiy0eb0z] {
        padding: var(--space-sm);
    }

    .ac-stats[b-uowiy0eb0z] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .ac[b-uowiy0eb0z],
    .ac[b-uowiy0eb0z]::before,
    .ac-progress-fill[b-uowiy0eb0z],
    .ac-btn[b-uowiy0eb0z] {
        transition: none;
    }

    .ac-active .ac-pulse[b-uowiy0eb0z] {
        animation: none;
    }

    .ac:focus-visible[b-uowiy0eb0z],
    .ac-btn:focus-visible[b-uowiy0eb0z] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/AnimatedCounter.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   AnimatedCounter — Animated number display with trend indicators
   Value transitions smoothly via CSS when data changes.
   ═══════════════════════════════════════════════════════════════ */

.actr[b-0rtgew1v9i] {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    font-family: var(--font-mono);
    line-height: 1.2;
    white-space: nowrap;
}

/* ── Value ── */

.actr-val[b-0rtgew1v9i] {
    font-weight: var(--font-bold);
    color: var(--text-primary);
    transition: color var(--transition-fast);
}

/* Flash animation on value change */
.actr-dir-up .actr-val[b-0rtgew1v9i],
.actr-dir-down .actr-val[b-0rtgew1v9i] {
    animation: actr-flash-b-0rtgew1v9i 0.6s ease-out;
}

@keyframes actr-flash-b-0rtgew1v9i {
    0%   { opacity: 0.5; transform: translateY(0); }
    30%  { opacity: 1; }
    100% { opacity: 1; transform: translateY(0); }
}

/* ── Prefix & Suffix ── */

.actr-prefix[b-0rtgew1v9i],
.actr-suffix[b-0rtgew1v9i] {
    color: var(--text-muted);
    font-weight: var(--font-medium);
}

/* ── Trend Arrow ── */

.actr-trend[b-0rtgew1v9i] {
    font-size: 0.7em;
    font-weight: var(--font-bold);
    margin-left: 2px;
    transition: color var(--transition-fast);
}

.actr-trend-up[b-0rtgew1v9i] {
    color: var(--success-color);
}

.actr-trend-down[b-0rtgew1v9i] {
    color: var(--error-color);
}

/* ── Size Variants ── */

/* Small */
.actr-sm[b-0rtgew1v9i] {
    font-size: var(--text-xs);
}

.actr-sm .actr-prefix[b-0rtgew1v9i],
.actr-sm .actr-suffix[b-0rtgew1v9i] {
    font-size: 0.6rem;
}

/* Medium (default) */
.actr-md[b-0rtgew1v9i] {
    font-size: var(--text-base);
}

.actr-md .actr-prefix[b-0rtgew1v9i],
.actr-md .actr-suffix[b-0rtgew1v9i] {
    font-size: var(--text-sm);
}

/* Large */
.actr-lg[b-0rtgew1v9i] {
    font-size: var(--text-lg, 1.125rem);
}

.actr-lg .actr-val[b-0rtgew1v9i] {
    font-size: var(--text-xl, 1.25rem);
}

.actr-lg .actr-prefix[b-0rtgew1v9i],
.actr-lg .actr-suffix[b-0rtgew1v9i] {
    font-size: var(--text-base);
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .actr-lg[b-0rtgew1v9i] {
        font-size: var(--text-base);
    }

    .actr-lg .actr-val[b-0rtgew1v9i] {
        font-size: var(--text-lg, 1.125rem);
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .actr-dir-up .actr-val[b-0rtgew1v9i],
    .actr-dir-down .actr-val[b-0rtgew1v9i] {
        animation: none;
    }

    .actr-val[b-0rtgew1v9i],
    .actr-trend[b-0rtgew1v9i] {
        transition: none;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/MetricsPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   MetricsPanel — Dashboard metrics bar with glassmorphic stat cards
   ═══════════════════════════════════════════════════════════════ */

.mp[b-ylhcza5xea] {
    display: flex;
    gap: var(--space-sm);
    overflow-x: auto;
    padding-bottom: var(--space-xs);
}

/* Scrollbar */
.mp[b-ylhcza5xea]::-webkit-scrollbar {
    height: 3px;
}

.mp[b-ylhcza5xea]::-webkit-scrollbar-track {
    background: transparent;
}

.mp[b-ylhcza5xea]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-full);
}

/* ── Stat Card ── */

.mp-card[b-ylhcza5xea] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    flex-shrink: 0;
    min-width: 120px;
    transition: all var(--transition-fast);
}

.mp-card:hover[b-ylhcza5xea] {
    border-color: var(--border-color-medium);
    background: var(--pipeline-glass-hover);
}

.mp-card.mp-highlight[b-ylhcza5xea] {
    border-color: var(--accent-color);
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent-color) 15%, transparent);
}

.mp-card.mp-card-error[b-ylhcza5xea] {
    border-color: color-mix(in srgb, var(--error-color) 30%, var(--border-color));
}

.mp-card.mp-card-busy[b-ylhcza5xea] {
    border-color: color-mix(in srgb, var(--warning-color) 30%, var(--border-color));
}

/* ── Icon ── */

.mp-icon[b-ylhcza5xea] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}

.mp-icon[b-ylhcza5xea]  .mud-icon-root {
    font-size: var(--text-base) !important;
}

.mp-icon-active[b-ylhcza5xea]  { background: color-mix(in srgb, var(--accent-color) 15%, transparent); color: var(--accent-color); }
.mp-icon-queued[b-ylhcza5xea]  { background: var(--bg-hover); color: var(--text-secondary); }
.mp-icon-agents[b-ylhcza5xea]  { background: color-mix(in srgb, var(--secondary-accent) 15%, transparent); color: var(--secondary-accent); }
.mp-icon-done[b-ylhcza5xea]    { background: var(--success-bg); color: var(--success-color); }
.mp-icon-error[b-ylhcza5xea]   { background: var(--error-bg); color: var(--error-color); }
.mp-icon-speed[b-ylhcza5xea]   { background: color-mix(in srgb, var(--info-color) 15%, transparent); color: var(--info-color); }
.mp-icon-rate[b-ylhcza5xea]    { background: var(--success-bg); color: var(--success-color); }
.mp-icon-tokens[b-ylhcza5xea]  { background: color-mix(in srgb, var(--warning-color) 15%, transparent); color: var(--warning-color); }
.mp-icon-cost[b-ylhcza5xea]    { background: color-mix(in srgb, var(--accent-color) 15%, transparent); color: var(--accent-color); }
.mp-icon-busy[b-ylhcza5xea]    { background: color-mix(in srgb, var(--warning-color) 15%, transparent); color: var(--warning-color); }

/* ── Data ── */

.mp-data[b-ylhcza5xea] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.mp-val[b-ylhcza5xea] {
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-family: var(--font-mono);
    line-height: 1.2;
}

.mp-val-busy[b-ylhcza5xea] {
    color: var(--warning-color);
}

.mp-lbl[b-ylhcza5xea] {
    font-size: 0.6rem;
    font-weight: var(--font-medium);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

/* ── Focus Visible ── */

.mp-card:focus-visible[b-ylhcza5xea],
.mp-stat-item:focus-visible[b-ylhcza5xea] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .mp[b-ylhcza5xea] {
        gap: var(--space-xs);
    }

    .mp-card[b-ylhcza5xea] {
        padding: var(--space-xs) var(--space-sm);
        min-width: 100px;
    }

    .mp-icon[b-ylhcza5xea] {
        width: 28px;
        height: 28px;
    }

    .mp-val[b-ylhcza5xea] {
        font-size: var(--text-sm);
    }
}

@media (max-width: 640px) {
    .mp[b-ylhcza5xea] {
        flex-wrap: wrap;
    }

    .mp-card[b-ylhcza5xea] {
        flex: 1;
        min-width: calc(50% - var(--space-xs));
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .mp-card[b-ylhcza5xea] {
        transition: none;
    }

    .mp-card:focus-visible[b-ylhcza5xea],
    .mp-stat-item:focus-visible[b-ylhcza5xea] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/PipelineDashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PipelineDashboard — Main container for pipeline visualization
   Glassmorphism dark theme, responsive, CSS-variable-only styling
   ═══════════════════════════════════════════════════════════════ */

.pd[b-jb0p1i9ki5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-lg);
    font-family: var(--font-primary);
    color: var(--text-primary);
    min-height: 400px;
}

/* ── Loading & Empty States ── */

.pd-loading[b-jb0p1i9ki5],
.pd-empty[b-jb0p1i9ki5],
.pd-no-active[b-jb0p1i9ki5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-2xl);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

/* ── Controls Bar ── */

.pd-controls[b-jb0p1i9ki5] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.pd-view-toggle[b-jb0p1i9ki5] {
    display: flex;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.pd-toggle-btn[b-jb0p1i9ki5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-sm);
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    transition: all var(--transition-fast);
    min-width: 36px;
    height: 36px;
}

.pd-toggle-btn:hover[b-jb0p1i9ki5] {
    color: var(--text-primary);
    background: var(--bg-hover);
}

.pd-toggle-btn.active[b-jb0p1i9ki5] {
    color: var(--accent-color);
    background: var(--bg-active, var(--accent-color-15));
}

.pd-filter[b-jb0p1i9ki5] {
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.pd-pipeline-count[b-jb0p1i9ki5] {
    margin-left: auto;
}

.pd-count-label[b-jb0p1i9ki5] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

/* ── Section Titles ── */

.pd-section-title[b-jb0p1i9ki5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 var(--space-md) 0;
}

.pd-section-title[b-jb0p1i9ki5]  .mud-icon-root {
    font-size: var(--text-base) !important;
}

.pd-sub-title[b-jb0p1i9ki5] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 var(--space-sm) 0;
}

.pd-sub-title[b-jb0p1i9ki5]  .mud-icon-root {
    font-size: var(--text-sm) !important;
}

/* ── Pipeline Section (collapsible row) ── */

.pd-pipeline-section[b-jb0p1i9ki5] {
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-normal);
    margin-bottom: var(--space-sm);
}

.pd-pipeline-section:hover[b-jb0p1i9ki5] {
    border-color: var(--border-color-medium);
}

.pd-pipeline-section.expanded[b-jb0p1i9ki5] {
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

/* ── Pipeline Header (clickable) ── */

.pd-pipeline-header[b-jb0p1i9ki5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto auto;
    gap: var(--space-xs) var(--space-md);
    align-items: center;
    padding: var(--space-md) var(--space-lg);
    background: transparent;
    border: none;
    color: var(--text-primary);
    cursor: pointer;
    text-align: left;
    width: 100%;
    font-family: var(--font-primary);
    transition: background var(--transition-fast);
    position: relative;
}

.pd-pipeline-header:hover[b-jb0p1i9ki5] {
    background: var(--bg-hover);
}

.pd-pipeline-id[b-jb0p1i9ki5] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.pd-corr-id[b-jb0p1i9ki5] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--accent-color);
}

.pd-status[b-jb0p1i9ki5] {
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Pipeline status color variants */
.st-pending[b-jb0p1i9ki5]           { background: var(--stage-queued-bg); color: var(--stage-queued); }
.st-securityreview[b-jb0p1i9ki5]    { background: var(--stage-security-bg); color: var(--stage-security); }
.st-approved[b-jb0p1i9ki5]          { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.st-executing[b-jb0p1i9ki5]         { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.st-awaitingrestart[b-jb0p1i9ki5]   { background: var(--stage-build-bg); color: var(--stage-build); }
.st-testing[b-jb0p1i9ki5]           { background: var(--stage-testing-bg); color: var(--stage-testing); }
.st-completed[b-jb0p1i9ki5], .st-mergeverified[b-jb0p1i9ki5] { background: var(--stage-complete-bg); color: var(--stage-complete); }
.st-failed[b-jb0p1i9ki5], .st-rejected[b-jb0p1i9ki5], .st-aborted[b-jb0p1i9ki5] { background: var(--stage-failed-bg); color: var(--stage-failed); }
.st-pendingreview[b-jb0p1i9ki5]     { background: var(--stage-review-bg); color: var(--stage-review); }
.st-resumable[b-jb0p1i9ki5]         { background: var(--stage-security-bg); color: var(--stage-security); }
.st-awaitingimplementation[b-jb0p1i9ki5] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }

.pd-risk[b-jb0p1i9ki5] {
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    padding: 0.1rem 0.3rem;
    border-radius: var(--radius-sm);
}

.r-1[b-jb0p1i9ki5] { background: var(--success-bg); color: var(--success-color); }
.r-2[b-jb0p1i9ki5] { background: var(--info-bg); color: var(--info-color); }
.r-3[b-jb0p1i9ki5] { background: var(--warning-bg); color: var(--warning-color); }
.r-4[b-jb0p1i9ki5] { background: var(--error-bg); color: var(--error-color); }
.r-5[b-jb0p1i9ki5] { background: var(--error-bg); color: var(--error-color); border: 1px solid var(--error-color); }

.pd-pipeline-directive[b-jb0p1i9ki5] {
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-pipeline-stats[b-jb0p1i9ki5] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    justify-content: flex-end;
}

.pd-stat-chip[b-jb0p1i9ki5] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-muted);
    padding: 0.1rem 0.4rem;
    background: var(--bg-hover);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.pd-expand-icon[b-jb0p1i9ki5] {
    grid-column: 3;
    grid-row: 1;
    color: var(--text-muted);
    transition: transform var(--transition-fast);
}

.pd-pipeline-section.expanded .pd-expand-icon[b-jb0p1i9ki5] {
    color: var(--accent-color);
}

/* ── Progress Bar ── */

.pd-progress-track[b-jb0p1i9ki5] {
    grid-column: 1 / -1;
    grid-row: 3;
    height: 3px;
    background: var(--bg-hover);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.pd-progress-fill[b-jb0p1i9ki5] {
    height: 100%;
    background: var(--accent-gradient);
    border-radius: var(--radius-full);
    transition: width var(--transition-normal);
}

.pd-progress-fill.has-error[b-jb0p1i9ki5] {
    background: linear-gradient(135deg, var(--accent-color), var(--error-color));
}

/* ── Pipeline Body (expanded content) ── */

.pd-pipeline-body[b-jb0p1i9ki5] {
    padding: 0 var(--space-lg) var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    border-top: 1px solid var(--border-color);
}

.pd-agents-section[b-jb0p1i9ki5] {
    padding-top: var(--space-md);
}

.pd-agent-grid[b-jb0p1i9ki5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-md);
}

.pd-tree-section[b-jb0p1i9ki5] {
    padding-top: var(--space-sm);
}

/* ── Recent Pipelines ── */

.pd-recent-section[b-jb0p1i9ki5] {
    border-top: 1px solid var(--border-color);
    padding-top: var(--space-md);
}

.pd-recent-toggle[b-jb0p1i9ki5] {
    cursor: pointer;
    list-style: none;
}

.pd-recent-toggle[b-jb0p1i9ki5]::marker,
.pd-recent-toggle[b-jb0p1i9ki5]::-webkit-details-marker {
    display: none;
}

.pd-recent-toggle:hover[b-jb0p1i9ki5] {
    color: var(--text-primary);
}

.pd-recent-list[b-jb0p1i9ki5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
}

.pd-recent-item[b-jb0p1i9ki5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    transition: background var(--transition-fast);
    /* button-tag resets: keep the row visually identical to the prior div */
    background: transparent;
    border: 0;
    color: inherit;
    font-family: inherit;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

.pd-recent-item:hover[b-jb0p1i9ki5] {
    background: var(--bg-hover);
}

.pd-recent-directive[b-jb0p1i9ki5] {
    flex: 1;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Focus Visible ── */

.pd-toggle-btn:focus-visible[b-jb0p1i9ki5] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.pd-pipeline-header:focus-visible[b-jb0p1i9ki5] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.pd-recent-toggle:focus-visible[b-jb0p1i9ki5] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.pd-recent-item:focus-visible[b-jb0p1i9ki5] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .pd[b-jb0p1i9ki5] {
        padding: var(--space-md);
        gap: var(--space-md);
    }

    .pd-controls[b-jb0p1i9ki5] {
        flex-direction: column;
        align-items: stretch;
    }

    .pd-filter[b-jb0p1i9ki5] {
        max-width: none;
    }

    .pd-pipeline-header[b-jb0p1i9ki5] {
        grid-template-columns: 1fr;
        padding: var(--space-sm) var(--space-md);
    }

    .pd-pipeline-stats[b-jb0p1i9ki5] {
        grid-column: 1;
        grid-row: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .pd-expand-icon[b-jb0p1i9ki5] {
        grid-column: 1;
        grid-row: auto;
        justify-self: flex-end;
    }

    .pd-agent-grid[b-jb0p1i9ki5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pd-pipeline-stats[b-jb0p1i9ki5] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .pd-pipeline-section[b-jb0p1i9ki5],
    .pd-toggle-btn[b-jb0p1i9ki5],
    .pd-pipeline-header[b-jb0p1i9ki5],
    .pd-progress-fill[b-jb0p1i9ki5],
    .pd-recent-item[b-jb0p1i9ki5] {
        transition: none;
    }

    .pd-toggle-btn:focus-visible[b-jb0p1i9ki5],
    .pd-pipeline-header:focus-visible[b-jb0p1i9ki5],
    .pd-recent-toggle:focus-visible[b-jb0p1i9ki5],
    .pd-recent-item:focus-visible[b-jb0p1i9ki5] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/PipelineFlow.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PipelineFlow — Stage flow visualization with connecting lines
   Queued → Security → Arch → Impl → Build → Test → Review → Complete
   ═══════════════════════════════════════════════════════════════ */

.pf[b-b4qtcwxnn3] {
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-normal);
    margin-bottom: var(--space-sm);
}

.pf:hover[b-b4qtcwxnn3] {
    border-color: var(--border-color-medium);
}

.pf.pf-expanded[b-b4qtcwxnn3] {
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

/* ── Header Bar ── */

.pf-header[b-b4qtcwxnn3] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-family: var(--font-primary);
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background var(--transition-fast);
}

.pf-header:hover[b-b4qtcwxnn3] {
    background: var(--bg-hover);
}

.pf-corr-id[b-b4qtcwxnn3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--accent-color);
    flex-shrink: 0;
}

.pf-directive[b-b4qtcwxnn3] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.pf-stats[b-b4qtcwxnn3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
    flex-shrink: 0;
}

.pf-expand[b-b4qtcwxnn3] {
    flex-shrink: 0;
    color: var(--text-muted);
}

/* ── Stages Flow ── */

.pf-stages[b-b4qtcwxnn3] {
    display: flex;
    align-items: center;
    padding: var(--space-sm) var(--space-lg) var(--space-md);
    gap: 0;
    overflow-x: auto;
}

.pf-stage[b-b4qtcwxnn3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    min-width: 60px;
}

.pf-stage-dot[b-b4qtcwxnn3] {
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--border-color);
    background: transparent;
    position: relative;
    transition: all var(--transition-normal);
}

.pf-stage-dot[b-b4qtcwxnn3]  .mud-icon-root {
    font-size: 0.7rem !important;
}

/* Stage states */
.pf-done .pf-stage-dot[b-b4qtcwxnn3] {
    border-color: var(--success-color);
    background: var(--success-color);
    color: var(--bg-base);
}

.pf-active .pf-stage-dot[b-b4qtcwxnn3] {
    border-color: var(--accent-color);
    background: color-mix(in srgb, var(--accent-color) 15%, transparent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent-color) 30%, transparent);
}

.pf-error .pf-stage-dot[b-b4qtcwxnn3] {
    border-color: var(--error-color);
    background: var(--error-color);
    color: var(--bg-base);
}

.pf-pending .pf-stage-dot[b-b4qtcwxnn3] {
    opacity: 0.3;
}

/* Pulse animation for active stage */
.pf-stage-pulse[b-b4qtcwxnn3] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--accent-color);
    animation: pf-pulse-kf-b-b4qtcwxnn3 var(--pipeline-pulse-duration) infinite;
}

@keyframes pf-pulse-kf-b-b4qtcwxnn3 {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.6; }
}

.pf-stage-label[b-b4qtcwxnn3] {
    font-size: 0.55rem;
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pf-done .pf-stage-label[b-b4qtcwxnn3] { color: var(--success-color); }
.pf-active .pf-stage-label[b-b4qtcwxnn3] { color: var(--accent-color); font-weight: var(--font-bold); }
.pf-error .pf-stage-label[b-b4qtcwxnn3] { color: var(--error-color); }
.pf-pending .pf-stage-label[b-b4qtcwxnn3] { opacity: 0.4; }

/* ── Connectors ── */

.pf-connector[b-b4qtcwxnn3] {
    flex: 1;
    min-width: 12px;
    display: flex;
    align-items: center;
    padding-bottom: var(--space-md); /* align with dot center */
}

.pf-connector-line[b-b4qtcwxnn3] {
    width: 100%;
    height: 2px;
    background: var(--border-color);
    border-radius: var(--radius-full);
    transition: background var(--transition-normal);
}

.pf-done .pf-connector-line[b-b4qtcwxnn3],
.pf-done + .pf-connector .pf-connector-line[b-b4qtcwxnn3] {
    background: var(--success-color);
    opacity: 0.5;
}

.pf-active + .pf-connector .pf-connector-line[b-b4qtcwxnn3] {
    background: linear-gradient(90deg, var(--accent-color), var(--border-color));
}

/* ── Expanded Body ── */

.pf-body[b-b4qtcwxnn3] {
    padding: var(--space-sm) var(--space-lg) var(--space-md);
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.pf-agents[b-b4qtcwxnn3] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.pf-agent-chip[b-b4qtcwxnn3] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
}

.pf-agent-dot[b-b4qtcwxnn3] {
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: var(--member-color, var(--accent-color));
}

.pf-agent-name[b-b4qtcwxnn3] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

.pf-agent-badge[b-b4qtcwxnn3] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    color: var(--text-muted);
}

.as-active[b-b4qtcwxnn3]    { color: var(--agent-active); }
.as-completed[b-b4qtcwxnn3] { color: var(--agent-completed); }
.as-errored[b-b4qtcwxnn3]   { color: var(--agent-errored); }
.as-waiting[b-b4qtcwxnn3]   { color: var(--agent-waiting); }

/* Current Step */
.pf-current[b-b4qtcwxnn3] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--accent-color);
    font-size: var(--text-xs);
}

.pf-current-label[b-b4qtcwxnn3] {
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.55rem;
}

.pf-current-type[b-b4qtcwxnn3] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.25rem;
    border-radius: 3px;
    text-transform: uppercase;
}

/* Step type colors — shared pattern */
.tp-securityscreen[b-b4qtcwxnn3]     { background: var(--stage-security-bg); color: var(--stage-security); }
.tp-architecturereview[b-b4qtcwxnn3] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-implementation[b-b4qtcwxnn3]     { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.tp-buildverification[b-b4qtcwxnn3]  { background: var(--stage-build-bg); color: var(--stage-build); }
.tp-unittests[b-b4qtcwxnn3], .tp-playwrighttests[b-b4qtcwxnn3] { background: var(--stage-testing-bg); color: var(--stage-testing); }
.tp-documentationupdate[b-b4qtcwxnn3] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-codereview[b-b4qtcwxnn3], .tp-finalreview[b-b4qtcwxnn3] { background: var(--stage-review-bg); color: var(--stage-review); }
.tp-restart[b-b4qtcwxnn3]            { background: var(--stage-failed-bg); color: var(--stage-failed); }

.pf-current-name[b-b4qtcwxnn3] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.pf-current-agent[b-b4qtcwxnn3] {
    color: var(--text-secondary);
    font-style: italic;
}

/* ── Focus Visible ── */

.pf-header:focus-visible[b-b4qtcwxnn3] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.pf-stage:focus-visible[b-b4qtcwxnn3] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .pf-stages[b-b4qtcwxnn3] {
        padding: var(--space-xs) var(--space-sm) var(--space-sm);
    }

    .pf-stage[b-b4qtcwxnn3] {
        min-width: 48px;
    }

    .pf-stage-label[b-b4qtcwxnn3] {
        font-size: 0.5rem;
    }
}

@media (max-width: 640px) {
    .pf-header[b-b4qtcwxnn3] {
        flex-wrap: wrap;
    }

    .pf-stats[b-b4qtcwxnn3] {
        width: 100%;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .pf[b-b4qtcwxnn3],
    .pf-stage-dot[b-b4qtcwxnn3],
    .pf-connector-line[b-b4qtcwxnn3],
    .pf-header[b-b4qtcwxnn3] {
        transition: none;
    }

    .pf-stage-pulse[b-b4qtcwxnn3] {
        animation: none;
    }

    .pf-header:focus-visible[b-b4qtcwxnn3],
    .pf-stage:focus-visible[b-b4qtcwxnn3] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/PipelineSelector.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PipelineSelector — Overview strip for pipeline switching
   Horizontal scrollable strip with glassmorphic pipeline cards.
   ═══════════════════════════════════════════════════════════════ */

.ps[b-h2q0bxpjtj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

/* ── Empty State ── */

.ps-empty[b-h2q0bxpjtj] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    color: var(--text-muted);
    font-size: var(--text-xs);
}

.ps-empty[b-h2q0bxpjtj]  .mud-icon-root {
    font-size: var(--text-sm) !important;
    opacity: 0.5;
}

/* ── Group ── */

.ps-group[b-h2q0bxpjtj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.ps-group-label[b-h2q0bxpjtj] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    padding: 0 var(--space-xs);
    background: transparent;
    border: none;
    cursor: default;
    font-family: var(--font-primary);
}

.ps-recent-toggle[b-h2q0bxpjtj] {
    cursor: pointer;
    transition: color var(--transition-fast);
}

.ps-recent-toggle:hover[b-h2q0bxpjtj] {
    color: var(--text-secondary);
}

.ps-toggle-icon[b-h2q0bxpjtj]  .mud-icon-root {
    font-size: var(--text-xs) !important;
}

.ps-group-dot[b-h2q0bxpjtj] {
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.ps-dot-active[b-h2q0bxpjtj] {
    background: var(--accent-color);
    box-shadow: 0 0 6px color-mix(in srgb, var(--accent-color) 40%, transparent);
}

.ps-dot-recent[b-h2q0bxpjtj] {
    background: var(--text-muted);
}

/* ── Strip ── */

.ps-strip[b-h2q0bxpjtj] {
    display: flex;
    gap: var(--space-sm);
    overflow-x: auto;
    padding-bottom: var(--space-xs);
    scroll-snap-type: x mandatory;
}

.ps-strip[b-h2q0bxpjtj]::-webkit-scrollbar {
    height: 3px;
}

.ps-strip[b-h2q0bxpjtj]::-webkit-scrollbar-track {
    background: transparent;
}

.ps-strip[b-h2q0bxpjtj]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-full);
}

/* ── Pipeline Card ── */

.ps-card[b-h2q0bxpjtj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
    min-width: 200px;
    max-width: 280px;
    flex-shrink: 0;
    scroll-snap-align: start;
    text-align: left;
    font-family: var(--font-primary);
}

.ps-card:hover[b-h2q0bxpjtj] {
    border-color: var(--border-color-medium);
    background: var(--pipeline-glass-hover);
}

.ps-card.ps-selected[b-h2q0bxpjtj] {
    border-color: var(--accent-color);
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent-color) 20%, transparent);
}

.ps-card-recent[b-h2q0bxpjtj] {
    opacity: 0.8;
    min-width: 180px;
    max-width: 240px;
}

.ps-card-recent:hover[b-h2q0bxpjtj] {
    opacity: 1;
}

/* Status-specific left border accent */
.ps-card[b-h2q0bxpjtj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
}

.ps-card[b-h2q0bxpjtj] {
    position: relative;
    border-left-width: 2px;
}

.ps-st-executing[b-h2q0bxpjtj] {
    border-left-color: var(--accent-color);
}

.ps-st-completed[b-h2q0bxpjtj],
.ps-st-mergeverified[b-h2q0bxpjtj] {
    border-left-color: var(--success-color);
}

.ps-st-failed[b-h2q0bxpjtj],
.ps-st-aborted[b-h2q0bxpjtj],
.ps-st-rejected[b-h2q0bxpjtj] {
    border-left-color: var(--error-color);
}

.ps-st-pending[b-h2q0bxpjtj],
.ps-st-approved[b-h2q0bxpjtj] {
    border-left-color: var(--warning-color);
}

.ps-st-securityreview[b-h2q0bxpjtj] {
    border-left-color: var(--stage-security);
}

.ps-st-testing[b-h2q0bxpjtj] {
    border-left-color: var(--stage-testing);
}

/* ── Card Header ── */

.ps-card-header[b-h2q0bxpjtj] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.ps-corr-id[b-h2q0bxpjtj] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    font-family: var(--font-mono);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ps-risk[b-h2q0bxpjtj] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.2rem;
    border-radius: 3px;
    margin-left: auto;
    flex-shrink: 0;
}

.r-1[b-h2q0bxpjtj] { background: var(--success-bg); color: var(--success-color); }
.r-2[b-h2q0bxpjtj] { background: var(--info-bg); color: var(--info-color); }
.r-3[b-h2q0bxpjtj] { background: var(--warning-bg); color: var(--warning-color); }
.r-4[b-h2q0bxpjtj], .r-5[b-h2q0bxpjtj] { background: var(--error-bg); color: var(--error-color); }

/* ── Directive ── */

.ps-directive[b-h2q0bxpjtj] {
    font-size: 0.65rem;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

/* ── Card Footer ── */

.ps-card-footer[b-h2q0bxpjtj] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

/* Mini progress bar */
.ps-progress-mini[b-h2q0bxpjtj] {
    flex: 1;
    height: 2px;
    background: var(--bg-hover);
    border-radius: var(--radius-full);
    overflow: hidden;
    min-width: 40px;
}

.ps-progress-fill[b-h2q0bxpjtj] {
    height: 100%;
    background: var(--accent-color);
    border-radius: var(--radius-full);
    transition: width var(--transition-normal);
}

.ps-has-error[b-h2q0bxpjtj] {
    background: linear-gradient(90deg, var(--accent-color), var(--error-color));
}

.ps-stat[b-h2q0bxpjtj] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.6rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
    white-space: nowrap;
}

.ps-agents-count[b-h2q0bxpjtj]  .mud-icon-root {
    font-size: 0.6rem !important;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .ps-card[b-h2q0bxpjtj] {
        min-width: 180px;
        max-width: 240px;
        padding: var(--space-xs) var(--space-sm);
    }

    .ps-card-recent[b-h2q0bxpjtj] {
        min-width: 160px;
        max-width: 200px;
    }
}

@media (max-width: 640px) {
    .ps-card[b-h2q0bxpjtj] {
        min-width: 160px;
    }

    .ps-agents-count[b-h2q0bxpjtj] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .ps-card[b-h2q0bxpjtj],
    .ps-progress-fill[b-h2q0bxpjtj] {
        transition: none;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/PipelineTimeline.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PipelineTimeline — Horizontal progress timeline with stage markers
   ═══════════════════════════════════════════════════════════════ */

.ptl[b-aptxjompi0] {
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-normal);
    margin-bottom: var(--space-sm);
}

.ptl:hover[b-aptxjompi0] {
    border-color: var(--border-color-medium);
}

.ptl.ptl-expanded[b-aptxjompi0] {
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

/* ── Header ── */

.ptl-header[b-aptxjompi0] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background var(--transition-fast);
}

.ptl-header:hover[b-aptxjompi0] {
    background: var(--bg-hover);
}

.ptl-corr-id[b-aptxjompi0] {
    font-family: var(--font-mono);
    font-weight: var(--font-semibold);
    color: var(--accent-color);
    flex-shrink: 0;
}

.ptl-status[b-aptxjompi0] {
    font-size: 0.55rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

/* Status colors — shared pattern */
.st-pending[b-aptxjompi0]           { background: var(--stage-queued-bg); color: var(--stage-queued); }
.st-securityreview[b-aptxjompi0]    { background: var(--stage-security-bg); color: var(--stage-security); }
.st-approved[b-aptxjompi0]          { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.st-executing[b-aptxjompi0]         { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.st-completed[b-aptxjompi0], .st-mergeverified[b-aptxjompi0] { background: var(--stage-complete-bg); color: var(--stage-complete); }
.st-failed[b-aptxjompi0], .st-rejected[b-aptxjompi0], .st-aborted[b-aptxjompi0] { background: var(--stage-failed-bg); color: var(--stage-failed); }
.st-testing[b-aptxjompi0]           { background: var(--stage-testing-bg); color: var(--stage-testing); }
.st-awaitingrestart[b-aptxjompi0]   { background: var(--stage-build-bg); color: var(--stage-build); }
.st-pendingreview[b-aptxjompi0]     { background: var(--stage-review-bg); color: var(--stage-review); }
.st-resumable[b-aptxjompi0]         { background: var(--stage-security-bg); color: var(--stage-security); }

.ptl-directive[b-aptxjompi0] {
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.ptl-elapsed[b-aptxjompi0] {
    font-family: var(--font-mono);
    color: var(--text-muted);
    flex-shrink: 0;
}

.ptl-chevron[b-aptxjompi0] {
    color: var(--text-muted);
    flex-shrink: 0;
}

/* ── Timeline Track ── */

.ptl-track-container[b-aptxjompi0] {
    position: relative;
    padding: var(--space-xs) var(--space-lg) var(--space-lg);
}

.ptl-track[b-aptxjompi0] {
    height: 4px;
    background: var(--bg-hover);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.ptl-track-fill[b-aptxjompi0] {
    height: 100%;
    background: var(--accent-gradient);
    border-radius: var(--radius-full);
    transition: width var(--transition-normal);
    position: relative;
}

/* Animated shimmer on the fill edge */
.ptl-track-fill[b-aptxjompi0]::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-color) 40%, transparent));
    animation: ptl-shimmer-b-aptxjompi0 var(--pipeline-flow-duration) infinite;
}

@keyframes ptl-shimmer-b-aptxjompi0 {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

/* ── Markers ── */

.ptl-markers[b-aptxjompi0] {
    position: absolute;
    top: 0;
    left: var(--space-lg);
    right: var(--space-lg);
    height: 100%;
    pointer-events: none;
}

.ptl-marker[b-aptxjompi0] {
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    pointer-events: auto;
}

.ptl-marker-dot[b-aptxjompi0] {
    width: 12px;
    height: 12px;
    border-radius: var(--radius-full);
    background: var(--accent-color);
    border: 2px solid var(--bg-base);
    position: relative;
    z-index: 1;
}

.ptl-marker-active .ptl-marker-dot[b-aptxjompi0] {
    width: 14px;
    height: 14px;
}

.ptl-marker-pulse[b-aptxjompi0] {
    position: absolute;
    inset: -4px;
    border-radius: var(--radius-full);
    border: 2px solid var(--accent-color);
    animation: ptl-pulse-kf-b-aptxjompi0 var(--pipeline-pulse-duration) infinite;
}

@keyframes ptl-pulse-kf-b-aptxjompi0 {
    0%   { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(2); opacity: 0; }
}

.ptl-marker-info[b-aptxjompi0] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 2px var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    white-space: nowrap;
    font-size: 0.6rem;
}

.ptl-marker-type[b-aptxjompi0] {
    font-size: 0.45rem;
    font-weight: var(--font-bold);
    padding: 0.02rem 0.2rem;
    border-radius: 2px;
    text-transform: uppercase;
}

/* Step type colors */
.tp-securityscreen[b-aptxjompi0]     { background: var(--stage-security-bg); color: var(--stage-security); }
.tp-architecturereview[b-aptxjompi0] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-implementation[b-aptxjompi0]     { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.tp-buildverification[b-aptxjompi0]  { background: var(--stage-build-bg); color: var(--stage-build); }
.tp-unittests[b-aptxjompi0], .tp-playwrighttests[b-aptxjompi0] { background: var(--stage-testing-bg); color: var(--stage-testing); }
.tp-documentationupdate[b-aptxjompi0] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-codereview[b-aptxjompi0], .tp-finalreview[b-aptxjompi0] { background: var(--stage-review-bg); color: var(--stage-review); }
.tp-restart[b-aptxjompi0]            { background: var(--stage-failed-bg); color: var(--stage-failed); }

.ptl-marker-name[b-aptxjompi0] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

/* Agent markers on the timeline */
.ptl-agent-marker[b-aptxjompi0] {
    position: absolute;
    top: 8px;
    transform: translateX(-50%);
    pointer-events: auto;
}

.ptl-agent-dot[b-aptxjompi0] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--member-color, var(--accent-color));
    border: 1px solid var(--bg-base);
}

/* ── Body (expanded) ── */

.ptl-body[b-aptxjompi0] {
    padding: var(--space-sm) var(--space-lg) var(--space-md);
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.ptl-stats-row[b-aptxjompi0] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.ptl-stat[b-aptxjompi0] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ptl-stat-error .ptl-stat-val[b-aptxjompi0] {
    color: var(--error-color);
}

.ptl-stat-label[b-aptxjompi0] {
    font-size: 0.55rem;
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ptl-stat-val[b-aptxjompi0] {
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    font-family: var(--font-mono);
    color: var(--text-primary);
}

/* Agent chips */
.ptl-agents[b-aptxjompi0] {
    display: flex;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.ptl-agent-chip[b-aptxjompi0] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 2px var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    color: var(--text-primary);
}

.ptl-agent-chip-dot[b-aptxjompi0] {
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: var(--member-color, var(--accent-color));
}

.ptl-agent-chip-state[b-aptxjompi0] {
    font-size: 0.55rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
}

.as-active[b-aptxjompi0]    { color: var(--agent-active); }
.as-completed[b-aptxjompi0] { color: var(--agent-completed); }
.as-errored[b-aptxjompi0]   { color: var(--agent-errored); }
.as-waiting[b-aptxjompi0]   { color: var(--agent-waiting); }

/* ── Focus Visible ── */

.ptl-header:focus-visible[b-aptxjompi0],
.ptl-control:focus-visible[b-aptxjompi0] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.ptl-marker:focus-visible[b-aptxjompi0] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .ptl-marker-info[b-aptxjompi0] {
        display: none;
    }

    .ptl-track-container[b-aptxjompi0] {
        padding: var(--space-xs) var(--space-md) var(--space-md);
    }
}

@media (max-width: 640px) {
    .ptl-header[b-aptxjompi0] {
        flex-wrap: wrap;
    }

    .ptl-elapsed[b-aptxjompi0] {
        width: 100%;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .ptl[b-aptxjompi0],
    .ptl-track-fill[b-aptxjompi0],
    .ptl-header[b-aptxjompi0] {
        transition: none;
    }

    .ptl-marker-pulse[b-aptxjompi0] {
        animation: none;
    }

    .ptl-track-fill[b-aptxjompi0]::after {
        animation: none;
    }

    .ptl-header:focus-visible[b-aptxjompi0],
    .ptl-control:focus-visible[b-aptxjompi0],
    .ptl-marker:focus-visible[b-aptxjompi0] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/ProcessInspector.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ProcessInspector — Context-aware drill-down panel
   Right-side detail panel with glassmorphism, tab nav, and adaptive
   content based on pipeline/agent/task selection.
   ═══════════════════════════════════════════════════════════════ */

.pi[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border-left: 1px solid var(--border-color);
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    transition: width var(--transition-smooth), opacity var(--transition-fast);
    overflow: hidden;
    height: 100%;
}

.pi-closed[b-t7zwzhnb1h] {
    width: 36px;
    min-width: 36px;
    cursor: pointer;
}

.pi-open[b-t7zwzhnb1h] {
    width: 380px;
    min-width: 320px;
}

/* ── Open Button (collapsed state) ── */

.pi-open-btn[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    transition: color var(--transition-fast), background var(--transition-fast);
}

.pi-open-btn:hover[b-t7zwzhnb1h] {
    color: var(--accent-color);
    background: var(--bg-hover);
}

/* ── Header ── */

.pi-header[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
    gap: var(--space-sm);
    flex-shrink: 0;
}

.pi-header-info[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-width: 0;
    flex: 1;
}

.pi-back-btn[b-t7zwzhnb1h],
.pi-close-btn[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    flex-shrink: 0;
}

.pi-back-btn:hover[b-t7zwzhnb1h],
.pi-close-btn:hover[b-t7zwzhnb1h] {
    background: var(--bg-hover);
    border-color: var(--accent-color);
    color: var(--text-primary);
}

.pi-header-text[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pi-header-type[b-t7zwzhnb1h] {
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--accent-color);
}

.pi-header-title[b-t7zwzhnb1h] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Status Bar ── */

.pi-status-bar[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-md);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-subtle);
    flex-shrink: 0;
}

.pi-status-text[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--text-secondary);
}

.pi-elapsed[b-t7zwzhnb1h] {
    margin-left: auto;
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-muted);
}

/* ── Tab Navigation ── */

.pi-tabs[b-t7zwzhnb1h] {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    padding: 0 var(--space-sm);
    flex-shrink: 0;
    overflow-x: auto;
}

.pi-tabs[b-t7zwzhnb1h]::-webkit-scrollbar {
    height: 0;
}

.pi-tab[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    font-family: var(--font-primary);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.pi-tab:hover[b-t7zwzhnb1h] {
    color: var(--text-secondary);
    background: var(--bg-hover);
}

.pi-tab-active[b-t7zwzhnb1h] {
    color: var(--accent-color);
    border-bottom-color: var(--accent-color);
}

.pi-tab[b-t7zwzhnb1h]  .mud-icon-root {
    font-size: var(--text-sm) !important;
}

/* ── Body / Content Area ── */

.pi-body[b-t7zwzhnb1h] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-md);
}

.pi-body[b-t7zwzhnb1h]::-webkit-scrollbar {
    width: 4px;
}

.pi-body[b-t7zwzhnb1h]::-webkit-scrollbar-track {
    background: transparent;
}

.pi-body[b-t7zwzhnb1h]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: var(--radius-full);
}

/* ── Empty State ── */

.pi-empty[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-3xl);
    text-align: center;
    color: var(--text-muted);
    height: 100%;
}

.pi-empty[b-t7zwzhnb1h]  .mud-icon-root {
    opacity: 0.3;
}

.pi-empty-title[b-t7zwzhnb1h] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
}

.pi-empty-hint[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.pi-empty-tab[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-lg);
    color: var(--text-muted);
    font-size: var(--text-xs);
    justify-content: center;
}

/* ── Section ── */

.pi-section[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* ── Field ── */

.pi-field[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pi-field-row[b-t7zwzhnb1h] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.pi-field-label[b-t7zwzhnb1h] {
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.pi-field-value[b-t7zwzhnb1h] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    word-break: break-word;
}

.pi-mono[b-t7zwzhnb1h] {
    font-family: var(--font-mono);
}

.pi-directive[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-secondary);
}

.pi-description[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-secondary);
}

/* ── Step type badges (shared with AgentCard) ── */

.pi-type-badge[b-t7zwzhnb1h] {
    display: inline-block;
    font-size: 0.55rem;
    font-weight: var(--font-bold);
    padding: 0.08rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    width: fit-content;
}

.tp-securityscreen[b-t7zwzhnb1h]     { background: var(--stage-security-bg); color: var(--stage-security); }
.tp-architecturereview[b-t7zwzhnb1h] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-implementation[b-t7zwzhnb1h]     { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.tp-buildverification[b-t7zwzhnb1h]  { background: var(--stage-build-bg); color: var(--stage-build); }
.tp-unittests[b-t7zwzhnb1h],
.tp-playwrighttests[b-t7zwzhnb1h]    { background: var(--stage-testing-bg); color: var(--stage-testing); }
.tp-documentationupdate[b-t7zwzhnb1h] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-codereview[b-t7zwzhnb1h],
.tp-finalreview[b-t7zwzhnb1h]        { background: var(--stage-review-bg); color: var(--stage-review); }
.tp-restart[b-t7zwzhnb1h]            { background: var(--stage-failed-bg); color: var(--stage-failed); }

/* ── Evaluation Outcome ── */

.pi-eval-continue[b-t7zwzhnb1h]  { color: var(--success-color); }
.pi-eval-remediate[b-t7zwzhnb1h] { color: var(--warning-color); }
.pi-eval-halt[b-t7zwzhnb1h]      { color: var(--error-color); }

/* ── Error Field ── */

.pi-error-field[b-t7zwzhnb1h] {
    padding: var(--space-sm);
    background: var(--error-bg);
    border: 1px solid var(--error-border);
    border-radius: var(--radius-sm);
}

.pi-error-text[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--error-text);
    word-break: break-all;
}

/* ── Tags ── */

.pi-tags[b-t7zwzhnb1h] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.pi-tag[b-t7zwzhnb1h] {
    font-size: 0.6rem;
    padding: 1px 6px;
    border-radius: var(--radius-full);
    background: var(--bg-hover);
    color: var(--text-secondary);
    white-space: nowrap;
}

/* ── Agent List ── */

.pi-agent-list[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pi-agent-chip[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--member-color, var(--accent-color));
    font-size: var(--text-xs);
    color: var(--text-primary);
}

/* ── Progress Section ── */

.pi-progress-section[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.pi-progress-header[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

/* ── Step Summary ── */

.pi-step-summary[b-t7zwzhnb1h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: var(--space-sm);
}

.pi-step-stat[b-t7zwzhnb1h] {
    padding: var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    text-align: center;
}

/* ── Current Step Card ── */

.pi-current-step[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pi-step-card[b-t7zwzhnb1h] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.pi-step-info[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.pi-step-name[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pi-step-type[b-t7zwzhnb1h] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.2rem;
    border-radius: 3px;
    text-transform: uppercase;
    width: fit-content;
}

.pi-step-elapsed[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-muted);
    flex-shrink: 0;
}

/* ── Metrics Grid ── */

.pi-metric-grid[b-t7zwzhnb1h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-sm);
}

.pi-metric-card[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    text-align: center;
}

.pi-metric-label[b-t7zwzhnb1h] {
    font-size: 0.6rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
}

.pi-metric-value[b-t7zwzhnb1h] {
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

/* ── Activity List ── */

.pi-activity[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pi-activity-entry[b-t7zwzhnb1h] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    border-bottom: 1px solid var(--border-subtle);
}

.pi-activity-entry:last-child[b-t7zwzhnb1h] {
    border-bottom: none;
}

.pi-activity-content[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.pi-activity-msg[b-t7zwzhnb1h] {
    font-size: var(--text-xs);
    color: var(--text-primary);
    line-height: 1.4;
}

.pi-activity-detail[b-t7zwzhnb1h] {
    font-size: 0.6rem;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.pi-activity-time[b-t7zwzhnb1h] {
    font-size: 0.6rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Context-specific border accents ── */

.pi-ctx-pipeline[b-t7zwzhnb1h] {
    border-left-color: var(--accent-color);
}

.pi-ctx-agent[b-t7zwzhnb1h] {
    border-left-color: var(--secondary-accent);
}

.pi-ctx-task[b-t7zwzhnb1h] {
    border-left-color: var(--info-color);
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .pi-open[b-t7zwzhnb1h] {
        width: 320px;
        min-width: 280px;
    }

    .pi-metric-grid[b-t7zwzhnb1h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pi-open[b-t7zwzhnb1h] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        min-width: 100vw;
        border-radius: 0;
        z-index: 1000;
    }

    .pi-closed[b-t7zwzhnb1h] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .pi[b-t7zwzhnb1h] {
        transition: none;
    }

    .pi-back-btn[b-t7zwzhnb1h],
    .pi-close-btn[b-t7zwzhnb1h],
    .pi-tab[b-t7zwzhnb1h],
    .pi-open-btn[b-t7zwzhnb1h] {
        transition: none;
    }
}

/* ───────── Recovery actions (Failed-pipeline only) ───────── */
.pi-recovery-actions[b-t7zwzhnb1h] {
    display: flex;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
}

.pi-recovery-btn[b-t7zwzhnb1h] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    background: transparent;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.pi-recovery-btn:disabled[b-t7zwzhnb1h] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pi-recovery-resume[b-t7zwzhnb1h] {
    border-color: var(--accent-color);
    color: var(--accent-color);
    background: var(--accent-color-10);
}
.pi-recovery-resume:hover:not(:disabled)[b-t7zwzhnb1h] {
    background: var(--accent-color-15);
    box-shadow: 0 0 8px var(--accent-color-30);
}

.pi-recovery-retry[b-t7zwzhnb1h] {
    border-color: var(--error-color);
    color: var(--error-color);
    background: var(--error-color-15);
}
.pi-recovery-retry:hover:not(:disabled)[b-t7zwzhnb1h] {
    background: var(--error-color-30);
    box-shadow: 0 0 8px var(--error-color-30);
}

/* ───────── Review actions (PendingReview / OrchestratorUnavailable) ───────── */
.pi-review-actions[b-t7zwzhnb1h] {
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.pi-review-reason[b-t7zwzhnb1h],
.pi-review-assessment[b-t7zwzhnb1h] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-xs) var(--space-sm);
    background: var(--warning-color-8);
    border-left: 2px solid var(--warning-color);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
}

.pi-review-reason-label[b-t7zwzhnb1h] {
    color: var(--warning-color);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pi-review-reason-text[b-t7zwzhnb1h] {
    color: var(--text-primary);
    word-wrap: break-word;
}

.pi-review-actions-row[b-t7zwzhnb1h] {
    display: flex;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.pi-review-resubmit[b-t7zwzhnb1h] {
    border-color: var(--accent-color);
    color: var(--accent-color);
    background: var(--accent-color-15);
}
.pi-review-resubmit:hover:not(:disabled)[b-t7zwzhnb1h] {
    background: var(--accent-color-30);
    box-shadow: 0 0 8px var(--accent-color-30);
}

.pi-review-approve[b-t7zwzhnb1h] {
    border-color: var(--warning-color);
    color: var(--warning-color);
    background: var(--warning-color-15);
}
.pi-review-approve:hover:not(:disabled)[b-t7zwzhnb1h] {
    background: var(--warning-color-30);
    box-shadow: 0 0 8px var(--warning-color-30);
}

.pi-review-reject[b-t7zwzhnb1h] {
    border-color: var(--error-color);
    color: var(--error-color);
    background: var(--error-color-15);
}
.pi-review-reject:hover:not(:disabled)[b-t7zwzhnb1h] {
    background: var(--error-color-30);
    box-shadow: 0 0 8px var(--error-color-30);
}
/* _content/Ayva.Polymorph/Pipeline/Components/ProcessTree.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ProcessTree — Hierarchical tree view: Pipeline → Agents → Steps
   Uses nested indentation with connecting lines and colored dots
   ═══════════════════════════════════════════════════════════════ */

.pt[b-sq9xzeksxw] {
    font-size: var(--text-xs);
    font-family: var(--font-primary);
}

.pt-empty[b-sq9xzeksxw] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-muted);
}

/* ── Tree Nodes ── */

.pt-node[b-sq9xzeksxw] {
    position: relative;
}

.pt-children[b-sq9xzeksxw] {
    padding-left: var(--space-lg);
    position: relative;
}

/* Vertical connecting line */
.pt-children[b-sq9xzeksxw]::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    bottom: var(--space-sm);
    width: 1px;
    background: var(--border-color);
}

.pt-node-header[b-sq9xzeksxw] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    cursor: pointer;
    width: 100%;
    text-align: left;
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
    position: relative;
}

.pt-node-header:hover[b-sq9xzeksxw] {
    background: var(--bg-hover);
}

/* Horizontal connector from vertical line to node */
.pt-children > .pt-node > .pt-node-header[b-sq9xzeksxw]::before {
    content: '';
    position: absolute;
    left: calc(-1 * var(--space-lg) + 12px);
    top: 50%;
    width: calc(var(--space-lg) - 16px);
    height: 1px;
    background: var(--border-color);
}

.pt-chevron[b-sq9xzeksxw] {
    flex-shrink: 0;
    opacity: 0.5;
    transition: transform var(--transition-fast);
}

.pt-chevron[b-sq9xzeksxw]  .mud-icon-root {
    font-size: var(--text-sm) !important;
}

.pt-icon[b-sq9xzeksxw] {
    flex-shrink: 0;
}

.pt-icon[b-sq9xzeksxw]  .mud-icon-root {
    font-size: var(--text-sm) !important;
    color: var(--accent-color);
}

.pt-icon-muted[b-sq9xzeksxw]  .mud-icon-root {
    color: var(--text-muted) !important;
}

.pt-label[b-sq9xzeksxw] {
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.pt-label-muted[b-sq9xzeksxw] {
    color: var(--text-muted);
    font-weight: var(--font-normal);
    font-style: italic;
}

.pt-status[b-sq9xzeksxw] {
    font-size: 0.55rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

/* Status variants — reuse dashboard patterns */
.st-pending[b-sq9xzeksxw]           { background: var(--stage-queued-bg); color: var(--stage-queued); }
.st-securityreview[b-sq9xzeksxw]    { background: var(--stage-security-bg); color: var(--stage-security); }
.st-approved[b-sq9xzeksxw]          { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.st-executing[b-sq9xzeksxw]         { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.st-completed[b-sq9xzeksxw], .st-mergeverified[b-sq9xzeksxw] { background: var(--stage-complete-bg); color: var(--stage-complete); }
.st-failed[b-sq9xzeksxw], .st-rejected[b-sq9xzeksxw], .st-aborted[b-sq9xzeksxw] { background: var(--stage-failed-bg); color: var(--stage-failed); }
.st-testing[b-sq9xzeksxw]           { background: var(--stage-testing-bg); color: var(--stage-testing); }
.st-awaitingrestart[b-sq9xzeksxw]   { background: var(--stage-build-bg); color: var(--stage-build); }
.st-pendingreview[b-sq9xzeksxw]     { background: var(--stage-review-bg); color: var(--stage-review); }
.st-resumable[b-sq9xzeksxw]         { background: var(--stage-security-bg); color: var(--stage-security); }

.pt-count[b-sq9xzeksxw] {
    font-family: var(--font-mono);
    color: var(--text-muted);
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Root Node ── */

.pt-root > .pt-node-header[b-sq9xzeksxw] {
    font-size: var(--text-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    margin-bottom: var(--space-xs);
}

/* ── Agent Node ── */

.pt-agent > .pt-node-header[b-sq9xzeksxw] {
    padding: var(--space-xs) var(--space-sm);
}

.pt-agent-dot[b-sq9xzeksxw] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--member-color, var(--accent-color));
    flex-shrink: 0;
}

.pt-agent-state[b-sq9xzeksxw] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    padding: 0.02rem 0.2rem;
    border-radius: 3px;
    text-transform: uppercase;
    background: var(--bg-hover);
    color: var(--text-muted);
}

.as-active[b-sq9xzeksxw]    { background: color-mix(in srgb, var(--agent-active) 15%, transparent); color: var(--agent-active); }
.as-completed[b-sq9xzeksxw] { background: color-mix(in srgb, var(--agent-completed) 15%, transparent); color: var(--agent-completed); }
.as-errored[b-sq9xzeksxw]   { background: color-mix(in srgb, var(--agent-errored) 15%, transparent); color: var(--agent-errored); }
.as-waiting[b-sq9xzeksxw]   { background: color-mix(in srgb, var(--agent-waiting) 15%, transparent); color: var(--agent-waiting); }

/* ── Step (Leaf) Node ── */

.pt-step[b-sq9xzeksxw] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 3px var(--space-sm);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
    position: relative;
}

.pt-step:hover[b-sq9xzeksxw] {
    background: var(--bg-hover);
}

.pt-step.selected[b-sq9xzeksxw] {
    background: color-mix(in srgb, var(--accent-color) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);
}

.pt-step-dot[b-sq9xzeksxw] {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
    border: 2px solid var(--border-color);
    flex-shrink: 0;
}

.ss-done .pt-step-dot[b-sq9xzeksxw]  { border-color: var(--success-color); background: var(--success-color); }
.ss-fail .pt-step-dot[b-sq9xzeksxw]  { border-color: var(--error-color); background: var(--error-color); }
.ss-run .pt-step-dot[b-sq9xzeksxw]   { border-color: var(--accent-color); background: var(--accent-color); animation: pt-pulse-b-sq9xzeksxw 2s infinite; }
.ss-blocked .pt-step-dot[b-sq9xzeksxw] { border-color: var(--warning-color); }
.ss-skip .pt-step-dot[b-sq9xzeksxw]  { opacity: 0.3; }
.ss-pending .pt-step-dot[b-sq9xzeksxw] { opacity: 0.3; }

@keyframes pt-pulse-b-sq9xzeksxw {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.pt-step-type[b-sq9xzeksxw] {
    font-size: 0.45rem;
    font-weight: var(--font-bold);
    padding: 0.02rem 0.2rem;
    border-radius: 2px;
    text-transform: uppercase;
    background: var(--bg-hover);
    color: var(--text-secondary);
    flex-shrink: 0;
}

.pt-step-name[b-sq9xzeksxw] {
    font-size: var(--text-xs);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.ss-pending .pt-step-name[b-sq9xzeksxw] { opacity: 0.4; }

.pt-step-dur[b-sq9xzeksxw] {
    font-family: var(--font-mono);
    color: var(--text-muted);
    font-size: 0.6rem;
    flex-shrink: 0;
}

/* ── Focus Visible ── */

.pt-node-header:focus-visible[b-sq9xzeksxw] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.pt-step:focus-visible[b-sq9xzeksxw] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .pt-children[b-sq9xzeksxw] {
        padding-left: var(--space-md);
    }

    /* Thinner connection lines */
    .pt-children[b-sq9xzeksxw]::before {
        width: 0.5px;
        opacity: 0.5;
    }

    .pt-children > .pt-node > .pt-node-header[b-sq9xzeksxw]::before {
        height: 0.5px;
        opacity: 0.5;
    }

    .pt-node-header[b-sq9xzeksxw] {
        padding: 2px var(--space-xs);
        gap: 3px;
    }

    .pt-root > .pt-node-header[b-sq9xzeksxw] {
        font-size: var(--text-xs);
        padding: var(--space-xs) var(--space-sm);
    }

    .pt-step[b-sq9xzeksxw] {
        padding: 2px var(--space-xs);
        gap: 3px;
    }

    .pt-step-dot[b-sq9xzeksxw] {
        width: 8px;
        height: 8px;
    }

    .pt-step-name[b-sq9xzeksxw] {
        font-size: 0.65rem;
    }

    .pt-step-type[b-sq9xzeksxw] {
        font-size: 0.4rem;
        padding: 0.01rem 0.15rem;
    }

    .pt-step-dur[b-sq9xzeksxw] {
        font-size: 0.55rem;
    }

    .pt-status[b-sq9xzeksxw] {
        font-size: 0.5rem;
        padding: 0.02rem 0.2rem;
    }

    .pt-agent-dot[b-sq9xzeksxw] {
        width: 6px;
        height: 6px;
    }

    .pt-agent-state[b-sq9xzeksxw] {
        font-size: 0.45rem;
    }

    .pt-label[b-sq9xzeksxw] {
        font-size: 0.7rem;
    }

    .pt-count[b-sq9xzeksxw] {
        font-size: 0.6rem;
    }
}

@media (max-width: 640px) {
    .pt-children[b-sq9xzeksxw] {
        padding-left: var(--space-md);
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .pt-node-header[b-sq9xzeksxw],
    .pt-step[b-sq9xzeksxw] {
        transition: none;
    }

    .ss-run .pt-step-dot[b-sq9xzeksxw] {
        animation: none;
    }

    .pt-node-header:focus-visible[b-sq9xzeksxw],
    .pt-step:focus-visible[b-sq9xzeksxw] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/ProgressRing.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ProgressRing — Circular SVG progress indicator primitive
   Uses stroke-dasharray/dashoffset for smooth arc rendering.
   ═══════════════════════════════════════════════════════════════ */

.pr-ring[b-1bfwbn2bcf] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── SVG ── */

.pr-svg[b-1bfwbn2bcf] {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
}

.pr-track[b-1bfwbn2bcf] {
    stroke: var(--bg-hover);
}

.pr-fill[b-1bfwbn2bcf] {
    stroke: var(--pr-color, var(--accent-color));
    stroke-linecap: round;
    transition: stroke-dashoffset var(--transition-smooth);
}

/* ── Indeterminate Spinner ── */

.pr-indeterminate .pr-svg[b-1bfwbn2bcf] {
    animation: pr-spin-b-1bfwbn2bcf 1.4s linear infinite;
}

.pr-spinner[b-1bfwbn2bcf] {
    stroke-linecap: round;
    transition: none;
}

@keyframes pr-spin-b-1bfwbn2bcf {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ── Center Content ── */

.pr-pct[b-1bfwbn2bcf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-mono);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    line-height: 1;
    user-select: none;
}

.pr-content[b-1bfwbn2bcf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .pr-pct[b-1bfwbn2bcf] {
        font-size: 0.6rem;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .pr-fill[b-1bfwbn2bcf] {
        transition: none;
    }

    .pr-indeterminate .pr-svg[b-1bfwbn2bcf] {
        animation: none;
    }

    .pr-spinner[b-1bfwbn2bcf] {
        stroke-dasharray: none;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/ResourceMonitor.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ResourceMonitor — Real-time resource consumption panel
   Glassmorphic grid of token/cost/duration/tool metrics
   with live indicator and optional compact mode.
   ═══════════════════════════════════════════════════════════════ */

.rm[b-sylu6ivosd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--pipeline-glass);
    backdrop-filter: var(--pipeline-glass-blur);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: border-color var(--transition-fast);
}

.rm:hover[b-sylu6ivosd] {
    border-color: var(--border-color-medium);
}

/* ── Header ── */

.rm-header[b-sylu6ivosd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rm-title-row[b-sylu6ivosd] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.rm-title-row[b-sylu6ivosd]  .mud-icon-root {
    font-size: var(--text-sm) !important;
    color: var(--accent-color);
}

.rm-title[b-sylu6ivosd] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.rm-context[b-sylu6ivosd] {
    font-size: 0.6rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
    padding: 1px 4px;
    background: var(--bg-hover);
    border-radius: var(--radius-sm);
}

/* Live indicator */
.rm-live[b-sylu6ivosd] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.55rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--success-color);
}

.rm-live-dot[b-sylu6ivosd] {
    width: 5px;
    height: 5px;
    border-radius: var(--radius-full);
    background: var(--success-color);
    animation: rm-live-pulse-b-sylu6ivosd 2s infinite;
}

@keyframes rm-live-pulse-b-sylu6ivosd {
    0%   { opacity: 1; }
    50%  { opacity: 0.4; }
    100% { opacity: 1; }
}

/* ── Metric Grid ── */

.rm-grid[b-sylu6ivosd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: var(--space-sm);
}

.rm-metric[b-sylu6ivosd] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--bg-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast);
}

.rm-metric:hover[b-sylu6ivosd] {
    border-color: var(--border-color);
}

.rm-metric-progress[b-sylu6ivosd] {
    grid-column: span 1;
}

/* ── Metric Icon ── */

.rm-metric-icon[b-sylu6ivosd] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}

.rm-metric-icon[b-sylu6ivosd]  .mud-icon-root {
    font-size: var(--text-sm) !important;
}

.rm-icon-tokens[b-sylu6ivosd]   { background: color-mix(in srgb, var(--warning-color) 15%, transparent); color: var(--warning-color); }
.rm-icon-cost[b-sylu6ivosd]     { background: color-mix(in srgb, var(--accent-color) 15%, transparent); color: var(--accent-color); }
.rm-icon-duration[b-sylu6ivosd] { background: color-mix(in srgb, var(--info-color) 15%, transparent); color: var(--info-color); }
.rm-icon-tools[b-sylu6ivosd]    { background: color-mix(in srgb, var(--secondary-accent) 15%, transparent); color: var(--secondary-accent); }
.rm-icon-agents[b-sylu6ivosd]   { background: var(--success-bg); color: var(--success-color); }

/* ── Metric Data ── */

.rm-metric-data[b-sylu6ivosd] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.rm-metric-label[b-sylu6ivosd] {
    font-size: 0.55rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
}

.rm-metric-value[b-sylu6ivosd] {
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.rm-mono[b-sylu6ivosd] {
    font-family: var(--font-mono);
}

.rm-rate[b-sylu6ivosd] {
    font-size: 0.55rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
    white-space: nowrap;
    align-self: flex-end;
}

.rm-failed-count[b-sylu6ivosd] {
    font-size: 0.55rem;
    color: var(--error-color);
    font-weight: var(--font-medium);
}

/* ── Efficiency Bar ── */

.rm-efficiency[b-sylu6ivosd] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    flex-wrap: wrap;
}

.rm-efficiency-label[b-sylu6ivosd] {
    font-size: 0.55rem;
    color: var(--text-muted);
    font-weight: var(--font-medium);
}

.rm-efficiency-value[b-sylu6ivosd] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
}

/* ── Compact Mode ── */

.rm-compact[b-sylu6ivosd] {
    padding: var(--space-sm);
    gap: var(--space-xs);
}

.rm-compact .rm-grid[b-sylu6ivosd] {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: var(--space-xs);
}

.rm-compact .rm-metric[b-sylu6ivosd] {
    padding: var(--space-xs);
}

.rm-compact .rm-metric-icon[b-sylu6ivosd] {
    width: 24px;
    height: 24px;
}

.rm-compact .rm-metric-icon[b-sylu6ivosd]  .mud-icon-root {
    font-size: var(--text-xs) !important;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .rm-grid[b-sylu6ivosd] {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }

    .rm-metric-icon[b-sylu6ivosd] {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 640px) {
    .rm[b-sylu6ivosd] {
        padding: var(--space-sm);
    }

    .rm-grid[b-sylu6ivosd] {
        grid-template-columns: repeat(2, 1fr);
    }

    .rm-efficiency[b-sylu6ivosd] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .rm[b-sylu6ivosd],
    .rm-metric[b-sylu6ivosd] {
        transition: none;
    }

    .rm-live-dot[b-sylu6ivosd] {
        animation: none;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/StatusIndicator.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   StatusIndicator — Reusable status dot/badge primitive
   Color-mapped via --si-color and --si-bg CSS custom properties.
   Supports Small (6px), Medium (8px), Large (12px) dot sizes.
   ═══════════════════════════════════════════════════════════════ */

.si[b-1ts8yeueps] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    vertical-align: middle;
    line-height: 1;
}

/* ── Dot ── */

.si-dot[b-1ts8yeueps] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    background: var(--si-color, var(--text-muted));
    flex-shrink: 0;
    transition: background var(--transition-fast), box-shadow var(--transition-fast);
}

/* Size variants */
.si-sm .si-dot[b-1ts8yeueps] {
    width: 6px;
    height: 6px;
}

.si-md .si-dot[b-1ts8yeueps] {
    width: 8px;
    height: 8px;
}

.si-lg .si-dot[b-1ts8yeueps] {
    width: 12px;
    height: 12px;
}

/* Icons inside dot (large size only) */
.si-lg .si-dot[b-1ts8yeueps]  .mud-icon-root {
    font-size: 0.5rem !important;
    color: var(--bg-base);
}

.si-sm .si-dot[b-1ts8yeueps]  .mud-icon-root,
.si-md .si-dot[b-1ts8yeueps]  .mud-icon-root {
    display: none;
}

/* ── Pulsing Animation ── */

.si-pulsing .si-dot[b-1ts8yeueps] {
    animation: si-pulse-kf-b-1ts8yeueps var(--pipeline-pulse-duration, 2s) infinite;
}

@keyframes si-pulse-kf-b-1ts8yeueps {
    0%   { box-shadow: 0 0 0 0 var(--si-bg, color-mix(in srgb, var(--accent-color) 40%, transparent)); }
    70%  { box-shadow: 0 0 0 5px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

/* ── Label ── */

.si-label[b-1ts8yeueps] {
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--text-secondary);
    white-space: nowrap;
    user-select: none;
}

.si-sm .si-label[b-1ts8yeueps] {
    font-size: 0.6rem;
}

.si-lg .si-label[b-1ts8yeueps] {
    font-size: var(--text-sm);
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .si[b-1ts8yeueps] {
        gap: 3px;
    }

    .si-sm .si-dot[b-1ts8yeueps] {
        width: 5px;
        height: 5px;
    }

    .si-md .si-dot[b-1ts8yeueps] {
        width: 6px;
        height: 6px;
    }

    .si-lg .si-dot[b-1ts8yeueps] {
        width: 10px;
        height: 10px;
    }

    .si-label[b-1ts8yeueps] {
        font-size: 0.65rem;
    }

    .si-sm .si-label[b-1ts8yeueps] {
        font-size: 0.55rem;
    }

    .si-lg .si-label[b-1ts8yeueps] {
        font-size: var(--text-xs);
    }
}

@media (max-width: 640px) {
    .si-label[b-1ts8yeueps] {
        font-size: 0.6rem;
    }

    .si-lg .si-dot[b-1ts8yeueps] {
        width: 10px;
        height: 10px;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .si-pulsing .si-dot[b-1ts8yeueps] {
        animation: none;
    }

    .si-dot[b-1ts8yeueps] {
        transition: none;
    }
}
/* _content/Ayva.Polymorph/Pipeline/Components/TaskList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   TaskList — Task rows with status indicators and expandable detail
   Supports CompactMode for inline agent card usage
   ═══════════════════════════════════════════════════════════════ */

.tl[b-bx3ds022sy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tl-compact[b-bx3ds022sy] {
    font-size: var(--text-xs);
}

.tl-empty[b-bx3ds022sy] {
    padding: var(--space-md);
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-xs);
}

/* ── Task Row ── */

.tl-row[b-bx3ds022sy] {
    display: grid;
    grid-template-columns: 28px 1fr;
    grid-template-rows: auto auto;
    gap: 0 var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
    animation: tl-slide-in-b-bx3ds022sy 0.3s ease forwards;
    opacity: 0;
}

@keyframes tl-slide-in-b-bx3ds022sy {
    from { opacity: 0; transform: translateX(-8px); }
    to { opacity: 1; transform: translateX(0); }
}

.tl-compact .tl-row[b-bx3ds022sy] {
    grid-template-columns: 22px 1fr;
}

.tl-row:hover[b-bx3ds022sy] {
    background: var(--bg-hover);
}

/* ── Status Indicator Column ── */

.tl-indicator[b-bx3ds022sy] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: center;
    padding-top: var(--space-xs);
}

.tl-dot[b-bx3ds022sy] {
    width: 22px;
    height: 22px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--border-color);
    background: transparent;
    flex-shrink: 0;
}

.tl-compact .tl-dot[b-bx3ds022sy] {
    width: 18px;
    height: 18px;
}

.tl-dot[b-bx3ds022sy]  .mud-icon-root {
    font-size: 0.65rem !important;
}

.tl-compact .tl-dot[b-bx3ds022sy]  .mud-icon-root {
    font-size: 0.55rem !important;
}

.tl-dot-done[b-bx3ds022sy] { border-color: var(--success-color); color: var(--success-color); background: var(--success-bg); }
.tl-dot-fail[b-bx3ds022sy] { border-color: var(--error-color); color: var(--error-color); background: var(--error-bg); }
.tl-dot-run[b-bx3ds022sy]  { border-color: var(--accent-color); color: var(--accent-color); background: color-mix(in srgb, var(--accent-color) 10%, transparent); }
.tl-dot-blocked[b-bx3ds022sy] { border-color: var(--warning-color); color: var(--warning-color); }
.tl-dot-skip[b-bx3ds022sy] { opacity: 0.35; }
.tl-dot-pending[b-bx3ds022sy] { opacity: 0.4; }

.tl-order[b-bx3ds022sy] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    color: var(--text-secondary);
}

.tl-spinner[b-bx3ds022sy] {
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    border-top-color: var(--accent-color);
    border-radius: var(--radius-full);
    animation: tl-spin-b-bx3ds022sy 0.8s linear infinite;
}

@keyframes tl-spin-b-bx3ds022sy { to { transform: rotate(360deg); } }

/* ── Task Content (clickable) ── */

.tl-content[b-bx3ds022sy] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-xs) var(--space-sm) var(--space-xs) 0;
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-family: var(--font-primary);
    cursor: pointer;
    text-align: left;
    min-width: 0;
}

.tl-main[b-bx3ds022sy] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.tl-type[b-bx3ds022sy] {
    font-size: 0.5rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.25rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: var(--bg-hover);
    color: var(--text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

/* Step type colors (shared with AgentCard) */
.tp-securityscreen[b-bx3ds022sy]     { background: var(--stage-security-bg); color: var(--stage-security); }
.tp-architecturereview[b-bx3ds022sy] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-implementation[b-bx3ds022sy]     { background: var(--stage-implementation-bg); color: var(--stage-implementation); }
.tp-buildverification[b-bx3ds022sy]  { background: var(--stage-build-bg); color: var(--stage-build); }
.tp-unittests[b-bx3ds022sy],
.tp-playwrighttests[b-bx3ds022sy]    { background: var(--stage-testing-bg); color: var(--stage-testing); }
.tp-documentationupdate[b-bx3ds022sy] { background: var(--stage-architecture-bg); color: var(--stage-architecture); }
.tp-codereview[b-bx3ds022sy],
.tp-finalreview[b-bx3ds022sy]        { background: var(--stage-review-bg); color: var(--stage-review); }
.tp-restart[b-bx3ds022sy]            { background: var(--stage-failed-bg); color: var(--stage-failed); }

.tl-name[b-bx3ds022sy] {
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.tl-pending .tl-name[b-bx3ds022sy] {
    opacity: 0.4;
}

.tl-badge[b-bx3ds022sy] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.tl-badge[b-bx3ds022sy]  .mud-icon-root {
    font-size: 0.65rem !important;
}

.tl-badge-remediation[b-bx3ds022sy] {
    color: var(--warning-color);
}

/* Remediation row marker */
.tl-remediation[b-bx3ds022sy] {
    border-left: 2px solid var(--warning-color);
    padding-left: var(--space-xs);
    margin-left: var(--space-xs);
}

.tl-eval[b-bx3ds022sy] {
    font-size: 0.45rem;
    font-weight: var(--font-bold);
    padding: 0.04rem 0.2rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

.eval-continue[b-bx3ds022sy]  { background: var(--success-bg); color: var(--success-color); }
.eval-remediate[b-bx3ds022sy] { background: var(--warning-bg); color: var(--warning-color); }
.eval-halt[b-bx3ds022sy]      { background: var(--error-bg); color: var(--error-color); }

/* ── Meta Row ── */

.tl-meta[b-bx3ds022sy] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.tl-agent[b-bx3ds022sy] {
    color: var(--text-secondary);
    font-family: var(--font-primary);
}

.tl-duration[b-bx3ds022sy] {
    white-space: nowrap;
}

.tl-metric[b-bx3ds022sy] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

.tl-metric[b-bx3ds022sy]  .mud-icon-root {
    font-size: 0.6rem !important;
    opacity: 0.6;
}

.tl-expand-icon[b-bx3ds022sy] {
    margin-left: auto;
    opacity: 0.3;
    transition: opacity var(--transition-fast);
}

.tl-content:hover .tl-expand-icon[b-bx3ds022sy] {
    opacity: 0.8;
}

/* ── Expanded Detail ── */

.tl-detail[b-bx3ds022sy] {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-sm) var(--space-sm) 0;
    font-size: var(--text-xs);
}

.tl-desc[b-bx3ds022sy] {
    color: var(--text-secondary);
    line-height: 1.5;
}

.tl-error[b-bx3ds022sy] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xs);
    color: var(--error-color);
    padding: var(--space-xs) var(--space-sm);
    background: var(--error-bg);
    border-radius: var(--radius-sm);
}

.tl-error[b-bx3ds022sy]  .mud-icon-root {
    font-size: var(--text-sm) !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.tl-rationale[b-bx3ds022sy] {
    padding: var(--space-xs) var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--accent-color);
}

.tl-rationale-label[b-bx3ds022sy] {
    display: block;
    font-size: 0.55rem;
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
}

.tl-rationale-text[b-bx3ds022sy] {
    color: var(--text-secondary);
    line-height: 1.4;
}

.tl-detail-stats[b-bx3ds022sy] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.tl-detail-stat[b-bx3ds022sy] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.tl-detail-label[b-bx3ds022sy] {
    font-size: 0.55rem;
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.tl-detail-val[b-bx3ds022sy] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
    font-weight: var(--font-medium);
}

/* ── Focus Visible ── */

.tl-content:focus-visible[b-bx3ds022sy] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

.tl-row:focus-visible[b-bx3ds022sy] {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .tl-row[b-bx3ds022sy] {
        grid-template-columns: 22px 1fr;
    }

    .tl-dot[b-bx3ds022sy] {
        width: 18px;
        height: 18px;
    }

    .tl-dot[b-bx3ds022sy]  .mud-icon-root {
        font-size: 0.55rem !important;
    }

    .tl-name[b-bx3ds022sy] {
        font-size: 0.7rem;
    }

    .tl-type[b-bx3ds022sy] {
        font-size: 0.45rem;
        padding: 0.02rem 0.2rem;
    }

    .tl-meta[b-bx3ds022sy] {
        font-size: 0.65rem;
        gap: var(--space-xs);
    }

    .tl-eval[b-bx3ds022sy] {
        font-size: 0.4rem;
    }

    .tl-detail[b-bx3ds022sy] {
        padding: var(--space-xs) var(--space-xs) var(--space-xs) 0;
        gap: var(--space-xs);
    }

    .tl-detail-stats[b-bx3ds022sy] {
        gap: var(--space-sm);
    }

    .tl-detail-label[b-bx3ds022sy] {
        font-size: 0.5rem;
    }

    .tl-rationale[b-bx3ds022sy] {
        padding: var(--space-xs);
    }

    .tl-rationale-label[b-bx3ds022sy] {
        font-size: 0.5rem;
    }
}

@media (max-width: 640px) {
    .tl-meta[b-bx3ds022sy] {
        flex-wrap: wrap;
    }

    .tl-agent[b-bx3ds022sy] {
        display: none;
    }
}

/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
    .tl-row[b-bx3ds022sy] {
        animation: none;
        opacity: 1;
    }

    .tl-spinner[b-bx3ds022sy] {
        animation: none;
    }

    .tl-row[b-bx3ds022sy],
    .tl-expand-icon[b-bx3ds022sy] {
        transition: none;
    }

    .tl-content:focus-visible[b-bx3ds022sy],
    .tl-row:focus-visible[b-bx3ds022sy] {
        outline: 2px solid var(--border-color);
        outline-offset: 2px;
    }
}
/* _content/Ayva.Polymorph/Widgets/PipelineActivityWidget.razor.rz.scp.css */
.pipeline-activity-widget[b-23g74siw4g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 80px;
}

/* Loading state */
.widget-loading[b-23g74siw4g] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 1rem;
}

.loading-dots[b-23g74siw4g] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.loading-dots span[b-23g74siw4g] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-secondary);
    opacity: 0.4;
    animation: dot-pulse-b-23g74siw4g 1.2s ease-in-out infinite;
}

.loading-dots span:nth-child(2)[b-23g74siw4g] { animation-delay: 0.2s; }
.loading-dots span:nth-child(3)[b-23g74siw4g] { animation-delay: 0.4s; }

@keyframes dot-pulse-b-23g74siw4g {
    0%, 80%, 100% { opacity: 0.4; transform: scale(1); }
    40% { opacity: 1; transform: scale(1.2); }
}

/* Error state */
.widget-error[b-23g74siw4g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    color: var(--error-color);
    font-size: 0.8125rem;
}

.error-icon[b-23g74siw4g] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.error-text[b-23g74siw4g] {
    color: var(--text-secondary);
}

/* Stats grid */
.stat-grid[b-23g74siw4g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    padding: 0.25rem;
    height: 100%;
    align-items: stretch;
}

.stat-box[b-23g74siw4g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    border-radius: var(--radius-md);
    background: var(--surface-glass);
    border: 1px solid transparent;
    transition: var(--transition-base);
}

/* Accent variant — active pipelines */
.stat-box.stat-accent[b-23g74siw4g] {
    border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);
    background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-glass));
}

.stat-box.stat-accent .stat-value[b-23g74siw4g] {
    color: var(--accent-color);
}

/* Success variant — completed today */
.stat-box.stat-success[b-23g74siw4g] {
    border-color: color-mix(in srgb, var(--success-color) 30%, transparent);
    background: color-mix(in srgb, var(--success-color) 6%, var(--surface-glass));
}

.stat-box.stat-success .stat-value[b-23g74siw4g] {
    color: var(--success-color);
}

/* Error variant — failed today */
.stat-box.stat-error[b-23g74siw4g] {
    border-color: color-mix(in srgb, var(--error-color) 40%, transparent);
    background: color-mix(in srgb, var(--error-color) 8%, var(--surface-glass));
}

.stat-box.stat-error .stat-value[b-23g74siw4g] {
    color: var(--error-color);
}

/* Neutral variant — zero state */
.stat-box.stat-neutral .stat-value[b-23g74siw4g] {
    color: var(--text-secondary);
}

.stat-value[b-23g74siw4g] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.stat-label[b-23g74siw4g] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.2;
}
/* _content/Ayva.Polymorph/Widgets/PolymorphEngineStatusWidget.razor.rz.scp.css */
.engine-status-widget[b-6jj2l7egpp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 80px;
}

/* Loading state */
.widget-loading[b-6jj2l7egpp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 1rem;
}

.loading-dots[b-6jj2l7egpp] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.loading-dots span[b-6jj2l7egpp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-secondary);
    opacity: 0.4;
    animation: dot-pulse-b-6jj2l7egpp 1.2s ease-in-out infinite;
}

.loading-dots span:nth-child(2)[b-6jj2l7egpp] { animation-delay: 0.2s; }
.loading-dots span:nth-child(3)[b-6jj2l7egpp] { animation-delay: 0.4s; }

@keyframes dot-pulse-b-6jj2l7egpp {
    0%, 80%, 100% { opacity: 0.4; transform: scale(1); }
    40% { opacity: 1; transform: scale(1.2); }
}

/* Error state */
.widget-error[b-6jj2l7egpp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    color: var(--error-color);
    font-size: 0.8125rem;
}

.error-icon[b-6jj2l7egpp] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.error-text[b-6jj2l7egpp] {
    color: var(--text-secondary);
}

/* Main layout */
.status-layout[b-6jj2l7egpp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.375rem 0.25rem;
}

/* Status row: label + pill */
.status-row[b-6jj2l7egpp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.status-label[b-6jj2l7egpp] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary);
    flex-shrink: 0;
}

/* Pill base */
.status-pill[b-6jj2l7egpp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid transparent;
    transition: var(--transition-base);
}

.pill-icon[b-6jj2l7egpp] {
    font-size: 0.875rem;
    line-height: 1;
}

/* Running pill — accent */
.pill-running[b-6jj2l7egpp] {
    background: color-mix(in srgb, var(--accent-color) 15%, transparent);
    border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);
    color: var(--accent-color);
}

.pill-running .pill-dot[b-6jj2l7egpp] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent-color);
    animation: pulse-dot-b-6jj2l7egpp 1.6s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes pulse-dot-b-6jj2l7egpp {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.75); }
}

/* Idle pill — muted */
.pill-idle[b-6jj2l7egpp] {
    background: color-mix(in srgb, var(--text-secondary) 10%, transparent);
    border-color: color-mix(in srgb, var(--text-secondary) 20%, transparent);
    color: var(--text-secondary);
}

.pill-idle .pill-dot[b-6jj2l7egpp] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--text-secondary);
    opacity: 0.5;
    flex-shrink: 0;
}

/* Circuit breaker closed — green */
.pill-closed[b-6jj2l7egpp] {
    background: color-mix(in srgb, var(--success-color) 12%, transparent);
    border-color: color-mix(in srgb, var(--success-color) 30%, transparent);
    color: var(--success-color);
}

/* Circuit breaker open — red warning */
.pill-open[b-6jj2l7egpp] {
    background: color-mix(in srgb, var(--error-color) 15%, transparent);
    border-color: color-mix(in srgb, var(--error-color) 40%, transparent);
    color: var(--error-color);
}

/* Active pipeline row */
.pipeline-row[b-6jj2l7egpp] {
    margin-top: 0.125rem;
    padding-top: 0.375rem;
    border-top: 1px solid color-mix(in srgb, var(--text-secondary) 15%, transparent);
}

.pipeline-id[b-6jj2l7egpp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--text-secondary);
}

.pipeline-icon[b-6jj2l7egpp] {
    font-size: 0.875rem;
    color: var(--accent-color);
    opacity: 0.7;
}

.pipeline-guid[b-6jj2l7egpp] {
    font-family: var(--font-mono, monospace);
    font-size: 0.75rem;
    color: var(--text-secondary);
    letter-spacing: 0.02em;
}

/* Circuit breaker timestamp note */
.circuit-breaker-note[b-6jj2l7egpp] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    color: color-mix(in srgb, var(--error-color) 70%, var(--text-secondary));
    padding-top: 0.25rem;
    border-top: 1px solid color-mix(in srgb, var(--text-secondary) 15%, transparent);
}

.note-icon[b-6jj2l7egpp] {
    font-size: 0.875rem;
    flex-shrink: 0;
}