/* Board */
#view-board{padding:20px 0 20px 20px;overflow-x:auto;overflow-y:hidden}
.board-container{display:flex;gap:10px;height:100%;min-width:max-content;padding-right:20px}
.kanban-col{width:272px;flex-shrink:0;display:flex;flex-direction:column;max-height:100%}

/* Column = one unified card, pill lives inside */
.col-cards{flex:1;overflow-y:auto;padding:10px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;min-height:80px;border:1.5px solid transparent}
.col-cards.drag-over{border-color:rgba(99,102,241,0.4);background:rgba(99,102,241,0.05)!important}

/* Pill header inside column */
.col-header-inner{padding:2px 0 8px;display:flex;align-items:center;gap:8px}
.col-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;flex-shrink:0}
.col-name{font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:white;white-space:nowrap}
.col-count{font-size:11px;font-weight:600;color:white;background:rgba(255,255,255,0.25);border-radius:10px;padding:0 6px;flex-shrink:0}

.btn-add-task{display:flex;align-items:center;gap:6px;padding:6px 8px;background:transparent;border:none;border-radius:var(--radius);font-family:var(--font);font-size:13px;color:var(--c-text3);cursor:pointer;width:100%;transition:all var(--tr);margin-top:2px}
.btn-add-task:hover{background:rgba(0,0,0,0.07);color:var(--c-text2)}

/* Card */
.project-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:11px 13px;cursor:pointer;transition:box-shadow var(--tr),border-color var(--tr);position:relative;user-select:none}
.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--c-border2)}
.project-card.dragging{opacity:0.5;cursor:grabbing}
.project-card.timer-running{border-left:3px solid var(--c-green)}
.card-jobcode{font-family:var(--font-mono);font-size:12px;color:var(--c-text3);margin-bottom:3px}
.card-title{font-size:14px;font-weight:500;color:var(--c-text);line-height:1.4;margin-bottom:6px}
.card-client{font-size:13px;color:var(--c-text2);margin-bottom:8px}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}
.card-assignees{display:flex}
.card-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--c-surface);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:white;margin-left:-5px;overflow:hidden;flex-shrink:0}
.card-avatar:first-child{margin-left:0}
.card-due{font-size:12px;color:var(--c-text3);display:flex;align-items:center;gap:3px}
.card-due.overdue{color:#EF4444}
.card-timer-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--c-border)}
.card-timer-display{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--c-text2)}
.card-timer-display.running{color:var(--c-green)}
.btn-timer{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;border:1px solid var(--c-border2);background:var(--c-surface);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;color:var(--c-text2);transition:all var(--tr)}
.btn-timer:hover{background:var(--c-surface2)}
.btn-timer.running{background:var(--c-green-bg);border-color:#A7F3D0;color:var(--c-green)}
.btn-timer svg{width:10px;height:10px}
.card-actions{position:absolute;top:8px;right:8px;display:none;gap:2px}
.project-card:hover .card-actions{display:flex}
.card-action-btn{width:22px;height:22px;border:none;background:var(--c-surface2);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c-text2);transition:all var(--tr)}
.card-action-btn:hover{background:var(--c-border);color:var(--c-text)}