/**
 * --------------------------------------------------------
 * Dadoo CRM
 * Kanban Board
 * --------------------------------------------------------
 */

.dadoo-content{

    display:flex;

    gap:24px;

    align-items:flex-start;

    overflow-x:auto;

    overflow-y:hidden;

    padding:24px;

}

/* ==========================================
   COLUMN
========================================== */
/*
.dadoo-column{

    flex:0 0 320px;

    display:flex;

    flex-direction:column;

    background:#f8fafc;

    border-radius:12px;

    max-height:calc(100vh - 120px);

}
*/
.dadoo-column {

    display: flex;
    flex-direction: column;

    flex: 0 0 320px;

    background: #f8fafc;

    border-radius: 12px;

    min-height: calc(100vh - 140px);

}



/* ==========================================
   HEADER
========================================== */

.dadoo-column__header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px;

    border-bottom:1px solid var(--color-border);

    font-weight:600;

}

.dadoo-column__header span{

    display:flex;

    justify-content:center;

    align-items:center;

    min-width:28px;

    height:28px;

    padding:0 8px;

    border-radius:20px;

    background:white;

    font-size:13px;

}

/* ==========================================
   CARDS
========================================== */

/*.dadoo-column__cards{

    display:flex;

    flex-direction:column;

    gap:12px;

    padding:16px;

    overflow:auto;

}*/
.dadoo-column__cards {

    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 12px;

    padding: 16px;

    min-height: 200px;

}

/* ==========================================
   CARD
========================================== */

.dadoo-card{

    background:white;

    border-radius:12px;

    padding:16px;

    box-shadow:var(--shadow);

    cursor:pointer;

    transition:.20s;

}

.dadoo-card:hover{

    transform:translateY(-2px);

}

.dadoo-card__company{

    font-size:13px;

    color:var(--color-text-light);

    margin-bottom:8px;

}

.dadoo-card__name{

    font-weight:600;

    margin-bottom:14px;

}

.dadoo-card__value{

    color:var(--color-primary);

    font-weight:700;

}
/* ==========================================
   DROP TARGET
========================================== */

.dadoo-column--dragover {

    background: #eaf2ff;

    border: 2px dashed var(--color-primary);

    transition: all .15s ease;

}

.dadoo-column--dragover .dadoo-column__header {

    background: rgba(37, 99, 235, .08);

}
/* ==========================================
   SELECTED CARD
========================================== */

.dadoo-card--selected {

    border:2px solid var(--color-primary);

    box-shadow:0 0 0 4px rgba(37,99,235,.15);

}

/*****************************************/
.dadoo-card__activity{

    margin-top:10px;

    font-size:12px;

    font-weight:600;

}

.dadoo-card__activity--future{

    color:#16a34a;

}

.dadoo-card__activity--soon{

    color:#f59e0b;

}

.dadoo-card__activity--late{

    color:#dc2626;

}

.dadoo-card__activity--missing {

    color: #9ca3af;

    font-style: italic;

}

/* ==========================================
   Toolbar
========================================== */

.dadoo-pipeline-toolbar {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    flex-wrap: wrap;

}

.dadoo-pipeline-toolbar button {

    padding: 8px 16px;

    border: 1px solid var(--color-border);

    border-radius: 20px;

    background: #fff;

    cursor: pointer;

    font-size: 13px;

    font-weight: 600;

    transition: .2s;

}

.dadoo-pipeline-toolbar button:hover {

    background: var(--color-primary);

    color: #fff;

    border-color: var(--color-primary);

}

.dadoo-pipeline-toolbar button.dadoo-active {

    background: var(--color-primary);

    color: #fff;

    border-color: var(--color-primary);

}

.dadoo-pipeline-toolbar select {

    padding: 8px 12px;

    border: 1px solid var(--color-border);

    border-radius: 20px;

    background: #fff;

}

.dadoo-card--late {

    border-left: 4px solid #dc3545;

}

.dadoo-card--soon {

    border-left: 4px solid #ffc107;

}

.dadoo-card--future {

    border-left: 4px solid #28a745;

}

.dadoo-card--missing {

    border-left: 4px solid #d6d6d6;

}