#task-radar{position:fixed;right:24px;top:calc(var(--announcement-height,28px) + var(--storyboard-topbar-height,76px) + var(--storyboard-projectbar-height,64px) + 20px);z-index:45;color:var(--dz-text,#30291f);font-size:13px}
#task-radar[hidden],#task-radar [hidden]{display:none!important}
.radar-ball{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--dz-border,#e8e2d9);border-radius:50%;background:var(--dz-surface,#fffefb);color:var(--dz-accent,#c85c19);box-shadow:var(--dz-shadow,0 6px 24px rgba(64,39,0,.045));cursor:pointer;backdrop-filter:blur(8px)}
.radar-ball svg{width:26px;height:26px}.radar-count{position:absolute;right:-4px;top:-4px;min-width:20px;padding:2px 4px;border-radius:12px;background:var(--dz-accent);color:var(--dz-on-accent);font-size:11px}
.radar-launcher{position:relative;display:flex;justify-content:flex-end}
.radar-launcher::before{content:"";position:absolute;right:48px;top:0;width:38px;height:48px}
.radar-minimize{position:absolute;right:58px;top:10px;display:grid;place-items:center;width:26px;height:28px;padding:0;border:1px solid var(--dz-border,#e8e2d9);border-radius:8px;background:var(--dz-surface,#fffefb);color:var(--dz-accent,#c85c19);cursor:pointer;opacity:0;pointer-events:none}
.radar-minimize svg,.radar-dock svg{width:18px;height:18px}
.radar-launcher:hover .radar-minimize,.radar-launcher:focus-within .radar-minimize{opacity:1;pointer-events:auto}
.radar-dock{display:grid;place-items:center;width:22px;height:48px;padding:0;border:1px solid var(--dz-border,#e8e2d9);border-right:0;border-radius:10px 0 0 10px;background:var(--dz-accent-soft,#fcf0e5);color:var(--dz-accent,#c85c19);box-shadow:var(--dz-shadow,0 6px 24px rgba(64,39,0,.045));cursor:pointer}
#task-radar.radar-docked{right:0}.radar-docked .radar-launcher::before{display:none}
#task-radar.radar-docked-left{left:0;right:auto}
.radar-docked-left .radar-dock{border-right:1px solid var(--dz-border);border-left:0;border-radius:0 10px 10px 0}
.radar-docked-left .radar-dock svg{transform:rotate(180deg)}
.radar-ball,#radar-panel header{touch-action:none;cursor:grab;user-select:none}
.radar-dragging .radar-ball,.radar-dragging #radar-panel header{cursor:grabbing}
.radar-launcher-left .radar-minimize{right:auto;left:58px}
.radar-launcher-left .radar-launcher::before{right:auto;left:48px}
.radar-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 16px 8px;color:var(--dz-muted,#817565);font-size:12px}
.radar-status-filter{--ui-surface:var(--dz-surface,#fffefb);width:140px;height:32px;padding:0 10px;background:var(--dz-surface,#fffefb);border:1px solid var(--dz-border);border-radius:7px;font-size:12px;color:var(--dz-text)}
.app-tooltip.radar-tooltip{width:max-content;white-space:nowrap;overflow-wrap:normal}
#radar-panel{position:absolute;top:58px;right:0;width:min(360px,calc(100vw - 32px));max-height:min(65vh,620px);display:flex;flex-direction:column;border:1px solid var(--dz-border,#e8e2d9);border-radius:14px;background:var(--dz-surface,#fffefb);backdrop-filter:blur(8px);box-shadow:var(--dz-shadow,0 6px 24px rgba(64,39,0,.045));overflow:hidden}
#radar-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}#radar-panel header strong{font-size:15px}#radar-panel header button{border:0;background:transparent;font-size:22px;color:var(--dz-secondary,#665c4f);cursor:pointer}
.radar-tabs{display:flex;gap:4px;margin:0 16px;padding:3px;background:var(--dz-subtle,#f5f1eb);border-radius:8px}.radar-tabs button{flex:1;border:0;background:transparent;padding:7px;border-radius:6px;color:var(--dz-secondary,#665c4f);cursor:pointer}.radar-tabs button[aria-pressed=true]{background:var(--dz-surface,#fffefb);color:var(--dz-accent,#c85c19);box-shadow:var(--dz-shadow,0 6px 24px rgba(64,39,0,.045))}
.radar-list{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 12px;scrollbar-width:thin}.radar-task{padding:12px 4px;border-bottom:1px solid var(--dz-border,#e8e2d9)}.radar-locate{display:block;width:100%;text-align:left;border:0;background:transparent;padding:0;cursor:pointer;color:inherit}.radar-locate strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.5}.radar-locate:hover strong{color:var(--dz-accent,#c85c19)}.radar-project{display:block;font-size:11px;color:var(--dz-muted,#817565);margin-top:3px}.radar-id{border:0;background:transparent;padding:5px 0;color:var(--dz-accent,#c85c19);font-family:ui-monospace,monospace;font-size:11px;text-align:left;overflow-wrap:anywhere;cursor:pointer;user-select:text}.radar-state{display:flex;justify-content:space-between;font-size:11px;color:var(--dz-secondary,#665c4f)}.radar-track{height:4px;margin:7px 0;border-radius:4px;background:var(--dz-subtle,#f5f1eb);overflow:hidden}.radar-track i{display:block;height:100%;background:var(--dz-accent,#c85c19);border-radius:4px}.radar-stage i{opacity:.5}.radar-failed i{background:var(--dz-danger,#b83d32)}.radar-updated{font-size:10px;color:var(--dz-muted,#817565)}.radar-empty{padding:22px 6px;text-align:center;color:var(--dz-muted,#817565)}.radar-more{margin:8px 16px;border:1px solid var(--dz-border,#e8e2d9);border-radius:6px;background:var(--dz-surface,#fffefb);color:var(--dz-accent,#c85c19);padding:7px;cursor:pointer}.radar-feedback{margin:4px 16px 12px;min-height:16px;font-size:11px;color:var(--dz-secondary,#665c4f)}
#task-radar button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}.radar-target{outline:2px solid var(--dz-accent)!important;outline-offset:3px}
.radar-task{box-sizing:border-box;min-width:0;margin:6px 0;padding:10px;border:1px solid var(--dz-border,#e8e2d9);border-radius:9px;background:var(--dz-surface,#fffefb)}
.radar-task:hover,.radar-task:focus-within{border-color:var(--dz-accent,#c85c19);background:var(--dz-hover,#f7f3ed)}
.radar-task-heading{display:flex;align-items:center;gap:8px;min-width:0}
.radar-task-heading .radar-locate{flex:1 1 0;min-width:0;width:auto}
.radar-locate strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-size:12px;line-height:18px}
.radar-footer .radar-id{flex:0 1 112px;min-width:0;max-width:36%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:18px;font-size:10px}
.radar-project{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}
.radar-progress{display:flex;align-items:center;gap:8px;margin:7px 0}
.radar-progress .radar-track{flex:1;min-width:0;margin:0;height:4px}
.radar-percent{flex:none;font-size:10px;color:var(--dz-muted,#817565);white-space:nowrap}
.radar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;line-height:16px}
.radar-updated{flex:0 1 auto;text-align:right;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radar-state{box-sizing:border-box;padding:0 6px;border:1px solid var(--dz-border);border-radius:5px;background:var(--dz-subtle,#f5f1eb);line-height:16px;display:block;flex:0 0 auto;min-width:0;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:10px;color:var(--dz-secondary,#665c4f)}
.radar-state[data-tone=success]{color:var(--dz-success,#18784d);background:color-mix(in srgb,var(--dz-success,#18784d) 10%,var(--dz-surface,#fffefb));border-color:color-mix(in srgb,var(--dz-success,#18784d) 30%,var(--dz-border,#e8e2d9))}
.radar-state[data-tone=active]{color:var(--dz-accent-hover,#ad4810);background:var(--dz-accent-soft,#fcf0e5);border-color:var(--dz-border,#e8e2d9)}
.radar-state[data-tone=danger]{color:var(--dz-danger,#b83d32);background:var(--dz-danger-soft,#fff0ed);border-color:color-mix(in srgb,var(--dz-danger,#b83d32) 30%,var(--dz-border,#e8e2d9))}
@media(max-width:720px){#task-radar{right:16px;top:auto;bottom:24px}#radar-panel{top:auto;bottom:58px;max-height:60vh}}
@media(hover:none),(pointer:coarse){.radar-minimize{opacity:1;pointer-events:auto}}
@media(prefers-reduced-transparency:reduce){#radar-panel,.radar-ball{backdrop-filter:none;background:var(--dz-surface)}}

.radar-batch{display:flex;align-items:center;gap:6px;padding:8px 12px;flex-wrap:wrap;font-size:11px;color:var(--dz-secondary)}
.radar-batch label{display:flex;align-items:center;gap:4px;cursor:pointer}.radar-selected{margin-left:auto}
.radar-sync{margin:0;padding:8px 12px;font-size:12px;color:var(--dz-secondary)}
.radar-sync button{border:1px solid var(--dz-border);border-radius:5px;background:var(--dz-surface);color:inherit;padding:3px 6px;cursor:pointer}
.radar-delete-selected,.radar-delete{border:1px solid var(--dz-border);border-radius:5px;background:var(--dz-surface);color:var(--dz-danger,#b83d32);padding:4px 6px;cursor:pointer;font-size:11px}
.radar-delete-selected:disabled{opacity:.45;cursor:default}.radar-select,.radar-select-all{accent-color:var(--dz-accent,#bb571d);flex:0 0 auto;width:16px;height:16px;margin:0;cursor:pointer}
.radar-task-selected{outline:1px solid var(--dz-accent,#bb571d);outline-offset:-1px}.radar-delete{flex:0 0 auto}