.spx-board{align-items:stretch;gap:var(--space-2);scrollbar-width:thin;flex-wrap:nowrap;min-height:24rem;max-height:calc(100vh - 14rem);display:flex;overflow-x:auto}.spx-board-col{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);min-width:13rem;max-width:20rem;min-height:0;padding:var(--space-2);flex-direction:column;flex:13rem;display:flex}.spx-board-col-head{align-items:center;gap:var(--space-2);min-height:1.75rem;padding-block-end:var(--space-2);display:flex}.spx-board-col-head .spx-badge{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:9rem;display:inline-block;overflow:hidden}.spx-board-col-head .count{font-family:var(--font-mono);color:var(--text-tertiary);margin-right:auto;font-size:.75rem}.spx-board-col-head .add{border-radius:var(--radius-xs);width:1.375rem;height:1.375rem;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;place-items:center;font-size:1rem;line-height:1;display:grid}.spx-board-col:hover .add,.spx-board-col-head .add:focus-visible{opacity:1}.spx-board-col-head .add:hover{background:var(--state-hover);color:var(--text-secondary)}.spx-board-col-body{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;margin:-4px;padding:4px;display:flex;overflow-y:auto}.spx-board-col-body>.spx-sortable-zone{gap:var(--space-2);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:4rem;display:flex}.spx-board-col-body .card{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);box-shadow:0 1px 2px oklch(0% 0 0/.06)}.spx-board-col-body .card:hover{border-color:var(--border);box-shadow:0 2px 6px oklch(0% 0 0/.1)}.spx-board-col-body .card .spx-text{color:var(--ink);font-size:.875rem;line-height:1.35}.spx-board-col .col-add{width:100%;margin-top:var(--space-1);color:var(--text-tertiary);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);justify-content:flex-start}.spx-board-col:hover .col-add,.spx-board-col .col-add:focus-visible{opacity:1}.spx-board-col-body .card-meta{overflow:hidden}