@layer components{:where(.oksBoard){--oks-board-column-w:288px;--oks-board-gap:var(--oks-space-4,16px);--oks-board-bg:var(--oks-color-neutral-100,#f5f5f5);--oks-board-fg:var(--oks-color-neutral-900,#171717);--oks-board-fg-muted:var(--oks-color-fg-muted,#525252);--oks-board-border:var(--oks-color-border,var(--oks-color-neutral-200,#e5e5e5));--oks-board-radius:var(--oks-radius-lg,.5rem);--oks-board-accent:var(--oks-color-primary-500,#3b82f6);align-items:flex-start;gap:var(--oks-board-gap);height:100%;min-height:0;padding:var(--oks-space-1,4px);color:var(--oks-board-fg);scrollbar-width:thin;display:flex;overflow:auto hidden}:where(.oksBoardSrStatus){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.oksBoardColumn){width:var(--oks-board-column-w);background-color:var(--oks-board-bg);border:1px solid var(--oks-board-border);border-radius:var(--oks-board-radius);flex-direction:column;flex:none;max-height:100%;display:flex}:where(.oksBoardColumnHeader){align-items:center;gap:var(--oks-space-2,8px);padding:var(--oks-space-3,12px);border-bottom:1px solid var(--oks-board-border);border-top-left-radius:var(--oks-board-radius);border-top-right-radius:var(--oks-board-radius);font-size:var(--oks-font-size-sm,.875rem);border-top:3px solid #0000;flex:none;display:flex}:where(.oksBoardColumn[data-color=primary]) :where(.oksBoardColumnHeader){border-top-color:var(--oks-color-primary-500,#3b82f6)}:where(.oksBoardColumn[data-color=secondary]) :where(.oksBoardColumnHeader){border-top-color:var(--oks-color-secondary-500,#8b5cf6)}:where(.oksBoardColumn[data-color=info]) :where(.oksBoardColumnHeader){border-top-color:var(--oks-color-info-500,#0ea5e9)}:where(.oksBoardColumn[data-color=success]) :where(.oksBoardColumnHeader){border-top-color:var(--oks-color-success-500,#22c55e)}:where(.oksBoardColumn[data-color=warning]) :where(.oksBoardColumnHeader){border-top-color:var(--oks-color-warning-500,#f59e0b)}:where(.oksBoardColumn[data-color=danger]) :where(.oksBoardColumnHeader){border-top-color:var(--oks-color-danger-500,#ef4444)}:where(.oksBoardColumnTitle){font-weight:600}:where(.oksBoardColumnCount){min-width:1.5em;font-size:var(--oks-font-size-xs,.75rem);text-align:center;color:var(--oks-color-neutral-600,#525252);background-color:var(--oks-color-neutral-200,#e5e5e5);border-radius:999px;padding:1px 6px}:where(.oksBoardColumnCount[data-over-limit=true]){color:var(--oks-color-danger-700,#b91c1c);background-color:var(--oks-color-danger-100,#fee2e2)}:where(.oksBoardColumnActions){margin-inline-start:auto;display:inline-flex}:where(.oksBoardList){overscroll-behavior:contain;min-height:40px;padding:var(--oks-space-2,8px);gap:var(--oks-space-2,8px);scrollbar-width:thin;flex-direction:column;flex:auto;margin:0;list-style:none;display:flex;overflow-y:auto}:where(.oksBoardList)>li{gap:var(--oks-space-2,8px);flex-direction:column;display:flex}:where(.oksBoardList[data-drop-active=true]){background-color:color-mix(in srgb, var(--oks-board-accent) 8%, transparent);border-radius:var(--oks-radius-md,.375rem)}:where(.oksBoardEmpty){padding:var(--oks-space-4,16px);text-align:center;font-size:var(--oks-font-size-sm,.875rem);color:var(--oks-board-fg-muted)}:where(.oksBoardCard){border-radius:var(--oks-radius-md,.375rem);cursor:grab;touch-action:pan-y;position:relative}:where(.oksBoardCard:focus-visible){outline:2px solid var(--oks-board-accent);outline-offset:2px}:where(.oksBoardCard[data-grabbed=true]){outline:2px solid var(--oks-board-accent);outline-offset:2px;box-shadow:0 8px 24px -6px #00000040}:where(.oksBoardCard[data-dragging=true]){opacity:.4}:where(.oksBoardGhost) :where(.oksBoardCard){opacity:1;cursor:grabbing;transform:rotate(1.5deg);box-shadow:0 12px 32px -8px #00000059}:where(.oksBoardIndicator){background-color:var(--oks-board-accent);border-radius:2px;height:2px}:where(.oksBoardFooter){padding:var(--oks-space-2,8px);border-top:1px solid var(--oks-board-border);flex:none}:where(.oksBoard[data-compact=true]){--oks-board-gap:var(--oks-space-2,8px)}:where(.oksBoard[data-compact=true]) :where(.oksBoardColumnHeader){padding:var(--oks-space-2,8px)}:where(.oksBoard[data-compact=true]) :where(.oksBoardList){gap:var(--oks-space-1,4px)}@media (prefers-reduced-motion:reduce){:where(.oksBoardGhost) :where(.oksBoardCard){transform:none}}}