Page routes, Home link, documented-app filters, Overview colors and list fixes

- Every nav page has its own address (/tracked, /status, /devices, ...);
  the logo and name go to the Overview; back/forward work.
- List filters gain an "Only ticked" mode; software columns get a one-click
  "devices with only documented apps" pick and an easiest-first sort.
- Overview: the device list uses the dashboard's table header (sticky, with
  Excel filters); what opened it is clearly highlighted; locations colored by
  how much is done (red to green); stages read red / amber / green.
- Details: one-line title bar; presence and monitors only in Advanced View.
- Presence sweep pings only completed pairs (everything else is pinged by
  the sweep itself), hourly and at midnight.
- Custom View scrollbar smaller, in the table header blue.
- Docs: no sideways scroll in the article list; no blank lines around code.

web/overview.css

@@ -2,23 +2,39 @@
 /* Chart colors: an ordinal blue ramp for migration stage (not started -> in progress ->
    completed) and a sequential blue ramp for counts, each stepped separately for dark mode
    (validated with the dataviz palette checker against the card surfaces). */
+/* Stage colors read as status: not started = red, in progress = amber, completed = green
+   (the dashboard's status palette; every colored mark also carries a number or a label) */
 #overview {
-    --ov-todo: #86b6ef; --ov-doing: #2a78d6; --ov-done: #104281;
-    --ov-bar: #2a78d6; --ov-track: rgba(127,127,127,0.12);
+    --ov-todo: #d03b3b; --ov-doing: #f0a20c; --ov-done: #0ca30c; --ov-other: #8a8f98;
+    --ov-track: rgba(127,127,127,0.12);
     --ov-good: #0ca30c; --ov-serious: #ec835a;
 }
-[data-theme="dark"] #overview {
-    --ov-todo: #184f95; --ov-doing: #3987e5; --ov-done: #9ec5f4;
-    --ov-bar: #3987e5; --ov-track: rgba(255,255,255,0.07);
-}
-.ov-s0 { background: #cde2fb; color: #0b0b0b; } .ov-s1 { background: #b7d3f6; color: #0b0b0b; }
-.ov-s2 { background: #9ec5f4; color: #0b0b0b; } .ov-s3 { background: #6da7ec; color: #0b0b0b; }
-.ov-s4 { background: #3987e5; color: #fff; }    .ov-s5 { background: #256abf; color: #fff; }
-.ov-s6 { background: #184f95; color: #fff; }
-[data-theme="dark"] .ov-s0 { background: #104281; color: #fff; } [data-theme="dark"] .ov-s1 { background: #184f95; color: #fff; }
-[data-theme="dark"] .ov-s2 { background: #1c5cab; color: #fff; } [data-theme="dark"] .ov-s3 { background: #256abf; color: #fff; }
-[data-theme="dark"] .ov-s4 { background: #3987e5; color: #fff; } [data-theme="dark"] .ov-s5 { background: #6da7ec; color: #0b0b0b; }
-[data-theme="dark"] .ov-s6 { background: #9ec5f4; color: #0b0b0b; }
+[data-theme="dark"] #overview { --ov-todo: #e05555; --ov-doing: #e8a317; --ov-done: #2fb344; --ov-other: #6b7280; --ov-track: rgba(255,255,255,0.07); }
+/* Location bands: how much of a location is done, red -> green */
+.ov-h0 { background: #d03b3b; color: #fff; }
+.ov-h1 { background: #ec835a; color: #1f2328; }
+.ov-h2 { background: #fab219; color: #1f2328; }
+.ov-h3 { background: #8fd16a; color: #1f2328; }
+.ov-h4 { background: #0ca30c; color: #fff; }
+.ov-heat-key { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; }
+.ov-heat-key-item { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8em; color: var(--text-muted); }
+.ov-heat-key-item i { width: 14px; height: 10px; border-radius: 3px; }
+
+/* What opened the list below: clearly marked */
+.ov-tile.ov-selected { border: 2px solid #3498db !important; background: rgba(52,152,219,0.12); box-shadow: 0 0 0 3px rgba(52,152,219,0.25); transform: none; position: relative; }
+.ov-showing { display: inline-block; margin-top: 6px; font-size: 0.72em; font-weight: 700; color: #fff; background: #3498db; border-radius: 999px; padding: 2px 8px; }
+.ov-bar-row.ov-selected { background: rgba(52,152,219,0.16); box-shadow: inset 3px 0 0 #3498db; }
+.ov-legend-item.ov-selected { color: var(--text-main); text-decoration: underline; text-decoration-color: #3498db; text-decoration-thickness: 2px; text-underline-offset: 4px; }
+.ov-heat-cell.ov-selected, .ov-heat-sum.ov-selected { box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 5px #3498db !important; }
+.ov-heat-sum.ov-selected { background: rgba(52,152,219,0.16); }
+
+/* The list: same look as the dashboard's tables, header sticks under the nav */
+.ov-drill[hidden] { display: none; }
+.ov-drill { padding: 0 !important; overflow: visible !important; border-radius: 10px; }
+.ov-drill-head { border-left-color: #3498db !important; border-radius: 10px 10px 0 0; }
+.ov-drill-title { font-weight: 700; }
+.ov-drill .ov-head-btns { display: flex; gap: 8px; margin-left: auto; }
+.ov-drill-empty, .ov-drill-note { padding: 12px 16px; margin: 0; }
 
 #overview-root { max-width: 1500px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }
 .ov-title { margin: 0; color: var(--text-main); }
@@ -75,7 +91,7 @@ span.ov-legend-item { cursor: default; }
 .ov-bar-row:hover, .ov-bar-row:focus-visible { background: var(--ov-track); }
 .ov-bar-label { font-size: 0.88em; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ov-bar-track { height: 14px; }
-.ov-bar { display: block; height: 14px; background: var(--ov-bar); border-radius: 0 4px 4px 0; }
+.ov-bar { display: block; height: 14px; border-radius: 0 4px 4px 0; }
 .ov-bar-value { text-align: right; font-weight: 700; color: var(--text-main); font-variant-numeric: tabular-nums; }
 
 /* heatmap */
@@ -109,9 +125,6 @@ table.ov-heat td { padding: 0; text-align: center; border: 0; background: none;
 .ov-today { box-shadow: inset 0 0 0 2px #3498db; }
 .ov-today .ov-day-num { color: #3498db; font-weight: 700; }
 
-/* drill-down */
-.ov-drill[hidden] { display: none; }
-.ov-table-wrap { max-height: 520px; overflow: auto; border-top: none; }
 
 /* tooltip */
 .ov-tip { position: fixed; z-index: 4000; display: none; pointer-events: none; background: var(--bg-card); color: var(--text-main); border: 1px solid var(--border-color); border-radius: 8px; padding: 8px 10px; box-shadow: 0 6px 20px rgba(0,0,0,0.25); font-size: 0.85em; max-width: 260px; }
@@ -147,5 +160,3 @@ table.ov-heat td { padding: 0; text-align: center; border: 0; background: none;
     .ov-bar-row { grid-template-columns: 128px 1fr 32px; }
     .ov-bar-label { font-size: 0.82em; }
 }
-/* the drill-down list scrolls inside its card, so its header sticks to the card's top */
-#overview .ov-table thead th { top: 0 !important; z-index: 2; }