/* ============================================================
   PIPELINE
   ============================================================ */
.pipe-board { display: flex; gap: 10px; min-height: 60vh; overflow-x: auto; padding-bottom: 10px; }
.pipe-col { background: var(--bg-muted); border-radius: var(--radius-md); padding: 8px; min-width: 250px; flex: 1; border-top: 4px solid var(--pipe-color, var(--color-primary)); }
.pipe-col-header { font-size: var(--font-size-sm); font-weight: 600; color: var(--text-primary); text-align: center; padding: 8px 4px 10px; margin-bottom: 8px; word-wrap: break-word; }
.pipe-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--bg-body); color: var(--text-secondary); font-size: 12px; font-weight: 600; margin-left: 4px; }
.pipe-card { background: var(--bg-card); border-radius: var(--radius-md); padding: 12px; margin-bottom: 8px; box-shadow: var(--shadow-sm); cursor: grab; transition: box-shadow 0.2s, transform 0.2s; }
.pipe-card:hover { box-shadow: var(--shadow-md); }
.pipe-card.dragging { opacity: 0.6; transform: rotate(2deg); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.pipe-card strong { display: block; font-size: var(--font-size-sm); color: var(--text-primary); margin-bottom: 8px; word-wrap: break-word; }
.pipe-card-normen { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.pipe-card-normen .badge { font-size: 10px; padding: 2px 6px; }
.pipe-card-info { font-size: 11px; color: var(--text-secondary); line-height: 1.5; }
.pipe-col.drag-over { background: rgba(44, 43, 128, 0.06); outline: 2px dashed var(--pipe-color, var(--color-primary)); outline-offset: -2px; }
[data-theme="dark"] .pipe-col.drag-over { background: rgba(255, 255, 255, 0.05); outline-color: var(--color-primary-light); }
@media (max-width: 1200px) { .pipe-board { font-size: 12px; } .pipe-col { min-width: 200px; } }