/* The host is positioned by its workspace; every rule stays within this chooser. */
.workspace-navigation { width:min(360px,calc(100vw - 24px)); height:auto; max-height:calc(100dvh - 205px); box-sizing:border-box; overflow:auto; padding:12px; border:1px solid var(--border,#41534c); border-radius:8px; background:var(--bg-2,#1b2327); color:var(--fg,#e5eee9); box-shadow:0 6px 24px #0004; }
.workspace-navigation[hidden],.workspace-navigation [hidden] { display:none!important; }
.workspace-navigation .wn-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.workspace-navigation .wn-heading h2 { margin:0; font-size:15px; font-weight:600; }
.workspace-navigation button { margin:0; font-size:12px; min-height:34px; }
.workspace-navigation .wn-scope { display:block; }
.workspace-navigation .form-group { margin:0 0 10px; min-width:0; }
.workspace-navigation .form-group label { font-size:11px; }
.workspace-navigation select { width:100%; min-width:0; text-overflow:ellipsis; font-size:12px; }
.workspace-navigation .wn-options { margin-top:12px; font-size:11px; color:var(--fg-muted,#a4b4ad); }
.workspace-navigation .wn-options summary { cursor:pointer; padding:4px 0; }
.workspace-navigation .wn-options p { margin:6px 0; line-height:1.4; }
.workspace-navigation .wn-context-detail:empty,.workspace-navigation .wn-capture-detail:empty,.workspace-navigation .wn-cloud-status:empty { display:none; }
.workspace-navigation .wn-capture-detail { overflow-wrap:anywhere; }
.workspace-navigation .wn-map-controls { margin-top:8px; }
.workspace-navigation .wn-scope { margin-top:8px; }
.workspace-navigation .wn-height-row { display:flex; align-items:center; gap:8px; margin-top:6px; }
.workspace-navigation .wn-height-row select { width:124px; flex:none; min-height:30px; padding:4px 6px; }
.workspace-navigation .wn-height-row .po-note { flex:1; margin:0; min-width:0; font-size:11px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.workspace-navigation .wn-preview { position:fixed; z-index:5; display:flex; flex-direction:column; box-sizing:border-box; padding:8px; border:1px solid var(--border,#41534c); border-radius:7px; background:var(--bg-2,#1b2327); box-shadow:0 6px 24px #0005; }
.workspace-navigation .wn-preview-heading,.workspace-navigation .wn-preview-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.workspace-navigation .wn-preview-title { font-size:12px; }
.workspace-navigation .wn-preview-heading button { min-width:30px; padding:2px 6px; }
.workspace-navigation .wn-preview-image { display:block; width:100%; height:130px; min-height:0; flex:1; margin:6px 0; object-fit:contain; background:#0b1219; border-radius:3px; }
.workspace-navigation .wn-preview-status { font-size:11px; color:var(--fg-muted,#a4b4ad); }
.workspace-navigation .wn-preview-actions { margin-top:auto; padding-top:6px; }
.workspace-navigation .wn-picker { display:flex; align-items:center; gap:8px; margin:10px 0; }
.workspace-navigation .wn-selection { display:flex; flex:1; min-width:0; flex-direction:column; text-align:center; gap:3px; }
.workspace-navigation .wn-current { font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.workspace-navigation .wn-count { font-size:11px; min-height:1.5em; }
.workspace-navigation .wn-count:empty { visibility:hidden; }
.workspace-navigation .wn-elevation { font-size:11px; color:var(--fg-muted,#a4b4ad); }
.workspace-navigation .wn-elevation:empty { display:none; }
.workspace-navigation .wn-browse { margin-top:8px; }
.workspace-navigation .wn-browse input { width:100%; min-height:36px; box-sizing:border-box; font-size:12px; }
.workspace-navigation .wn-results { max-height:220px; overflow:auto; margin-top:6px; display:grid; gap:4px; }
.workspace-navigation .wn-result { display:flex; flex-direction:column; align-items:start; text-align:left; padding:8px; gap:3px; width:100%; }
.workspace-navigation .wn-result[aria-current=true] { border-color:var(--accent,#83e6d0); background:var(--bg-3,#293c39); }
.workspace-navigation .wn-result-title { font-size:12px; }
.workspace-navigation .wn-result-detail { font-size:10px; color:var(--fg-muted,#a4b4ad); overflow-wrap:anywhere; }
.workspace-navigation .wn-result-status { margin:6px 0; font-size:11px; color:var(--fg-muted,#a4b4ad); }
.workspace-navigation .positioning-overview { padding:0; border:0; background:transparent; }
.workspace-navigation .positioning-overview h3,.workspace-navigation .po-summary,.workspace-navigation .po-current-scan { display:none; }
.workspace-navigation .po-tools { margin:0 0 6px; }
.workspace-navigation .po-tools button { min-height:30px; padding:4px 6px; }
.workspace-navigation .po-tools button:last-child { display:none; }
.workspace-navigation .positioning-overview-svg { height:clamp(140px,25vh,180px); }
.workspace-navigation .po-note { margin:6px 0 0; }
.workspace-navigation .wn-cloud { position:relative; height:clamp(140px,25vh,180px); overflow:hidden; border:1px solid #293844; border-radius:4px; background:#0b1219; }
.workspace-navigation .wn-cloud canvas { display:block; width:100%; height:100%; touch-action:none; }
.workspace-navigation .wn-cloud-legend { display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; font-size:11px; }
.workspace-navigation .wn-cloud-legend span::before { content:''; display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:currentColor; }
.workspace-navigation .wn-drone { color:#c69cff; }
.workspace-navigation .wn-scanner { color:#7de3ef; }
.workspace-navigation .wn-selected { color:#ffbf69; }
.workspace-navigation .wn-cloud-controls { display:flex; justify-content:space-between; gap:8px; margin-top:6px; }
.workspace-navigation .wn-status { margin:8px 0 0; font-size:11px; line-height:1.4; min-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.workspace-navigation .wn-status:empty { visibility:hidden; }
.workspace-navigation button:focus-visible,.workspace-navigation select:focus-visible,.workspace-navigation input:focus-visible,.workspace-navigation summary:focus-visible,.workspace-navigation canvas:focus-visible { outline:2px solid var(--accent,#83e6d0); outline-offset:2px; }
@media(max-width:700px) { .workspace-navigation { width:min(360px,calc(100vw - 24px)); max-height:calc(100dvh - 202px); } }
@media(pointer:coarse) { .workspace-navigation button,.workspace-navigation select,.workspace-navigation input,.workspace-navigation .wn-height-row select { min-height:44px; } }