.kanban {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  overflow-x: auto;
}

.kanban-column {
  flex: 1 1 0;
  min-width: 220px;
  background: var(--bs-tertiary-bg);
  border-radius: 8px;
  padding: 10px;
}

.kanban-column h2 {
  font-size: 0.95rem;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  margin: 4px 6px 10px;
}

.kanban .card {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 8px;
}

.kanban .card p { margin: 0 0 8px; }

.kanban .card-actions { display: flex; gap: 6px; }
.kanban .card-actions form { display: inline; }

.add-card { display: flex; gap: 6px; margin-top: 6px; }

@media (max-width: 576px) {
  .kanban { flex-direction: column; }
  .kanban-column { min-width: 0; }
}