/* WhatsApp → Pipeline (wa-pipeline.js): lead board. Stage colours are data colours. */
.wp { display: flex; flex-direction: column; gap: 12px; }
.wp-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.wp-kpi { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 10px 12px; display: flex; flex-direction: column; }
.wp-kpi span { font-size: 11.5px; color: var(--text-3); display: flex; align-items: center; gap: 6px; } .wp-kpi span i { width: 8px; height: 8px; border-radius: 50%; }
.wp-kpi b { font-size: 24px; font-weight: 400; letter-spacing: -.03em; } .wp-kpi small { font-size: 11px; color: var(--text-3); }
.wp-kpi.warn b { color: var(--neg-ink); }
.wp-board { display: grid; grid-template-columns: repeat(6, minmax(210px, 1fr)); gap: 10px; overflow-x: auto; align-items: start; }
.wp-col { background: var(--surface-2); border: 1px dashed var(--line); border-radius: 16px; padding: 10px; display: flex; flex-direction: column; gap: 8px; min-height: 280px; }
.wp-col.over { border-color: var(--accent); background: var(--accent-soft); }
.wp-col-h { display: flex; align-items: center; gap: 6px; font-size: 13px; } .wp-col-h i { width: 8px; height: 8px; border-radius: 50%; } .wp-col-h b { flex: 1; }
.wp-card { background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px; padding: 9px 10px; display: flex; flex-direction: column; gap: 4px; cursor: grab; font-size: 13px; }
.wp-card.hand { border-left: 3px solid var(--neg); }
.wp-card p { margin: 0; overflow-wrap: anywhere; }
.wp-score { font-size: 11px; font-weight: 700; background: var(--accent); color: #231a08; padding: 1px 7px; border-radius: 99px; }
.wp-pp { display: flex; flex-direction: column; gap: 10px; }
.wp-pp-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.wp-pp-g > div { background: var(--surface-2); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; } .wp-pp-g span { font-size: 11px; color: var(--text-3); } .wp-pp-g b { font-size: 13px; }