.kanban-col { min-width: 228px; max-width: 228px; scroll-snap-align: start; contain: layout style; }
.kanban-drag-over { background: #F1F1FE !important; border-color: #B4B6F7 !important; }
.kcard { cursor: grab; }
.kcard:active { cursor: grabbing; }
.kcard.dragging { opacity: .4; transform: scale(.96) rotate(-1deg); }

/* ============ KANBAN: smoother touch scrolling + snap ============ */
#kanbanBoard { -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
.kanban-dropzone { transition: background-color .15s ease, border-color .15s ease; }
.kanban-dropzone.kanban-drag-over { box-shadow: inset 0 0 0 1.5px #B4B6F7; }

/* ============ KANBAN: stage header (Sprint 7.1) ============
   Tinted pill-style header (background derived from the stage color at low
   opacity via the s.color + "14" hex-alpha suffix in kanbanColumn()) so each
   column reads at a glance without needing to scan the small dot alone. */
.kanban-col-header { transition: background-color .15s ease; }

/* ============ KANBAN: lighter, smaller cards (Sprint 6.7 / 7.1) ============
   Kanban cards reuse .card/.card-hover, but the default hover (2px lift +
   heavy dual shadow) feels sluggish for something meant to be dragged
   constantly. This is scoped to .kcard specifically — the two-class
   selector outweighs the single-class .card-hover:hover rule, so lead
   cards elsewhere are unaffected. Sprint 7.1 tightened the resting shadow
   too, so a column of cards reads as calmer stack rather than each one
   competing for attention. */
.kcard.card { box-shadow: 0 1px 2px rgba(18,19,26,0.03), 0 4px 10px -8px rgba(18,19,26,0.08); }
.kcard.card-hover { transition: box-shadow .16s ease, transform .12s ease, border-color .16s ease; }
.kcard.card-hover:hover {
  transform: translateY(-1px);
  border-color: #E3E4FD;
  box-shadow: 0 4px 10px -4px rgba(18,19,26,0.10), 0 10px 20px -12px rgba(99,102,241,0.18);
}