pm-kanban-view { display: flex; align-items: flex-start; gap: 14px; padding: 8px 20px 24px; min-height: 100%; width: max-content; }
.k-col { width: 290px; flex: none; display: flex; flex-direction: column; max-height: 100%; background: var(--surface-2); border-radius: 12px; border-top: 4px solid var(--c, var(--accent)); }
.k-head { display: flex; align-items: center; gap: 8px; padding: 10px 12px 6px; }
.k-head .pill { height: 26px; }
.k-head .n { color: var(--text-3); font-size: 12.5px; font-weight: 600; }
.k-cards { display: grid; gap: 8px; align-content: start; padding: 6px 8px 8px; min-height: 40px; overflow-y: auto; flex: 1; }
.k-card { display: grid; gap: 8px; padding: 10px 12px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow-1); cursor: pointer; border-left: 4px solid var(--card-c, var(--border)); }
.k-card:hover { border-color: var(--border-strong); border-left-color: var(--card-c, var(--border-strong)); }
.k-card.sortable-ghost { opacity: .4; }
.k-card .t { font-weight: 600; overflow-wrap: anywhere; }
.k-card .t.untitled { color: var(--text-3); font-style: italic; }
.k-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--text-2); font-size: 12.5px; }
.k-meta .grp { display: inline-flex; align-items: center; gap: 5px; }
.k-meta .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--g); }
.k-add { margin: 0 8px 8px; justify-content: flex-start; color: var(--text-2); }
.k-add-input { margin: 0 8px 8px; }