/* Board (Kanban) — Spalten nebeneinander, Karten darin. Nur Kern-Tokens. */
.cc-board { display: flex; gap: var(--sp-5); align-items: flex-start; overflow-x: auto; padding-bottom: var(--sp-5); }
.cc-board-col {
    flex: 0 0 var(--sz-280);
    /* Ohne min-width:0 zieht eine lange Karte die Spalte breit (Flex-Kinder haben min-width:auto) —
       dann steht statt eines Boards eine einzige Riesenspalte da. */
    min-width: 0; max-width: var(--sz-280);
    background: var(--grey-50);
    border: 1px solid var(--grey-200);
    border-radius: var(--radius);
    display: flex; flex-direction: column; max-height: 100%;
}
.cc-board-head {
    display: flex; align-items: center; gap: var(--sp-2);
    padding: var(--sp-4) var(--sp-5);
    border-bottom: 1px solid var(--grey-200);
    font-weight: var(--fw-bold); font-size: var(--fs-sm); color: var(--ink);
}
.cc-board-count {
    margin-left: auto; font-size: var(--fs-2xs); font-weight: var(--fw-bold);
    color: var(--grey-600); background: var(--shadow-line);
    padding: 0 var(--sp-1); border-radius: var(--radius); min-width: var(--sz-14); text-align: center;
}
.cc-board-body { padding: var(--sp-3); display: flex; flex-direction: column; gap: var(--sp-3); overflow-y: auto; min-height: var(--sz-56); }
/* Karteninhalt kürzt statt die Spalte zu sprengen. */
.cc-board-card .cc-ent, .cc-board-card .cc-ent-info { min-width: 0; }
.cc-board-card .cc-ent-title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cc-board-card {
    background: var(--surface); border: 1px solid var(--grey-200); border-radius: var(--radius);
    padding: var(--sp-4); cursor: grab; transition: box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease;
}
.cc-board-card:hover { border-color: var(--grey-400); box-shadow: var(--shadow-sm); }
.cc-board-card.cc-board-dragging { opacity: var(--op-half); cursor: grabbing; }
.cc-board-col.cc-board-over { border-color: var(--o); }
.cc-board-col.cc-board-over .cc-board-body { background: var(--info-bg); }
.cc-board-empty { color: var(--muted); font-size: var(--fs-sm); padding: var(--sp-4); text-align: center; }
.cc-board-more { color: var(--muted); font-size: var(--fs-xs); padding: var(--sp-2) var(--sp-3); text-align: center; }