/* PipelinePulse */
.section { display: flex; flex-direction: column; gap: var(--space-4); }
.sectionTitle { font-size: var(--text-xs); font-weight: var(--font-semibold); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--color-text-tertiary); margin: 0; }
.flow { position: relative; display: flex; align-items: flex-end; gap: var(--space-6); padding: var(--space-4) 0; overflow-x: auto; }
.stageCol { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); min-width: 60px; }
.barTrack { height: 80px; display: flex; align-items: flex-end; }
.bar { width: 32px; border-radius: var(--radius-md) var(--radius-md) 0 0; min-height: 4px; }
.count { font-size: var(--text-lg); font-weight: var(--font-bold); }
.label { font-size: var(--text-xs); color: var(--color-text-secondary); text-align: center; max-width: 60px; }
.value { font-size: 10px; color: var(--color-text-tertiary); }
.arrows { position: absolute; bottom: 50px; left: 0; right: 0; display: flex; justify-content: space-evenly; pointer-events: none; }
.arrow { color: var(--color-text-tertiary); font-size: 20px; }
.stageSkeleton { height: 80px; width: 60px; border-radius: var(--radius-md); }
