@layer views {
.board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(270px, 1fr); gap: 12px; padding: 14px; min-height: 100%; align-items: start; padding-bottom: 90px; }
.col { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-12); display: flex; flex-direction: column; min-height: 200px; }
.col.drop-target { border-color: var(--accent-line); background: color-mix(in srgb, var(--accent) 6%, var(--bg-2)); }
.col-h { display: flex; align-items: center; gap: 8px; padding: 11px 12px 9px; font-weight: 600; }
.col-h .n { color: var(--fg-3); font-weight: 500; font-variant-numeric: tabular-nums; }
.col-h .wip { margin-left: auto; font-size: var(--fs-10-5); color: var(--fg-4); }
.cards { display: flex; flex-direction: column; gap: 8px; padding: 0 8px 10px; min-height: 40px; }
.board .card.drop-before { box-shadow: 0 -3px 0 -1px var(--accent); }
.board .col.drop-end .cards { box-shadow: inset 0 -3px 0 -1px var(--accent); border-radius: 0 0 var(--r-12) var(--r-12); }
.board .card .parent { color: var(--fg-4); }
.board-foot { padding: 0 16px 24px; font-size: var(--fs-11-5); }
}