.wfc-root{--bg:var(--background);--bg2:var(--card);--bg3:var(--secondary);--border2:var(--border);--text:var(--foreground);--text2:var(--foreground);--text3:var(--muted-foreground);--accent:var(--primary);--accent2:var(--primary);--radius:8px;--shadow:0 1px 3px rgba(0,0,0,0.18);--shadow2:0 12px 40px rgba(0,0,0,0.35);--lw:130px;display:flex;flex-direction:column;height:100%;min-height:0;color:var(--foreground);font-size:13px}.wfc-root .wfc-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:.5px solid var(--border);background:var(--card);flex-shrink:0;flex-wrap:wrap}.wfc-root .wfc-tb-btn{border:.5px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;padding:4px 9px;font-size:12px;cursor:pointer;line-height:1.1;transition:background .1s,border-color .1s}.wfc-root .wfc-tb-btn:hover:not(:disabled){border-color:var(--primary)}.wfc-root .wfc-tb-btn:disabled{opacity:.4;cursor:default}.wfc-root .wfc-tb-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.wfc-root .wfc-zoom-label{font-size:12px;color:var(--muted-foreground);min-width:40px;text-align:center}.wfc-root #canvas-container{flex:1;overflow:auto;position:relative;background:var(--bg);min-height:0}.wfc-root #canvas-scroll{min-width:100%;min-height:100%;padding:16px;background:var(--bg)}.wfc-root #swimlane-canvas{display:inline-flex;flex-direction:column;background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transform-origin:top left;min-width:600px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.wfc-root #timeline-row{display:flex;border-bottom:.5px solid var(--border);height:36px;flex-shrink:0;position:relative}.wfc-root #timeline-corner{width:var(--lw);min-width:var(--lw);background:var(--bg3);border-right:.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text3);font-weight:600;letter-spacing:.07em;cursor:pointer;transition:background .1s}.wfc-root #timeline-corner:hover{background:var(--accent);color:var(--primary-foreground)}.wfc-root #timeline-track{flex:1;position:relative;overflow:visible}.wfc-root .timeline-marker{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;z-index:20;cursor:grab}.wfc-root .timeline-marker:active{cursor:grabbing}.wfc-root .timeline-marker-label{position:absolute;top:3px;font-size:9px;font-weight:600;white-space:nowrap;padding:2px 6px;border-radius:3px;color:#fff;transform:translateX(-50%);pointer-events:all;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:110px;overflow:hidden;text-overflow:ellipsis}.wfc-root .timeline-marker-stem{width:2px;flex:1;margin-top:18px;pointer-events:none}.wfc-root .marker-overlay-line{position:absolute;top:0;width:2px;pointer-events:none;opacity:.3;z-index:5}.wfc-root #phase-header-row{display:flex;align-items:stretch;border-bottom:.5px solid var(--border);flex-shrink:0;min-height:38px}.wfc-root #phase-header-corner{width:var(--lw);min-width:var(--lw);background:var(--bg3);border-right:.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:stretch;gap:6px;padding:0 6px}.wfc-root #phase-header-corner span{font-size:9px;color:var(--text3);letter-spacing:.07em;font-weight:600}.wfc-root #phase-headers{display:flex;flex:1;align-items:stretch}.wfc-root .phase-header-cell{min-height:38px;display:flex;align-items:flex-start;padding:5px 8px;position:relative;flex-shrink:0;overflow:hidden;border-right:.5px solid rgba(255,255,255,.2)}.wfc-root .phase-drag-handle{width:16px;min-width:16px;height:24px;display:flex;flex-direction:column;justify-content:center;gap:2px;margin-right:6px;cursor:grab;opacity:.52;transition:opacity .12s;flex-shrink:0;touch-action:none}.wfc-root .phase-drag-handle:hover{opacity:1}.wfc-root .phase-drag-handle:active{cursor:grabbing}.wfc-root .phase-drag-handle span{display:block;width:9px;height:2px;background:var(--phase-fg-muted,rgba(255,255,255,.9));border-radius:1px;box-shadow:0 0 0 .5px rgba(0,0,0,.2)}.wfc-root .phase-cell-inner{display:flex;flex-direction:column;align-items:stretch;gap:3px;flex:1;overflow:hidden;min-width:0;cursor:pointer}.wfc-root .phase-cell-inner:hover .phase-edit-icon{opacity:1}.wfc-root .phase-header-cell:hover .phase-drag-handle{opacity:.9}.wfc-root .phase-cell-top{display:flex;align-items:center;gap:4px;min-width:0}.wfc-root .phase-cell-name{font-size:11px;font-weight:600;color:var(--phase-fg,#fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.wfc-root .phase-cell-dur{font-size:9px;color:var(--phase-fg-muted,rgba(255,255,255,.65));white-space:nowrap;flex-shrink:0}.wfc-root .phase-cell-desc{font-size:9px;line-height:1.35;font-weight:500;color:var(--phase-fg,#fff);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.wfc-root .phase-cell-desc.rte-phase-preview p{margin:0 0 2px}.wfc-root .phase-cell-desc.rte-phase-preview ol,.wfc-root .phase-cell-desc.rte-phase-preview ul{margin:0 0 2px 12px;padding:0}.wfc-root .phase-edit-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s;flex-shrink:0}.wfc-root .phase-edit-icon svg{width:11px;height:11px;fill:var(--phase-fg-muted,rgba(255,255,255,.75))}.wfc-root .phase-toggle{background:none;border:none;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:opacity .1s,color .1s;align-self:flex-start;margin-top:1px;color:var(--phase-fg-muted,rgba(255,255,255,.75))}.wfc-root .phase-toggle:hover{opacity:1;color:var(--phase-fg,#fff)}.wfc-root .phase-toggle svg{width:11px;height:11px;display:block}.wfc-root .phase-header-cell.collapsed{padding:0;justify-content:center;align-items:center;min-height:38px;height:38px}.wfc-root .phase-header-cell.collapsed .phase-cell-inner,.wfc-root .phase-header-cell.collapsed .phase-drag-handle{display:none}.wfc-root .resize-handle{width:5px;align-self:stretch;min-height:38px;position:absolute;right:-2px;top:0;bottom:0;cursor:col-resize;z-index:10}.wfc-root .resize-handle:after{content:"";display:block;width:2px;height:18px;position:absolute;top:50%;right:1px;transform:translateY(-50%);background:var(--phase-fg-muted,rgba(255,255,255,.35));border-radius:1px;transition:background .1s}.wfc-root .resize-handle.active:after,.wfc-root .resize-handle:hover:after{background:var(--phase-fg,#fff);width:3px}.wfc-root .phase-add-btn{width:30px;min-width:30px;align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text3);cursor:pointer;background:var(--bg3);border-left:.5px solid var(--border);border-radius:0 var(--radius) 0 0;flex-shrink:0;min-height:38px}.wfc-root .phase-add-btn:hover{background:var(--accent);color:var(--primary-foreground)}.wfc-root #lanes-container{display:flex;flex-direction:column;flex:1;position:relative}.wfc-root .lane-row{display:flex;border-bottom:.5px solid var(--border);transition:opacity .15s;position:relative}.wfc-root .lane-row:last-of-type{border-bottom:none}.wfc-root .lane-row.collapsed .lane-cells{display:none}.wfc-root .lane-row.collapsed .lane-label{align-items:center}.wfc-root .lane-label{width:var(--lw);min-width:var(--lw);display:flex;align-items:flex-start;padding:8px 7px;border-right:.5px solid var(--border);transition:filter .1s;gap:4px;flex-shrink:0;position:relative;overflow:hidden;background-size:cover;background-position:50%}.wfc-root .lane-label:hover{filter:brightness(.92)}.wfc-root .lane-label:hover .lane-edit-icon{opacity:1}.wfc-root .lane-label-text{flex:1;font-size:11px;font-weight:600;color:var(--lane-fg,#fff);line-height:1.3;word-break:break-word;cursor:pointer;position:relative;z-index:1;text-shadow:var(--lane-text-shadow,0 1px 3px rgba(0,0,0,.5))}.wfc-root .lane-icons{align-items:center;padding-top:1px;z-index:1}.wfc-root .lane-drag-handle,.wfc-root .lane-icons{display:flex;flex-direction:column;gap:2px;flex-shrink:0;position:relative}.wfc-root .lane-drag-handle{width:22px;min-width:22px;min-height:36px;justify-content:center;padding:4px 5px;margin:-4px 0 -4px -2px;cursor:grab;opacity:.5;transition:opacity .12s;z-index:2;touch-action:none}.wfc-root .lane-drag-handle:hover{opacity:1}.wfc-root .lane-drag-handle:active{cursor:grabbing}.wfc-root .lane-drag-handle span{display:block;width:10px;height:2px;background:var(--lane-fg-muted,rgba(255,255,255,.88));border-radius:1px;box-shadow:0 0 0 .5px rgba(0,0,0,.2)}.wfc-root .lane-label:hover .lane-drag-handle{opacity:.92}.wfc-root .lane-edit-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s;cursor:pointer}.wfc-root .lane-edit-icon svg{width:11px;height:11px;fill:var(--lane-fg-muted,rgba(255,255,255,.75))}.wfc-root .lane-toggle{background:none;border:none;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:opacity .1s,color .1s;color:var(--lane-fg-muted,rgba(255,255,255,.75))}.wfc-root .lane-toggle:hover{opacity:1;color:var(--lane-fg,#fff)}.wfc-root .lane-toggle svg{width:11px;height:11px;display:block}.wfc-root .lane-cells{display:flex;flex:1;min-height:90px;align-items:stretch}.wfc-root .lane-resize-handle{position:absolute;bottom:-3px;left:0;right:0;height:6px;cursor:row-resize;z-index:15;display:flex;align-items:center;justify-content:center}.wfc-root .lane-resize-handle:after{content:"";display:block;width:32px;height:2px;border-radius:1px;background:var(--border2);opacity:0;transition:opacity .15s}.wfc-root .lane-row:hover .lane-resize-handle:after{opacity:1}.wfc-root .lane-resize-handle.active:after,.wfc-root .lane-resize-handle:hover:after{background:var(--accent);opacity:1;width:48px}.wfc-root .lane-row.lane-drag-over-top{box-shadow:inset 0 3px 0 0 var(--accent)}.wfc-root .lane-row.lane-drag-over-bottom{box-shadow:inset 0 -3px 0 0 var(--accent)}.wfc-root .phase-header-cell.phase-drag-over-left{box-shadow:inset 3px 0 0 0 var(--accent)}.wfc-root .phase-header-cell.phase-drag-over-right{box-shadow:inset -3px 0 0 0 var(--accent)}body.lane-drag-reordering,body.phase-drag-reordering{-moz-user-select:none;user-select:none;-webkit-user-select:none}.wfc-root .wfc-add-lane-btn{margin:8px;padding:6px 12px;border:1.5px dashed var(--border2);border-radius:6px;background:none;color:var(--text3);font-size:12px;cursor:pointer;align-self:flex-start}.wfc-root .wfc-add-lane-btn:hover{border-color:var(--accent);color:var(--accent)}.wfc-root .lane-cell{padding:6px;border-right:.5px solid var(--border);position:relative;display:flex;flex-direction:column;gap:4px;align-content:flex-start;flex-shrink:0;min-height:0}.wfc-root .lane-cell:last-of-type{border-right:none}.wfc-root .lane-cell.drag-over{background:color-mix(in srgb,var(--accent) 14%,transparent)}.wfc-root .cards-wrap{display:flex;flex-wrap:wrap;gap:4px;width:100%;flex:1;min-height:0;align-content:stretch;align-items:stretch}.wfc-root .cards-wrap .card{flex-shrink:0;display:flex;flex-direction:column;min-height:0}.wfc-root .cards-wrap .card:only-child{width:100%!important;height:100%!important}.wfc-root .cards-wrap .card:first-child:nth-last-child(2),.wfc-root .cards-wrap .card:first-child:nth-last-child(2)~.card{width:calc(50% - 2px)!important}.wfc-root .cards-wrap .card:first-child:nth-last-child(3),.wfc-root .cards-wrap .card:first-child:nth-last-child(3)~.card{width:calc(33.33% - 3px)!important}.wfc-root .cards-wrap .card:first-child:nth-last-child(n+4),.wfc-root .cards-wrap .card:first-child:nth-last-child(n+4)~.card{width:calc(25% - 3px)!important}.wfc-root .cards-wrap .card.card-no-stretch{width:180px!important;height:auto!important;min-height:40px;flex:0 0 180px!important}.wfc-root .lane-cell-extra{width:30px;min-width:30px;border-right:none;flex-shrink:0;display:block}.wfc-root .lane-cell.ph-collapsed{width:20px;min-width:20px;max-width:20px;padding:0;overflow:hidden;cursor:pointer;background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 1px,transparent 1px,transparent 6px);flex-shrink:0;display:block}.wfc-root .cell-add-btn{width:100%;flex-shrink:0;border:1.5px dashed var(--border2);border-radius:5px;padding:5px;text-align:center;font-size:10px;color:var(--text3);cursor:pointer;background:none;transition:all .1s;margin-top:2px}.wfc-root .cell-add-btn:hover{border-color:var(--accent);color:var(--accent)}.wfc-root .card{border-radius:5px;padding:6px 7px;cursor:pointer;border:.5px solid rgba(0,0,0,.1);transition:box-shadow .12s,transform .1s;min-height:40px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word;overflow-wrap:anywhere}.wfc-root .card:hover{box-shadow:0 2px 10px rgba(0,0,0,.13);transform:translateY(-1px)}.wfc-root .card.dragging{opacity:.35;transform:scale(1.03)}.wfc-root .card-top{display:flex;align-items:flex-start;gap:5px}.wfc-root .card-comment-indicator{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55);border:.5px solid rgba(0,0,0,.12);pointer-events:none}.wfc-root .card-comment-indicator svg{width:9px;height:9px;display:block}.wfc-root .card-shape-icon{flex-shrink:0;margin-top:1px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.wfc-root .card-shape-icon svg{width:12px;height:12px}.wfc-root .card-title{font-size:11px;font-weight:600;line-height:1.3;flex:1;word-break:break-word;overflow-wrap:anywhere;white-space:normal}.wfc-root .card-desc-snippet{font-size:9px;line-height:1.4;margin-top:3px;opacity:.72;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.wfc-root .card-status-badge{display:inline-block;font-size:8px;font-weight:600;padding:1px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;margin-top:3px}.wfc-root .status-pending{background:#fef9c3;color:#854d0e}.wfc-root .status-inprogress{background:#dbeafe;color:#1e40af}.wfc-root .status-done{background:#dcfce7;color:#166534}.wfc-root .status-blocked{background:#fee2e2;color:#991b1b}.wfc-root .status-flag{background:#ffedd5;color:#9a3412}.wfc-root .wfc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000}.wfc-root .wfc-modal{background:var(--bg2);border:.5px solid var(--border);border-radius:12px;width:420px;max-width:96vw;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow2)}.wfc-root .wfc-modal-sm{width:360px}.wfc-root .modal-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:.5px solid var(--border);font-size:13px;font-weight:500;position:sticky;top:0;background:var(--bg2);z-index:1}.wfc-root .modal-close{background:none;border:none;font-size:14px;color:var(--text3);cursor:pointer;padding:2px 5px;border-radius:4px}.wfc-root .modal-close:hover{background:var(--bg3)}.wfc-root .modal-body{padding:14px;display:flex;flex-direction:column;gap:9px}.wfc-root .modal-body label{font-size:9px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;display:block}.wfc-root .modal-body input[type=date],.wfc-root .modal-body input[type=text]{border:.5px solid var(--border2);border-radius:6px;padding:6px 8px;font-size:12px;background:var(--bg);color:var(--text);width:100%;font-family:inherit}.wfc-root .modal-body input:focus{outline:none;border-color:var(--accent)}.wfc-root .modal-footer{display:flex;justify-content:space-between;padding:10px 14px;border-top:.5px solid var(--border);gap:6px}.wfc-root .wfc-btn{border:.5px solid var(--border2);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;background:var(--bg3);color:var(--text)}.wfc-root .wfc-btn.primary{background:var(--accent);color:var(--primary-foreground);border-color:transparent}.wfc-root .wfc-btn.danger{background:none;color:var(--destructive);border-color:var(--border2)}.wfc-root .wfc-btn.danger:hover{background:color-mix(in srgb,var(--destructive) 12%,transparent)}.wfc-root .card-stretch-row{display:flex;align-items:center;gap:6px;margin-top:4px}.wfc-root .card-stretch-label{font-size:11px;color:var(--text2)}.wfc-root .wfc-opt-row{display:flex;flex-wrap:wrap;gap:5px}.wfc-root .status-opt{border:.5px solid var(--border2);border-radius:4px;padding:3px 7px;font-size:10px;cursor:pointer;background:var(--bg3);color:var(--text2);transition:all .1s}.wfc-root .status-opt.active,.wfc-root .status-opt:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.wfc-root .shape-opt{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;border:1.5px solid transparent;background:var(--bg3);transition:all .1s;color:var(--foreground)}.wfc-root .shape-opt.active,.wfc-root .shape-opt:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.wfc-root .shape-opt svg{width:15px;height:15px}.wfc-root .color-presets-row{display:grid;grid-template-columns:repeat(9,24px);gap:6px;margin:4px 0 8px;justify-content:start}.wfc-root .color-preset-dot{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);background-clip:padding-box}.wfc-root .color-preset-dot:hover{transform:scale(1.08);border-color:var(--accent)}.wfc-root .color-preset-dot.active{border-color:var(--accent);transform:scale(1.06)}.wfc-root .color-input-row{display:flex;align-items:center;gap:8px}.wfc-root .color-native{width:32px;height:28px;padding:0;border:.5px solid var(--border2);border-radius:6px;background:none;cursor:pointer}.wfc-root .color-hex-label{font-size:11px;color:var(--text2)}.wfc-root .rte-wrap{border:.5px solid var(--border2);border-radius:6px;overflow:hidden;background:var(--bg)}.wfc-root .rte-wrap:focus-within{border-color:var(--accent)}.wfc-root .rte-toolbar{display:flex;gap:1px;padding:3px 4px;border-bottom:.5px solid var(--border);background:var(--bg3);flex-wrap:wrap}.wfc-root .rte-btn{background:none;border:none;border-radius:3px;padding:3px 5px;font-size:11px;cursor:pointer;color:var(--text2);line-height:1;min-width:22px;transition:background .1s}.wfc-root .rte-btn:hover{background:var(--border);color:var(--text)}.wfc-root .wfc-rte{min-height:70px;max-height:180px;overflow-y:auto;padding:8px;font-size:12px;color:var(--text);outline:none}.wfc-root .wfc-rte p{margin:0 0 4px}.wfc-root .wfc-rte ol,.wfc-root .wfc-rte ul{margin:2px 0 4px 16px;padding:0}.wfc-root .wfc-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(8px);background:var(--foreground);color:var(--background);font-size:12px;padding:8px 14px;border-radius:8px;box-shadow:var(--shadow2);opacity:0;transition:opacity .2s,transform .2s;z-index:2000;pointer-events:none}.wfc-root .wfc-toast.show{opacity:.95;transform:translateX(-50%) translateY(0)}