/* =========================
   Pipeline / Kanban
========================= */

.pipeline-toolbar {

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;

}


.pipeline-subtitle {

    color:#888;
    margin-top:6px;

}


.pipeline-filter {

    display:flex;
    align-items:center;
    gap:10px;

}


.pipeline-filter label {

    font-size:13px;
    color:#6b7280;
    white-space:nowrap;

}


.pipeline-filter .searchable-select {

    width:200px;

}


.kanban-top-scroll {

    overflow-x:auto;
    overflow-y:hidden;
    height:16px;
    margin-bottom:4px;

}


.kanban-top-scroll div {

    height:1px;

}


/* Kanban */

#kanban {

    display:flex;
    gap:20px;
    overflow-x:auto;
    align-items:flex-start;
    padding-bottom:10px;

}


.kanban-column {

    width:320px;
    min-width:320px;
    flex-shrink:0;

    padding:16px;

    background:#fafafa;

    border-right:1px solid #e5e7eb;

}


.kanban-header {

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:15px;

}


.kanban-header > div {

    display:flex;
    align-items:center;
    gap:10px;

}


.stage-color {

    width:12px;
    height:12px;
    border-radius:50%;

}


.lead-count {

    background:#1976d2;

    color:white;

    border-radius:20px;

    padding:4px 10px;

    font-size:13px;

}


.kanban-body {

    min-height:550px;

    max-height:550px;

    overflow-y:auto;

    transition:.15s;

}

.kanban-body.drag-over-column {

    background:#eff6ff;

    outline:2px dashed #2563eb;

    outline-offset:-2px;

    border-radius:8px;

}

.lead-card.drop-before {

    border-top:3px solid #2563eb;

}

.lead-card.drop-after {

    border-bottom:3px solid #2563eb;

}


/* Lead card — a compact list row rather than a boxed card */

.lead-card {

    position:relative;

    background:white;

    border-bottom:1px solid #eee;

    padding:10px 36px 10px 4px;

    cursor:pointer;

    transition:background .15s;

}

.lead-card:last-child {

    border-bottom:none;

}

.lead-card:hover {

    background:#f5f7fb;

}

.lead-card-row {

    display:flex;

    align-items:center;

    gap:10px;

}

.lead-card-checkbox {

    flex-shrink:0;

    width:16px;

    height:16px;

    cursor:pointer;

}

.lead-card-info {

    display:flex;

    flex-direction:column;

    gap:2px;

    min-width:0;

}

.lead-card-selected {

    background:#eff6ff;

}

.bulk-action-bar {

    position:fixed;

    bottom:24px;

    left:50%;

    transform:translateX(-50%);

    z-index:40;

    display:flex;

    align-items:center;

    gap:12px;

    background:#1f2937;

    color:white;

    padding:12px 18px;

    border-radius:999px;

    box-shadow:0 8px 24px rgba(0,0,0,.25);

}

.bulk-action-bar.hidden {

    display:none;

}

.bulk-action-bar select {

    padding:6px 10px;

    border-radius:6px;

    border:none;

}

.bulk-action-bar button {

    padding:6px 14px;

    border-radius:999px;

    border:none;

    cursor:pointer;

}

.bulk-action-bar #bulkMoveBtn {

    background:#2563eb;

    color:white;

}

.bulk-action-bar #bulkCancelBtn {

    background:transparent;

    color:#d1d5db;

}

.lead-card-trash {

    position:absolute;

    top:8px;

    right:8px;

    background:transparent;

    border:none;

    font-size:14px;

    line-height:1;

    padding:4px;

    border-radius:6px;

    cursor:pointer;

    opacity:.5;

}

.lead-card-trash:hover {

    opacity:1;

    background:#fef2f2;

}


.lead-name {

    font-weight:bold;

}


.lead-phone {

    color:#666;

    font-size:13px;

}