@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Generation/GenerationCockpit.razor.rz.scp.css */
/* ============================================================
   Split-cockpit redesign — scoped overrides of the global gen-*
   base rules defined in GreenfieldWizard.razor. Scoped selectors
   have higher specificity (0,2,0 vs 0,1,0) so these win without
   touching the shared page-level stylesheet.
   ============================================================ */

/* ---- Status header ---- */
.gen-hero-headline-row[b-gdrd04p763] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.gen-hero-phase[b-gdrd04p763] {
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0;
}

.gen-hero-substep[b-gdrd04p763] {
    font-family: var(--font-mono, monospace);
    font-size: 12px;
    color: var(--text-tertiary);
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
}

/* ---- Metrics strip: one dense row ---- */
.gen-tiles[b-gdrd04p763] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.gen-tile[b-gdrd04p763] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.gen-tile .gt-label[b-gdrd04p763] {
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.gen-tile .gt-value[b-gdrd04p763] {
    font-family: var(--font-mono, monospace);
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.gen-tile .gt-sub[b-gdrd04p763] {
    font-size: 11px;
    color: var(--text-tertiary);
}

/* ---- Two-column grid: timeline | stream ---- */
.gen-grid[b-gdrd04p763] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 16px;
}

@media (max-width: 900px) {
    .gen-grid[b-gdrd04p763] {
        grid-template-columns: 1fr;
    }
}

/* ---- Left panel: build-loop inline block ---- */
.gen-buildloop[b-gdrd04p763] {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-secondary);
    padding: 6px 12px;
    border-top: 1px dashed var(--border-color);
}

/* Step mini-fraction on the active phase row (e.g. "5/9") stays as compact mono text */
.gtl-pct[b-gdrd04p763] {
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    color: var(--text-tertiary);
    margin-left: 6px;
}

/* Segmented step mini-bar on the active phase row (the mockup's ▄▄▄░░) */
.gtl-stepbar[b-gdrd04p763] {
    display: inline-flex;
    gap: 2px;
    margin-left: 8px;
    vertical-align: middle;
}

.gtl-seg[b-gdrd04p763] {
    width: 6px;
    height: 8px;
    border-radius: 1px;
    background: var(--border-color);
}

.gtl-seg.on[b-gdrd04p763] {
    background: var(--text-secondary);
}

/* ---- Right panel: stream head, filter chips, auto-scroll ---- */
.gen-panel-head[b-gdrd04p763] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gen-stream-filters[b-gdrd04p763] {
    display: flex;
    gap: 6px;
    padding: 6px 0;
}

.gen-chip[b-gdrd04p763] {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid var(--border-color);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.gen-chip:hover[b-gdrd04p763] {
    color: var(--text-primary);
}

.gen-chip.active[b-gdrd04p763] {
    border-color: currentColor;
    color: var(--text-primary);
    font-weight: 600;
}

.gen-autoscroll[b-gdrd04p763] {
    margin-left: auto;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 2px 8px;
    line-height: 1.4;
}

.gen-autoscroll.on[b-gdrd04p763] {
    color: var(--text-primary);
    border-color: currentColor;
}

/* ---- Pinned current-file line ---- */
.gen-current-file[b-gdrd04p763] {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
}

.gcf-dot[b-gdrd04p763] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--text-secondary);
    animation: gcf-pulse-b-gdrd04p763 1.6s ease-in-out infinite;
}

@keyframes gcf-pulse-b-gdrd04p763 {
    0%, 100% { opacity: .35; }
    50% { opacity: 1; }
}
/* /Components/Git/PullRequestList.razor.rz.scp.css */
.pull-request-list[b-vbxpoc9vgn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 400px;
}

.list-header[b-vbxpoc9vgn] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.list-header h3[b-vbxpoc9vgn] {
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.list-controls[b-vbxpoc9vgn] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.list-body[b-vbxpoc9vgn] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.pr-data-grid[b-vbxpoc9vgn] {
    width: 100%;
}

[b-vbxpoc9vgn] .pr-data-grid fluent-data-grid-row {
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

[b-vbxpoc9vgn] .pr-data-grid fluent-data-grid-row:hover {
    background: var(--neutral-layer-2);
}

.pr-number[b-vbxpoc9vgn] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.pr-title-cell[b-vbxpoc9vgn] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    overflow: hidden;
}

.pr-title[b-vbxpoc9vgn] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.branch-name[b-vbxpoc9vgn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
}

.branch-name span[b-vbxpoc9vgn] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.date-cell[b-vbxpoc9vgn] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Status badges */
.status-merged[b-vbxpoc9vgn] {
    background-color: rgba(34, 197, 94, 0.15) !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
}

.status-open[b-vbxpoc9vgn] {
    background-color: rgba(15, 182, 214, 0.15) !important;
    color: var(--primary-500) !important;
    border: 1px solid rgba(15, 182, 214, 0.3) !important;
}

.status-closed[b-vbxpoc9vgn] {
    background-color: rgba(107, 114, 128, 0.15) !important;
    color: var(--text-secondary) !important;
    border: 1px solid rgba(107, 114, 128, 0.3) !important;
}

/* Platform badges */
.platform-github[b-vbxpoc9vgn] {
    background-color: rgba(36, 41, 46, 0.15) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(36, 41, 46, 0.3) !important;
}

.platform-gitlab[b-vbxpoc9vgn] {
    background-color: rgba(252, 109, 38, 0.15) !important;
    color: #fc6d26 !important;
    border: 1px solid rgba(252, 109, 38, 0.3) !important;
}

.platform-azure[b-vbxpoc9vgn] {
    background-color: rgba(0, 120, 212, 0.15) !important;
    color: #0078d4 !important;
    border: 1px solid rgba(0, 120, 212, 0.3) !important;
}

.platform-unknown[b-vbxpoc9vgn] {
    background-color: rgba(107, 114, 128, 0.15) !important;
    color: var(--text-secondary) !important;
}

/* Loading and empty states */
.loading-state[b-vbxpoc9vgn],
.empty-state[b-vbxpoc9vgn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: var(--neutral-foreground-hint);
}

.empty-state p[b-vbxpoc9vgn] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
}

.empty-hint[b-vbxpoc9vgn] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .list-controls[b-vbxpoc9vgn] {
        gap: 0.75rem;
    }
}

@media (max-width: 768px) {
    .list-header[b-vbxpoc9vgn] {
        padding: 1rem;
    }

    .list-body[b-vbxpoc9vgn] {
        padding: 0.5rem;
    }

    .pr-data-grid[b-vbxpoc9vgn] {
        font-size: 0.875rem;
    }
}

/* Dark mode adjustments */
[b-vbxpoc9vgn] [data-theme="dark"] .platform-github {
    color: #f0f6fc !important;
}

[b-vbxpoc9vgn] [data-theme="dark"] .list-header {
    border-color: var(--border-color);
}

[b-vbxpoc9vgn] [data-theme="dark"] .list-header h3 {
    color: var(--text-primary);
}
/* /Components/Performance/PerformanceAnalysisView.razor.rz.scp.css */
.performance-analysis-view[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

/* Empty State */
.empty-state-card[b-aez1oil4kf] {
    padding: 48px;
}

.empty-state[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
}

.empty-state h3[b-aez1oil4kf] {
    margin: 0;
    color: var(--text-primary);
}

.empty-state p[b-aez1oil4kf] {
    margin: 0;
    color: var(--text-tertiary);
}

/* Score Section */
.score-section[b-aez1oil4kf] {
    width: 100%;
}

.overall-score-card[b-aez1oil4kf] {
    padding: 24px;
}

.score-header[b-aez1oil4kf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.score-header h2[b-aez1oil4kf] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.score-content[b-aez1oil4kf] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 32px;
    align-items: center;
}

.main-score[b-aez1oil4kf] {
    display: flex;
    justify-content: center;
}

.individual-scores[b-aez1oil4kf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.score-item[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
    background: var(--background-secondary);
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.score-item:hover[b-aez1oil4kf] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.score-ring[b-aez1oil4kf] {
    display: flex;
    justify-content: center;
}

.score-info[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.score-label[b-aez1oil4kf] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.issue-counts[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px;
    background: var(--background-secondary);
    border-radius: 12px;
}

.count-item[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.count-item.critical .count-value[b-aez1oil4kf] {
    color: var(--error-600);
}

.count-value[b-aez1oil4kf] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
}

.count-label[b-aez1oil4kf] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.count-divider[b-aez1oil4kf] {
    width: 1px;
    height: 48px;
    background: var(--border-color);
}

/* Category Section */
.section-header[b-aez1oil4kf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-header h3[b-aez1oil4kf] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

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

.category-item[b-aez1oil4kf] {
    padding: 16px;
    background: var(--background-secondary);
    border-radius: 12px;
    border: 1px solid var(--border-color);
    transition: border-color 0.2s ease;
}

.category-item:hover[b-aez1oil4kf] {
    border-color: var(--primary-400);
}

.category-header[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.category-icon[b-aez1oil4kf] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.category-icon.database[b-aez1oil4kf] {
    background: rgba(15, 182, 214, 0.1);
    color: var(--primary-500);
}

.category-icon.memory[b-aez1oil4kf] {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
}

.category-icon.cpu[b-aez1oil4kf] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.category-icon.io[b-aez1oil4kf] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.category-icon.cache[b-aez1oil4kf] {
    background: rgba(20, 184, 166, 0.1);
    color: #14b8a6;
}

.category-icon.connection[b-aez1oil4kf] {
    background: rgba(236, 72, 153, 0.1);
    color: #ec4899;
}

.category-icon.thread[b-aez1oil4kf] {
    background: rgba(249, 115, 22, 0.1);
    color: #f97316;
}

.category-icon.default[b-aez1oil4kf] {
    background: var(--background-tertiary);
    color: var(--text-secondary);
}

.category-info[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.category-name[b-aez1oil4kf] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.category-count[b-aez1oil4kf] {
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

.category-bar[b-aez1oil4kf] {
    margin-bottom: 12px;
}

.bar-track[b-aez1oil4kf] {
    height: 8px;
    background: var(--background-tertiary);
    border-radius: 4px;
    overflow: hidden;
}

.bar-fill[b-aez1oil4kf] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.bar-fill.database[b-aez1oil4kf] { background: var(--primary-500); }
.bar-fill.memory[b-aez1oil4kf] { background: #8b5cf6; }
.bar-fill.cpu[b-aez1oil4kf] { background: #f59e0b; }
.bar-fill.io[b-aez1oil4kf] { background: #22c55e; }
.bar-fill.cache[b-aez1oil4kf] { background: #14b8a6; }
.bar-fill.connection[b-aez1oil4kf] { background: #ec4899; }
.bar-fill.thread[b-aez1oil4kf] { background: #f97316; }
.bar-fill.default[b-aez1oil4kf] { background: var(--primary-500); }

.severity-breakdown[b-aez1oil4kf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.severity-badge[b-aez1oil4kf] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 4px;
}

.severity-badge.critical[b-aez1oil4kf] {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
}

.severity-badge.high[b-aez1oil4kf] {
    background: rgba(249, 115, 22, 0.15);
    color: #ea580c;
}

.severity-badge.medium[b-aez1oil4kf] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
}

.severity-badge.low[b-aez1oil4kf] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
}

/* Hotspots Section */
.hotspots-list[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hotspot-item[b-aez1oil4kf] {
    padding: 20px;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hotspot-item:hover[b-aez1oil4kf] {
    border-color: var(--primary-400);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.hotspot-header[b-aez1oil4kf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.hotspot-badges[b-aez1oil4kf] {
    display: flex;
    gap: 8px;
}

[b-aez1oil4kf] .severity-badge-fluent.critical {
    --accent-fill-rest: #dc2626;
    background: #dc2626;
    color: white;
}

[b-aez1oil4kf] .severity-badge-fluent.high {
    --accent-fill-rest: #ea580c;
    background: #ea580c;
    color: white;
}

[b-aez1oil4kf] .severity-badge-fluent.medium {
    background: #d97706;
    color: white;
}

[b-aez1oil4kf] .severity-badge-fluent.low {
    background: #16a34a;
    color: white;
}

.category-badge[b-aez1oil4kf] {
    text-transform: capitalize;
}

.hotspot-impact[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--error-600);
}

.hotspot-location[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.8rem;
    color: var(--text-secondary);
    margin-bottom: 12px;
    padding: 8px 12px;
    background: var(--background-tertiary);
    border-radius: 6px;
}

.hotspot-description[b-aez1oil4kf] {
    font-size: 0.9rem;
    color: var(--text-primary);
    line-height: 1.5;
    margin-bottom: 16px;
}

.suggested-fix[b-aez1oil4kf] {
    padding: 12px;
    background: var(--background-tertiary);
    border-radius: 8px;
    overflow-x: auto;
}

.suggested-fix pre[b-aez1oil4kf] {
    margin: 0;
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.8rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.suggested-fix code[b-aez1oil4kf] {
    color: var(--text-primary);
}

/* Recommendations Section */
.recommendations-list[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.recommendation-item[b-aez1oil4kf] {
    padding: 24px;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.recommendation-header[b-aez1oil4kf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

[b-aez1oil4kf] .priority-badge.critical {
    background: #dc2626;
    color: white;
}

[b-aez1oil4kf] .priority-badge.high {
    background: #ea580c;
    color: white;
}

[b-aez1oil4kf] .priority-badge.medium {
    background: #d97706;
    color: white;
}

[b-aez1oil4kf] .priority-badge.low {
    background: #16a34a;
    color: white;
}

.recommendation-gain[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-600);
}

.recommendation-title[b-aez1oil4kf] {
    margin: 0 0 8px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.recommendation-description[b-aez1oil4kf] {
    margin: 0 0 20px 0;
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

.code-comparison[b-aez1oil4kf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.code-panel[b-aez1oil4kf] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.code-panel.before[b-aez1oil4kf] {
    border-color: rgba(239, 68, 68, 0.3);
}

.code-panel.after[b-aez1oil4kf] {
    border-color: rgba(34, 197, 94, 0.3);
}

.code-panel-header[b-aez1oil4kf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--background-tertiary);
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.code-panel.before .code-panel-header[b-aez1oil4kf] {
    background: rgba(239, 68, 68, 0.1);
}

.code-panel.after .code-panel-header[b-aez1oil4kf] {
    background: rgba(34, 197, 94, 0.1);
}

.code-panel pre[b-aez1oil4kf] {
    margin: 0;
    padding: 12px;
    background: var(--background-primary);
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.75rem;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.code-panel code[b-aez1oil4kf] {
    color: var(--text-primary);
}

.tradeoffs[b-aez1oil4kf] {
    margin-bottom: 20px;
    padding: 16px;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 8px;
    border-left: 3px solid #f59e0b;
}

.tradeoffs h5[b-aez1oil4kf] {
    margin: 0 0 12px 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #d97706;
}

.tradeoffs ul[b-aez1oil4kf] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tradeoffs li[b-aez1oil4kf] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.impact-summary[b-aez1oil4kf] {
    display: flex;
    gap: 24px;
    padding: 16px;
    background: var(--background-tertiary);
    border-radius: 8px;
}

.impact-item[b-aez1oil4kf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.impact-label[b-aez1oil4kf] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.impact-value[b-aez1oil4kf] {
    font-size: 1.25rem;
    font-weight: 700;
}

.impact-value.positive[b-aez1oil4kf] {
    color: var(--success-600);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .score-content[b-aez1oil4kf] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .individual-scores[b-aez1oil4kf] {
        grid-template-columns: repeat(4, 1fr);
    }

    .issue-counts[b-aez1oil4kf] {
        justify-content: center;
    }
}

@media (max-width: 900px) {
    .individual-scores[b-aez1oil4kf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .code-comparison[b-aez1oil4kf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .performance-analysis-view[b-aez1oil4kf] {
        padding: 16px;
        gap: 16px;
    }

    .individual-scores[b-aez1oil4kf] {
        grid-template-columns: 1fr 1fr;
    }

    .category-grid[b-aez1oil4kf] {
        grid-template-columns: 1fr;
    }

    .hotspot-header[b-aez1oil4kf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .recommendation-header[b-aez1oil4kf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .impact-summary[b-aez1oil4kf] {
        flex-wrap: wrap;
        gap: 16px;
    }

    .issue-counts[b-aez1oil4kf] {
        flex-direction: column;
        gap: 16px;
    }

    .count-divider[b-aez1oil4kf] {
        width: 48px;
        height: 1px;
    }
}

/* Dark Mode Adjustments */
[data-theme="dark"] .hotspot-item[b-aez1oil4kf],
[data-theme="dark"] .category-item[b-aez1oil4kf],
[data-theme="dark"] .recommendation-item[b-aez1oil4kf] {
    background: var(--background-secondary);
}

[data-theme="dark"] .code-panel pre[b-aez1oil4kf] {
    background: var(--code-bg, var(--neutral-50));
}

[data-theme="dark"] .suggested-fix[b-aez1oil4kf] {
    background: var(--code-bg, var(--neutral-50));
}

[data-theme="dark"] .severity-badge.critical[b-aez1oil4kf] {
    background: rgba(239, 68, 68, 0.2);
}

[data-theme="dark"] .severity-badge.high[b-aez1oil4kf] {
    background: rgba(249, 115, 22, 0.2);
}

[data-theme="dark"] .severity-badge.medium[b-aez1oil4kf] {
    background: rgba(245, 158, 11, 0.2);
}

[data-theme="dark"] .severity-badge.low[b-aez1oil4kf] {
    background: rgba(34, 197, 94, 0.2);
}
/* /Components/Security/SecurityDashboard.razor.rz.scp.css */
/* Security Dashboard Layout */
.security-dashboard[b-rjcl2qdplq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 24px;
}

/* Card Styles — instrument panels with corner-tick framing */
[b-rjcl2qdplq] .scorecard-card,
[b-rjcl2qdplq] .vulnerability-summary-card,
[b-rjcl2qdplq] .owasp-coverage-card,
[b-rjcl2qdplq] .recent-vulnerabilities-card {
    position: relative;
    padding: 24px;
    border-radius: 12px;
    background: var(--neutral-layer-1);
}

[b-rjcl2qdplq] .scorecard-card::before,
[b-rjcl2qdplq] .scorecard-card::after,
[b-rjcl2qdplq] .vulnerability-summary-card::before,
[b-rjcl2qdplq] .vulnerability-summary-card::after,
[b-rjcl2qdplq] .owasp-coverage-card::before,
[b-rjcl2qdplq] .owasp-coverage-card::after,
[b-rjcl2qdplq] .recent-vulnerabilities-card::before,
[b-rjcl2qdplq] .recent-vulnerabilities-card::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: 0.5;
    pointer-events: none;
}

[b-rjcl2qdplq] .scorecard-card::before,
[b-rjcl2qdplq] .vulnerability-summary-card::before,
[b-rjcl2qdplq] .owasp-coverage-card::before,
[b-rjcl2qdplq] .recent-vulnerabilities-card::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}

[b-rjcl2qdplq] .scorecard-card::after,
[b-rjcl2qdplq] .vulnerability-summary-card::after,
[b-rjcl2qdplq] .owasp-coverage-card::after,
[b-rjcl2qdplq] .recent-vulnerabilities-card::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

[b-rjcl2qdplq] .scorecard-card {
    grid-column: span 1;
}

[b-rjcl2qdplq] .vulnerability-summary-card {
    grid-column: span 1;
}

[b-rjcl2qdplq] .owasp-coverage-card {
    grid-column: span 2;
}

[b-rjcl2qdplq] .recent-vulnerabilities-card {
    grid-column: span 2;
}

/* Card Header */
.card-header[b-rjcl2qdplq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.card-header h3[b-rjcl2qdplq] {
    position: relative;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.card-header h3[b-rjcl2qdplq]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

/* Gate Badge */
.gate-badge[b-rjcl2qdplq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.8rem;
}

.gate-badge.pass[b-rjcl2qdplq] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
}

.gate-badge.fail[b-rjcl2qdplq] {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
}

/* Scorecard Body */
.scorecard-body[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.overall-score-section[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

/* Score Ring */
.score-ring[b-rjcl2qdplq] {
    position: relative;
    width: 160px;
    height: 160px;
}

.score-ring svg[b-rjcl2qdplq] {
    width: 100%;
    height: 100%;
}

.score-ring .ring-background[b-rjcl2qdplq] {
    stroke: var(--neutral-200);
}

.score-ring .ring-progress[b-rjcl2qdplq] {
    transition: stroke-dasharray 1s ease-out;
}

.score-content[b-rjcl2qdplq] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.score-value[b-rjcl2qdplq] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--text-primary);
}

.score-label[b-rjcl2qdplq] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* Gate Block Reason */
.gate-block-reason[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 8px;
    font-size: 0.875rem;
    color: #dc2626;
}

/* OWASP Breakdown */
.owasp-breakdown h4[b-rjcl2qdplq] {
    margin: 0 0 16px 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.category-bars[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.category-bar-item[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.category-label[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.category-code[b-rjcl2qdplq] {
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-600);
    padding: 2px 6px;
    background: var(--primary-50);
    border-radius: 4px;
}

.category-name[b-rjcl2qdplq] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.category-progress-container[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-progress-container[b-rjcl2qdplq]  fluent-progress {
    flex: 1;
    height: 6px;
}

.category-score[b-rjcl2qdplq] {
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 30px;
    text-align: right;
}

.category-score.good[b-rjcl2qdplq] { color: #16a34a; }
.category-score.warning[b-rjcl2qdplq] { color: #d97706; }
.category-score.bad[b-rjcl2qdplq] { color: #dc2626; }

/* Vulnerability Summary */
.vulnerability-body[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.total-vulnerabilities[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    background: var(--neutral-50);
    border-radius: 12px;
}

.total-count[b-rjcl2qdplq] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    font-size: 3.1rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: var(--text-primary);
    line-height: 1;
}

.total-label[b-rjcl2qdplq] {
    font-size: 0.875rem;
    color: var(--text-tertiary);
    margin-top: 8px;
}

.severity-breakdown[b-rjcl2qdplq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.severity-item[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    background: var(--neutral-50);
    border-radius: 8px;
}

.severity-label[b-rjcl2qdplq] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-tertiary);
}

/* Severity Badges */
.severity-badge[b-rjcl2qdplq] {
    min-width: 32px;
    text-align: center;
    font-weight: 600;
}

.severity-badge.critical[b-rjcl2qdplq] {
    background: #dc2626 !important;
    color: white !important;
}

.severity-badge.high[b-rjcl2qdplq] {
    background: #ea580c !important;
    color: white !important;
}

.severity-badge.medium[b-rjcl2qdplq] {
    background: #d97706 !important;
    color: white !important;
}

.severity-badge.low[b-rjcl2qdplq] {
    background: #65a30d !important;
    color: white !important;
}

/* Trend Indicator */
.trend-indicator[b-rjcl2qdplq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 0.8rem;
    font-weight: 600;
}

.trend-indicator.positive[b-rjcl2qdplq] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
}

.trend-indicator.negative[b-rjcl2qdplq] {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
}

.trend-indicator.neutral[b-rjcl2qdplq] {
    background: var(--neutral-100);
    color: var(--text-tertiary);
}

/* OWASP Grid */
[b-rjcl2qdplq] .owasp-grid {
    width: 100%;
}

[b-rjcl2qdplq] .owasp-grid fluent-data-grid-row {
    border-bottom: 1px solid var(--neutral-200);
}

[b-rjcl2qdplq] .owasp-grid fluent-data-grid-cell {
    padding: 12px 16px;
}

.score-cell[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.score-cell[b-rjcl2qdplq]  fluent-progress {
    flex: 1;
    max-width: 120px;
    height: 6px;
}

.cell-score[b-rjcl2qdplq] {
    font-weight: 600;
    font-size: 0.875rem;
    min-width: 30px;
}

.cell-score.good[b-rjcl2qdplq] { color: #16a34a; }
.cell-score.warning[b-rjcl2qdplq] { color: #d97706; }
.cell-score.bad[b-rjcl2qdplq] { color: #dc2626; }

/* Status Badges */
.status-badge.pass[b-rjcl2qdplq] {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #16a34a !important;
}

.status-badge.warning[b-rjcl2qdplq] {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #d97706 !important;
}

.status-badge.fail[b-rjcl2qdplq] {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #dc2626 !important;
}

/* Vulnerabilities List */
.vulnerabilities-list[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vulnerability-item[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--neutral-50);
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.vulnerability-item:hover[b-rjcl2qdplq] {
    background: var(--neutral-100);
    transform: translateX(4px);
}

.vulnerability-info[b-rjcl2qdplq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vulnerability-title[b-rjcl2qdplq] {
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vulnerability-location[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--text-tertiary);
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
}

.vulnerability-meta[b-rjcl2qdplq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* CVSS Score */
.cvss-score[b-rjcl2qdplq] {
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
}

.cvss-score.critical[b-rjcl2qdplq] {
    background: rgba(220, 38, 38, 0.15);
    color: #dc2626;
}

.cvss-score.high[b-rjcl2qdplq] {
    background: rgba(234, 88, 12, 0.15);
    color: #ea580c;
}

.cvss-score.medium[b-rjcl2qdplq] {
    background: rgba(217, 119, 6, 0.15);
    color: #d97706;
}

.cvss-score.low[b-rjcl2qdplq] {
    background: rgba(101, 163, 13, 0.15);
    color: #65a30d;
}

/* Empty State */
.empty-state[b-rjcl2qdplq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    gap: 16px;
    color: var(--text-tertiary);
}

.empty-state span[b-rjcl2qdplq] {
    font-size: 1rem;
    font-weight: 500;
}

/* Responsive Layout */
@media (max-width: 1200px) {
    .security-dashboard[b-rjcl2qdplq] {
        grid-template-columns: 1fr;
    }

    [b-rjcl2qdplq] .scorecard-card,
    [b-rjcl2qdplq] .vulnerability-summary-card,
    [b-rjcl2qdplq] .owasp-coverage-card,
    [b-rjcl2qdplq] .recent-vulnerabilities-card {
        grid-column: span 1;
    }

    .severity-breakdown[b-rjcl2qdplq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .security-dashboard[b-rjcl2qdplq] {
        padding: 16px;
        gap: 16px;
    }

    [b-rjcl2qdplq] .scorecard-card,
    [b-rjcl2qdplq] .vulnerability-summary-card,
    [b-rjcl2qdplq] .owasp-coverage-card,
    [b-rjcl2qdplq] .recent-vulnerabilities-card {
        padding: 16px;
    }

    .score-ring[b-rjcl2qdplq] {
        width: 120px;
        height: 120px;
    }

    .score-value[b-rjcl2qdplq] {
        font-size: 2rem;
    }

    .severity-breakdown[b-rjcl2qdplq] {
        grid-template-columns: repeat(2, 1fr);
    }

    .vulnerability-item[b-rjcl2qdplq] {
        flex-wrap: wrap;
    }

    .vulnerability-info[b-rjcl2qdplq] {
        order: 1;
        width: calc(100% - 100px);
    }

    .vulnerability-meta[b-rjcl2qdplq] {
        order: 2;
        width: 100%;
        justify-content: flex-end;
        margin-top: 8px;
    }
}

/* Dark Mode Support */
[data-theme="dark"] .gate-badge.pass[b-rjcl2qdplq] {
    background: rgba(34, 197, 94, 0.2);
}

[data-theme="dark"] .gate-badge.fail[b-rjcl2qdplq] {
    background: rgba(239, 68, 68, 0.2);
}

[data-theme="dark"] .score-ring .ring-background[b-rjcl2qdplq] {
    stroke: var(--neutral-700);
}

[data-theme="dark"] .gate-block-reason[b-rjcl2qdplq] {
    background: rgba(239, 68, 68, 0.15);
}

[data-theme="dark"] .category-code[b-rjcl2qdplq] {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .total-vulnerabilities[b-rjcl2qdplq],
[data-theme="dark"] .severity-item[b-rjcl2qdplq],
[data-theme="dark"] .vulnerability-item[b-rjcl2qdplq] {
    background: var(--neutral-800);
}

[data-theme="dark"] .vulnerability-item:hover[b-rjcl2qdplq] {
    background: var(--neutral-700);
}

[data-theme="dark"] .trend-indicator.positive[b-rjcl2qdplq] {
    background: rgba(34, 197, 94, 0.2);
}

[data-theme="dark"] .trend-indicator.negative[b-rjcl2qdplq] {
    background: rgba(239, 68, 68, 0.2);
}

[data-theme="dark"] .trend-indicator.neutral[b-rjcl2qdplq] {
    background: var(--neutral-700);
}

/* Animation */
@keyframes fade-in-b-rjcl2qdplq {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.security-dashboard > *[b-rjcl2qdplq] {
    animation: fade-in-b-rjcl2qdplq 0.3s ease-out forwards;
}

.security-dashboard > *:nth-child(1)[b-rjcl2qdplq] { animation-delay: 0ms; }
.security-dashboard > *:nth-child(2)[b-rjcl2qdplq] { animation-delay: 100ms; }
.security-dashboard > *:nth-child(3)[b-rjcl2qdplq] { animation-delay: 200ms; }
.security-dashboard > *:nth-child(4)[b-rjcl2qdplq] { animation-delay: 300ms; }
/* /Components/Security/VulnerabilityList.razor.rz.scp.css */
.vulnerability-list[b-7hyantrkjg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 400px;
}

.list-header[b-7hyantrkjg] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.list-header h3[b-7hyantrkjg] {
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.list-controls[b-7hyantrkjg] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.list-body[b-7hyantrkjg] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

/* Vulnerability Accordion */
.vulnerability-accordion[b-7hyantrkjg] {
    width: 100%;
}

[b-7hyantrkjg] .vulnerability-accordion fluent-accordion-item {
    margin-bottom: 0.75rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    overflow: hidden;
}

[b-7hyantrkjg] .vulnerability-accordion fluent-accordion-item[expanded] {
    border-color: var(--accent-fill-rest);
}

/* Vulnerability Header */
.vuln-header[b-7hyantrkjg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    cursor: pointer;
    gap: 1rem;
}

.vuln-header:hover[b-7hyantrkjg] {
    background: var(--neutral-layer-2);
}

.vuln-header-left[b-7hyantrkjg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.vuln-header-right[b-7hyantrkjg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.vuln-title[b-7hyantrkjg] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vuln-location[b-7hyantrkjg] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
}

.cvss-score[b-7hyantrkjg] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    padding: 0.25rem 0.5rem;
    background: var(--neutral-layer-3);
    border-radius: 4px;
}

/* Severity Badges */
.severity-critical[b-7hyantrkjg] {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    font-weight: 600 !important;
}

.severity-high[b-7hyantrkjg] {
    background-color: rgba(249, 115, 22, 0.15) !important;
    color: #f97316 !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
    font-weight: 600 !important;
}

.severity-medium[b-7hyantrkjg] {
    background-color: rgba(234, 179, 8, 0.15) !important;
    color: #eab308 !important;
    border: 1px solid rgba(234, 179, 8, 0.3) !important;
    font-weight: 600 !important;
}

.severity-low[b-7hyantrkjg] {
    background-color: rgba(15, 182, 214, 0.15) !important;
    color: var(--primary-600) !important;
    border: 1px solid rgba(15, 182, 214, 0.3) !important;
    font-weight: 600 !important;
}

.severity-none[b-7hyantrkjg] {
    background-color: rgba(107, 114, 128, 0.15) !important;
    color: var(--text-secondary) !important;
    border: 1px solid rgba(107, 114, 128, 0.3) !important;
}

/* OWASP Badge */
.owasp-badge[b-7hyantrkjg] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Exploitable Badge */
.exploitable-badge[b-7hyantrkjg] {
    background-color: rgba(220, 38, 38, 0.15) !important;
    color: #dc2626 !important;
    border: 1px solid rgba(220, 38, 38, 0.3) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

/* Vulnerability Details */
.vuln-details[b-7hyantrkjg] {
    padding: 1.5rem;
    background: var(--neutral-layer-1);
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.detail-section[b-7hyantrkjg] {
    margin-bottom: 1.5rem;
}

.detail-section:last-child[b-7hyantrkjg] {
    margin-bottom: 0;
}

.detail-section.inline[b-7hyantrkjg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-section h5[b-7hyantrkjg] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-section p[b-7hyantrkjg] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    line-height: 1.6;
}

.detail-label[b-7hyantrkjg] {
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.detail-value[b-7hyantrkjg] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    color: var(--accent-foreground-rest);
}

.exploit-scenario[b-7hyantrkjg] {
    padding: 1rem;
    background: rgba(239, 68, 68, 0.05);
    border-left: 3px solid #ef4444;
    border-radius: 0 4px 4px 0;
}

/* Code Blocks */
.code-block[b-7hyantrkjg] {
    margin: 0;
    padding: 1rem;
    border-radius: 6px;
    font-family: 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
    font-size: 0.85rem;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.code-block.vulnerable[b-7hyantrkjg] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: var(--neutral-foreground-rest);
}

.code-block.remediation[b-7hyantrkjg] {
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.2);
    color: var(--neutral-foreground-rest);
}

/* References List */
.references-list[b-7hyantrkjg] {
    margin: 0;
    padding-left: 1.5rem;
    list-style-type: none;
}

.references-list li[b-7hyantrkjg] {
    margin-bottom: 0.5rem;
    position: relative;
}

.references-list li[b-7hyantrkjg]::before {
    content: '';
    position: absolute;
    left: -1rem;
    top: 0.55em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
}

.references-list a[b-7hyantrkjg] {
    color: var(--accent-foreground-rest);
    text-decoration: none;
    word-break: break-all;
}

.references-list a:hover[b-7hyantrkjg] {
    text-decoration: underline;
}

/* Empty State */
.empty-state[b-7hyantrkjg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: var(--neutral-foreground-hint);
}

.empty-state p[b-7hyantrkjg] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
}

.empty-hint[b-7hyantrkjg] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .vuln-header[b-7hyantrkjg] {
        flex-wrap: wrap;
    }

    .vuln-header-right[b-7hyantrkjg] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .vuln-location[b-7hyantrkjg] {
        display: none;
    }
}

@media (max-width: 768px) {
    .list-header[b-7hyantrkjg] {
        padding: 1rem;
    }

    .list-controls[b-7hyantrkjg] {
        flex-direction: column;
        align-items: stretch;
    }

    .list-controls > *[b-7hyantrkjg] {
        width: 100% !important;
    }

    .list-body[b-7hyantrkjg] {
        padding: 0.5rem;
    }

    .vuln-header[b-7hyantrkjg] {
        padding: 0.5rem;
    }

    .vuln-header-left[b-7hyantrkjg] {
        flex-wrap: wrap;
    }

    .vuln-title[b-7hyantrkjg] {
        width: 100%;
        margin-top: 0.5rem;
    }

    .vuln-details[b-7hyantrkjg] {
        padding: 1rem;
    }

    .code-block[b-7hyantrkjg] {
        font-size: 0.75rem;
        padding: 0.75rem;
    }
}

/* Dark mode adjustments */
[b-7hyantrkjg] [data-theme="dark"] .code-block.vulnerable {
    background: rgba(239, 68, 68, 0.12);
}

[b-7hyantrkjg] [data-theme="dark"] .code-block.remediation {
    background: rgba(34, 197, 94, 0.12);
}

[b-7hyantrkjg] [data-theme="dark"] .exploit-scenario {
    background: rgba(239, 68, 68, 0.08);
}
/* /Components/Workflow/ActivityLogPanel.razor.rz.scp.css */
.activity-log-panel[b-9q5cq9fpj7] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 350px;
}

.panel-header[b-9q5cq9fpj7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--neutral-50);
    border-bottom: 1px solid var(--border-color-light);
    gap: 12px;
    flex-wrap: wrap;
}

.header-title[b-9q5cq9fpj7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.activity-count[b-9q5cq9fpj7] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 2px 8px;
    background: var(--neutral-200);
    border-radius: 10px;
    color: var(--text-secondary);
}

.header-filters[b-9q5cq9fpj7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.activity-content[b-9q5cq9fpj7] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 0;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.8rem;
    min-width: 0;
}

/* Empty State */
.empty-log[b-9q5cq9fpj7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    color: var(--text-tertiary);
    gap: 12px;
    text-align: center;
}

/* Activity Groups */
.activity-group[b-9q5cq9fpj7] {
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color-light);
}

.group-header[b-9q5cq9fpj7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--neutral-50);
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.group-header:hover[b-9q5cq9fpj7] {
    background: var(--neutral-100);
}

.group-header.expanded[b-9q5cq9fpj7] {
    border-bottom: 1px solid var(--border-color-light);
}

.group-header[b-9q5cq9fpj7]  svg {
    transition: transform 0.2s ease;
    color: var(--text-tertiary);
}

.group-header .rotated[b-9q5cq9fpj7] {
    transform: rotate(90deg);
}

.group-name[b-9q5cq9fpj7] {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
}

.group-count[b-9q5cq9fpj7] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    padding: 2px 8px;
    background: var(--neutral-200);
    border-radius: 10px;
}

.group-activities[b-9q5cq9fpj7] {
    padding: 4px;
    animation: slideDown-b-9q5cq9fpj7 0.2s ease-out;
}

.activity-list-flat[b-9q5cq9fpj7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Activity Items */
.activity-item[b-9q5cq9fpj7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 12px;
    border-left: 3px solid var(--neutral-300);
    cursor: pointer;
    transition: background 0.15s;
}

.activity-item:hover[b-9q5cq9fpj7] {
    background: var(--neutral-50);
}

.activity-item.selected[b-9q5cq9fpj7] {
    background: var(--primary-50);
    border-left-color: var(--primary-500);
}

.activity-item.phasestarted[b-9q5cq9fpj7] {
    border-left-color: var(--accent-blue);
    background: rgba(15, 182, 214, 0.03);
}

.activity-item.phasecompleted[b-9q5cq9fpj7] {
    border-left-color: var(--success-500);
    background: rgba(34, 197, 94, 0.03);
}

.activity-item.stepstarted[b-9q5cq9fpj7] {
    border-left-color: var(--primary-500);
}

.activity-item.stepcompleted[b-9q5cq9fpj7] {
    border-left-color: var(--success-400);
}

.activity-item.operation[b-9q5cq9fpj7] {
    border-left-color: var(--neutral-400);
}

.activity-item.error[b-9q5cq9fpj7] {
    border-left-color: var(--error-500);
    background: rgba(239, 68, 68, 0.05);
}

.activity-item.warning[b-9q5cq9fpj7] {
    border-left-color: var(--warning-500);
    background: rgba(245, 158, 11, 0.05);
}

.activity-item.filegenerated[b-9q5cq9fpj7] {
    border-left-color: var(--primary-400);
}

.activity-item.workflowstarted[b-9q5cq9fpj7] {
    border-left-color: var(--success-500);
    background: rgba(34, 197, 94, 0.05);
}

.activity-item.loopiteration[b-9q5cq9fpj7] {
    border-left-color: var(--warning-500, #f59e0b);
    background: rgba(245, 158, 11, 0.08);
    border-left-width: 4px;
}

.activity-item.info[b-9q5cq9fpj7] {
    border-left-color: var(--primary-400);
    background: rgba(99, 102, 241, 0.05);
}

.activity-header[b-9q5cq9fpj7] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.activity-time[b-9q5cq9fpj7] {
    color: var(--text-tertiary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.activity-icon[b-9q5cq9fpj7] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    align-self: center;
}

.activity-type-badge[b-9q5cq9fpj7] {
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--neutral-200);
    color: var(--text-secondary);
}

.activity-type-badge.phasestarted[b-9q5cq9fpj7],
.activity-type-badge.phasecompleted[b-9q5cq9fpj7] {
    background: var(--accent-blue);
    color: white;
}

.activity-type-badge.error[b-9q5cq9fpj7] {
    background: var(--error-500);
    color: white;
}

.activity-type-badge.warning[b-9q5cq9fpj7] {
    background: var(--warning-500);
    color: white;
}

.activity-type-badge.workflowstarted[b-9q5cq9fpj7] {
    background: var(--success-500);
    color: white;
}

.activity-type-badge.loopiteration[b-9q5cq9fpj7] {
    background: var(--warning-500, #f59e0b);
    color: white;
}

.activity-type-badge.info[b-9q5cq9fpj7] {
    background: var(--primary-500);
    color: white;
}

.activity-phase-id[b-9q5cq9fpj7] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--primary-100);
    color: var(--primary-600);
}

.activity-step-id[b-9q5cq9fpj7] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--primary-600);
    padding: 2px 6px;
    background: var(--primary-50);
    border-radius: 4px;
}

.activity-message[b-9q5cq9fpj7] {
    flex: 1;
    min-width: 0;
    color: var(--text-primary);
    word-break: break-word;
    font-weight: 500;
}

.activity-item.error .activity-message[b-9q5cq9fpj7] {
    color: var(--error-500, #ef4444);
}

.activity-item.warning .activity-message[b-9q5cq9fpj7] {
    color: var(--warning-500, #f59e0b);
}

.activity-details[b-9q5cq9fpj7] {
    margin-top: 4px;
    padding: 8px 12px;
    background: var(--neutral-50);
    border-radius: 6px;
    animation: slideDown-b-9q5cq9fpj7 0.15s ease-out;
}

.activity-details pre[b-9q5cq9fpj7] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--text-secondary);
    white-space: pre-wrap;
    word-break: break-word;
}

.activity-meta[b-9q5cq9fpj7] {
    display: flex;
    gap: 12px;
    font-size: 0.7rem;
    color: var(--text-tertiary);
}

.activity-progress[b-9q5cq9fpj7] {
    color: var(--primary-600);
    font-weight: 600;
}

.activity-duration[b-9q5cq9fpj7] {
    color: var(--text-secondary);
}

/* Animations */
@keyframes slideDown-b-9q5cq9fpj7 {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scrollbar */
.activity-content[b-9q5cq9fpj7]::-webkit-scrollbar {
    width: 6px;
}

.activity-content[b-9q5cq9fpj7]::-webkit-scrollbar-track {
    background: transparent;
}

.activity-content[b-9q5cq9fpj7]::-webkit-scrollbar-thumb {
    background: var(--neutral-300);
    border-radius: 3px;
}

.activity-content[b-9q5cq9fpj7]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-400);
}

/* Responsive */
@media (max-width: 768px) {
    .panel-header[b-9q5cq9fpj7] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-filters[b-9q5cq9fpj7] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
/* /Components/Workflow/CurrentExecutionHero.razor.rz.scp.css */
.execution-hero[b-vn4jjr1f23] {
    background: linear-gradient(135deg, var(--primary-50) 0%, var(--primary-100) 100%);
    border: 2px solid var(--primary-200);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.execution-hero.running[b-vn4jjr1f23] {
    border-color: var(--accent-blue);
    background: linear-gradient(135deg, rgba(15, 182, 214, 0.05) 0%, rgba(15, 182, 214, 0.1) 100%);
}

.execution-hero.completed[b-vn4jjr1f23] {
    border-color: var(--success-300);
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(34, 197, 94, 0.1) 100%);
}

.execution-hero.failed[b-vn4jjr1f23] {
    border-color: var(--error-300);
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, rgba(239, 68, 68, 0.1) 100%);
}

.execution-hero.paused[b-vn4jjr1f23] {
    border-color: var(--warning-300);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.05) 0%, rgba(245, 158, 11, 0.1) 100%);
}

/* Phase Section */
.hero-phase-section[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.phase-info[b-vn4jjr1f23] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 180px;
}

.phase-label[b-vn4jjr1f23] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-tertiary);
}

.phase-name[b-vn4jjr1f23] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.phase-progress-container[b-vn4jjr1f23] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}

.phase-progress-bar[b-vn4jjr1f23] {
    flex: 1;
    height: 8px;
    background: var(--neutral-200);
    border-radius: 4px;
    overflow: hidden;
}

.phase-progress-fill[b-vn4jjr1f23] {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-500), var(--accent-purple));
    border-radius: 4px;
    transition: width 0.5s ease;
}

.phase-progress-fill.running[b-vn4jjr1f23] {
    background: linear-gradient(90deg, var(--primary-500, #3b82f6), var(--secondary-500, #8b5cf6));
}

.phase-progress-fill.completed[b-vn4jjr1f23] {
    background: linear-gradient(90deg, var(--success-500, #22c55e), var(--success-600, #16a34a));
}

.phase-progress-fill.failed[b-vn4jjr1f23] {
    background: linear-gradient(90deg, var(--error-500, #ef4444), var(--error-600, #dc2626));
}

.phase-progress-text[b-vn4jjr1f23] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--primary-600);
    min-width: 50px;
    text-align: right;
}

/* Loop Iteration Banner */
.loop-iteration-banner[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    border-radius: 10px;
    animation: pulse-border-b-vn4jjr1f23 2s ease-in-out infinite;
}

.loop-iteration-banner.build-loop[b-vn4jjr1f23] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.15) 100%);
    border: 2px solid rgba(245, 158, 11, 0.5);
}

.loop-iteration-banner.test-loop[b-vn4jjr1f23] {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(168, 85, 247, 0.15) 100%);
    border: 2px solid rgba(168, 85, 247, 0.5);
}

.loop-icon[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    animation: spin-slow-b-vn4jjr1f23 3s linear infinite;
}

.build-loop .loop-icon[b-vn4jjr1f23] {
    background: rgba(245, 158, 11, 0.2);
    color: var(--warning-500, #f59e0b);
}

.test-loop .loop-icon[b-vn4jjr1f23] {
    background: rgba(168, 85, 247, 0.2);
    color: var(--secondary-400, #a855f7);
}

.loop-info[b-vn4jjr1f23] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.loop-type[b-vn4jjr1f23] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.build-loop .loop-type[b-vn4jjr1f23] {
    color: var(--warning-600, #d97706);
}

.test-loop .loop-type[b-vn4jjr1f23] {
    color: var(--secondary-600, #9333ea);
}

.loop-iteration[b-vn4jjr1f23] {
    font-size: 1rem;
    color: var(--text-primary);
}

.loop-iteration strong[b-vn4jjr1f23] {
    font-size: 1.25rem;
    font-family: 'JetBrains Mono', monospace;
}

.build-loop .loop-iteration strong[b-vn4jjr1f23] {
    color: var(--warning-500, #f59e0b);
}

.test-loop .loop-iteration strong[b-vn4jjr1f23] {
    color: var(--secondary-400, #a855f7);
}

.loop-stats[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
}

.loop-count[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.loop-count.error-count[b-vn4jjr1f23] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-500, #ef4444);
}

.loop-count.failed-count[b-vn4jjr1f23] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-500, #ef4444);
}

@keyframes spin-slow-b-vn4jjr1f23 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse-border-b-vn4jjr1f23 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

/* Current Step Card */
.current-step-card[b-vn4jjr1f23] {
    background: var(--background-primary);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-left: 4px solid var(--primary-500);
}

.current-step-card.running[b-vn4jjr1f23] {
    border-left-color: var(--primary-500, #3b82f6);
}

.current-step-card.completed[b-vn4jjr1f23] {
    border-left-color: var(--success-500, #22c55e);
}

.current-step-card.failed[b-vn4jjr1f23] {
    border-left-color: var(--error-500, #ef4444);
}

.current-step-card.paused[b-vn4jjr1f23] {
    border-left-color: var(--warning-500, #f59e0b);
}

.step-header[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.step-id-badge[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-id[b-vn4jjr1f23] {
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--primary-600);
    padding: 4px 10px;
    background: var(--primary-50);
    border-radius: 6px;
    border: 1px solid var(--primary-200);
}

.step-name[b-vn4jjr1f23] {
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.step-status-badge[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.step-status-badge.running[b-vn4jjr1f23] {
    background: var(--primary-500, #3b82f6);
    color: white;
}

.step-status-badge.completed[b-vn4jjr1f23] {
    background: var(--success-500, #22c55e);
    color: white;
}

.step-status-badge.failed[b-vn4jjr1f23] {
    background: var(--error-500, #ef4444);
    color: white;
}

.step-status-badge.paused[b-vn4jjr1f23] {
    background: var(--warning-500, #f59e0b);
    color: white;
}

.step-status-badge.idle[b-vn4jjr1f23] {
    background: var(--neutral-200);
    color: var(--text-secondary);
}

.step-spinner[b-vn4jjr1f23] {
    width: 10px;
    height: 10px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-vn4jjr1f23 0.8s linear infinite;
}

.step-description[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--neutral-50);
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    color: var(--text-secondary);
    font-style: italic;
}

.step-progress-section[b-vn4jjr1f23] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.step-progress-bar[b-vn4jjr1f23] {
    height: 6px;
    background: var(--neutral-200);
    border-radius: 3px;
    overflow: hidden;
}

.step-progress-fill[b-vn4jjr1f23] {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-500), var(--primary-400));
    border-radius: 3px;
    transition: width 0.3s ease;
}

.step-progress-fill.progress-animated[b-vn4jjr1f23] {
    background: repeating-linear-gradient(
        45deg,
        var(--primary-500),
        var(--primary-500) 10px,
        var(--primary-400) 10px,
        var(--primary-400) 20px
    );
    animation: stripe-move-b-vn4jjr1f23 1s linear infinite;
}

.step-meta[b-vn4jjr1f23] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.step-progress-text[b-vn4jjr1f23] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--primary-600);
}

.step-duration[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

/* Time Section */
.hero-time-section[b-vn4jjr1f23] {
    display: flex;
    gap: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--primary-200);
}

.time-item[b-vn4jjr1f23] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.time-item.elapsed[b-vn4jjr1f23]  svg {
    color: var(--primary-500);
}

.time-item.remaining[b-vn4jjr1f23]  svg {
    color: var(--text-tertiary);
}

.time-content[b-vn4jjr1f23] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.time-label[b-vn4jjr1f23] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-tertiary);
}

.time-value[b-vn4jjr1f23] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-primary);
}

.time-item.remaining .time-value[b-vn4jjr1f23] {
    color: var(--text-secondary);
}

/* Animations */
@keyframes spin-b-vn4jjr1f23 {
    to { transform: rotate(360deg); }
}

@keyframes stripe-move-b-vn4jjr1f23 {
    from { background-position: 0 0; }
    to { background-position: 40px 0; }
}

/* Responsive */
@media (max-width: 768px) {
    .hero-phase-section[b-vn4jjr1f23] {
        flex-direction: column;
        align-items: stretch;
    }

    .phase-info[b-vn4jjr1f23] {
        min-width: auto;
    }

    .hero-time-section[b-vn4jjr1f23] {
        flex-direction: column;
        gap: 12px;
    }
}
/* /Components/Workflow/MetricsBar.razor.rz.scp.css */
.metrics-bar[b-v1bvcrffdb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.metric-item[b-v1bvcrffdb] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.metric-icon[b-v1bvcrffdb] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.metric-icon.duration[b-v1bvcrffdb] {
    background: rgba(15, 182, 214, 0.1);
    color: var(--primary-500, #3b82f6);
}

.metric-icon.tokens[b-v1bvcrffdb] {
    background: rgba(139, 92, 246, 0.1);
    color: var(--secondary-500, #8b5cf6);
}

.metric-icon.files[b-v1bvcrffdb] {
    background: rgba(34, 197, 94, 0.1);
    color: var(--success-500, #22c55e);
}

.metric-icon.cost[b-v1bvcrffdb] {
    background: rgba(245, 158, 11, 0.1);
    color: var(--warning-500, #f59e0b);
}

.metric-icon.api[b-v1bvcrffdb] {
    background: rgba(236, 72, 153, 0.1);
    color: var(--phase-gap, #ec4899);
}

.metric-icon.lines[b-v1bvcrffdb] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--phase-validation, #14b8a6);
}

.metric-content[b-v1bvcrffdb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.metric-value[b-v1bvcrffdb] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.metric-label[b-v1bvcrffdb] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.metric-divider[b-v1bvcrffdb] {
    width: 1px;
    height: 32px;
    background: var(--border-color-light);
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 1200px) {
    .metrics-bar[b-v1bvcrffdb] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .metric-item[b-v1bvcrffdb] {
        flex: 0 0 auto;
        min-width: 120px;
    }

    .metric-divider[b-v1bvcrffdb] {
        display: none;
    }
}

@media (max-width: 768px) {
    .metrics-bar[b-v1bvcrffdb] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .metric-item[b-v1bvcrffdb] {
        flex: 1;
        min-width: 0;
    }

    .metric-divider[b-v1bvcrffdb] {
        display: none;
    }
}

@media (max-width: 480px) {
    .metrics-bar[b-v1bvcrffdb] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Workflow/PhaseNavigator.razor.rz.scp.css */
.phase-navigator[b-is3yyuco9v] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 350px;
}

.navigator-header[b-is3yyuco9v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: var(--neutral-50);
    border-bottom: 1px solid var(--border-color-light);
}

.navigator-title[b-is3yyuco9v] {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
}

.navigator-count[b-is3yyuco9v] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    padding: 2px 8px;
    background: var(--neutral-200);
    border-radius: 10px;
}

.phases-list[b-is3yyuco9v] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

/* Phase Accordion */
.phase-accordion[b-is3yyuco9v] {
    margin-bottom: 4px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--neutral-layer-2);
}

.phase-accordion:hover[b-is3yyuco9v] {
    background: var(--neutral-50);
}

.phase-accordion.running[b-is3yyuco9v] {
    background: rgba(15, 182, 214, 0.08);
    border: 1px solid rgba(15, 182, 214, 0.2);
}

.phase-accordion.completed[b-is3yyuco9v] {
    opacity: 0.85;
}

.phase-accordion.failed[b-is3yyuco9v] {
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.phase-header[b-is3yyuco9v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    user-select: none;
}

.phase-indicator[b-is3yyuco9v] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--neutral-100);
    flex-shrink: 0;
}

.phase-accordion.running .phase-indicator[b-is3yyuco9v] {
    background: rgba(15, 182, 214, 0.15);
}

.phase-accordion.completed .phase-indicator[b-is3yyuco9v] {
    background: rgba(34, 197, 94, 0.15);
}

.phase-accordion.failed .phase-indicator[b-is3yyuco9v] {
    background: rgba(239, 68, 68, 0.15);
}

.phase-number[b-is3yyuco9v] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-tertiary);
}

.phase-spinner[b-is3yyuco9v] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--primary-500, #3b82f6);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-b-is3yyuco9v 1s linear infinite;
}

.phase-info[b-is3yyuco9v] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.phase-name[b-is3yyuco9v] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phase-step-count[b-is3yyuco9v] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
}

.phase-mini-progress[b-is3yyuco9v] {
    height: 3px;
    background: var(--neutral-200);
    border-radius: 2px;
    overflow: hidden;
    max-width: 100px;
}

.mini-progress-fill[b-is3yyuco9v] {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-500, #3b82f6), var(--secondary-500, #8b5cf6));
    border-radius: 2px;
    transition: width 0.3s ease;
}

.phase-toggle[b-is3yyuco9v] {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phase-toggle[b-is3yyuco9v]  svg {
    transition: transform 0.2s ease;
}

.phase-toggle .rotated[b-is3yyuco9v] {
    transform: rotate(180deg);
}

.running-badge[b-is3yyuco9v] {
    font-family: monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--primary-500, #3b82f6);
    animation: pulse-b-is3yyuco9v 1.5s infinite;
}

.pending-indicator[b-is3yyuco9v] {
    color: var(--text-tertiary);
    font-weight: 600;
}

/* Phase Steps */
.phase-steps[b-is3yyuco9v] {
    padding: 4px 8px 8px 44px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    animation: slideDown-b-is3yyuco9v 0.2s ease-out;
}

.step-item[b-is3yyuco9v] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s;
}

.step-item:hover[b-is3yyuco9v] {
    background: var(--neutral-100);
}

.step-item.running[b-is3yyuco9v] {
    background: rgba(15, 182, 214, 0.1);
}

.step-item.completed[b-is3yyuco9v] {
    opacity: 0.7;
}

.step-item.failed[b-is3yyuco9v] {
    background: rgba(239, 68, 68, 0.08);
}

.step-indicator[b-is3yyuco9v] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-dot[b-is3yyuco9v] {
    width: 6px;
    height: 6px;
    background: var(--neutral-300);
    border-radius: 50%;
}

.step-spinner-small[b-is3yyuco9v] {
    width: 10px;
    height: 10px;
    border: 1.5px solid var(--primary-500, #3b82f6);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-b-is3yyuco9v 0.8s linear infinite;
}

.step-info[b-is3yyuco9v] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.step-id[b-is3yyuco9v] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--primary-600);
    padding: 1px 5px;
    background: var(--primary-50);
    border-radius: 3px;
    flex-shrink: 0;
}

.step-name[b-is3yyuco9v] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.step-duration[b-is3yyuco9v] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    font-family: monospace;
    flex-shrink: 0;
}

/* Animations */
@keyframes spin-b-is3yyuco9v {
    to { transform: rotate(360deg); }
}

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

@keyframes slideDown-b-is3yyuco9v {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scrollbar */
.phases-list[b-is3yyuco9v]::-webkit-scrollbar {
    width: 6px;
}

.phases-list[b-is3yyuco9v]::-webkit-scrollbar-track {
    background: transparent;
}

.phases-list[b-is3yyuco9v]::-webkit-scrollbar-thumb {
    background: var(--neutral-300);
    border-radius: 3px;
}

.phases-list[b-is3yyuco9v]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-400);
}
/* /Components/WorkItems/WorkItemDetail.razor.rz.scp.css */
.work-item-detail[b-um7rbetw1x] {
    max-width: 800px;
    width: 100%;
}

.detail-card[b-um7rbetw1x] {
    padding: 0;
    overflow: hidden;
}

.detail-card[b-um7rbetw1x]  .fluent-card-content {
    padding: 0;
}

.detail-header[b-um7rbetw1x] {
    padding: 24px;
    background: linear-gradient(135deg, var(--background-secondary) 0%, var(--background-primary) 100%);
}

.header-top[b-um7rbetw1x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.external-id-section[b-um7rbetw1x] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.external-id[b-um7rbetw1x] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.detail-title[b-um7rbetw1x] {
    margin: 0 0 16px 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.3;
}

.metadata-row[b-um7rbetw1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.type-badge[b-um7rbetw1x],
.priority-badge[b-um7rbetw1x] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Platform badges */
.platform-badge[b-um7rbetw1x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
}

.platform-jira[b-um7rbetw1x] {
    background: rgba(0, 82, 204, 0.1);
    color: #0052cc;
}

.platform-azure[b-um7rbetw1x] {
    background: rgba(0, 120, 212, 0.1);
    color: #0078d4;
}

.platform-github[b-um7rbetw1x] {
    background: rgba(36, 41, 46, 0.1);
    color: var(--text-primary);
}

.platform-default[b-um7rbetw1x] {
    background: rgba(128, 128, 128, 0.1);
    color: #808080;
}

/* Status badges */
.status-badge[b-um7rbetw1x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-dot[b-um7rbetw1x] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-new[b-um7rbetw1x] {
    background: rgba(107, 114, 128, 0.1);
    color: var(--text-secondary);
}

.status-new .status-dot[b-um7rbetw1x] {
    background: #6b7280;
}

.status-in-progress[b-um7rbetw1x] {
    background: rgba(15, 182, 214, 0.1);
    color: var(--primary-500);
}

.status-in-progress .status-dot[b-um7rbetw1x] {
    background: var(--primary-500);
}

.status-in-review[b-um7rbetw1x] {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
}

.status-in-review .status-dot[b-um7rbetw1x] {
    background: #8b5cf6;
}

.status-done[b-um7rbetw1x] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.status-done .status-dot[b-um7rbetw1x] {
    background: #22c55e;
}

.status-closed[b-um7rbetw1x] {
    background: rgba(156, 163, 175, 0.1);
    color: var(--text-tertiary);
}

.status-closed .status-dot[b-um7rbetw1x] {
    background: #9ca3af;
}

/* Content sections */
.detail-content[b-um7rbetw1x] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content-section[b-um7rbetw1x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-title[b-um7rbetw1x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.markdown-content[b-um7rbetw1x] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-primary);
}

.markdown-content p[b-um7rbetw1x] {
    margin: 0 0 12px 0;
}

.markdown-content p:last-child[b-um7rbetw1x] {
    margin-bottom: 0;
}

.markdown-content ul[b-um7rbetw1x] {
    margin: 0;
    padding-left: 24px;
}

.markdown-content li[b-um7rbetw1x] {
    margin-bottom: 6px;
}

.acceptance-criteria[b-um7rbetw1x] {
    background: var(--background-secondary);
    padding: 16px;
    border-radius: 8px;
    border-left: 3px solid var(--accent-color, #3b82f6);
}

/* Labels */
.labels-container[b-um7rbetw1x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.label-badge[b-um7rbetw1x] {
    font-size: 0.8rem;
}

/* Linked artifacts */
.links-container[b-um7rbetw1x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.artifact-link[b-um7rbetw1x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--background-secondary);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.artifact-link:hover[b-um7rbetw1x] {
    background: var(--background-tertiary, #f3f4f6);
    border-color: var(--border-color-light);
}

.link-icon[b-um7rbetw1x] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.link-type-pr[b-um7rbetw1x] {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
}

.link-type-commit[b-um7rbetw1x] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.link-type-doc[b-um7rbetw1x] {
    background: rgba(15, 182, 214, 0.1);
    color: var(--primary-500);
}

.link-type-artifact[b-um7rbetw1x] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.link-type-work-item[b-um7rbetw1x] {
    background: rgba(236, 72, 153, 0.1);
    color: #ec4899;
}

.link-info[b-um7rbetw1x] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.link-title[b-um7rbetw1x] {
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link-type[b-um7rbetw1x] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.external-icon[b-um7rbetw1x] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

/* Metadata section */
.metadata-section[b-um7rbetw1x] {
    background: var(--background-secondary);
    padding: 16px;
    border-radius: 8px;
    margin: 0 -8px;
}

.metadata-grid[b-um7rbetw1x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}

.metadata-item[b-um7rbetw1x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.metadata-label[b-um7rbetw1x] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.metadata-value[b-um7rbetw1x] {
    font-size: 0.9rem;
    color: var(--text-primary);
    font-family: 'JetBrains Mono', monospace;
}

/* Actions */
.detail-actions[b-um7rbetw1x] {
    padding: 20px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background: var(--background-secondary);
}

/* Empty state */
.empty-detail-card[b-um7rbetw1x] {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-detail-state[b-um7rbetw1x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    padding: 48px;
}

.empty-detail-state h4[b-um7rbetw1x] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.empty-detail-state p[b-um7rbetw1x] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 640px) {
    .detail-header[b-um7rbetw1x] {
        padding: 16px;
    }

    .detail-content[b-um7rbetw1x] {
        padding: 16px;
    }

    .detail-actions[b-um7rbetw1x] {
        padding: 16px;
        flex-direction: column;
    }

    .detail-actions > *[b-um7rbetw1x] {
        width: 100%;
    }

    .metadata-grid[b-um7rbetw1x] {
        grid-template-columns: 1fr;
    }

    .metadata-row[b-um7rbetw1x] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Dark mode support */
[b-um7rbetw1x] [data-theme="dark"] .platform-jira {
    background: rgba(0, 82, 204, 0.2);
    color: #4f9fff;
}

[b-um7rbetw1x] [data-theme="dark"] .platform-azure {
    background: rgba(0, 120, 212, 0.2);
    color: #4dabf5;
}

[b-um7rbetw1x] [data-theme="dark"] .platform-github {
    background: rgba(255, 255, 255, 0.1);
    color: #e1e4e8;
}

[b-um7rbetw1x] [data-theme="dark"] .artifact-link:hover {
    background: var(--background-primary);
}

[b-um7rbetw1x] [data-theme="dark"] .status-new .status-dot {
    background: #9ca3af;
}

[b-um7rbetw1x] [data-theme="dark"] .acceptance-criteria {
    background: var(--background-tertiary);
}
/* /Components/WorkItems/WorkItemList.razor.rz.scp.css */
.work-item-list-container[b-4s37tuiozi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background: var(--background-primary);
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.list-header[b-4s37tuiozi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color-light);
}

.header-title[b-4s37tuiozi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-title h3[b-4s37tuiozi] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.header-actions[b-4s37tuiozi] {
    display: flex;
    gap: 8px;
}

.filters-section[b-4s37tuiozi] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.search-box[b-4s37tuiozi] {
    width: 100%;
    max-width: 400px;
}

.filter-controls[b-4s37tuiozi] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.data-grid-container[b-4s37tuiozi] {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid var(--border-color-light);
}

/* Platform badges */
.platform-badge[b-4s37tuiozi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 500;
}

.platform-jira[b-4s37tuiozi] {
    background: rgba(0, 82, 204, 0.1);
    color: #0052cc;
}

.platform-azure[b-4s37tuiozi] {
    background: rgba(0, 120, 212, 0.1);
    color: #0078d4;
}

.platform-github[b-4s37tuiozi] {
    background: rgba(36, 41, 46, 0.1);
    color: var(--text-primary);
}

.platform-default[b-4s37tuiozi] {
    background: rgba(128, 128, 128, 0.1);
    color: #808080;
}

/* Status badges */
.status-badge[b-4s37tuiozi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-dot[b-4s37tuiozi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-new[b-4s37tuiozi] {
    background: rgba(107, 114, 128, 0.1);
    color: var(--text-secondary);
}

.status-new .status-dot[b-4s37tuiozi] {
    background: #6b7280;
}

.status-in-progress[b-4s37tuiozi] {
    background: rgba(15, 182, 214, 0.1);
    color: var(--primary-500);
}

.status-in-progress .status-dot[b-4s37tuiozi] {
    background: var(--primary-500);
}

.status-in-review[b-4s37tuiozi] {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
}

.status-in-review .status-dot[b-4s37tuiozi] {
    background: #8b5cf6;
}

.status-done[b-4s37tuiozi] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.status-done .status-dot[b-4s37tuiozi] {
    background: #22c55e;
}

.status-closed[b-4s37tuiozi] {
    background: rgba(156, 163, 175, 0.1);
    color: var(--text-tertiary);
}

.status-closed .status-dot[b-4s37tuiozi] {
    background: #9ca3af;
}

/* Sync time */
.sync-time[b-4s37tuiozi] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.never-synced[b-4s37tuiozi] {
    color: var(--text-tertiary);
    font-style: italic;
}

/* Empty state */
.empty-state[b-4s37tuiozi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    gap: 12px;
}

.empty-state h4[b-4s37tuiozi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.empty-state p[b-4s37tuiozi] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
    .list-header[b-4s37tuiozi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .filter-controls[b-4s37tuiozi] {
        flex-direction: column;
        width: 100%;
    }

    .filter-controls > *[b-4s37tuiozi] {
        width: 100%;
    }

    .search-box[b-4s37tuiozi] {
        max-width: none;
    }
}

/* Dark mode support */
[b-4s37tuiozi] [data-theme="dark"] .platform-jira {
    background: rgba(0, 82, 204, 0.2);
    color: #4f9fff;
}

[b-4s37tuiozi] [data-theme="dark"] .platform-azure {
    background: rgba(0, 120, 212, 0.2);
    color: #4dabf5;
}

[b-4s37tuiozi] [data-theme="dark"] .platform-github {
    background: rgba(255, 255, 255, 0.1);
    color: #e1e4e8;
}

[b-4s37tuiozi] [data-theme="dark"] .status-new .status-dot {
    background: #9ca3af;
}
/* /Pages/AgentConfiguration.razor.rz.scp.css */
/* AgentConfiguration.razor scoped styles */

/* ==================== Layout ==================== */
.config-page[b-b3w3k47xdl] {
    gap: var(--spacing-lg, 24px);
}

.config-page h1[b-b3w3k47xdl] {
    margin: 0;
    color: var(--text-primary);
}

/* ==================== Accessibility ==================== */
:focus-visible[b-b3w3k47xdl] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] .config-page h1[b-b3w3k47xdl] {
    color: var(--text-primary);
}

/* ==================== Responsive ==================== */
@@media (max-width: 768px) {
    .config-page[b-b3w3k47xdl] {
        padding: 0 8px;
    }
}

/* ==================== Reduced Motion ==================== */
@@media (prefers-reduced-motion: reduce) {
    *[b-b3w3k47xdl] {
        transition: none !important;
        animation: none !important;
    }
}
/* /Pages/AgenticWorkflow.razor.rz.scp.css */
/* ==================== CONTAINER ==================== */
.workflow-container[b-7eg3sobf9u] {
    padding: 0;
    min-height: 100%;
}

/* ==================== LANDING PAGE ==================== */
.landing-page[b-7eg3sobf9u] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Hero Section */
.hero-section[b-7eg3sobf9u] {
    position: relative;
    padding: 48px 24px 56px;
    overflow: hidden;
}

.hero-section.hero-compact[b-7eg3sobf9u] {
    padding: 20px 24px;
}

.hero-compact .hero-title[b-7eg3sobf9u] {
    font-size: 1.75rem;
    margin: 0;
}

.hero-background[b-7eg3sobf9u] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-gradient[b-7eg3sobf9u] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(99, 102, 241, 0.08) 0%,
        rgba(139, 92, 246, 0.12) 50%,
        rgba(236, 72, 153, 0.08) 100%);
}

.hero-pattern[b-7eg3sobf9u] {
    position: absolute;
    inset: 0;
    opacity: 0.4;
    background-image:
        radial-gradient(circle at 25% 25%, rgba(99, 102, 241, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
}

.hero-content[b-7eg3sobf9u] {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.hero-badge[b-7eg3sobf9u] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(139, 92, 246, 0.15) 100%);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 24px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--primary-500, #6366f1);
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hero-title[b-7eg3sobf9u] {
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0 0 16px;
    background: linear-gradient(135deg, var(--neutral-900, #1e1b4b) 0%, var(--primary-500, #6366f1) 50%, var(--secondary-500, #a855f7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
}

.hero-subtitle[b-7eg3sobf9u] {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin: 0 0 32px;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.hero-subtitle strong[b-7eg3sobf9u] {
    color: var(--primary-500, #6366f1);
    font-weight: 600;
}

.hero-stats[b-7eg3sobf9u] {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    padding: 16px 32px;
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(99, 102, 241, 0.15);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(99, 102, 241, 0.1);
}

.hero-stat[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.hero-stat .stat-value[b-7eg3sobf9u] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    font-family: 'JetBrains Mono', monospace;
}

.hero-stat .stat-value.small[b-7eg3sobf9u] {
    font-size: 0.9rem;
}

.hero-stat .stat-label[b-7eg3sobf9u] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hero-stat-divider[b-7eg3sobf9u] {
    width: 1px;
    height: 40px;
    background: linear-gradient(180deg, transparent, rgba(99, 102, 241, 0.3), transparent);
}

.status-indicator[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-indicator.online[b-7eg3sobf9u] {
    color: var(--success-500, #22c55e);
}

.status-indicator.offline[b-7eg3sobf9u] {
    color: var(--error-500, #ef4444);
}

.status-indicator .status-dot[b-7eg3sobf9u] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-b-7eg3sobf9u 2s infinite;
}

/* Landing Content */
.landing-content[b-7eg3sobf9u] {
    flex: 1;
    padding: 0 24px 48px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* Features Section */
.features-section[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
    margin-top: -32px;
}

.feature-card[b-7eg3sobf9u] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    transition: all 0.3s ease;
}

.feature-card:hover[b-7eg3sobf9u] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
    border-color: rgba(99, 102, 241, 0.3);
}

.feature-icon[b-7eg3sobf9u] {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.feature-icon.analysis[b-7eg3sobf9u] {
    background: linear-gradient(135deg, rgba(15, 182, 214, 0.15) 0%, rgba(15, 182, 214, 0.25) 100%);
    color: var(--primary-500, #3b82f6);
}

.feature-icon.generation[b-7eg3sobf9u] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(139, 92, 246, 0.25) 100%);
    color: var(--secondary-500, #8b5cf6);
}

.feature-icon.correction[b-7eg3sobf9u] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.25) 100%);
    color: var(--warning-500, #f59e0b);
}

.feature-icon.quality[b-7eg3sobf9u] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.25) 100%);
    color: var(--success-500, #22c55e);
}

.feature-card h4[b-7eg3sobf9u] {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.feature-card p[b-7eg3sobf9u] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Start Section */
.start-section[b-7eg3sobf9u] {
    width: 100%;
}

.start-card[b-7eg3sobf9u] {
    position: relative;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    overflow: visible;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

/* instrument corner-tick framing */
.start-card[b-7eg3sobf9u]::before,
.start-card[b-7eg3sobf9u]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: .5;
    pointer-events: none;
    z-index: 1;
}
.start-card[b-7eg3sobf9u]::before { top: 8px; left: 8px; border-top-width: 2px; border-left-width: 2px; }
.start-card[b-7eg3sobf9u]::after { bottom: 8px; right: 8px; border-bottom-width: 2px; border-right-width: 2px; }

.start-card-header[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px 32px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.08) 100%);
    border-bottom: 1px solid var(--border-color-light);
    border-radius: 20px 20px 0 0;
}

.start-icon[b-7eg3sobf9u] {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 16px;
    color: white;
    flex-shrink: 0;
}

.start-header-text h2[b-7eg3sobf9u] {
    position: relative;
    padding-left: 13px;
    margin: 0 0 4px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.start-header-text h2[b-7eg3sobf9u]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.start-header-text p[b-7eg3sobf9u] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.start-card-body[b-7eg3sobf9u] {
    padding: 28px 32px;
}

.project-selector[b-7eg3sobf9u] {
    margin-bottom: 24px;
}

.selector-label[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 10px;
}

.project-details[b-7eg3sobf9u] {
    background: var(--neutral-50);
    border: 1px solid var(--border-color-light);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
    animation: slideDown-b-7eg3sobf9u 0.3s ease;
}

.project-details-header[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color-light);
}

.project-details-grid[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.project-details-rows[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-row[b-7eg3sobf9u] {
    display: flex;
    gap: 16px;
}

.detail-row-half[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.detail-row-third[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.detail-row-full .detail-item[b-7eg3sobf9u] {
    flex: 1;
}

.detail-row-full .detail-content[b-7eg3sobf9u] {
    flex: 1;
}

.detail-row-full .detail-value[b-7eg3sobf9u] {
    white-space: normal;
    word-break: break-all;
}

.detail-item[b-7eg3sobf9u] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.detail-icon[b-7eg3sobf9u] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-primary);
    border-radius: 8px;
    color: var(--primary-500);
    flex-shrink: 0;
}

.detail-icon.target[b-7eg3sobf9u] {
    color: var(--secondary-500, #8b5cf6);
    background: rgba(139, 92, 246, 0.1);
}

.detail-icon.infra[b-7eg3sobf9u] {
    color: var(--phase-architecture, #06b6d4);
    background: rgba(6, 182, 212, 0.1);
}

.detail-icon.path[b-7eg3sobf9u] {
    color: var(--warning-500, #f59e0b);
    background: rgba(245, 158, 11, 0.1);
}

.detail-content[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.detail-label[b-7eg3sobf9u] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.detail-value[b-7eg3sobf9u] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.options-accordion[b-7eg3sobf9u] {
    margin-bottom: 24px;
}

.advanced-options[b-7eg3sobf9u] {
    padding-top: 16px;
}

.options-grid[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.option-item label[b-7eg3sobf9u] {
    display: block;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.options-checkboxes[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkbox-label[b-7eg3sobf9u] {
    font-weight: 500;
    color: var(--text-primary);
}

.checkbox-hint[b-7eg3sobf9u] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-tertiary);
    margin-top: 2px;
}

.start-actions[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color-light);
}

.start-button[b-7eg3sobf9u] {
    min-width: 180px;
    height: 48px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 12px;
}

.start-button[b-7eg3sobf9u]  span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.start-hint[b-7eg3sobf9u] {
    font-size: 0.85rem;
    color: var(--text-tertiary);
}

/* Connection Status (reused in header) */
.connection-status[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

.connection-status.connected[b-7eg3sobf9u] {
    background: rgba(34, 197, 94, 0.1);
    color: var(--success-500, #22c55e);
}

.connection-status.disconnected[b-7eg3sobf9u] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--error-500, #ef4444);
}

.status-dot[b-7eg3sobf9u] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-b-7eg3sobf9u 2s infinite;
}

/* Landing Page Responsive */
@media (max-width: 1024px) {
    .features-section[b-7eg3sobf9u] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hero-section[b-7eg3sobf9u] {
        padding: 32px 16px 48px;
    }

    .hero-title[b-7eg3sobf9u] {
        font-size: 2rem;
    }

    .hero-subtitle[b-7eg3sobf9u] {
        font-size: 1rem;
    }

    .hero-stats[b-7eg3sobf9u] {
        flex-direction: column;
        gap: 16px;
        padding: 20px 24px;
    }

    .hero-stat-divider[b-7eg3sobf9u] {
        width: 60px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.3), transparent);
    }

    .features-section[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
        margin-top: -24px;
    }

    .feature-card[b-7eg3sobf9u] {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 16px;
        padding: 16px 20px;
    }

    .feature-icon[b-7eg3sobf9u] {
        margin: 0;
        width: 48px;
        height: 48px;
        flex-shrink: 0;
    }

    .start-card-header[b-7eg3sobf9u] {
        flex-direction: column;
        text-align: center;
        padding: 24px 20px;
    }

    .start-card-body[b-7eg3sobf9u] {
        padding: 20px;
    }

    .project-details-grid[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
    }

    .options-grid[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
    }

    .start-actions[b-7eg3sobf9u] {
        flex-direction: column;
        align-items: stretch;
    }

    .start-button[b-7eg3sobf9u] {
        width: 100%;
    }

    .start-hint[b-7eg3sobf9u] {
        text-align: center;
    }
}
}

/* ==================== WORKFLOW LAYOUT ==================== */
.workflow-layout[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 80px);
    min-height: 700px;
    gap: 16px;
    padding: 16px;
}

/* ==================== WORKFLOW HEADER ==================== */
.workflow-header[b-7eg3sobf9u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    gap: 16px;
    flex-wrap: wrap;
}

.header-left[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h2[b-7eg3sobf9u] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.header-left h2[b-7eg3sobf9u]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.header-controls[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ==================== ERROR CARD ==================== */
.error-card[b-7eg3sobf9u] {
    padding: 16px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, rgba(239, 68, 68, 0.1) 100%);
    border: 1px solid var(--error-300);
    border-radius: 12px;
}

.error-header[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-weight: 600;
    color: var(--error-600);
}

.error-content[b-7eg3sobf9u] {
    margin-bottom: 12px;
}

.error-message[b-7eg3sobf9u] {
    margin: 0;
    padding: 12px;
    background: var(--neutral-50);
    border-radius: 8px;
    font-size: 0.8rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-secondary);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--neutral-200);
}

.error-actions[b-7eg3sobf9u] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.error-summary[b-7eg3sobf9u] {
    margin-bottom: 16px;
    padding: 12px 16px;
    background: var(--neutral-50);
    border-radius: 8px;
    border-left: 4px solid var(--error-500);
}

.error-summary strong[b-7eg3sobf9u] {
    display: block;
    color: var(--error-600);
    margin-bottom: 4px;
}

.error-summary p[b-7eg3sobf9u] {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.5;
}

.suggested-fixes[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fix-item[b-7eg3sobf9u] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 12px;
    background: var(--warning-50);
    border-radius: 6px;
    border-left: 3px solid var(--warning-400);
}

.fix-item span[b-7eg3sobf9u] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.4;
}

/* ==================== WORKFLOW PANELS ==================== */
.workflow-panels[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 16px;
    min-height: 400px;
    height: 100%;
    flex: 1;
    overflow: hidden;
}

.workflow-panels > *[b-7eg3sobf9u] {
    min-height: 350px;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ==================== CHECKPOINT DIALOG ==================== */
.dialog-overlay[b-7eg3sobf9u] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-7eg3sobf9u 0.2s ease-out;
}

.checkpoint-dialog[b-7eg3sobf9u] {
    background: var(--neutral-layer-1);
    border-radius: 16px;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    animation: slideUp-b-7eg3sobf9u 0.3s ease-out;
}

.dialog-header[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider);
}

.dialog-header h2[b-7eg3sobf9u] {
    position: relative;
    flex: 1;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.dialog-header h2[b-7eg3sobf9u]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.dialog-body[b-7eg3sobf9u] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
}

.dialog-footer[b-7eg3sobf9u] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-divider);
}

.empty-checkpoints[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    color: var(--text-tertiary);
}

.empty-checkpoints p[b-7eg3sobf9u] {
    margin: 16px 0 8px;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.empty-checkpoints span[b-7eg3sobf9u] {
    font-size: 0.875rem;
}

.checkpoint-list[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkpoint-card[b-7eg3sobf9u] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background: var(--neutral-50);
    border-radius: 12px;
    border: 1px solid var(--neutral-200);
    transition: all 0.2s ease;
}

.checkpoint-card:hover[b-7eg3sobf9u] {
    background: var(--neutral-100);
    border-color: var(--primary-300);
}

.checkpoint-icon[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary-100) 0%, var(--primary-200) 100%);
    border-radius: 10px;
    color: var(--primary-600);
    flex-shrink: 0;
}

.checkpoint-details[b-7eg3sobf9u] {
    flex: 1;
    min-width: 0;
}

.checkpoint-phase-name[b-7eg3sobf9u] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 6px;
}

.checkpoint-meta[b-7eg3sobf9u] {
    display: flex;
    gap: 16px;
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

.checkpoint-meta span[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.checkpoint-description[b-7eg3sobf9u] {
    margin-top: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.checkpoint-actions[b-7eg3sobf9u] {
    flex-shrink: 0;
}

/* ==================== ANIMATIONS ==================== */
@keyframes pulse-b-7eg3sobf9u {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes fadeIn-b-7eg3sobf9u {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-7eg3sobf9u {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown-b-7eg3sobf9u {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1200px) {
    .workflow-panels[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(250px, auto) minmax(350px, 1fr);
        min-height: 600px;
    }

    .workflow-panels > *:first-child[b-7eg3sobf9u] {
        min-height: 250px;
        max-height: 350px;
    }

    .workflow-panels > *:last-child[b-7eg3sobf9u] {
        min-height: 350px;
    }
}

@media (max-width: 768px) {
    .workflow-layout[b-7eg3sobf9u] {
        padding: 12px;
        gap: 12px;
    }

    .workflow-header[b-7eg3sobf9u] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-left[b-7eg3sobf9u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .header-controls[b-7eg3sobf9u] {
        justify-content: flex-start;
    }

    .start-workflow-section[b-7eg3sobf9u] {
        padding: 16px;
    }
}

/* ==================== CONFIGURATION REQUIRED PANEL ==================== */
.config-required-panel[b-7eg3sobf9u] {
    margin-top: 16px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(234, 179, 8, 0.05));
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 12px;
}

.config-required-header[b-7eg3sobf9u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 1rem;
    color: var(--warning-600, #d97706);
}

.config-required-message[b-7eg3sobf9u] {
    margin: 0 0 16px;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.config-fields[b-7eg3sobf9u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.config-field[b-7eg3sobf9u] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.config-field label[b-7eg3sobf9u] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.config-actions[b-7eg3sobf9u] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 600px) {
    .config-fields[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
    }
}

/* ==================== DARK MODE ==================== */
[b-7eg3sobf9u] [data-theme="dark"] .hero-gradient {
    background: linear-gradient(135deg,
        rgba(99, 102, 241, 0.15) 0%,
        rgba(139, 92, 246, 0.2) 50%,
        rgba(236, 72, 153, 0.15) 100%);
}

[b-7eg3sobf9u] [data-theme="dark"] .hero-stats {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(99, 102, 241, 0.25);
}

[b-7eg3sobf9u] [data-theme="dark"] .feature-card {
    background: var(--background-secondary);
}

[b-7eg3sobf9u] [data-theme="dark"] .feature-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

[b-7eg3sobf9u] [data-theme="dark"] .start-card {
    background: var(--background-secondary);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

[b-7eg3sobf9u] [data-theme="dark"] .start-card-header {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.15) 100%);
}

[b-7eg3sobf9u] [data-theme="dark"] .project-details {
    background: var(--background-tertiary);
}

[b-7eg3sobf9u] [data-theme="dark"] .error-message {
    background: var(--background-tertiary);
    border-color: var(--border-color);
}

[b-7eg3sobf9u] [data-theme="dark"] .error-summary {
    background: var(--background-tertiary);
}

[b-7eg3sobf9u] [data-theme="dark"] .checkpoint-dialog {
    background: var(--background-primary);
}

[b-7eg3sobf9u] [data-theme="dark"] .checkpoint-card {
    background: var(--background-tertiary);
    border-color: var(--border-color);
}

[b-7eg3sobf9u] [data-theme="dark"] .checkpoint-card:hover {
    background: var(--background-secondary);
}

[b-7eg3sobf9u] [data-theme="dark"] .config-required-panel {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(234, 179, 8, 0.08));
}

[b-7eg3sobf9u] [data-theme="dark"] .dialog-overlay {
    background: rgba(0, 0, 0, 0.7);
}

[b-7eg3sobf9u] [data-theme="dark"] .error-card {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.15) 100%);
    border-color: var(--error-500);
}

[b-7eg3sobf9u] [data-theme="dark"] .fix-item {
    background: rgba(245, 158, 11, 0.1);
}

/* ==================== EXTRACTED INLINE STYLES ==================== */

/* Full-width project selector */
.project-select-full[b-7eg3sobf9u] {
    width: 100%;
    padding: 8px 12px;
    font-size: 0.95rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    background: var(--background-primary, #fff);
    color: var(--text-primary, #1e293b);
    appearance: auto;
    cursor: pointer;
    height: 40px;
}

.project-select-full:focus[b-7eg3sobf9u] {
    outline: 2px solid var(--accent-base-color, #6366f1);
    outline-offset: 1px;
}

/* Warning-colored outline button (Pause) */
.btn-warning[b-7eg3sobf9u] {
    --neutral-stroke-rest: var(--warning-500);
    color: var(--warning-500);
    border-color: var(--warning-500);
}

.btn-warning-text[b-7eg3sobf9u] {
    color: var(--warning-500);
}

/* Success gradient button (Resume) */
.btn-success-gradient[b-7eg3sobf9u] {
    background: var(--gradient-success);
    border: none;
}

/* Danger-colored outline button (Cancel) */
.btn-danger[b-7eg3sobf9u] {
    --neutral-stroke-rest: var(--error-500);
    color: var(--error-500);
    border-color: var(--error-500);
}

.btn-danger-text[b-7eg3sobf9u] {
    color: var(--error-500);
}

/* Secondary-colored outline button (Checkpoints) */
.btn-secondary[b-7eg3sobf9u] {
    --neutral-stroke-rest: var(--secondary-500);
    color: var(--secondary-500);
    border-color: var(--secondary-500);
}

.btn-secondary-text[b-7eg3sobf9u] {
    color: var(--secondary-500);
}

/* Restore points button */
.btn-restore[b-7eg3sobf9u] {
    --neutral-stroke-rest: var(--warning-600);
    color: var(--warning-600);
    border-color: var(--warning-600);
}

.btn-restore-text[b-7eg3sobf9u] {
    color: var(--warning-600);
}

/* Review generated code gradient */
.btn-review-gradient[b-7eg3sobf9u] {
    background: linear-gradient(135deg, var(--success-500, #22c55e) 0%, var(--success-600, #16a34a) 100%);
    border: none;
}

/* New workflow gradient */
.btn-new-workflow-gradient[b-7eg3sobf9u] {
    background: linear-gradient(135deg, var(--primary-500, #6366f1) 0%, var(--secondary-500, #8b5cf6) 100%);
    border: none;
}

/* ==================== FOCUS-VISIBLE ==================== */
.start-button:focus-visible[b-7eg3sobf9u],
.btn-warning:focus-visible[b-7eg3sobf9u],
.btn-danger:focus-visible[b-7eg3sobf9u],
.btn-secondary:focus-visible[b-7eg3sobf9u],
.btn-restore:focus-visible[b-7eg3sobf9u],
.btn-success-gradient:focus-visible[b-7eg3sobf9u],
.btn-review-gradient:focus-visible[b-7eg3sobf9u],
.btn-new-workflow-gradient:focus-visible[b-7eg3sobf9u] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

[b-7eg3sobf9u] fluent-button:focus-visible,
[b-7eg3sobf9u] fluent-select:focus-visible,
[b-7eg3sobf9u] fluent-number-field:focus-visible,
[b-7eg3sobf9u] fluent-checkbox:focus-visible,
[b-7eg3sobf9u] fluent-accordion-item:focus-visible {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.checkpoint-card:focus-visible[b-7eg3sobf9u] {
    outline: 2px solid var(--primary-500, #6366f1);
    outline-offset: 2px;
}

/* ==================== REDUCED MOTION ==================== */
@media (prefers-reduced-motion: reduce) {
    .status-dot[b-7eg3sobf9u] {
        animation: none;
    }

    .project-details[b-7eg3sobf9u] {
        animation: none;
    }

    .dialog-overlay[b-7eg3sobf9u] {
        animation: none;
    }

    .checkpoint-dialog[b-7eg3sobf9u] {
        animation: none;
    }

    .feature-card[b-7eg3sobf9u] {
        transition: none;
    }

    .checkpoint-card[b-7eg3sobf9u] {
        transition: none;
    }
}

/* ==================== MOBILE RESPONSIVE (additional) ==================== */
@media (max-width: 768px) {
    .detail-row-third[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
    }

    .config-fields[b-7eg3sobf9u] {
        grid-template-columns: 1fr;
    }

    .error-actions[b-7eg3sobf9u] {
        flex-direction: column;
    }

    .error-actions > *[b-7eg3sobf9u] {
        width: 100%;
    }

    .checkpoint-dialog[b-7eg3sobf9u] {
        width: 95%;
        max-height: 90vh;
    }
}
/* /Pages/Decomposition.razor.rz.scp.css */
.decomposition-container[b-12rdxixjas] {
    padding: 0;
}

.decomp-layout[b-12rdxixjas] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.config-grid[b-12rdxixjas] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.field[b-12rdxixjas] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-12rdxixjas] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.timestamp[b-12rdxixjas] {
    font-size: 0.8rem;
    color: var(--text-tertiary, #9ca3af);
    font-family: 'Cascadia Code', 'Consolas', monospace;
}

/* ================= Stats ================= */
.stats-row[b-12rdxixjas] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.stat-tile[b-12rdxixjas] {
    padding: 16px;
    border-radius: 10px;
    text-align: center;
    color: white;
}

.stat-tile .stat-value[b-12rdxixjas] {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

.stat-tile .stat-label[b-12rdxixjas] {
    font-size: 0.75rem;
    opacity: 0.9;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.stat-primary[b-12rdxixjas] { background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%); }
.stat-info[b-12rdxixjas]    { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }
.stat-success[b-12rdxixjas] { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); }
.stat-warning[b-12rdxixjas] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.stat-purple[b-12rdxixjas]  { background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%); }

.card-title-icon-gradient[b-12rdxixjas] { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
.card-title-icon-info[b-12rdxixjas]     { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); color: white; }
.card-title-icon-purple[b-12rdxixjas]   { background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%); color: white; }
.card-title-icon-accent[b-12rdxixjas]   { background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%); color: white; }

.executive-summary[b-12rdxixjas] {
    padding: 14px 16px;
    background: var(--surface-subtle, #f9fafb);
    border-left: 3px solid var(--primary-500, #6366f1);
    border-radius: 0 8px 8px 0;
    margin-bottom: 12px;
}

.executive-summary h3[b-12rdxixjas] {
    margin: 0 0 6px;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
}

.executive-summary p[b-12rdxixjas] {
    margin: 0;
    line-height: 1.6;
    color: var(--text-primary);
}

.effort-row[b-12rdxixjas] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--surface-subtle, #f9fafb);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--text-primary);
}

/* ================= Candidates grid ================= */
.count-badge[b-12rdxixjas] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--primary-100, #e0e7ff);
    color: var(--primary-700, #4338ca);
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 8px;
}

.candidates-grid[b-12rdxixjas] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.candidate-card[b-12rdxixjas] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    background: var(--surface, #ffffff);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.candidate-card:hover[b-12rdxixjas] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.candidate-header[b-12rdxixjas] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.candidate-title-row[b-12rdxixjas] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.candidate-name[b-12rdxixjas] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-primary);
}

.candidate-domain[b-12rdxixjas] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.candidate-description[b-12rdxixjas] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

.candidate-components[b-12rdxixjas] {
    border-top: 1px solid var(--border-color, #e5e7eb);
    padding-top: 10px;
}

.component-label[b-12rdxixjas] {
    font-size: 0.72rem;
    color: var(--text-tertiary, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.component-chips[b-12rdxixjas] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.chip[b-12rdxixjas] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    background: var(--primary-50, #eef2ff);
    color: var(--primary-700, #4338ca);
    font-size: 0.75rem;
    font-family: 'Cascadia Code', 'Consolas', monospace;
}

.chip-more[b-12rdxixjas] {
    background: var(--surface-subtle, #f3f4f6);
    color: var(--text-secondary);
    font-style: italic;
    font-family: inherit;
}

.candidate-effort[b-12rdxixjas] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: var(--text-secondary);
    padding-top: 4px;
}

/* ================= Risk badges ================= */
.risk-badge[b-12rdxixjas] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.risk-low[b-12rdxixjas]      { background: rgba(34, 197, 94, 0.12);  color: #15803d; }
.risk-medium[b-12rdxixjas]   { background: rgba(245, 158, 11, 0.12); color: #b45309; }
.risk-high[b-12rdxixjas]     { background: rgba(239, 68, 68, 0.12);  color: #b91c1c; }
.risk-critical[b-12rdxixjas] { background: rgba(127, 29, 29, 0.15);  color: #7f1d1d; }
.risk-unknown[b-12rdxixjas]  { background: rgba(156, 163, 175, 0.12); color: #4b5563; }

/* ================= Recommendations ================= */
.recommendations-list[b-12rdxixjas] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.recommendation-item[b-12rdxixjas] {
    display: flex;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    background: var(--surface-subtle, #fafafa);
}

.recommendation-icon[b-12rdxixjas] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.recommendation-content[b-12rdxixjas] {
    flex: 1;
}

.recommendation-header[b-12rdxixjas] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.recommendation-header h4[b-12rdxixjas] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.recommendation-category[b-12rdxixjas] {
    font-size: 0.72rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.recommendation-content p[b-12rdxixjas] {
    margin: 6px 0 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

.priority-badge[b-12rdxixjas] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.priority-high[b-12rdxixjas]   { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; }
.priority-medium[b-12rdxixjas] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: white; }
.priority-low[b-12rdxixjas]    { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: white; }

/* ================= Shared ================= */
.error-box[b-12rdxixjas] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.08);
    color: var(--error-700, #b91c1c);
}

.loading-body[b-12rdxixjas] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px;
}

.loading-text[b-12rdxixjas] {
    color: var(--text-secondary);
}

.artifact-links[b-12rdxixjas] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.artifact-links h3[b-12rdxixjas] {
    font-size: 0.9rem;
    margin: 0 0 10px;
    color: var(--text-secondary);
}

.artifact-row[b-12rdxixjas] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    font-size: 0.85rem;
}

.artifact-row code[b-12rdxixjas] {
    background: var(--surface-subtle, #f3f4f6);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

.project-select[b-12rdxixjas] {
    min-width: 200px;
}
/* /Pages/FunctionalEquivalenceValidation.razor.rz.scp.css */
/* ==================== CONTAINER ==================== */
.equivalence-container[b-c4pid9i9sf] {
    min-height: 100vh;
    background: var(--neutral-layer-1);
}

/* ==================== HERO SECTION ==================== */
.hero-section[b-c4pid9i9sf] {
    position: relative;
    padding: 32px 24px 48px;
    overflow: hidden;
}

.hero-background[b-c4pid9i9sf] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-gradient[b-c4pid9i9sf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(20, 184, 166, 0.08) 0%,
        rgba(6, 182, 212, 0.12) 50%,
        rgba(15, 182, 214, 0.08) 100%);
}

.hero-pattern[b-c4pid9i9sf] {
    position: absolute;
    inset: 0;
    opacity: 0.4;
    background-image:
        radial-gradient(circle at 25% 25%, rgba(20, 184, 166, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);
}

.hero-content[b-c4pid9i9sf] {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.hero-breadcrumb[b-c4pid9i9sf] {
    justify-content: center;
    margin-bottom: 24px;
}

.hero-badge[b-c4pid9i9sf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.15) 0%, rgba(6, 182, 212, 0.15) 100%);
    border: 1px solid rgba(20, 184, 166, 0.2);
    border-radius: 24px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--phase-validation, #14b8a6);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hero-title[b-c4pid9i9sf] {
    font-size: 2.5rem;
    font-weight: 800;
    margin: 0 0 12px;
    background: linear-gradient(135deg, #0f172a 0%, #14b8a6 50%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
}

.hero-subtitle[b-c4pid9i9sf] {
    font-size: 1.1rem;
    color: var(--neutral-foreground-hint);
    margin: 0 0 28px;
    line-height: 1.6;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.hero-subtitle strong[b-c4pid9i9sf] {
    color: var(--phase-validation, #14b8a6);
    font-weight: 600;
}

.hero-stats[b-c4pid9i9sf] {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    padding: 16px 32px;
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(20, 184, 166, 0.1);
}

.hero-stat[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.hero-stat .stat-value[b-c4pid9i9sf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    font-family: 'JetBrains Mono', 'Cascadia Code', monospace;
}

.hero-stat .stat-value.excellent[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.hero-stat .stat-value.good[b-c4pid9i9sf] { color: #84cc16; }
.hero-stat .stat-value.fair[b-c4pid9i9sf] { color: var(--warning-500, #eab308); }
.hero-stat .stat-value.poor[b-c4pid9i9sf] { color: #f97316; }
.hero-stat .stat-value.critical[b-c4pid9i9sf] { color: var(--error-500, #ef4444); }
.hero-stat .stat-value.warning[b-c4pid9i9sf] { color: #f97316; }

.hero-stat .stat-label[b-c4pid9i9sf] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hero-stat-divider[b-c4pid9i9sf] {
    width: 1px;
    height: 40px;
    background: linear-gradient(180deg, transparent, rgba(20, 184, 166, 0.3), transparent);
}

.status-indicator[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.9rem;
}

.status-indicator.passed[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.status-indicator.failed[b-c4pid9i9sf] { color: var(--error-500, #ef4444); }

.status-indicator .status-dot[b-c4pid9i9sf] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-b-c4pid9i9sf 2s infinite;
}

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

/* ==================== MAIN CONTENT ==================== */
.main-content[b-c4pid9i9sf] {
    padding: 0 24px 48px;
    max-width: 1400px;
    margin: 0 auto;
}

/* ==================== LOADING & ERROR ==================== */
.loading-container[b-c4pid9i9sf],
.error-container[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 16px;
    text-align: center;
}

.error-container h2[b-c4pid9i9sf] {
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.error-container p[b-c4pid9i9sf] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 16px;
}

/* ==================== CONFIG CARD ==================== */
.config-card[b-c4pid9i9sf] {
    margin-bottom: 24px;
    overflow: hidden;
}

.config-header[b-c4pid9i9sf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    user-select: none;
    transition: background 0.2s;
}

.config-header:hover[b-c4pid9i9sf] {
    background: var(--neutral-layer-2);
}

.config-title[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 1rem;
}

.config-body[b-c4pid9i9sf] {
    padding: 0 20px 20px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.config-grid[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    padding-top: 20px;
}

.config-section h4[b-c4pid9i9sf] {
    margin: 0 0 16px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.config-field[b-c4pid9i9sf] {
    margin-bottom: 16px;
}

.config-field label[b-c4pid9i9sf] {
    display: block;
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
}

.dimension-checkboxes[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dimension-checkbox-item[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
}

.dimension-docs-hint[b-c4pid9i9sf] {
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    margin-left: 28px;
}

.config-hint[b-c4pid9i9sf] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    margin: 0 0 12px;
}

.document-summary[b-c4pid9i9sf] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 12px;
    padding: 12px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.doc-count[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    padding: 4px 10px;
    border-radius: 4px;
}

.doc-count.legacy[b-c4pid9i9sf] {
    background: rgba(234, 179, 8, 0.1);
    color: #ca8a04;
}

.doc-count.modern[b-c4pid9i9sf] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

/* ==================== ACTION BAR ==================== */
.action-bar[b-c4pid9i9sf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.action-left[b-c4pid9i9sf],
.action-right[b-c4pid9i9sf] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

/* ==================== PROGRESS CARD ==================== */
.progress-card[b-c4pid9i9sf] {
    margin-bottom: 24px;
    padding: 24px;
}

.progress-content[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.progress-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.progress-text[b-c4pid9i9sf] {
    flex: 1;
}

.progress-text h3[b-c4pid9i9sf] {
    margin: 0 0 4px;
    font-size: 1.1rem;
}

.progress-text p[b-c4pid9i9sf] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.progress-percent[b-c4pid9i9sf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--phase-validation, #14b8a6);
    font-family: 'JetBrains Mono', monospace;
}

.progress-phases[b-c4pid9i9sf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.phase-item[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    font-size: 0.8rem;
    transition: all 0.3s;
}

.phase-item.completed[b-c4pid9i9sf] {
    background: rgba(34, 197, 94, 0.1);
    color: var(--success-500, #22c55e);
}

.phase-item.active[b-c4pid9i9sf] {
    background: rgba(20, 184, 166, 0.15);
    color: var(--phase-validation, #14b8a6);
    font-weight: 600;
}

.phase-item.pending[b-c4pid9i9sf] {
    opacity: 0.5;
}

/* ==================== EMPTY STATE ==================== */
.empty-state-card[b-c4pid9i9sf] {
    max-width: 600px;
    margin: 48px auto;
}

.empty-state[b-c4pid9i9sf] {
    text-align: center;
    padding: 48px 32px;
}

.empty-icon[b-c4pid9i9sf] {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-radius: 50%;
    color: var(--phase-validation, #14b8a6);
}

.empty-state h3[b-c4pid9i9sf] {
    margin: 0 0 8px;
    font-size: 1.25rem;
}

.empty-state > p[b-c4pid9i9sf] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 32px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.empty-features[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    max-width: 400px;
    margin: 0 auto;
}

.feature-item[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    font-size: 0.9rem;
}

/* ==================== SCORE SECTION ==================== */
.score-section[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: 2fr repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.score-card[b-c4pid9i9sf] {
    background: var(--neutral-layer-card-container);
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.score-card.main-score[b-c4pid9i9sf] {
    flex-direction: row;
    justify-content: flex-start;
    gap: 32px;
    padding: 32px;
}

.score-ring-wrapper[b-c4pid9i9sf] {
    position: relative;
    width: 120px;
    height: 120px;
}

.score-ring-svg[b-c4pid9i9sf] {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
}

.score-ring-bg[b-c4pid9i9sf] {
    fill: none;
    stroke: var(--neutral-stroke-rest);
    stroke-width: 8;
}

.score-ring-progress[b-c4pid9i9sf] {
    fill: none;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 1s ease;
}

.score-ring-progress.excellent[b-c4pid9i9sf] { stroke: #22c55e; }
.score-ring-progress.good[b-c4pid9i9sf] { stroke: #84cc16; }
.score-ring-progress.fair[b-c4pid9i9sf] { stroke: #eab308; }
.score-ring-progress.poor[b-c4pid9i9sf] { stroke: #f97316; }
.score-ring-progress.critical[b-c4pid9i9sf] { stroke: #ef4444; }

.score-ring-value[b-c4pid9i9sf] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.score-ring-value .value[b-c4pid9i9sf] {
    font-size: 2rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.score-ring-value .percent[b-c4pid9i9sf] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    align-self: flex-start;
    margin-top: 8px;
}

.score-info[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.score-label[b-c4pid9i9sf] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.threshold-text[b-c4pid9i9sf] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.stat-card .stat-value[b-c4pid9i9sf] {
    font-size: 2rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.stat-card .stat-value.success[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.stat-card .stat-value.warning[b-c4pid9i9sf] { color: var(--warning-500, #f97316); }

.stat-card .stat-label[b-c4pid9i9sf] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.result-card[b-c4pid9i9sf] {
    border-radius: 12px;
    padding: 24px;
}

.result-card.passed[b-c4pid9i9sf] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(34, 197, 94, 0.05) 100%);
    border: 2px solid #22c55e;
    color: var(--success-500, #22c55e);
}

.result-card.failed[b-c4pid9i9sf] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
    border: 2px solid #ef4444;
    color: var(--error-500, #ef4444);
}

.result-text[b-c4pid9i9sf] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 1px;
}

/* ==================== STATUS BADGE ==================== */
.status-badge[b-c4pid9i9sf] {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
}

.status-badge.equivalent[b-c4pid9i9sf] { background: rgba(34, 197, 94, 0.15); color: var(--success-500, #22c55e); }
.status-badge.mostly-equivalent[b-c4pid9i9sf] { background: rgba(132, 204, 22, 0.15); color: #84cc16; }
.status-badge.partially-equivalent[b-c4pid9i9sf] { background: rgba(234, 179, 8, 0.15); color: var(--warning-500, #eab308); }
.status-badge.different[b-c4pid9i9sf] { background: rgba(249, 115, 22, 0.15); color: #f97316; }
.status-badge.inconclusive[b-c4pid9i9sf] { background: rgba(107, 114, 128, 0.15); color: var(--text-secondary); }

/* ==================== DIMENSIONS SECTION ==================== */
.dimensions-section[b-c4pid9i9sf] {
    margin-bottom: 32px;
}

.section-header[b-c4pid9i9sf] {
    margin-bottom: 20px;
}

.section-header h2[b-c4pid9i9sf] {
    margin: 0 0 4px;
    font-size: 1.25rem;
}

.section-header p[b-c4pid9i9sf] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

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

.dimension-card[b-c4pid9i9sf] {
    padding: 20px;
    border-left: 4px solid var(--neutral-stroke-rest);
    cursor: pointer;
    transition: all 0.2s;
}

.dimension-card:hover[b-c4pid9i9sf] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.dimension-card.passed[b-c4pid9i9sf] {
    border-left-color: #22c55e;
}

.dimension-card.failed[b-c4pid9i9sf] {
    border-left-color: #ef4444;
}

.dimension-card.inconclusive[b-c4pid9i9sf] {
    border-left-color: #f59e0b;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.03) 0%, rgba(251, 191, 36, 0.02) 100%);
}

.dimension-card.expanded[b-c4pid9i9sf] {
    grid-column: 1 / -1;
}

.dimension-header[b-c4pid9i9sf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.dimension-title[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 1rem;
}

/* Inconclusive dimension state */
.dimension-inconclusive[b-c4pid9i9sf] {
    padding: 16px;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 8px;
    margin-bottom: 12px;
}

.inconclusive-badge[b-c4pid9i9sf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--warning-600, #d97706);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.inconclusive-reason[b-c4pid9i9sf] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin: 0;
    line-height: 1.5;
}

.dimension-score[b-c4pid9i9sf] {
    margin-bottom: 16px;
}

.score-bar-container[b-c4pid9i9sf] {
    position: relative;
    height: 8px;
    background: var(--neutral-stroke-rest);
    border-radius: 4px;
    overflow: visible;
}

.score-bar[b-c4pid9i9sf] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.score-bar.excellent[b-c4pid9i9sf] { background: #22c55e; }
.score-bar.good[b-c4pid9i9sf] { background: #84cc16; }
.score-bar.fair[b-c4pid9i9sf] { background: #eab308; }
.score-bar.poor[b-c4pid9i9sf] { background: #f97316; }
.score-bar.critical[b-c4pid9i9sf] { background: #ef4444; }

.threshold-marker[b-c4pid9i9sf] {
    position: absolute;
    top: -4px;
    width: 2px;
    height: 16px;
    background: var(--neutral-foreground-rest);
    transform: translateX(-50%);
}

.score-values[b-c4pid9i9sf] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 0.85rem;
}

.score-values .current[b-c4pid9i9sf] {
    font-weight: 600;
}

.score-values .current.excellent[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.score-values .current.good[b-c4pid9i9sf] { color: #84cc16; }
.score-values .current.fair[b-c4pid9i9sf] { color: var(--warning-500, #eab308); }
.score-values .current.poor[b-c4pid9i9sf] { color: #f97316; }
.score-values .current.critical[b-c4pid9i9sf] { color: var(--error-500, #ef4444); }

.score-values .threshold[b-c4pid9i9sf] {
    color: var(--neutral-foreground-hint);
}

.dimension-stats[b-c4pid9i9sf] {
    display: flex;
    gap: 20px;
}

.dimension-stats .stat[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.dimension-stats .stat-num[b-c4pid9i9sf] {
    font-size: 1.1rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.dimension-stats .stat-num.success[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.dimension-stats .stat-num.warning[b-c4pid9i9sf] { color: var(--warning-500, #f97316); }
.dimension-stats .stat-num.info[b-c4pid9i9sf] { color: var(--primary-500, #3b82f6); }

.dimension-stats .stat-text[b-c4pid9i9sf] {
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
}

/* Dimension Details */
.dimension-details[b-c4pid9i9sf] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--neutral-stroke-rest);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.detail-section h5[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    font-size: 0.9rem;
}

.detail-list[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-item[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    font-size: 0.85rem;
}

.detail-item.matched[b-c4pid9i9sf] {
    border-left: 3px solid #22c55e;
}

.detail-item.legacy[b-c4pid9i9sf] {
    border-left: 3px solid #f97316;
}

.detail-item.modern[b-c4pid9i9sf] {
    border-left: 3px solid var(--primary-500);
}

.item-name[b-c4pid9i9sf] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
}

.item-score[b-c4pid9i9sf] {
    margin-left: auto;
    font-weight: 600;
    color: var(--success-500, #22c55e);
}

.item-reason[b-c4pid9i9sf] {
    flex: 1;
    color: var(--neutral-foreground-hint);
    font-size: 0.8rem;
}

.detail-more[b-c4pid9i9sf] {
    padding: 8px 12px;
    text-align: center;
    color: var(--neutral-foreground-hint);
    font-size: 0.85rem;
    font-style: italic;
}

/* ==================== RESULTS TABS ==================== */
.results-tabs[b-c4pid9i9sf] {
    margin-top: 8px;
}

/* Enhanced Tab Headers */
.enhanced-tabs[b-c4pid9i9sf]::part(tablist) {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.03) 0%, rgba(6, 182, 212, 0.05) 100%);
    border-bottom: 2px solid rgba(20, 184, 166, 0.1);
    padding: 8px 16px 0;
    gap: 4px;
}

.enhanced-tabs[b-c4pid9i9sf]::part(tab) {
    padding: 12px 20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: -2px;
    transition: all 0.2s ease;
}

.enhanced-tabs[b-c4pid9i9sf]::part(tab):hover {
    background: rgba(20, 184, 166, 0.08);
}

.enhanced-tabs[b-c4pid9i9sf]::part(activeTab) {
    background: var(--neutral-layer-card-container);
    border: 2px solid rgba(20, 184, 166, 0.2);
    border-bottom: 2px solid var(--neutral-layer-card-container);
    box-shadow: 0 -4px 12px rgba(20, 184, 166, 0.1);
}

.tab-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.tab-header svg[b-c4pid9i9sf] {
    color: var(--phase-validation, #14b8a6);
    flex-shrink: 0;
}

.tab-title[b-c4pid9i9sf] {
    font-size: 0.95rem;
    color: var(--neutral-foreground-rest);
}

.tab-badge[b-c4pid9i9sf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 8px;
    background: var(--neutral-layer-3);
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.tab-badge.has-items[b-c4pid9i9sf] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.15) 0%, rgba(6, 182, 212, 0.2) 100%);
    color: var(--phase-validation, #14b8a6);
}

/* Comparison Export Toolbar */
.comparison-export-toolbar[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(15, 182, 214, 0.05) 0%, rgba(99, 102, 241, 0.08) 100%);
    border: 1px solid rgba(15, 182, 214, 0.15);
    border-radius: 12px;
    margin-bottom: 24px;
}

.toolbar-title[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--primary-500, #3b82f6);
}

.toolbar-title svg[b-c4pid9i9sf] {
    color: var(--primary-500, #3b82f6);
}

.toolbar-actions[b-c4pid9i9sf] {
    display: flex;
    gap: 12px;
}

.tab-content[b-c4pid9i9sf] {
    padding: 24px;
    min-height: 300px;
}

/* Recommendations */
.recommendations-grid[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 16px;
}

.recommendation-card[b-c4pid9i9sf] {
    padding: 20px;
    border-left: 4px solid;
}

.recommendation-card.priority-1[b-c4pid9i9sf] { border-left-color: #ef4444; }
.recommendation-card.priority-2[b-c4pid9i9sf] { border-left-color: #f97316; }
.recommendation-card.priority-3[b-c4pid9i9sf] { border-left-color: #eab308; }
.recommendation-card.priority-4[b-c4pid9i9sf] { border-left-color: #84cc16; }
.recommendation-card.priority-5[b-c4pid9i9sf] { border-left-color: var(--neutral-400); }

.rec-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.priority-badge[b-c4pid9i9sf] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
}

.priority-badge.p1[b-c4pid9i9sf] { background: rgba(239, 68, 68, 0.15); color: #dc2626; }
.priority-badge.p2[b-c4pid9i9sf] { background: rgba(234, 88, 12, 0.15); color: #ea580c; }
.priority-badge.p3[b-c4pid9i9sf] { background: rgba(202, 138, 4, 0.15); color: #ca8a04; }
.priority-badge.p4[b-c4pid9i9sf] { background: rgba(101, 163, 13, 0.15); color: #65a30d; }
.priority-badge.p5[b-c4pid9i9sf] { background: var(--neutral-100); color: var(--neutral-400); }

.rec-category[b-c4pid9i9sf] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.recommendation-card h4[b-c4pid9i9sf] {
    margin: 0 0 8px;
    font-size: 1rem;
}

.recommendation-card p[b-c4pid9i9sf] {
    margin: 0 0 12px;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    line-height: 1.5;
}

.affected-list[b-c4pid9i9sf] {
    font-size: 0.85rem;
}

.affected-list strong[b-c4pid9i9sf] {
    color: var(--neutral-foreground-hint);
}

.component-tags[b-c4pid9i9sf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.component-tag[b-c4pid9i9sf] {
    padding: 4px 10px;
    background: var(--neutral-layer-2);
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: 'JetBrains Mono', monospace;
}

.component-tag.more[b-c4pid9i9sf] {
    background: var(--neutral-stroke-rest);
    color: var(--neutral-foreground-hint);
}

/* No Data */
.no-data[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    text-align: center;
}

.no-data h3[b-c4pid9i9sf] {
    margin: 16px 0 8px;
    color: var(--success-500, #22c55e);
}

.no-data p[b-c4pid9i9sf] {
    color: var(--neutral-foreground-hint);
}

/* Report Tab */
.report-toolbar[b-c4pid9i9sf] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.report-container[b-c4pid9i9sf] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    overflow: hidden;
}

.report-content[b-c4pid9i9sf] {
    padding: 24px;
    margin: 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-x: auto;
    max-height: 600px;
    overflow-y: auto;
}

/* Executive Summary */
.executive-summary[b-c4pid9i9sf] {
    max-width: 800px;
}

.summary-section[b-c4pid9i9sf] {
    margin-bottom: 28px;
}

.summary-section h3[b-c4pid9i9sf] {
    margin: 0 0 12px;
    font-size: 1.1rem;
    color: var(--neutral-foreground-rest);
}

.summary-section p[b-c4pid9i9sf] {
    margin: 0;
    line-height: 1.7;
    color: var(--neutral-foreground-rest);
}

.summary-section ul[b-c4pid9i9sf] {
    margin: 0;
    padding-left: 20px;
}

.summary-section li[b-c4pid9i9sf] {
    margin-bottom: 8px;
    line-height: 1.6;
}

.summary-section strong.excellent[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.summary-section strong.good[b-c4pid9i9sf] { color: #84cc16; }
.summary-section strong.fair[b-c4pid9i9sf] { color: var(--warning-500, #eab308); }
.summary-section strong.poor[b-c4pid9i9sf] { color: #f97316; }
.summary-section strong.critical[b-c4pid9i9sf] { color: var(--error-500, #ef4444); }
.summary-section strong.success[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.summary-section strong.error[b-c4pid9i9sf] { color: var(--error-500, #ef4444); }

.warning-section[b-c4pid9i9sf] {
    padding: 20px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 8px;
}

.warning-section h3[b-c4pid9i9sf] {
    color: var(--error-500, #ef4444);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1200px) {
    .score-section[b-c4pid9i9sf] {
        grid-template-columns: 1fr 1fr;
    }

    .score-card.main-score[b-c4pid9i9sf] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .hero-section[b-c4pid9i9sf] {
        padding: 24px 16px 32px;
    }

    .hero-title[b-c4pid9i9sf] {
        font-size: 1.75rem;
    }

    .hero-stats[b-c4pid9i9sf] {
        flex-direction: column;
        gap: 16px;
        padding: 20px;
    }

    .hero-stat-divider[b-c4pid9i9sf] {
        width: 100%;
        height: 1px;
    }

    .main-content[b-c4pid9i9sf] {
        padding: 0 16px 32px;
    }

    .config-grid[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .dimension-checkboxes[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .action-bar[b-c4pid9i9sf] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-left[b-c4pid9i9sf],
    .action-right[b-c4pid9i9sf] {
        flex-wrap: wrap;
    }

    .score-section[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .score-card.main-score[b-c4pid9i9sf] {
        flex-direction: column;
        text-align: center;
    }

    .dimensions-grid[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .dimension-details[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .recommendations-grid[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .empty-features[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }
}

/* ==================== DOCUMENTATION COMPARISON ==================== */
.documentation-comparison[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.doc-overview-stats[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.doc-stat-card[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-layer-rest);
}

.doc-stat-card .stat-content[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
}

.doc-stat-card .stat-value[b-c4pid9i9sf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.doc-stat-card .stat-label[b-c4pid9i9sf] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Quality Assessment */
.quality-assessment-card[b-c4pid9i9sf] {
    padding: 20px;
}

.quality-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.quality-header h3[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.quality-score[b-c4pid9i9sf] {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 8px;
}

.quality-score.excellent[b-c4pid9i9sf] { background: rgba(34, 197, 94, 0.15); color: var(--success-500, #22c55e); }
.quality-score.good[b-c4pid9i9sf] { background: rgba(132, 204, 22, 0.15); color: #84cc16; }
.quality-score.fair[b-c4pid9i9sf] { background: rgba(234, 179, 8, 0.15); color: var(--warning-500, #eab308); }
.quality-score.poor[b-c4pid9i9sf] { background: rgba(249, 115, 22, 0.15); color: #f97316; }
.quality-score.critical[b-c4pid9i9sf] { background: rgba(239, 68, 68, 0.15); color: var(--error-500, #ef4444); }

.quality-metrics[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.quality-metric[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: 100px 1fr 50px;
    align-items: center;
    gap: 12px;
}

.metric-label[b-c4pid9i9sf] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.metric-bar-container[b-c4pid9i9sf] {
    height: 8px;
    background: var(--neutral-layer-3);
    border-radius: 4px;
    overflow: hidden;
}

.metric-bar[b-c4pid9i9sf] {
    height: 100%;
    background: linear-gradient(90deg, #14b8a6, #06b6d4);
    border-radius: 4px;
    transition: width 0.5s ease;
}

.metric-value[b-c4pid9i9sf] {
    font-size: 0.85rem;
    font-weight: 600;
    text-align: right;
}

.quality-recommendations[b-c4pid9i9sf] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.quality-recommendations h4[b-c4pid9i9sf] {
    margin: 0 0 12px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.quality-recommendations ul[b-c4pid9i9sf] {
    margin: 0;
    padding-left: 20px;
}

.quality-recommendations li[b-c4pid9i9sf] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-rest);
    margin-bottom: 6px;
}

/* Doc Comparison Section */
.doc-comparison-section[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.doc-comparison-section .section-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.doc-comparison-section .section-header h3[b-c4pid9i9sf] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.doc-comparisons-list[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.doc-comparison-card[b-c4pid9i9sf] {
    padding: 16px;
    border-left: 4px solid #94a3b8;
}

.doc-comparison-card.equivalent[b-c4pid9i9sf] {
    border-left-color: #22c55e;
}

.doc-comparison-card.different[b-c4pid9i9sf] {
    border-left-color: #f97316;
}

.doc-comparison-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.doc-type-badge[b-c4pid9i9sf] {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(20, 184, 166, 0.1);
    color: var(--phase-validation, #14b8a6);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.doc-similarity[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.doc-comparison-content[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    align-items: stretch;
}

.doc-panel[b-c4pid9i9sf] {
    padding: 12px;
    background: var(--neutral-layer-3);
    border-radius: 8px;
    overflow: hidden;
}

.doc-panel.legacy[b-c4pid9i9sf] {
    border: 1px solid rgba(234, 179, 8, 0.3);
}

.doc-panel.modern[b-c4pid9i9sf] {
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.doc-panel-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--neutral-foreground-rest);
}

.doc-panel-location[b-c4pid9i9sf] {
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
    font-family: monospace;
}

.doc-panel-content[b-c4pid9i9sf] {
    max-height: 150px;
    overflow-y: auto;
}

.doc-panel-content pre[b-c4pid9i9sf] {
    margin: 0;
    font-size: 0.8rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--neutral-foreground-rest);
}

.doc-panel-divider[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-foreground-hint);
}

.doc-differences[b-c4pid9i9sf] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.doc-differences h5[b-c4pid9i9sf] {
    margin: 0 0 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.doc-diff-item[b-c4pid9i9sf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px;
    margin-bottom: 6px;
    border-radius: 6px;
    font-size: 0.8rem;
}

.doc-diff-item.minor[b-c4pid9i9sf] {
    background: rgba(132, 204, 22, 0.1);
}

.doc-diff-item.moderate[b-c4pid9i9sf] {
    background: rgba(234, 179, 8, 0.1);
}

.doc-diff-item.significant[b-c4pid9i9sf] {
    background: rgba(249, 115, 22, 0.1);
}

.doc-diff-item.critical[b-c4pid9i9sf] {
    background: rgba(239, 68, 68, 0.1);
}

.diff-type[b-c4pid9i9sf] {
    display: inline-block;
    padding: 2px 6px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.diff-desc[b-c4pid9i9sf] {
    flex: 1;
    color: var(--neutral-foreground-rest);
}

.diff-suggestion[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding-top: 4px;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.doc-analysis-summary[b-c4pid9i9sf] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    padding: 10px;
    background: rgba(15, 182, 214, 0.08);
    border-radius: 6px;
    font-size: 0.8rem;
    color: var(--neutral-foreground-rest);
}

/* Unmatched Docs Section */
.doc-unmatched-section[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 16px;
}

.unmatched-docs-card[b-c4pid9i9sf] {
    padding: 16px;
}

.unmatched-docs-card.legacy[b-c4pid9i9sf] {
    border-left: 4px solid #f97316;
}

.unmatched-docs-card.modern[b-c4pid9i9sf] {
    border-left: 4px solid #22c55e;
}

.unmatched-docs-card h4[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    font-size: 0.95rem;
    font-weight: 600;
}

.unmatched-docs-list[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unmatched-doc-item[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 8px;
    background: var(--neutral-layer-3);
    border-radius: 6px;
    font-size: 0.8rem;
}

.unmatched-doc-item .doc-type[b-c4pid9i9sf] {
    padding: 2px 8px;
    background: rgba(100, 116, 139, 0.1);
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--neutral-500, #64748b);
}

.unmatched-doc-item .doc-element[b-c4pid9i9sf] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unmatched-doc-item .doc-location[b-c4pid9i9sf] {
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}

.more-items[b-c4pid9i9sf] {
    text-align: center;
    padding: 8px;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-layer-2);
    border-radius: 4px;
}

/* ==================== DOCUMENT-BASED VALIDATION ==================== */
.document-comparisons-section[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.doc-comparison-metrics[b-c4pid9i9sf] {
    display: flex;
    gap: 16px;
    padding: 12px;
    background: var(--neutral-layer-3);
    border-radius: 8px;
    margin-bottom: 12px;
}

.doc-comparison-metrics .metric[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.doc-comparison-metrics .metric-label[b-c4pid9i9sf] {
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
}

.doc-comparison-metrics .metric-value[b-c4pid9i9sf] {
    font-size: 1rem;
    font-weight: 600;
}

.doc-gaps-summary[b-c4pid9i9sf] {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.gap-count[b-c4pid9i9sf] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.gap-count.warning[b-c4pid9i9sf] {
    background: rgba(249, 115, 22, 0.1);
    color: var(--warning-500, #f97316);
}

.gap-count.info[b-c4pid9i9sf] {
    background: rgba(15, 182, 214, 0.1);
    color: var(--primary-500, #3b82f6);
}

/* Section Comparisons */
.section-comparisons[b-c4pid9i9sf] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.section-comparisons h5[b-c4pid9i9sf] {
    margin: 0 0 12px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.section-item[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    background: var(--neutral-layer-3);
    border-radius: 6px;
    margin-bottom: 6px;
}

.section-item.equivalent[b-c4pid9i9sf] {
    border-left: 3px solid #22c55e;
}

.section-item.different[b-c4pid9i9sf] {
    border-left: 3px solid #f97316;
}

.section-name[b-c4pid9i9sf] {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 500;
}

.section-score[b-c4pid9i9sf] {
    font-size: 0.85rem;
    font-weight: 600;
}

/* Section Comparison Detail Card */
.section-comparison-detail[b-c4pid9i9sf] {
    padding: 20px;
    margin-top: 24px;
    border: 2px solid var(--accent-base-color);
}

.section-detail-header[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.section-detail-header h4[b-c4pid9i9sf] {
    margin: 0;
    font-size: 1rem;
}

.section-detail-score[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1.25rem;
    font-weight: 600;
}

.equivalent-badge[b-c4pid9i9sf] {
    padding: 4px 10px;
    background: rgba(34, 197, 94, 0.15);
    color: var(--success-500, #22c55e);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.different-badge[b-c4pid9i9sf] {
    padding: 4px 10px;
    background: rgba(249, 115, 22, 0.15);
    color: var(--warning-500, #f97316);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.section-detail-content[b-c4pid9i9sf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.content-panel[b-c4pid9i9sf] {
    padding: 16px;
    background: var(--neutral-layer-3);
    border-radius: 8px;
}

.content-panel.legacy[b-c4pid9i9sf] {
    border-top: 3px solid #eab308;
}

.content-panel.modern[b-c4pid9i9sf] {
    border-top: 3px solid #22c55e;
}

.content-panel h5[b-c4pid9i9sf] {
    margin: 0 0 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.content-panel pre[b-c4pid9i9sf] {
    margin: 0;
    font-size: 0.8rem;
    white-space: pre-wrap;
    max-height: 300px;
    overflow-y: auto;
}

.section-diffs[b-c4pid9i9sf] {
    margin-bottom: 16px;
}

.section-diffs h5[b-c4pid9i9sf] {
    margin: 0 0 12px;
    font-size: 0.9rem;
    font-weight: 600;
}

.diff-item[b-c4pid9i9sf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    margin-bottom: 6px;
    font-size: 0.85rem;
}

.diff-item.added[b-c4pid9i9sf] {
    background: rgba(34, 197, 94, 0.1);
}

.diff-item.removed[b-c4pid9i9sf] {
    background: rgba(239, 68, 68, 0.1);
}

.diff-item.modified[b-c4pid9i9sf] {
    background: rgba(234, 179, 8, 0.1);
}

.diff-path[b-c4pid9i9sf] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.section-analysis[b-c4pid9i9sf] {
    padding: 16px;
    background: rgba(15, 182, 214, 0.08);
    border-radius: 8px;
}

.section-analysis h5[b-c4pid9i9sf] {
    margin: 0 0 8px;
    font-size: 0.9rem;
    font-weight: 600;
}

.section-analysis p[b-c4pid9i9sf] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.6;
}

/* Document dimension details */
.detail-item.document[b-c4pid9i9sf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    border-left: 3px solid var(--primary-500);
}

.detail-item.finding[b-c4pid9i9sf] {
    border-left: 3px solid #06b6d4;
}

.detail-item.gap[b-c4pid9i9sf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.detail-item.gap.low[b-c4pid9i9sf] { border-left-color: #84cc16; }
.detail-item.gap.medium[b-c4pid9i9sf] { border-left-color: #eab308; }
.detail-item.gap.high[b-c4pid9i9sf] { border-left-color: #f97316; }
.detail-item.gap.critical[b-c4pid9i9sf] { border-left-color: #ef4444; }

.gap-severity[b-c4pid9i9sf] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.1);
}

.gap-title[b-c4pid9i9sf] {
    font-weight: 600;
    font-size: 0.85rem;
}

.gap-desc[b-c4pid9i9sf] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.section-counts[b-c4pid9i9sf] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.section-counts .success[b-c4pid9i9sf] { color: var(--success-500, #22c55e); }
.section-counts .warning[b-c4pid9i9sf] { color: var(--warning-500, #f97316); }
.section-counts .error[b-c4pid9i9sf] { color: var(--error-500, #ef4444); }

/* Mobile Responsive */
@media (max-width: 768px) {
    .doc-overview-stats[b-c4pid9i9sf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .doc-comparison-content[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .doc-panel-divider[b-c4pid9i9sf] {
        transform: rotate(90deg);
        padding: 8px 0;
    }

    .doc-unmatched-section[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .quality-metric[b-c4pid9i9sf] {
        grid-template-columns: 80px 1fr 40px;
    }

    .section-detail-content[b-c4pid9i9sf] {
        grid-template-columns: 1fr;
    }

    .doc-comparison-metrics[b-c4pid9i9sf] {
        flex-wrap: wrap;
    }
}

/* ==================== DOCUMENT GENERATION STATUS ==================== */
.doc-gen-status[b-c4pid9i9sf] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.doc-gen-status.status-completed[b-c4pid9i9sf] {
    background: rgba(34, 197, 94, 0.15);
    color: var(--success-500, #22c55e);
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.doc-gen-status.status-running[b-c4pid9i9sf] {
    background: rgba(15, 182, 214, 0.15);
    color: var(--primary-500, #3b82f6);
    border: 1px solid rgba(15, 182, 214, 0.3);
    animation: pulse-b-c4pid9i9sf 2s infinite;
}

.doc-gen-status.status-pending[b-c4pid9i9sf] {
    background: rgba(234, 179, 8, 0.15);
    color: var(--warning-500, #eab308);
    border: 1px solid rgba(234, 179, 8, 0.3);
}

.doc-gen-status.status-failed[b-c4pid9i9sf] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--error-500, #ef4444);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.doc-gen-status.status-unknown[b-c4pid9i9sf] {
    background: rgba(156, 163, 175, 0.15);
    color: var(--text-tertiary);
    border: 1px solid rgba(156, 163, 175, 0.3);
}

@keyframes pulse-b-c4pid9i9sf {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* ==================== DARK MODE ==================== */
[b-c4pid9i9sf] [data-theme="dark"] .hero-gradient {
    background: linear-gradient(135deg,
        rgba(20, 184, 166, 0.15) 0%,
        rgba(6, 182, 212, 0.2) 50%,
        rgba(15, 182, 214, 0.15) 100%);
}

[b-c4pid9i9sf] [data-theme="dark"] .hero-title {
    background: linear-gradient(135deg, #e2e8f0 0%, #14b8a6 50%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[b-c4pid9i9sf] [data-theme="dark"] .hero-stats {
    background: rgba(30, 41, 59, 0.8);
}

[b-c4pid9i9sf] [data-theme="dark"] .doc-count.legacy {
    color: #eab308;
}

[b-c4pid9i9sf] [data-theme="dark"] .doc-count.modern {
    color: var(--success-400);
}

[b-c4pid9i9sf] [data-theme="dark"] .doc-gen-status.status-completed {
    color: var(--success-400);
}

[b-c4pid9i9sf] [data-theme="dark"] .doc-gen-status.status-running {
    color: var(--primary-400);
}

[b-c4pid9i9sf] [data-theme="dark"] .doc-gen-status.status-pending {
    color: #eab308;
}

[b-c4pid9i9sf] [data-theme="dark"] .doc-gen-status.status-failed {
    color: var(--error-400);
}
/* /Pages/MemoryManagement.razor.rz.scp.css */
/* MemoryManagement.razor scoped styles */

/* ==================== Layout ==================== */
.memory-page[b-qk8yb0a3lx] {
    gap: var(--spacing-lg, 24px);
    max-width: 1600px;
    margin: 0 auto;
}

/* ==================== Header ==================== */
.memory-header h1[b-qk8yb0a3lx] {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-primary);
}

.memory-subtitle[b-qk8yb0a3lx] {
    color: var(--text-secondary);
    margin: 0;
}

.memory-actions[b-qk8yb0a3lx] {
    gap: 12px;
}

/* ==================== Tabs ==================== */
.memory-tabs[b-qk8yb0a3lx] {
    gap: 8px;
}

/* ==================== Search ==================== */
.search-card[b-qk8yb0a3lx] {
    padding: 12px;
}

.search-input[b-qk8yb0a3lx] {
    width: 100%;
}

/* ==================== Loading ==================== */
.loading-container[b-qk8yb0a3lx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 48px;
    justify-content: center;
}

.loading-text[b-qk8yb0a3lx] {
    color: var(--text-secondary);
}

/* ==================== AME INSTRUMENT ==================== */
.memory-page .page-header h1[b-qk8yb0a3lx] {
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* numeric relevance/confidence figures — tabular mono */
.score-text[b-qk8yb0a3lx] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    letter-spacing: -0.02em;
}

/* ==================== Section Headers ==================== */
.memory-section-title[b-qk8yb0a3lx] {
    margin: 0 0 16px;
    color: var(--text-primary);
    /* AME INSTRUMENT — display font + cyan accent tick */
    position: relative;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.memory-section-title[b-qk8yb0a3lx]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

/* ==================== Grid Cells ==================== */
.relevance-cell[b-qk8yb0a3lx],
.confidence-cell[b-qk8yb0a3lx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.progress-bar[b-qk8yb0a3lx] {
    width: 80px;
}

.score-text[b-qk8yb0a3lx] {
    color: var(--text-primary);
    font-size: 0.85rem;
}

/* ==================== Accessibility ==================== */
:focus-visible[b-qk8yb0a3lx] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] .search-card[b-qk8yb0a3lx] {
    background: var(--neutral-800, #1e293b);
}

/* ==================== Responsive ==================== */
@@media (max-width: 768px) {
    .memory-tabs[b-qk8yb0a3lx] {
        flex-wrap: wrap;
    }

    .memory-page[b-qk8yb0a3lx] {
        padding: 0 8px;
    }

    .loading-container[b-qk8yb0a3lx] {
        padding: 24px;
    }
}

/* ==================== Reduced Motion ==================== */
@@media (prefers-reduced-motion: reduce) {
    *[b-qk8yb0a3lx] {
        transition: none !important;
        animation: none !important;
    }
}
/* /Pages/PostGenerationReview.razor.rz.scp.css */
/* ==================== CONTAINER ==================== */
.review-container[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 0;
}

/* ==================== HEADER ==================== */
.review-header[b-ct592czh4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.header-left[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h1[b-ct592czh4i] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.header-right[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review-progress-text[b-ct592czh4i] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* ==================== STEP INDICATOR ==================== */
.step-indicator-bar[b-ct592czh4i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 24px;
    background: var(--neutral-layer-1);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    flex-wrap: wrap;
}

.step-pill[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    font-size: 0.875rem;
}

.step-pill:hover[b-ct592czh4i] {
    background: var(--neutral-layer-3);
}

.step-pill.active[b-ct592czh4i] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-rest);
    color: var(--accent-foreground-cut-rest);
}

.step-pill.status-accepted[b-ct592czh4i] {
    border-color: var(--success, #22c55e);
}

.step-pill.status-issues[b-ct592czh4i] {
    border-color: var(--warning-color, #f59e0b);
}

.step-pill-icon[b-ct592czh4i] {
    display: flex;
    align-items: center;
}

.step-number[b-ct592czh4i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--neutral-fill-secondary-rest);
}

.step-pill.active .step-number[b-ct592czh4i] {
    background: rgba(255, 255, 255, 0.2);
}

.step-pill-label[b-ct592czh4i] {
    white-space: nowrap;
}

.step-badge[b-ct592czh4i] {
    font-size: 0.7rem;
}

.step-connector[b-ct592czh4i] {
    width: 24px;
    height: 2px;
    background: var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.step-connector.completed[b-ct592czh4i] {
    background: var(--accent-fill-rest);
}

/* ==================== INSTRUMENT TREATMENT ==================== */
/* section/card titles — display font + cyan accent tick */
.step-panel-header h2[b-ct592czh4i],
.issues-header h3[b-ct592czh4i],
.owasp-card h3[b-ct592czh4i],
.guardrail-card h3[b-ct592czh4i],
.test-summary-card h3[b-ct592czh4i],
.coverage-card h3[b-ct592czh4i],
.heatmap-card h3[b-ct592czh4i],
.deploy-summary-card h3[b-ct592czh4i],
.deploy-options-card h3[b-ct592czh4i] {
    position: relative;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.step-panel-header h2[b-ct592czh4i]::before,
.issues-header h3[b-ct592czh4i]::before,
.owasp-card h3[b-ct592czh4i]::before,
.guardrail-card h3[b-ct592czh4i]::before,
.test-summary-card h3[b-ct592czh4i]::before,
.coverage-card h3[b-ct592czh4i]::before,
.heatmap-card h3[b-ct592czh4i]::before,
.deploy-summary-card h3[b-ct592czh4i]::before,
.deploy-options-card h3[b-ct592czh4i]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

/* numeric figures — mono tabular */
.score-value[b-ct592czh4i],
.stat-value[b-ct592czh4i],
.heatmap-value[b-ct592czh4i],
.coverage-pct[b-ct592czh4i] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    letter-spacing: -0.02em;
}

/* ==================== STEP CONTENT ==================== */
.step-content[b-ct592czh4i] {
    flex: 1;
    padding: 24px;
    overflow-y: auto;
}

.step-panel[b-ct592czh4i] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step-panel-header[b-ct592czh4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.step-panel-header h2[b-ct592czh4i] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.items-remaining[b-ct592czh4i] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* ==================== CODE QUALITY (STEP 1) ==================== */
.quality-overview[b-ct592czh4i] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 20px;
}

.score-card[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    gap: 12px;
}

.score-circle[b-ct592czh4i] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 4px solid;
}

.score-circle.score-excellent[b-ct592czh4i] {
    border-color: var(--success, #22c55e);
    background: rgba(34, 197, 94, 0.1);
}

.score-circle.score-good[b-ct592czh4i] {
    border-color: var(--accent-fill-rest);
    background: rgba(99, 102, 241, 0.1);
}

.score-circle.score-fair[b-ct592czh4i] {
    border-color: var(--warning-color, #f59e0b);
    background: rgba(245, 158, 11, 0.1);
}

.score-circle.score-poor[b-ct592czh4i] {
    border-color: var(--error, #ef4444);
    background: rgba(239, 68, 68, 0.1);
}

.score-value[b-ct592czh4i] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.score-label[b-ct592czh4i] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.score-title[b-ct592czh4i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.category-grid[b-ct592czh4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

.category-card[b-ct592czh4i] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

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

.category-name[b-ct592czh4i] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.category-actions[b-ct592czh4i] {
    display: flex;
    gap: 8px;
}

/* ==================== ISSUES CARD ==================== */
.issues-card[b-ct592czh4i] {
    padding: 20px;
}

.issues-header[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.issues-header h3[b-ct592czh4i] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.severity-filters[b-ct592czh4i] {
    display: flex;
    gap: 8px;
    flex: 1;
}

.severity-critical[b-ct592czh4i] {
    --accent-fill-rest: var(--error, #ef4444);
    --accent-fill-hover: var(--error, #ef4444);
}

.severity-high[b-ct592czh4i] {
    --accent-fill-rest: var(--warning-color, #f59e0b);
    --accent-fill-hover: var(--warning-color, #f59e0b);
}

.severity-medium[b-ct592czh4i] {
    --accent-fill-rest: var(--info, #3b82f6);
    --accent-fill-hover: var(--info, #3b82f6);
}

.action-buttons[b-ct592czh4i] {
    display: flex;
    gap: 4px;
}

/* ==================== SECURITY (STEP 2) ==================== */
.security-overview[b-ct592czh4i] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 20px;
}

.security-indicator[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
}

.security-status-text[b-ct592czh4i] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.owasp-card[b-ct592czh4i] {
    padding: 20px;
}

.owasp-card h3[b-ct592czh4i] {
    margin: 0 0 12px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.owasp-checklist[b-ct592czh4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 8px;
}

.owasp-item[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.guardrail-card[b-ct592czh4i] {
    padding: 20px;
}

.guardrail-card h3[b-ct592czh4i] {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.muted-text[b-ct592czh4i] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    margin: 0 0 16px;
}

.guardrail-stats[b-ct592czh4i] {
    display: flex;
    gap: 32px;
}

.guardrail-stat[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stat-value[b-ct592czh4i] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.stat-label[b-ct592czh4i] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

/* ==================== TEST RESULTS (STEP 3) ==================== */
.test-overview[b-ct592czh4i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.test-summary-card[b-ct592czh4i] {
    padding: 20px;
}

.test-summary-card h3[b-ct592czh4i] {
    margin: 0 0 16px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.test-stats[b-ct592czh4i] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    text-align: center;
}

.test-stat[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    border-radius: 8px;
}

.test-stat.total[b-ct592czh4i] { background: var(--neutral-fill-secondary-rest); }
.test-stat.passed[b-ct592czh4i] { background: rgba(34, 197, 94, 0.1); }
.test-stat.failed[b-ct592czh4i] { background: rgba(239, 68, 68, 0.1); }
.test-stat.skipped[b-ct592czh4i] { background: rgba(245, 158, 11, 0.1); }

.coverage-card[b-ct592czh4i] {
    padding: 20px;
}

.coverage-card h3[b-ct592czh4i] {
    margin: 0 0 16px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.coverage-bars[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.coverage-row[b-ct592czh4i] {
    display: grid;
    grid-template-columns: 140px 1fr 50px;
    align-items: center;
    gap: 12px;
}

.coverage-label[b-ct592czh4i] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.coverage-pct[b-ct592czh4i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    text-align: right;
}

.heatmap-card[b-ct592czh4i] {
    padding: 20px;
}

.heatmap-card h3[b-ct592czh4i] {
    margin: 0 0 16px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.heatmap-grid[b-ct592czh4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
}

.heatmap-cell[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 8px;
    cursor: default;
}

.heatmap-cell.heat-high[b-ct592czh4i] { background: rgba(34, 197, 94, 0.15); }
.heatmap-cell.heat-medium[b-ct592czh4i] { background: rgba(99, 102, 241, 0.15); }
.heatmap-cell.heat-low[b-ct592czh4i] { background: rgba(245, 158, 11, 0.15); }
.heatmap-cell.heat-critical[b-ct592czh4i] { background: rgba(239, 68, 68, 0.15); }

.heatmap-module[b-ct592czh4i] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.heatmap-value[b-ct592czh4i] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

/* ==================== DOCUMENTATION (STEP 4) ==================== */
.doc-actions-bar[b-ct592czh4i] {
    display: flex;
    justify-content: flex-end;
}

.doc-grid[b-ct592czh4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}

.doc-card[b-ct592czh4i] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid var(--neutral-stroke-rest);
    transition: border-color 0.2s;
}

.doc-card.approved[b-ct592czh4i] {
    border-color: var(--success, #22c55e);
}

.doc-card-header[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-name[b-ct592czh4i] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.doc-completeness[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.doc-card-actions[b-ct592czh4i] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

/* ==================== DEPLOY (STEP 5) ==================== */
.deploy-summary-card[b-ct592czh4i] {
    padding: 20px;
}

.deploy-summary-card h3[b-ct592czh4i] {
    margin: 0 0 16px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.summary-grid[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.summary-row[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 6px;
    background: var(--neutral-fill-secondary-rest);
}

.summary-step-icon[b-ct592czh4i] {
    display: flex;
    align-items: center;
}

.summary-step-name[b-ct592czh4i] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.summary-counts[b-ct592czh4i] {
    display: flex;
    gap: 24px;
    font-size: 0.875rem;
}

.count-passed[b-ct592czh4i] { color: var(--success, #22c55e); }
.count-pending[b-ct592czh4i] { color: var(--neutral-foreground-hint); }
.count-issues[b-ct592czh4i] { color: var(--warning-color, #f59e0b); }

.critical-warning-card[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border: 1px solid var(--error, #ef4444);
    background: rgba(239, 68, 68, 0.08);
    color: var(--neutral-foreground-rest);
    font-size: 0.875rem;
}

.deploy-options-card[b-ct592czh4i] {
    padding: 20px;
}

.deploy-options-card h3[b-ct592czh4i] {
    margin: 0 0 16px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.deploy-options-grid[b-ct592czh4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.deploy-option[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid var(--neutral-stroke-rest);
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.deploy-option:hover[b-ct592czh4i] {
    border-color: var(--accent-fill-rest);
    background: var(--neutral-layer-3);
}

.deploy-option.selected[b-ct592czh4i] {
    border-color: var(--accent-fill-rest);
    background: rgba(99, 102, 241, 0.08);
}

.option-title[b-ct592czh4i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.option-desc[b-ct592czh4i] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.step-actions[b-ct592czh4i] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

/* ==================== SUCCESS STATE ==================== */
.deploy-success[b-ct592czh4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    gap: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.deploy-success h2[b-ct592czh4i] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--neutral-foreground-rest);
}

.deploy-success p[b-ct592czh4i] {
    color: var(--neutral-foreground-hint);
    margin: 0;
}

.success-links[b-ct592czh4i] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

/* CSS-only confetti */
.confetti-container[b-ct592czh4i] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.confetti-piece[b-ct592czh4i] {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -10px;
    opacity: 0;
    animation: confetti-fall-b-ct592czh4i 3s ease-in-out forwards;
}

.confetti-piece:nth-child(1)[b-ct592czh4i] { left: 10%; background: var(--accent-fill-rest); animation-delay: 0s; border-radius: 50%; }
.confetti-piece:nth-child(2)[b-ct592czh4i] { left: 30%; background: var(--success, #22c55e); animation-delay: 0.3s; }
.confetti-piece:nth-child(3)[b-ct592czh4i] { left: 50%; background: var(--warning-color, #f59e0b); animation-delay: 0.6s; border-radius: 50%; }
.confetti-piece:nth-child(4)[b-ct592czh4i] { left: 70%; background: var(--accent-fill-rest); animation-delay: 0.2s; }
.confetti-piece:nth-child(5)[b-ct592czh4i] { left: 85%; background: var(--success, #22c55e); animation-delay: 0.5s; border-radius: 50%; }
.confetti-piece:nth-child(6)[b-ct592czh4i] { left: 45%; background: var(--warning-color, #f59e0b); animation-delay: 0.8s; }

@keyframes confetti-fall-b-ct592czh4i {
    0% { top: -10px; opacity: 1; transform: rotate(0deg) translateX(0); }
    100% { top: 100%; opacity: 0; transform: rotate(720deg) translateX(50px); }
}

/* ==================== FOOTER ==================== */
.review-footer[b-ct592czh4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.footer-left[b-ct592czh4i],
.footer-center[b-ct592czh4i],
.footer-right[b-ct592czh4i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-left[b-ct592czh4i] { flex: 1; justify-content: flex-start; }
.footer-center[b-ct592czh4i] { flex: 1; justify-content: center; }
.footer-right[b-ct592czh4i] { flex: 1; justify-content: flex-end; }

/* ==================== FOCUS-VISIBLE ==================== */
.step-pill:focus-visible[b-ct592czh4i] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.deploy-option:focus-visible[b-ct592czh4i] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

[b-ct592czh4i] fluent-button:focus-visible,
[b-ct592czh4i] fluent-badge:focus-visible {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* ==================== DARK MODE ==================== */
[data-theme="dark"] .review-header[b-ct592czh4i] {
    background: var(--neutral-layer-3, #1e293b);
    border-bottom-color: var(--neutral-stroke-divider-rest, #334155);
}

[data-theme="dark"] .step-indicator-bar[b-ct592czh4i] {
    background: var(--neutral-layer-2, #0f172a);
}

[data-theme="dark"] .step-pill[b-ct592czh4i] {
    background: var(--neutral-layer-3, #1e293b);
    border-color: var(--neutral-stroke-rest, #475569);
}

[data-theme="dark"] .step-pill:hover[b-ct592czh4i] {
    background: var(--neutral-layer-4, #334155);
}

[data-theme="dark"] .review-footer[b-ct592czh4i] {
    background: var(--neutral-layer-3, #1e293b);
    border-top-color: var(--neutral-stroke-divider-rest, #334155);
}

[data-theme="dark"] .deploy-option[b-ct592czh4i] {
    border-color: var(--neutral-stroke-rest, #475569);
    background: var(--neutral-layer-2, #0f172a);
}

[data-theme="dark"] .deploy-option:hover[b-ct592czh4i] {
    background: var(--neutral-layer-3, #1e293b);
}

[data-theme="dark"] .deploy-option.selected[b-ct592czh4i] {
    background: rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] .summary-row[b-ct592czh4i] {
    background: var(--neutral-layer-3, #1e293b);
}

[data-theme="dark"] .critical-warning-card[b-ct592czh4i] {
    background: rgba(239, 68, 68, 0.12);
}

[data-theme="dark"] .heatmap-cell.heat-high[b-ct592czh4i] { background: rgba(34, 197, 94, 0.2); }
[data-theme="dark"] .heatmap-cell.heat-medium[b-ct592czh4i] { background: rgba(99, 102, 241, 0.2); }
[data-theme="dark"] .heatmap-cell.heat-low[b-ct592czh4i] { background: rgba(245, 158, 11, 0.2); }
[data-theme="dark"] .heatmap-cell.heat-critical[b-ct592czh4i] { background: rgba(239, 68, 68, 0.2); }

[data-theme="dark"] .test-stat.passed[b-ct592czh4i] { background: rgba(34, 197, 94, 0.15); }
[data-theme="dark"] .test-stat.failed[b-ct592czh4i] { background: rgba(239, 68, 68, 0.15); }
[data-theme="dark"] .test-stat.skipped[b-ct592czh4i] { background: rgba(245, 158, 11, 0.15); }

/* ==================== REDUCED MOTION ==================== */
@media (prefers-reduced-motion: reduce) {
    .step-pill[b-ct592czh4i] {
        transition: none;
    }

    .deploy-option[b-ct592czh4i] {
        transition: none;
    }

    .doc-card[b-ct592czh4i] {
        transition: none;
    }

    .confetti-piece[b-ct592czh4i] {
        animation: none;
        display: none;
    }
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
    .review-header[b-ct592czh4i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .quality-overview[b-ct592czh4i],
    .security-overview[b-ct592czh4i] {
        grid-template-columns: 1fr;
    }

    .test-overview[b-ct592czh4i] {
        grid-template-columns: 1fr;
    }

    .test-stats[b-ct592czh4i] {
        grid-template-columns: repeat(2, 1fr);
    }

    .deploy-options-grid[b-ct592czh4i] {
        grid-template-columns: repeat(2, 1fr);
    }

    .step-indicator-bar[b-ct592czh4i] {
        gap: 4px;
    }

    .step-pill-label[b-ct592czh4i] {
        display: none;
    }

    .step-content[b-ct592czh4i] {
        padding: 16px;
    }

    .coverage-row[b-ct592czh4i] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .coverage-label[b-ct592czh4i] {
        font-weight: 600;
    }

    .owasp-checklist[b-ct592czh4i] {
        grid-template-columns: 1fr;
    }

    .guardrail-stats[b-ct592czh4i] {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .doc-grid[b-ct592czh4i] {
        grid-template-columns: 1fr;
    }

    .success-links[b-ct592czh4i] {
        flex-direction: column;
        width: 100%;
    }

    .success-links > *[b-ct592czh4i] {
        width: 100%;
    }

    .review-footer[b-ct592czh4i] {
        padding: 12px 16px;
    }

    .footer-left[b-ct592czh4i],
    .footer-center[b-ct592czh4i],
    .footer-right[b-ct592czh4i] {
        flex: none;
    }
}
/* /Pages/Profile.razor.rz.scp.css */
/* Profile.razor scoped styles */

/* ==================== Layout ==================== */
.profile-page[b-mft5u0hwgv] {
    gap: var(--spacing-lg, 24px);
    max-width: 1200px;
}

/* ==================== Profile Header ==================== */
.profile-banner[b-mft5u0hwgv] {
    height: 120px;
    background: linear-gradient(135deg, var(--primary-500), var(--secondary-500));
}

.profile-header-content[b-mft5u0hwgv] {
    padding: 0 24px 24px;
    margin-top: -48px;
    gap: 24px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.avatar-wrapper[b-mft5u0hwgv] {
    position: relative;
}

.avatar-upload-label[b-mft5u0hwgv] {
    cursor: pointer;
    display: block;
}

.avatar-circle[b-mft5u0hwgv] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 4px solid var(--background-primary);
    background: var(--primary-100);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-600);
    transition: opacity 0.2s ease;
}

.avatar-circle.uploading[b-mft5u0hwgv] {
    opacity: 0.6;
}

.avatar-spinner[b-mft5u0hwgv] {
    width: 48px;
    height: 48px;
}

.avatar-edit-btn[b-mft5u0hwgv] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary-500);
    border: 2px solid var(--background-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.avatar-edit-btn:focus-visible[b-mft5u0hwgv] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* The <InputFile> renders its own <input> in a child component, so Blazor CSS isolation
   does not stamp this component's scope attribute onto it — a plain scoped rule never
   matches and the raw "Choose File" input shows in the header. ::deep penetrates to it. */
.avatar-wrapper[b-mft5u0hwgv]  .avatar-file-input {
    display: none;
}

.profile-info[b-mft5u0hwgv] {
    gap: 4px;
    flex: 1;
    min-width: 200px;
}

.profile-info h1[b-mft5u0hwgv] {
    margin: 0;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.profile-info-title[b-mft5u0hwgv] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.profile-meta[b-mft5u0hwgv] {
    gap: 16px;
    margin-top: 4px;
}

.profile-meta-item[b-mft5u0hwgv] {
    font-size: 0.875rem;
    color: var(--text-tertiary);
}

.profile-meta-icon[b-mft5u0hwgv] {
    vertical-align: middle;
    margin-right: 4px;
}

/* ==================== Section Headers ==================== */
/* INSTRUMENT treatment — display font + cyan accent tick */
.section-title[b-mft5u0hwgv] {
    position: relative;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.section-title[b-mft5u0hwgv]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.section-title--danger[b-mft5u0hwgv] {
    color: var(--error-600);
}

/* ==================== Card Padding ==================== */
.section-inner[b-mft5u0hwgv] {
    gap: 20px;
    padding: 20px;
}

/* ==================== Activity ==================== */
.activity-list[b-mft5u0hwgv] {
    gap: 16px;
}

.activity-item[b-mft5u0hwgv] {
    gap: 12px;
    align-items: flex-start;
}

.activity-icon-box[b-mft5u0hwgv] {
    padding: 8px;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.activity-content[b-mft5u0hwgv] {
    gap: 2px;
    flex: 1;
}

.activity-title[b-mft5u0hwgv] {
    font-weight: 500;
    color: var(--text-primary);
}

.activity-desc[b-mft5u0hwgv] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.activity-time[b-mft5u0hwgv] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

/* ==================== Skills ==================== */
.skills-list[b-mft5u0hwgv] {
    gap: 8px;
    flex-wrap: wrap;
}

.skill-badge[b-mft5u0hwgv] {
    padding: 8px 12px;
    font-size: 0.875rem;
}

.skill-remove-icon[b-mft5u0hwgv] {
    margin-left: 4px;
    cursor: pointer;
}

.skill-remove-icon:focus-visible[b-mft5u0hwgv] {
    outline: 2px solid var(--primary-500);
    outline-offset: 1px;
    border-radius: 2px;
}

.add-skill-row[b-mft5u0hwgv] {
    gap: 8px;
    margin-top: 12px;
}

.add-skill-input[b-mft5u0hwgv] {
    flex: 1;
}

/* ==================== Sidebar Stats ==================== */
.stat-box[b-mft5u0hwgv] {
    padding: 16px;
    background: var(--neutral-50);
    border-radius: 8px;
    text-align: center;
}

.stat-box-value[b-mft5u0hwgv] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.stat-box-value--primary[b-mft5u0hwgv] { color: var(--primary-600); }
.stat-box-value--success[b-mft5u0hwgv] { color: var(--success-600); }
.stat-box-value--secondary[b-mft5u0hwgv] { color: var(--secondary-600); }
.stat-box-value--warning[b-mft5u0hwgv] { color: var(--warning-600); }

.stat-box-label[b-mft5u0hwgv] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

/* ==================== Team Members ==================== */
.team-member-row[b-mft5u0hwgv] {
    gap: 12px;
    align-items: center;
}

.team-avatar[b-mft5u0hwgv] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary-100);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--primary-600);
    flex-shrink: 0;
}

.team-info[b-mft5u0hwgv] {
    gap: 0;
    flex: 1;
}

.team-name[b-mft5u0hwgv] {
    font-weight: 500;
    color: var(--text-primary);
}

.team-role[b-mft5u0hwgv] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.online-dot[b-mft5u0hwgv] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.online-dot--active[b-mft5u0hwgv] {
    background: var(--success-500);
}

.online-dot--inactive[b-mft5u0hwgv] {
    background: var(--neutral-300);
}

/* ==================== Security ==================== */
.security-actions[b-mft5u0hwgv] {
    gap: 12px;
}

.security-btn[b-mft5u0hwgv] {
    width: 100%;
}

.last-login-box[b-mft5u0hwgv] {
    padding: 12px;
    background: var(--neutral-50);
    border-radius: 8px;
}

.last-login-inner[b-mft5u0hwgv] {
    justify-content: space-between;
    font-size: 0.875rem;
}

.last-login-label[b-mft5u0hwgv] {
    color: var(--text-secondary);
}

.last-login-value[b-mft5u0hwgv] {
    color: var(--text-primary);
}

/* ==================== Danger Zone ==================== */
.danger-card[b-mft5u0hwgv] {
    border: 1px solid var(--error-200);
}

.danger-btn[b-mft5u0hwgv] {
    width: 100%;
    border-color: var(--error-300);
    color: var(--error-600);
}

/* ==================== Edit Actions ==================== */
.edit-actions[b-mft5u0hwgv] {
    gap: 8px;
    justify-content: flex-end;
}

/* ==================== Sidebar ==================== */
.sidebar-stack[b-mft5u0hwgv] {
    gap: 24px;
}

/* ==================== Accessibility ==================== */
:focus-visible[b-mft5u0hwgv] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] .profile-banner[b-mft5u0hwgv] {
    background: linear-gradient(135deg, var(--primary-700, #1d4ed8), var(--secondary-700, #6d28d9));
}

[data-theme="dark"] .avatar-circle[b-mft5u0hwgv] {
    background: var(--primary-900, #1e3a5f);
    border-color: var(--background-primary);
}

[data-theme="dark"] .stat-box[b-mft5u0hwgv],
[data-theme="dark"] .last-login-box[b-mft5u0hwgv] {
    background: var(--neutral-800, #1e293b);
}

[data-theme="dark"] .team-avatar[b-mft5u0hwgv] {
    background: rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .danger-card[b-mft5u0hwgv] {
    border-color: var(--error-800, #991b1b);
}

[data-theme="dark"] .online-dot--inactive[b-mft5u0hwgv] {
    background: var(--neutral-600);
}

/* ==================== Responsive ==================== */
@@media (max-width: 768px) {
    .profile-header-content[b-mft5u0hwgv] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 16px 16px;
    }

    .profile-meta[b-mft5u0hwgv] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .avatar-circle[b-mft5u0hwgv] {
        width: 72px;
        height: 72px;
        font-size: 1.5rem;
    }

    .profile-info h1[b-mft5u0hwgv] {
        font-size: 1.25rem;
    }

    .stat-box-value[b-mft5u0hwgv] {
        font-size: 1.25rem;
    }

    .section-inner[b-mft5u0hwgv] {
        padding: 16px;
    }
}

/* ==================== Reduced Motion ==================== */
@@media (prefers-reduced-motion: reduce) {
    .avatar-circle[b-mft5u0hwgv] {
        transition: none;
    }
}
/* /Pages/Recipes.razor.rz.scp.css */
.recipes-container[b-tskwuumr3j] {
    padding: 0;
}

.recipes-layout[b-tskwuumr3j] {
    display: grid;
    grid-template-columns: minmax(320px, 380px) 1fr;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1100px) {
    .recipes-layout[b-tskwuumr3j] {
        grid-template-columns: 1fr;
    }
}

.recipes-right[b-tskwuumr3j] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ================= Catalog list ================= */
.catalog-card[b-tskwuumr3j] {
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
}

.catalog-list[b-tskwuumr3j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    padding-right: 4px;
}

.recipe-row[b-tskwuumr3j] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    cursor: pointer;
    background: var(--surface, #ffffff);
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.recipe-row:hover[b-tskwuumr3j] {
    border-color: var(--primary-400, #818cf8);
    background: var(--surface-subtle, #fafafa);
    transform: translateX(2px);
}

.recipe-row.selected[b-tskwuumr3j] {
    border-color: var(--primary-500, #6366f1);
    background: var(--primary-50, #eef2ff);
}

.recipe-row-icon[b-tskwuumr3j] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.recipe-row-body[b-tskwuumr3j] {
    flex: 1;
    min-width: 0;
}

.recipe-row-id[b-tskwuumr3j] {
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.recipe-row-id code[b-tskwuumr3j] {
    background: transparent;
    color: var(--text-primary);
    font-family: 'Cascadia Code', 'Consolas', monospace;
    word-break: break-word;
}

.recipe-row-desc[b-tskwuumr3j] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.recipe-row-check[b-tskwuumr3j] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

/* ================= Right column ================= */
.recipe-detail-desc[b-tskwuumr3j] {
    margin: 0 0 16px;
    padding: 12px 14px;
    background: var(--surface-subtle, #fafafa);
    border-left: 3px solid var(--primary-500, #6366f1);
    border-radius: 0 8px 8px 0;
    color: var(--text-primary);
    line-height: 1.55;
    font-size: 0.9rem;
}

.subsection-title[b-tskwuumr3j] {
    margin: 16px 0 10px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.param-list[b-tskwuumr3j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.param-row[b-tskwuumr3j] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 8px;
    align-items: center;
}

.param-actions[b-tskwuumr3j] {
    margin-bottom: 8px;
}

.filter-grid[b-tskwuumr3j] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 12px;
}

.field[b-tskwuumr3j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-tskwuumr3j] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.muted[b-tskwuumr3j] {
    color: var(--text-tertiary, #9ca3af);
    font-style: italic;
    margin: 0 0 10px;
}

.count-badge[b-tskwuumr3j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--primary-100, #e0e7ff);
    color: var(--primary-700, #4338ca);
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 8px;
}

/* ================= Results ================= */
.stats-row[b-tskwuumr3j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.stat-tile[b-tskwuumr3j] {
    padding: 16px;
    border-radius: 10px;
    text-align: center;
    color: white;
}

.stat-tile .stat-value[b-tskwuumr3j] {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1;
}

.stat-tile .stat-label[b-tskwuumr3j] {
    font-size: 0.75rem;
    opacity: 0.9;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.stat-info[b-tskwuumr3j]    { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }
.stat-success[b-tskwuumr3j] { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); }
.stat-muted[b-tskwuumr3j]   { background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%); }

.card-title-icon-success[b-tskwuumr3j] { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: white; }
.card-title-icon-danger[b-tskwuumr3j]  { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; }
.card-title-icon-accent[b-tskwuumr3j]  { background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%); color: white; }
.card-title-icon-gradient[b-tskwuumr3j] { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }

.result-badge[b-tskwuumr3j] {
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.result-success[b-tskwuumr3j] { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.result-failure[b-tskwuumr3j] { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }

.file-list[b-tskwuumr3j] {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 280px;
    overflow-y: auto;
}

.file-list li[b-tskwuumr3j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--surface-subtle, #f9fafb);
    border-radius: 6px;
    font-size: 0.82rem;
}

.file-list code[b-tskwuumr3j] {
    background: transparent;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    color: var(--text-primary);
    word-break: break-all;
}

.dry-run-note[b-tskwuumr3j] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(6, 182, 212, 0.08);
    border-left: 3px solid #06b6d4;
    border-radius: 0 8px 8px 0;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.applied-note[b-tskwuumr3j] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(34, 197, 94, 0.1);
    border-left: 3px solid #16a34a;
    border-radius: 0 8px 8px 0;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.applied-note code[b-tskwuumr3j],
.dry-run-note code[b-tskwuumr3j] {
    background: rgba(0, 0, 0, 0.06);
    padding: 1px 6px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.78rem;
}

.artifact-links[b-tskwuumr3j] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.artifact-links h3[b-tskwuumr3j] {
    font-size: 0.9rem;
    margin: 0 0 10px;
    color: var(--text-secondary);
}

.artifact-row[b-tskwuumr3j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    font-size: 0.85rem;
}

.artifact-row code[b-tskwuumr3j] {
    background: var(--surface-subtle, #f3f4f6);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

.error-box[b-tskwuumr3j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.08);
    color: var(--error-700, #b91c1c);
    margin-bottom: 16px;
}

.loading-body[b-tskwuumr3j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px;
}

.loading-text[b-tskwuumr3j] {
    color: var(--text-secondary);
}

.project-select[b-tskwuumr3j] {
    min-width: 200px;
}

/* ===== AME INSTRUMENT treatment (scoped component css) ===== */
/* Card titles — display font + cyan accent tick */
.card-modern-title h2[b-tskwuumr3j] {
    position: relative;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
}
.card-modern-title h2[b-tskwuumr3j]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

/* Sub-section labels — display font + tick (keep uppercase tracking) */
.subsection-title[b-tskwuumr3j] {
    position: relative;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
}
.subsection-title[b-tskwuumr3j]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.85em;
    border-radius: 2px;
    background: var(--primary-500);
}

/* Primary content panels — corner-tick framing */
.card-modern[b-tskwuumr3j] {
    position: relative;
}
.card-modern[b-tskwuumr3j]::before,
.card-modern[b-tskwuumr3j]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: .5;
    pointer-events: none;
    z-index: 1;
}
.card-modern[b-tskwuumr3j]::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}
.card-modern[b-tskwuumr3j]::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

/* Numeric stat figures — mono tabular numerals */
.stat-tile .stat-value[b-tskwuumr3j],
.count-badge[b-tskwuumr3j] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    letter-spacing: -0.02em;
}
/* ===== end INSTRUMENT treatment ===== */
/* /Pages/Testing.razor.rz.scp.css */
/* Testing.razor scoped styles */

/* ==================== Layout ==================== */
.testing-page[b-z6o0fs7svn] {
    gap: var(--spacing-lg, 24px);
}

.testing-header[b-z6o0fs7svn] {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--spacing-md, 16px);
}

.testing-header-title-row[b-z6o0fs7svn] {
    align-items: center;
    gap: var(--spacing-sm, 12px);
}

.testing-header h1[b-z6o0fs7svn] {
    margin: 0;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.testing-header-subtitle[b-z6o0fs7svn] {
    margin: 4px 0 0 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.testing-header-actions[b-z6o0fs7svn] {
    gap: 8px;
    align-items: center;
}

/* ==================== Badge ==================== */
.badge-icon[b-z6o0fs7svn] {
    margin-right: 4px;
}

.badge-pulse[b-z6o0fs7svn] {
    background: var(--accent-fill-rest);
    animation: pulse 2s infinite;
}

@@keyframes pulse {
    0%[b-z6o0fs7svn], 100%[b-z6o0fs7svn] { opacity: 1; }
    50%[b-z6o0fs7svn] { opacity: 0.7; }
}

/* ==================== Loading ==================== */
.loading-card[b-z6o0fs7svn] {
    padding: 48px;
    text-align: center;
}

.loading-text[b-z6o0fs7svn] {
    margin-top: 16px;
    color: var(--text-secondary);
}

/* ==================== Stats Cards ==================== */
.stat-card[b-z6o0fs7svn] {
    padding: 20px;
    position: relative;
}

/* instrument: corner-tick framing on primary panels */
.stat-card[b-z6o0fs7svn]::before,
.stat-card[b-z6o0fs7svn]::after,
.runs-card[b-z6o0fs7svn]::before,
.runs-card[b-z6o0fs7svn]::after,
.coverage-section[b-z6o0fs7svn]::before,
.coverage-section[b-z6o0fs7svn]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: 0.5;
    pointer-events: none;
}

.stat-card[b-z6o0fs7svn]::before,
.runs-card[b-z6o0fs7svn]::before,
.coverage-section[b-z6o0fs7svn]::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.stat-card[b-z6o0fs7svn]::after,
.runs-card[b-z6o0fs7svn]::after,
.coverage-section[b-z6o0fs7svn]::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.runs-card[b-z6o0fs7svn],
.coverage-section[b-z6o0fs7svn] {
    position: relative;
}

.stat-card-stack[b-z6o0fs7svn] {
    gap: 8px;
}

.stat-icon-row[b-z6o0fs7svn] {
    align-items: center;
    gap: 8px;
}

.stat-icon-box[b-z6o0fs7svn] {
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon-box--success[b-z6o0fs7svn] {
    background: var(--success-100);
}

.stat-icon-box--primary[b-z6o0fs7svn] {
    background: var(--primary-100);
}

.stat-icon-box--secondary[b-z6o0fs7svn] {
    background: var(--secondary-100);
}

.stat-icon-box--warning[b-z6o0fs7svn] {
    background: var(--warning-100);
}

.stat-label[b-z6o0fs7svn] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.stat-value[b-z6o0fs7svn] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.stat-detail[b-z6o0fs7svn] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.stat-detail-success[b-z6o0fs7svn] {
    color: var(--success-600);
}

.stat-detail-error[b-z6o0fs7svn] {
    color: var(--error-600);
}

.stat-progress[b-z6o0fs7svn] {
    margin-top: 4px;
}

/* ==================== Recent Runs Table ==================== */
.runs-card-inner[b-z6o0fs7svn] {
    gap: 16px;
    padding: 20px;
}

.runs-header-row[b-z6o0fs7svn] {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.runs-header-row h2[b-z6o0fs7svn] {
    position: relative;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.runs-header-row h2[b-z6o0fs7svn]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.runs-filter-row[b-z6o0fs7svn] {
    gap: 8px;
    align-items: center;
}

.runs-name-filter[b-z6o0fs7svn] {
    width: 180px;
}

.runs-status-filter[b-z6o0fs7svn] {
    width: 120px;
}

.result-passed[b-z6o0fs7svn] {
    color: var(--success-600);
}

.result-failed[b-z6o0fs7svn] {
    color: var(--error-600);
}

.result-skipped[b-z6o0fs7svn] {
    color: var(--text-tertiary);
}

.coverage-bar-row[b-z6o0fs7svn] {
    align-items: center;
    gap: 8px;
}

.coverage-bar-track[b-z6o0fs7svn] {
    width: 60px;
    height: 6px;
    background: var(--neutral-200);
    border-radius: 3px;
    overflow: hidden;
}

.coverage-bar-fill[b-z6o0fs7svn] {
    height: 100%;
    background: var(--primary-500);
    transition: width 0.3s ease;
}

.actions-cell[b-z6o0fs7svn] {
    text-align: right;
}

/* ==================== Coverage Report ==================== */
.coverage-section h2[b-z6o0fs7svn] {
    position: relative;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.coverage-section h2[b-z6o0fs7svn]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.coverage-section-inner[b-z6o0fs7svn] {
    gap: 16px;
    padding: 20px;
}

.module-header[b-z6o0fs7svn] {
    justify-content: space-between;
    margin-bottom: 4px;
}

.module-name[b-z6o0fs7svn] {
    font-weight: 500;
    color: var(--text-primary);
}

.coverage-track[b-z6o0fs7svn] {
    width: 100%;
    height: 8px;
    background: var(--neutral-200);
    border-radius: 4px;
    overflow: hidden;
}

.coverage-fill[b-z6o0fs7svn] {
    height: 100%;
    transition: width 0.3s ease;
}

.module-lines[b-z6o0fs7svn] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.breakdown-box[b-z6o0fs7svn] {
    padding: 16px;
    background: var(--neutral-50);
    border-radius: 8px;
}

.breakdown-value[b-z6o0fs7svn] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.breakdown-value--primary[b-z6o0fs7svn] {
    color: var(--primary-600);
}

.breakdown-value--secondary[b-z6o0fs7svn] {
    color: var(--secondary-600);
}

.breakdown-value--success[b-z6o0fs7svn] {
    color: var(--success-600);
}

.breakdown-value--default[b-z6o0fs7svn] {
    color: var(--text-primary);
}

.breakdown-label[b-z6o0fs7svn] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    margin-top: 4px;
}

.summary-box[b-z6o0fs7svn] {
    padding: 16px;
    background: var(--neutral-50);
    border-radius: 8px;
    margin-top: 8px;
}

.summary-box-inner[b-z6o0fs7svn] {
    justify-content: space-between;
}

.summary-label[b-z6o0fs7svn] {
    color: var(--text-secondary);
}

.summary-value[b-z6o0fs7svn] {
    font-weight: 600;
    color: var(--text-primary);
}

/* ==================== Accessibility ==================== */
:focus-visible[b-z6o0fs7svn] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

th[b-z6o0fs7svn] {
    text-align: left;
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] .stat-icon-box--success[b-z6o0fs7svn] {
    background: rgba(22, 163, 74, 0.15);
}

[data-theme="dark"] .stat-icon-box--primary[b-z6o0fs7svn] {
    background: rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .stat-icon-box--secondary[b-z6o0fs7svn] {
    background: rgba(124, 58, 237, 0.15);
}

[data-theme="dark"] .stat-icon-box--warning[b-z6o0fs7svn] {
    background: rgba(217, 119, 6, 0.15);
}

[data-theme="dark"] .breakdown-box[b-z6o0fs7svn],
[data-theme="dark"] .summary-box[b-z6o0fs7svn] {
    background: var(--neutral-800, #1e293b);
}

[data-theme="dark"] .coverage-bar-track[b-z6o0fs7svn],
[data-theme="dark"] .coverage-track[b-z6o0fs7svn] {
    background: var(--neutral-700, #334155);
}

/* ==================== Responsive ==================== */
@@media (max-width: 768px) {
    .testing-header[b-z6o0fs7svn] {
        flex-direction: column;
        align-items: flex-start;
    }

    .testing-header-actions[b-z6o0fs7svn] {
        flex-wrap: wrap;
        width: 100%;
    }

    .runs-header-row[b-z6o0fs7svn] {
        flex-direction: column;
        align-items: flex-start;
    }

    .runs-filter-row[b-z6o0fs7svn] {
        flex-wrap: wrap;
        width: 100%;
    }

    .runs-name-filter[b-z6o0fs7svn],
    .runs-status-filter[b-z6o0fs7svn] {
        width: 100%;
    }

    .stat-value[b-z6o0fs7svn] {
        font-size: 1.5rem;
    }

    .breakdown-value[b-z6o0fs7svn] {
        font-size: 1.25rem;
    }

    .actions-cell[b-z6o0fs7svn] {
        text-align: left;
    }
}

/* ==================== Reduced Motion ==================== */
@@media (prefers-reduced-motion: reduce) {
    .badge-pulse[b-z6o0fs7svn] {
        animation: none;
    }

    .coverage-bar-fill[b-z6o0fs7svn],
    .coverage-fill[b-z6o0fs7svn] {
        transition: none;
    }
}
/* /Pages/TestRunDetails.razor.rz.scp.css */
/* TestRunDetails.razor scoped styles */

/* ==================== Layout ==================== */
.details-page[b-um6ye2cws3] {
    gap: var(--spacing-lg, 24px);
}

/* ==================== Loading / Error ==================== */
.loading-card[b-um6ye2cws3] {
    padding: 48px;
    text-align: center;
}

.loading-text[b-um6ye2cws3] {
    margin-top: 16px;
    color: var(--text-secondary);
}

.error-card[b-um6ye2cws3] {
    padding: 48px;
    text-align: center;
}

/* ==================== Header ==================== */
.details-header[b-um6ye2cws3] {
    justify-content: space-between;
    align-items: center;
}

.details-title-row[b-um6ye2cws3] {
    gap: 12px;
    align-items: center;
}

.details-title-row h1[b-um6ye2cws3] {
    margin: 0;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.details-status-badge[b-um6ye2cws3] {
    font-size: 0.75rem;
}

.details-subtitle[b-um6ye2cws3] {
    margin: 4px 0 0 0;
    color: var(--text-secondary);
}

.details-actions[b-um6ye2cws3] {
    gap: 8px;
}

/* ==================== Summary Cards ==================== */
.summary-cards[b-um6ye2cws3] {
    gap: 16px;
    flex-wrap: wrap;
}

.summary-card[b-um6ye2cws3] {
    flex: 1;
    min-width: 180px;
    padding: 20px;
    position: relative;
}

/* instrument: corner-tick framing on summary stat panels */
.summary-card[b-um6ye2cws3]::before,
.summary-card[b-um6ye2cws3]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: 0.5;
    pointer-events: none;
}

.summary-card[b-um6ye2cws3]::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.summary-card[b-um6ye2cws3]::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

/* instrument: corner-tick framing on the results panel */
.results-card[b-um6ye2cws3] {
    position: relative;
}

.results-card[b-um6ye2cws3]::before,
.results-card[b-um6ye2cws3]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: 0.5;
    pointer-events: none;
}

.results-card[b-um6ye2cws3]::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.results-card[b-um6ye2cws3]::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.summary-card--success[b-um6ye2cws3] {
    border-left: 4px solid var(--success);
}

.summary-card--error[b-um6ye2cws3] {
    border-left: 4px solid var(--error);
}

.summary-card--warning[b-um6ye2cws3] {
    border-left: 4px solid var(--warning);
}

.summary-card-stack[b-um6ye2cws3] {
    gap: 8px;
}

.summary-label[b-um6ye2cws3] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.summary-value[b-um6ye2cws3] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.summary-value--success[b-um6ye2cws3] {
    color: var(--success);
}

.summary-value--error[b-um6ye2cws3] {
    color: var(--error);
}

.summary-value--warning[b-um6ye2cws3] {
    color: var(--warning);
}

/* ==================== Results ==================== */
.results-inner[b-um6ye2cws3] {
    gap: 16px;
}

.results-header[b-um6ye2cws3] {
    justify-content: space-between;
    align-items: center;
}

.results-header h3[b-um6ye2cws3] {
    position: relative;
    margin: 0;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

/* instrument: cyan accent tick before section title */
.results-header h3[b-um6ye2cws3]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

.results-search[b-um6ye2cws3] {
    width: 250px;
}

.error-text[b-um6ye2cws3] {
    color: var(--error);
}

.no-error-text[b-um6ye2cws3] {
    color: var(--text-tertiary);
}

/* ==================== Accessibility ==================== */
:focus-visible[b-um6ye2cws3] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] .summary-card--success[b-um6ye2cws3] {
    border-left-color: var(--success-400, #4ade80);
}

[data-theme="dark"] .summary-card--error[b-um6ye2cws3] {
    border-left-color: var(--error-400, #f87171);
}

[data-theme="dark"] .summary-card--warning[b-um6ye2cws3] {
    border-left-color: var(--warning-400, #fbbf24);
}

/* ==================== Responsive ==================== */
@@media (max-width: 768px) {
    .details-header[b-um6ye2cws3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .summary-cards[b-um6ye2cws3] {
        flex-direction: column;
    }

    .summary-card[b-um6ye2cws3] {
        min-width: unset;
    }

    .summary-value[b-um6ye2cws3] {
        font-size: 1.5rem;
    }

    .results-header[b-um6ye2cws3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .results-search[b-um6ye2cws3] {
        width: 100%;
    }
}

/* ==================== Reduced Motion ==================== */
@@media (prefers-reduced-motion: reduce) {
    *[b-um6ye2cws3] {
        transition: none !important;
        animation: none !important;
    }
}
/* /Pages/TestRuns.razor.rz.scp.css */
/* TestRuns.razor scoped styles */

/* ==================== Layout ==================== */
.test-runs-page[b-h707u1j1io] {
    gap: var(--spacing-lg, 24px);
}

.test-runs-header[b-h707u1j1io] {
    justify-content: space-between;
    align-items: center;
}

.test-runs-header h1[b-h707u1j1io] {
    margin: 4px 0 0 0;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

/* instrument: corner-tick framing on the results table panel */
.runs-table-card[b-h707u1j1io] {
    position: relative;
}

.runs-table-card[b-h707u1j1io]::before,
.runs-table-card[b-h707u1j1io]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: 0.5;
    pointer-events: none;
}

.runs-table-card[b-h707u1j1io]::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.runs-table-card[b-h707u1j1io]::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.test-runs-subtitle[b-h707u1j1io] {
    margin: 4px 0 0 0;
    color: var(--text-secondary);
}

.test-runs-actions[b-h707u1j1io] {
    gap: 8px;
}

/* ==================== Filters ==================== */
.filter-row[b-h707u1j1io] {
    gap: 16px;
    flex-wrap: wrap;
}

.filter-select[b-h707u1j1io] {
    min-width: 150px;
    padding: 8px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background: var(--neutral-layer-1);
    color: var(--text-primary);
    font-family: inherit;
    font-size: 0.875rem;
}

.filter-select:focus-visible[b-h707u1j1io] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* ==================== Loading / Empty ==================== */
.loading-card[b-h707u1j1io] {
    padding: 48px;
    text-align: center;
}

.loading-text[b-h707u1j1io] {
    margin-top: 16px;
    color: var(--text-secondary);
}

.empty-card[b-h707u1j1io] {
    padding: 48px;
    text-align: center;
}

.empty-text[b-h707u1j1io] {
    color: var(--text-secondary);
}

/* ==================== Table ==================== */
.col-status[b-h707u1j1io] {
    width: 100px;
}

.col-actions[b-h707u1j1io] {
    width: 80px;
    text-align: right;
}

.result-passed[b-h707u1j1io] {
    color: var(--success);
}

.result-failed[b-h707u1j1io] {
    color: var(--error);
}

.result-row[b-h707u1j1io] {
    gap: 8px;
}

.actions-cell[b-h707u1j1io] {
    text-align: right;
}

/* ==================== Accessibility ==================== */
:focus-visible[b-h707u1j1io] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] .filter-select[b-h707u1j1io] {
    background: var(--neutral-800, #1e293b);
    border-color: var(--neutral-600, #475569);
    color: var(--text-primary);
}

/* ==================== Responsive ==================== */
@@media (max-width: 768px) {
    .test-runs-header[b-h707u1j1io] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .filter-row[b-h707u1j1io] {
        flex-direction: column;
    }

    .filter-select[b-h707u1j1io] {
        width: 100%;
    }

    .col-status[b-h707u1j1io],
    .col-actions[b-h707u1j1io] {
        width: auto;
    }
}

/* ==================== Reduced Motion ==================== */
@@media (prefers-reduced-motion: reduce) {
    *[b-h707u1j1io] {
        transition: none !important;
        animation: none !important;
    }
}
/* /Pages/Verification.razor.rz.scp.css */
.verification-container[b-orw9iwx19j] {
    padding: 0;
}

.verification-layout[b-orw9iwx19j] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* instrument: primary panels — corner-tick framing */
.verification-container .card-modern[b-orw9iwx19j] {
    position: relative;
}

.verification-container .card-modern[b-orw9iwx19j]::before,
.verification-container .card-modern[b-orw9iwx19j]::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0 solid var(--primary-500);
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

.verification-container .card-modern[b-orw9iwx19j]::before {
    top: 8px;
    left: 8px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.verification-container .card-modern[b-orw9iwx19j]::after {
    bottom: 8px;
    right: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

/* instrument: section titles — display font + cyan accent tick */
.verification-container .card-modern-title h2[b-orw9iwx19j] {
    position: relative;
    padding-left: 13px;
    font-family: var(--font-display, 'Archivo', sans-serif);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.verification-container .card-modern-title h2[b-orw9iwx19j]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0.95em;
    border-radius: 2px;
    background: var(--primary-500);
}

/* instrument: hero stat figures — tabular mono */
.stat-tile .stat-value[b-orw9iwx19j] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-variant-numeric: tabular-nums lining-nums;
    letter-spacing: -0.02em;
}

.artifacts-grid[b-orw9iwx19j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 900px) {
    .artifacts-grid[b-orw9iwx19j] {
        grid-template-columns: 1fr;
    }
}

.artifact-form[b-orw9iwx19j] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    background: var(--surface-subtle, #fafafa);
}

.artifact-form-title[b-orw9iwx19j] {
    margin: 0 0 4px 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.field[b-orw9iwx19j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-orw9iwx19j] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.comparison-grid[b-orw9iwx19j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.count-badge[b-orw9iwx19j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--primary-100, #e0e7ff);
    color: var(--primary-700, #4338ca);
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 8px;
}

.test-cases[b-orw9iwx19j] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.test-case-row[b-orw9iwx19j] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    background: var(--surface-subtle, #fafafa);
}

.test-case-fields[b-orw9iwx19j] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.test-case-fields > :last-child[b-orw9iwx19j] {
    grid-column: 1 / -1;
}

.muted[b-orw9iwx19j] {
    color: var(--text-tertiary, #9ca3af);
    font-style: italic;
    margin: 0;
}

.loading-body[b-orw9iwx19j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px;
}

.loading-text[b-orw9iwx19j] {
    color: var(--text-secondary);
}

.error-box[b-orw9iwx19j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.08);
    color: var(--error-700, #b91c1c);
    margin-bottom: 16px;
}

.stats-row[b-orw9iwx19j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.stat-tile[b-orw9iwx19j] {
    padding: 16px;
    border-radius: 10px;
    text-align: center;
    color: white;
}

.stat-tile .stat-value[b-orw9iwx19j] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.stat-tile .stat-label[b-orw9iwx19j] {
    font-size: 0.8rem;
    opacity: 0.9;
    margin-top: 4px;
}

.stat-success[b-orw9iwx19j]  { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); }
.stat-danger[b-orw9iwx19j]   { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.stat-warning[b-orw9iwx19j]  { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.stat-info[b-orw9iwx19j]     { background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%); }
.stat-primary[b-orw9iwx19j]  { background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%); }

.verdict-badge[b-orw9iwx19j] {
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.verdict-pass[b-orw9iwx19j]    { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.verdict-fail[b-orw9iwx19j]    { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.verdict-warning[b-orw9iwx19j] { background: rgba(245, 158, 11, 0.12); color: #b45309; }
.verdict-unknown[b-orw9iwx19j] { background: rgba(156, 163, 175, 0.12); color: #4b5563; }

.card-title-icon-danger[b-orw9iwx19j]  { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; }
.card-title-icon-success[b-orw9iwx19j] { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: white; }
.card-title-icon-warning[b-orw9iwx19j] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: white; }
.card-title-icon-info[b-orw9iwx19j]    { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); color: white; }

.artifact-links[b-orw9iwx19j] {
    padding-top: 8px;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.artifact-links h3[b-orw9iwx19j] {
    font-size: 0.9rem;
    margin: 0 0 10px 0;
    color: var(--text-secondary);
}

.artifact-row[b-orw9iwx19j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.artifact-row code[b-orw9iwx19j] {
    background: var(--surface-subtle, #f3f4f6);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

.project-select[b-orw9iwx19j] {
    min-width: 200px;
}