feat(dees-geo-map): Highlight current navigation step with progress, mark completed steps, auto-scroll turn-by-turn list, expose guidance state for synchronization, and refine instruction/voice wording

ts_web/elements/00componentstyles.ts

@@ -754,6 +754,35 @@ export const navigationStyles = css`
     color: ${cssManager.bdTheme('rgba(0, 0, 0, 0.5)', 'rgba(255, 255, 255, 0.5)')};
   }
 
+  /* Current step - highlighted during active navigation */
+  .nav-step.current {
+    position: relative;
+    background: ${cssManager.bdTheme('rgba(59, 130, 246, 0.1)', 'rgba(59, 130, 246, 0.15)')};
+    border-left: 3px solid #3b82f6;
+    padding-left: 9px;
+  }
+
+  /* Completed steps - muted appearance */
+  .nav-step.completed {
+    opacity: 0.6;
+  }
+
+  .nav-step.completed .nav-step-icon {
+    background: ${cssManager.bdTheme('rgba(34, 197, 94, 0.2)', 'rgba(34, 197, 94, 0.25)')};
+    color: #22c55e;
+  }
+
+  /* Progress bar on current step */
+  .nav-step-progress-bar {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 3px;
+    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
+    border-radius: 0 2px 2px 0;
+    transition: width 0.3s ease-out;
+  }
+
   .nav-error {
     display: flex;
     align-items: center;