/* CI/CD Visualizer Styles */
.toolbar { padding: var(--space-4) !important; }
.toolbar .btn { text-transform: none !important; font-size: var(--text-xs) !important; padding: var(--space-2) var(--space-3) !important; }
.divider { width: 1px; height: 24px; background: var(--color-border); }

.pipeline-flow { display: flex; gap: 0; align-items: center; padding: var(--space-8); overflow-x: auto; min-height: 200px; }
.pipeline-flow .empty-state { color: var(--color-text-muted); text-align: center; width: 100%; font-size: var(--text-lg); }

.stage-node { min-width: 180px; text-align: center; animation: fadeIn 0.3s ease; flex-shrink: 0; }
.stage-card { padding: var(--space-4); border: 2px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-card); transition: all var(--transition-base); cursor: pointer; position: relative; }
.stage-card:hover { border-color: var(--color-primary); box-shadow: var(--shadow-glow); }
.stage-card.build { border-left: 4px solid #6c5ce7; }
.stage-card.test { border-left: 4px solid #00cec9; }
.stage-card.lint { border-left: 4px solid #fdcb6e; }
.stage-card.deploy { border-left: 4px solid #00b894; }
.stage-card.notify { border-left: 4px solid #e17055; }
.stage-card.custom { border-left: 4px solid #a29bfe; }

.stage-icon { font-size: var(--text-2xl); margin-bottom: var(--space-2); }
.stage-name { font-weight: 700; font-size: var(--text-sm); margin-bottom: var(--space-1); }
.stage-detail { font-size: var(--text-xs); color: var(--color-text-muted); }
.stage-remove { position: absolute; top: 4px; right: 8px; background: none; border: none; color: var(--color-error); cursor: pointer; font-size: var(--text-sm); opacity: 0; transition: opacity 0.2s; }
.stage-card:hover .stage-remove { opacity: 1; }

.stage-arrow { color: var(--color-primary); font-size: var(--text-2xl); padding: 0 var(--space-2); flex-shrink: 0; }

.code-output { background: #0d1117; color: #c9d1d9; padding: var(--space-6); border-radius: var(--radius-md); overflow-x: auto; font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.6; white-space: pre; min-height: 200px; }