/* pipeline.css — Funil visual (SVG) + Kanban */

.funnel-wrap { display: flex; gap: 22px; align-items: flex-start; flex-wrap: wrap; }
.funnel-svg-box { flex: 1; min-width: 320px; }
.funnel-svg-box svg { width: 100%; height: auto; overflow: visible; }
.funnel-segment { cursor: pointer; transition: opacity .15s; }
.funnel-segment:hover { opacity: 0.86; }
.funnel-segment.active-filter { filter: drop-shadow(0 0 0 3px var(--color-gold-500)); }
.funnel-label-name { font-size: 12px; font-weight: 700; fill: var(--color-white); }
.funnel-label-count { font-size: 16px; font-weight: 800; fill: var(--color-white); font-family: var(--font-serif-display); }
.funnel-label-pct { font-size: 10.5px; fill: rgba(255,255,255,0.85); }
.funnel-side-info { min-width: 260px; }
.funnel-stat-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed var(--surface-border); font-size: 12.5px; }

.kanban-board { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 12px; align-items: flex-start; }
.kanban-col { flex: 0 0 270px; background: var(--color-gray-100); border-radius: var(--radius-lg); padding: 10px; min-height: 200px; }
:root[data-theme="dark"] .kanban-col { background: #14281f; }
.kanban-col__head { display: flex; justify-content: space-between; align-items: center; padding: 6px 6px 10px; }
.kanban-col__title { font-size: 12.5px; font-weight: 700; color: var(--color-green-800); }
:root[data-theme="dark"] .kanban-col__title { color: var(--color-gold-200); }
.kanban-col__count { background: var(--surface-card); border-radius: var(--radius-pill); font-size: 11px; padding: 1px 8px; font-weight: 700; color: var(--color-gray-700); }
.kanban-col__sum { font-size: 10.5px; color: var(--color-gray-500); padding: 0 6px 8px; }
.kanban-col.drop-target { outline: 2px dashed var(--color-gold-500); outline-offset: -4px; }

.kanban-card {
  background: var(--surface-card); border-radius: var(--radius-md); padding: 11px 12px; margin-bottom: 9px;
  box-shadow: var(--shadow-sm); cursor: grab; border: 1px solid var(--surface-border);
}
.kanban-card:active { cursor: grabbing; }
.kanban-card.dragging { opacity: 0.5; }
.kanban-card__title { font-weight: 700; font-size: 12.5px; margin-bottom: 4px; color: var(--color-green-900); }
:root[data-theme="dark"] .kanban-card__title { color: var(--color-gold-100); }
.kanban-card__value { font-size: 13px; font-weight: 700; color: var(--color-gold-600); margin-bottom: 4px; }
.kanban-card__meta { font-size: 11px; color: var(--color-gray-500); display: flex; justify-content: space-between; }