.wbs-view{background:var(--color-bg-primary);cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.wbs-view:active{cursor:grabbing}.wbs-view__svg{display:block}.wbs-view__empty{height:100%;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;padding:2.5rem;font-size:.875rem;display:flex}.wbs-box__accent{stroke:none}.wbs-box--dragging{opacity:.25;transition:opacity .15s,filter .15s}.wbs-view__add-btn{background:var(--color-accent-primary,#14b8a6);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:1.25rem;align-items:center;gap:.25rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:background-color .15s,transform .1s;display:flex;position:absolute;bottom:3.5rem;right:1rem;box-shadow:0 2px 8px #0000001f}.wbs-view__add-btn:hover{background:color-mix(in srgb, var(--color-accent-primary,#14b8a6) 85%, #000);transform:translateY(-1px)}.wbs-view__add-btn:active{transform:translateY(0)}.wbs-view__add-group{z-index:10;border-radius:1.25rem;gap:0;position:absolute;bottom:3.5rem;right:1rem;box-shadow:0 2px 8px #0000001f}.wbs-view__add-group .wbs-view__add-btn{box-shadow:none;border-radius:1.25rem 0 0 1.25rem;padding-right:.5rem;position:static}.wbs-view__add-group .wbs-view__add-btn:hover,.wbs-view__add-group .wbs-view__add-btn:active{transform:none}.wbs-view__add-group .add-task-menu__caret{background:var(--color-accent-primary,#14b8a6);color:#fff;border:none;border-left:1px solid #ffffff4d;border-radius:0 1.25rem 1.25rem 0;align-self:stretch;width:1.625rem;height:auto;padding-right:.125rem;transition:background-color .15s}.wbs-view__add-group .add-task-menu__caret:hover,.wbs-view__add-group .add-task-menu__caret[aria-expanded=true]{background:color-mix(in srgb, var(--color-accent-primary,#14b8a6) 85%, #000)}.wbs-view__add-group .add-task-menu__caret:active{transform:none}.wbs-view__zoom-controls{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);z-index:10;border-radius:.5rem;align-items:center;gap:.125rem;padding:.1875rem .25rem;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 2px 8px #00000014}.wbs-view__zoom-btn{width:1.75rem;height:1.75rem;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;font-size:1rem;font-weight:500;transition:background-color .15s;display:flex}.wbs-view__zoom-btn:hover{background:var(--color-bg-tertiary,#0000000d)}.wbs-view__zoom-btn--fit{border-left:1px solid var(--color-border-subtle);border-radius:0 .375rem .375rem 0;margin-left:.125rem;padding-left:.25rem;font-size:.75rem}.wbs-view__zoom-level{color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:2.25rem;font-size:.6875rem}.wbs-drag-ghost{z-index:100;width:11.875rem;height:2.5rem;color:var(--color-text-primary);pointer-events:none;opacity:.85;box-sizing:border-box;border:1.5px solid;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;display:flex;position:fixed;overflow:hidden;box-shadow:0 6px 16px #00000038}[data-color-mode=dark] .wbs-view__svg .wbs-fo--task .wbs-fo__wbs{color:#94a3b8}[data-color-mode=dark] .wbs-view__svg .wbs-fo--task .wbs-fo__name{color:#e2e8f0}[data-color-mode=dark] .wbs-view__svg .wbs-unassigned-bg{fill:#ffffff08}[data-color-mode=dark] .wbs-view__svg .wbs-unassigned-border,[data-color-mode=dark] .wbs-view__svg .wbs-unassigned-separator{stroke:#ffffff26}[data-color-mode=dark] .wbs-view__svg .wbs-unassigned-label{color:#94a3b8}[data-color-mode=dark] .wbs-view__svg .wbs-connector{stroke:#475569}[data-color-mode=dark] .wbs-view__zoom-controls{box-shadow:0 2px 8px #0000004d}@media (max-width:48em){.wbs-view{touch-action:none}.wbs-view__zoom-btn{width:2.25rem;height:2.25rem;font-size:1.125rem}.wbs-view__zoom-btn--fit{font-size:.8125rem}.wbs-view__zoom-level{min-width:2.5rem;font-size:.75rem}.wbs-view__svg .wbs-fo--task .wbs-fo__name{font-size:11px}.wbs-view__svg .wbs-fo--task .wbs-fo__wbs{font-size:9.5px}.wbs-view__svg .wbs-connector{stroke-width:1.75px;opacity:.7}}@media (max-width:30em){.wbs-view__add-btn{display:none}.wbs-view__zoom-controls{bottom:calc(var(--mobile-tab-bar-height) + .5rem);right:.5rem}.wbs-view__zoom-btn{width:2.75rem;height:2.75rem;font-size:1.25rem}.wbs-view__svg .wbs-fo--project .wbs-fo__name{font-size:13px}}.wbs-view__order-toggle{z-index:10;border:1px solid var(--color-border,#cbd5e1);background:var(--color-bg-elevated,#fff);border-radius:.5rem;display:flex;position:absolute;top:.75rem;right:1rem;overflow:hidden;box-shadow:0 1px 4px #0000001f}.wbs-view__order-btn{color:var(--color-text-secondary,#475569);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.3125rem .75rem;font-size:.75rem;font-weight:600}.wbs-view__order-btn+.wbs-view__order-btn{border-left:1px solid var(--color-border,#cbd5e1)}.wbs-view__order-btn--active{color:var(--color-text-primary,#0f172a);background:color-mix(in srgb, var(--color-accent-primary,#0d9488) 18%, transparent);box-shadow:inset 0 -2px 0 0 var(--color-accent-primary,#0d9488)}.wbs-view__order-caption{z-index:10;color:var(--color-text-secondary,#475569);background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#cbd5e1);border-radius:.375rem;padding:.1875rem .5rem;font-size:.6875rem;position:absolute;top:2.875rem;right:1rem;box-shadow:0 1px 4px #0000001f}.wbs-box--col-dragging{opacity:.4}