Wider details dialog, Card fields dialog like device details, no sideways chip scroll

- Details dialog is wider so the device name is never cut off.
- Overview list rows use the USMT Status colors (row color, ping color).
- Workbench on phones: the stack header no longer sits over the device list.
- Card fields uses the device-details dialog frame; bolder arrows; x to remove.
- Filter chips wrap onto more lines instead of scrolling sideways.

web/overview.js

@@ -568,9 +568,14 @@
             const td = (t, bold) => { const c = el('td'); if (bold) c.appendChild(el('b', null, t)); else c.textContent = t; c.title = t; return c; };
             row.appendChild(td(r['Source Device'], true));
             row.appendChild(td(r['Destination Device'] || 'N/A'));
-            row.appendChild(td(statusOf(r)));
-            row.appendChild(td(String(detail || '')));
+            row.appendChild(td(statusOf(r), true));
+            const dc = td(String(detail || ''));
+            // ping values colored like the USMT Status page
+            if (/^(Online|Timed Out|Not Found|DNS Issue)$/.test(String(detail || '')) && typeof getPingColor === 'function') { dc.style.color = getPingColor(detail); dc.style.fontWeight = 'bold'; }
+            row.appendChild(dc);
             row.appendChild(td(r.Tags || 'None'));
+            // same row colors as the USMT Status page
+            try { const bg = themes[currentTheme].groupColors[r['Backup Status']]; if (bg) row.style.backgroundColor = bg; } catch (e) {}
             row.onclick = () => showDeviceDetails(r['Source Device']);
             tb.appendChild(row);
         });
@@ -641,7 +646,7 @@
     function signature() {
         const a = g('apiData'), sc = g('softwareCache') || {}, docs = g('availableDocs') || [];
         return [Array.isArray(a) ? a.length : 0, JSON.stringify(a || []).length, Object.keys(g('advancedDataCache') || {}).length,
-            Object.keys(sc).length, docs.length, g('globalDataLastUpdated'), Math.floor(Date.now() / 300000)].join('|');
+            Object.keys(sc).length, docs.length, g('globalDataLastUpdated'), g('currentTheme'), Math.floor(Date.now() / 300000)].join('|');
     }
     function maybeRender(force) {
         if (!visible()) return;