.board-page{flex-direction:column;height:100%;padding:12px;display:flex}.board-header{align-items:baseline;gap:12px;margin:0 0 12px;display:flex}.board-header h2{color:var(--color-text);margin:0;font-size:1.25rem}.board-loading{color:var(--color-text-muted);font-size:.85rem}.board-error{background:var(--kanban-dot-bug);color:#fff;border-radius:var(--radius-md);cursor:pointer;margin-bottom:10px;padding:8px 12px;font-size:.9rem}.board-columns{-webkit-overflow-scrolling:touch;flex:auto;align-items:stretch;gap:12px;min-height:0;max-height:calc(100dvh - 150px);padding-bottom:6px;display:flex;overflow-x:auto}.board-columns::-webkit-scrollbar{height:12px}.board-columns::-webkit-scrollbar-thumb{background:var(--color-primary);border:3px solid var(--color-bg-light);border-radius:999px}.board-columns::-webkit-scrollbar-track{background:0 0}.board-columns{scrollbar-color:var(--color-primary)transparent}.board-lane{background:var(--color-bg-light);border-radius:var(--radius-lg);flex-direction:column;flex:none;width:82vw;max-width:320px;min-height:120px;max-height:100%;padding:8px;transition:background .12s,box-shadow .12s;display:flex;overflow:hidden}.board-lane-over{box-shadow:inset 0 0 0 2px var(--color-primary);background:#fff}.board-lane-header{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.board-lane-title{color:var(--color-text);font-size:.95rem;font-weight:600}.board-lane-count{color:var(--color-text-muted);background:var(--color-bg-white);text-align:center;border-radius:999px;min-width:20px;padding:1px 8px;font-size:.8rem}.board-lane-cards{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.board-card{background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-height:44px;padding:10px}.board-card:active{transform:scale(.97)}.board-card-dragging{opacity:.85;cursor:grabbing;box-shadow:0 4px 14px #0003}.board-card-ghost{background:repeating-linear-gradient(-45deg,var(--color-bg-white),var(--color-bg-white)8px,var(--color-bg-light)8px,var(--color-bg-light)16px);border:1px dashed var(--color-primary);box-shadow:none;cursor:default}.board-card-ghost:active{transform:none}.board-card-top{align-items:flex-start;gap:8px;display:flex}.board-card-title{color:var(--color-text);font-size:.9rem;line-height:1.3}.board-done-tick{background:var(--color-success);color:#fff;text-align:center;border-radius:50%;flex:none;width:18px;height:18px;margin-left:auto;font-size:11px;font-weight:700;line-height:18px}.board-dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.dot-bug{background:var(--kanban-dot-bug)}.dot-data{background:var(--kanban-dot-data)}.dot-feature{background:var(--kanban-dot-feature)}.dot-todo{background:var(--kanban-dot-todo)}.dot-ui{background:var(--kanban-dot-ui)}.dot-workflow{background:var(--kanban-dot-workflow)}.dot-order{background:var(--kanban-dot-order)}.dot-other{background:var(--kanban-dot-other)}.dot-default{background:var(--kanban-dot-default)}.board-card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.board-chip{color:var(--color-text);background:var(--color-grey-bg);border-radius:var(--radius-sm);padding:1px 6px;font-size:.75rem;font-weight:600}.board-who{color:var(--color-text-secondary);font-size:.75rem}.board-age{color:var(--color-text-muted);margin-left:auto;font-size:.75rem}@media (min-width:700px){.board-lane{width:280px}}.board-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.board-modal{background:var(--color-bg-white);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:100%;max-width:520px;padding:16px;display:flex;box-shadow:0 10px 40px #0000004d}.board-modal-title{color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.35}.board-modal-notes{resize:vertical;width:100%;min-height:180px;font:inherit;color:var(--color-text);background:var(--color-bg-light);border:1px solid var(--color-border,#ddd);border-radius:var(--radius-md);padding:10px 12px;font-size:.95rem;line-height:1.45}.board-modal-notes:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #c59a2e40}.board-modal-actions{justify-content:flex-end;gap:10px;display:flex}.board-modal-cancel,.board-modal-save{font:inherit;border-radius:var(--radius-md);cursor:pointer;border:none;min-height:44px;padding:9px 18px;font-size:.9rem;font-weight:600}.board-modal-cancel{background:var(--color-bg-light);color:var(--color-text-secondary)}.board-modal-save{background:var(--color-primary);color:#fff}.board-modal-save:active,.board-modal-cancel:active{transform:scale(.97)}
