.kanban-wrapper{width:100%;height:100%;background:#f9fafb;position:relative}.kanban-board{height:calc(100vh - 200px);min-height:500px;position:relative}.kanban-board-container{height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.kanban-columns{display:inline-flex;gap:1rem;padding:1.5rem;min-width:100%;height:100%}.kanban-column{width:320px;min-width:320px;background:#f3f4f6;border-radius:.5rem;display:flex;flex-direction:column;transition:all .2s ease}.kanban-column:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.kanban-column-header{padding:.75rem 1rem;background:white;border-radius:.5rem .5rem 0 0;border-top:4px solid;position:sticky;top:0;z-index:10}.kanban-stories{flex:1;overflow-y:auto;padding:.5rem;gap:.5rem;display:flex;flex-direction:column}.story-card{background:white;border-radius:.375rem;padding:.75rem;border:1px solid #e5e7eb;cursor:pointer;transition:all .15s ease;user-select:none}.story-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.story-card:active{transform:translateY(0)}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.kanban-board-container::-webkit-scrollbar{height:8px}.kanban-board-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.kanban-board-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.kanban-board-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kanban-column>div:nth-child(2)::-webkit-scrollbar{width:6px}.kanban-column>div:nth-child(2)::-webkit-scrollbar-track{background:transparent}.kanban-column>div:nth-child(2)::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kanban-column>div:nth-child(2)::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (min-width:768px) and (max-width:1024px){.kanban-board{height:calc(100vh - 180px);min-height:400px}.kanban-column{width:300px;min-width:300px}.kanban-columns{padding:1rem}.story-card{padding:.625rem}.kanban-board-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05));pointer-events:none}}@media (max-width:767px){.kanban-board{height:calc(100vh - 160px);min-height:400px}.kanban-columns{padding:.75rem;gap:.75rem}.kanban-column{width:280px;min-width:280px}.kanban-column-header{padding:.625rem .75rem}.story-card{padding:.625rem}.story-card h4{font-size:.875rem}.story-card,button{min-height:44px}}@media (max-width:374px){.kanban-column{width:260px;min-width:260px}.story-card{padding:.5rem}.story-card h4{font-size:.8125rem}.story-card p{font-size:.75rem}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.story-card{animation:slideIn .3s ease}.kanban-loading{display:flex;align-items:center;justify-content:center;height:100%;background:#f9fafb}.kanban-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.kanban-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.kanban-error-icon{width:64px;height:64px;color:#ef4444;margin-bottom:1rem}.kanban-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.kanban-empty-icon{width:48px;height:48px;color:#9ca3af;margin-bottom:1rem}.kanban-column:focus-within,.story-card:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.kanban-column.drag-over{background-color:#ebf8ff;border:2px dashed #3b82f6}.story-card.dragging{opacity:.5;transform:rotate(2deg)}@media print{.kanban-board{height:auto;overflow:visible}.kanban-columns{display:block}.kanban-column{page-break-inside:avoid;margin-bottom:1rem;width:100%}.kanban-stories{overflow:visible;max-height:none}}