/* KanbanBlocks board — theme-neutral, inherits site typography */
.kb-board { --kb-bg: #f4f5f7; --kb-card: #ffffff; --kb-line: #dfe1e6; --kb-ink: #172b4d; }

.kb-columns { display: flex; gap: 14px; align-items: flex-start; overflow-x: auto; padding: 6px 2px 14px; }

.kb-column {
	background: var(--kb-bg); border: 1px solid var(--kb-line); border-radius: 10px;
	min-width: 260px; max-width: 300px; flex: 1 0 260px; padding: 10px;
}
.kb-column-head { font-weight: 600; color: var(--kb-ink); display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.kb-count { font-size: 12px; font-weight: 500; background: var(--kb-line); border-radius: 10px; padding: 1px 8px; }

.kb-cards { min-height: 24px; display: flex; flex-direction: column; gap: 8px; border-radius: 6px; transition: background .15s; }
.kb-cards.kb-over { background: #e0e7ff; }

.kb-card {
	background: var(--kb-card); border: 1px solid var(--kb-line); border-radius: 8px;
	padding: 10px 12px; box-shadow: 0 1px 1px rgba(9,30,66,.08); cursor: grab;
}
.kb-card.kb-dragging { opacity: .5; }
.kb-card-title { color: var(--kb-ink); font-size: 14px; line-height: 1.35; }
.kb-chip { display: inline-block; color: #fff; font-size: 11px; font-weight: 600; border-radius: 10px; padding: 1px 8px; margin-bottom: 6px; }
.kb-due { font-size: 12px; color: #6b7280; margin-top: 6px; }

.kb-add {
	margin-top: 8px; width: 100%; border: none; background: transparent; color: #6b7280;
	font-size: 13px; padding: 6px; border-radius: 6px; cursor: pointer; text-align: left;
}
.kb-add:hover { background: var(--kb-line); color: var(--kb-ink); }

.kb-loading, .kb-error { padding: 14px; color: #6b7280; }
.kb-error { color: #b91c1c; }

.kb-toolbar { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.kb-archive-toggle { border: 1px solid var(--kb-line); background: var(--kb-card); color: #6b7280; font-size: 12px; padding: 4px 10px; border-radius: 6px; cursor: pointer; }
.kb-archive-toggle:hover { color: var(--kb-ink); }