/* =============================================
   PIPELINE / KANBAN
   ============================================= */
.kanban { display:flex; gap:1rem; overflow-x:auto; padding-bottom:1rem; }
.kanban-col { min-width:240px; flex:1; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1rem; transition:border-color .2s, background .2s; }
.kanban-col.drag-over { border-color:var(--orange); background:rgba(249,115,22,0.05); }
.kanban-col h3 { font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; color:var(--text-secondary); margin-bottom:.75rem; display:flex; justify-content:space-between; align-items:center; }
.kanban-col h3 .count { background:var(--bg-card-hover); padding:.15rem .5rem; border-radius:10px; font-size:.7rem; }
.kanban-card { background:var(--bg-secondary); border:1px solid var(--border); border-radius:8px; padding:.75rem; margin-bottom:.5rem; cursor:grab; transition:all .2s; user-select:none; -webkit-user-select:none; }
.kanban-card:hover { border-color:var(--border-hover); transform:translateY(-1px); }
.kanban-card.dragging { opacity:.4; transform:rotate(2deg) scale(.95); border-color:var(--orange); }
.kanban-card .name { font-weight:600; font-size:.85rem; cursor:pointer; transition:color .15s; display:inline-block; }
.kanban-card .name:hover { color:var(--orange); text-decoration:underline; text-underline-offset:2px; }
.kanban-card .detail { font-size:.7rem; color:var(--text-secondary); margin-top:.25rem; }
.kanban-card .phone { font-size:.7rem; color:var(--cyan); margin-top:.2rem; display:flex; align-items:center; gap:.3rem; }
.kanban-card .phone a { color:var(--cyan); text-decoration:none; }
.kanban-card .phone a:hover { text-decoration:underline; }
.kanban-card .badges { display:flex; gap:.35rem; margin-top:.5rem; flex-wrap:wrap; }
.kanban-drop-indicator { height:3px; background:var(--orange); border-radius:2px; margin:2px 0; transition:opacity .15s; }

/* Search bar for Leads */
.leads-search-bar { display:flex; gap:.75rem; margin-bottom:1rem; align-items:center; }
.leads-search-bar input { flex:1; padding:.5rem .75rem; border:1px solid var(--border); border-radius:8px; background:var(--bg-secondary); color:var(--text-primary); font:400 .85rem var(--font); outline:none; transition:border-color .2s; }
.leads-search-bar input:focus { border-color:var(--orange); }
.leads-search-bar .search-count { font-size:.75rem; color:var(--text-muted); white-space:nowrap; }

/* Loading state while fetching client data */
.kanban-card--loading { opacity:.6; pointer-events:none; position:relative; }
.kanban-card--loading::after { content:''; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px; border:2px solid var(--border); border-top-color:var(--orange); border-radius:50%; animation:kanban-spin .6s linear infinite; }
@keyframes kanban-spin { to { transform:rotate(360deg); } }
.badge { padding:.15rem .45rem; border-radius:6px; font-size:.65rem; font-weight:600; }
.badge-high { background:rgba(239,83,80,0.15); color:var(--red); }
.badge-medium { background:rgba(255,214,0,0.15); color:var(--yellow); }
.badge-low { background:rgba(76,175,80,0.15); color:var(--green); }
.badge-score { background:rgba(0,188,212,0.15); color:var(--cyan); }
.badge-warn { background:rgba(239,83,80,0.2); color:var(--red); border:1px solid rgba(239,83,80,0.3); }
.pipeline-summary { display:flex; gap:1rem; margin-bottom:1rem; flex-wrap:wrap; }
.pipeline-stat { background:var(--bg-card); border:1px solid var(--border); border-radius:8px; padding:.75rem 1rem; font-size:.8rem; }
.pipeline-stat strong { display:block; font-size:1.1rem; }
.add-btn { background:none; border:1px dashed var(--border); color:var(--text-muted); width:100%; padding:.5rem; border-radius:8px; cursor:pointer; font:400 .8rem var(--font); transition:all .2s; }
.add-btn:hover { border-color:var(--orange); color:var(--orange); }