Add minimal SVG icon system for signal types

Replace emoji icons with inline SVG for WiFi, Bluetooth, and RF/SDR
indicators. Icons are standard symbols (arc, rune, wave) designed for
screenshot legibility in reports.

- Add Icons utility object in utils.js with SVG generators
- Add icon CSS system with sizing variants and state animations
- Update TSCM scanner indicators and capabilities bar
- Remove decorative sensor type emojis (text labels suffice)
- Keep signal strength SVG bars (already implemented)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

templates/index.html

@@ -1398,15 +1398,15 @@
                     <!-- Capabilities Summary Bar -->
                     <div id="tscmCapabilitiesBar" class="tscm-capabilities-bar" style="display: none;">
                         <div class="cap-item" id="capWifi" title="WiFi Capability">
-                            <span class="cap-icon">📶</span>
+                            <span class="cap-icon icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.55a11 11 0 0 1 14.08 0"/><path d="M1.42 9a16 16 0 0 1 21.16 0"/><path d="M8.53 16.11a6 6 0 0 1 6.95 0"/><circle cx="12" cy="20" r="1" fill="currentColor" stroke="none"/></svg></span>
                             <span class="cap-status" id="capWifiStatus">--</span>
                         </div>
                         <div class="cap-item" id="capBt" title="Bluetooth Capability">
-                            <span class="cap-icon">🔵</span>
+                            <span class="cap-icon icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6.5 6.5 17.5 17.5 12 22 12 2 17.5 6.5 6.5 17.5"/></svg></span>
                             <span class="cap-status" id="capBtStatus">--</span>
                         </div>
                         <div class="cap-item" id="capRf" title="RF/SDR Capability">
-                            <span class="cap-icon">📡</span>
+                            <span class="cap-icon icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12c0-3 2-6 5-6s4 3 5 6c1 3 2 6 5 6s5-3 5-6"/></svg></span>
                             <span class="cap-status" id="capRfStatus">--</span>
                         </div>
                         <div class="cap-item" id="capRoot" title="Privilege Level">
@@ -1505,7 +1505,10 @@
                                 <span class="badge" id="tscmThreatCount">0</span>
                             </div>
                             <div class="tscm-panel-content" id="tscmThreatList">
-                                <div class="tscm-empty">No threats detected</div>
+                                <div class="tscm-empty">
+                                    <div class="tscm-empty-primary">No anomalies detected</div>
+                                    <div class="tscm-empty-secondary">Start a sweep to scan for signals of interest</div>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -8293,7 +8296,7 @@
                 assessment = `MODERATE CONCERN: ${needsReview.length} item(s) requiring further review`;
                 assessmentClass = 'needs-review';
             } else {
-                assessment = 'LOW CONCERN: No significant threats detected. Environment appears normal.';
+                assessment = 'LOW CONCERN: No anomalies flagged by automated scan. Manual inspection recommended for comprehensive assessment.';
             }
 
             // Helper function to render device row
@@ -8986,7 +8989,7 @@
         function updateHighInterestPanel() {
             const panel = document.getElementById('tscmThreatList');
             if (tscmHighInterestDevices.length === 0) {
-                panel.innerHTML = '<div class="tscm-empty">No flagged findings yet</div>';
+                panel.innerHTML = '<div class="tscm-empty"><div class="tscm-empty-primary">Monitoring active — nothing flagged</div><div class="tscm-empty-secondary">Signals are being analyzed against baseline thresholds. This does not rule out passive or dormant devices.</div></div>';
             } else {
                 // Sort by score (highest first)
                 const sorted = [...tscmHighInterestDevices].sort((a, b) => b.score - a.score);
@@ -9475,7 +9478,7 @@
             // Update threats list
             const threatList = document.getElementById('tscmThreatList');
             if (tscmThreats.length === 0) {
-                threatList.innerHTML = '<div class="tscm-empty">No threats detected</div>';
+                threatList.innerHTML = '<div class="tscm-empty"><div class="tscm-empty-primary">Monitoring active — nothing flagged</div><div class="tscm-empty-secondary">Signals are being analyzed against baseline thresholds. This does not rule out passive or dormant devices.</div></div>';
             } else {
                 threatList.innerHTML = '<div class="tscm-threat-list">' + tscmThreats.map(t => `
                     <div class="tscm-threat-item ${t.severity}">
@@ -9797,19 +9800,19 @@
                             <h4>Available Detection Methods</h4>
                             <div class="capabilities-grid">
                                 <div class="cap-detail-item ${wifiAvailable ? 'available' : 'unavailable'}">
-                                    <span class="cap-icon">📶</span>
+                                    <span class="cap-icon icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.55a11 11 0 0 1 14.08 0"/><path d="M1.42 9a16 16 0 0 1 21.16 0"/><path d="M8.53 16.11a6 6 0 0 1 6.95 0"/><circle cx="12" cy="20" r="1" fill="currentColor" stroke="none"/></svg></span>
                                     <span class="cap-name">WiFi Scanning</span>
                                     <span class="cap-status">${wifiAvailable ? caps.wifi.mode : 'Not Available'}</span>
                                     ${caps.wifi?.interface ? `<span class="cap-detail">${escapeHtml(caps.wifi.interface)}</span>` : ''}
                                 </div>
                                 <div class="cap-detail-item ${btAvailable ? 'available' : 'unavailable'}">
-                                    <span class="cap-icon">🔵</span>
+                                    <span class="cap-icon icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6.5 6.5 17.5 17.5 12 22 12 2 17.5 6.5 6.5 17.5"/></svg></span>
                                     <span class="cap-name">Bluetooth Scanning</span>
                                     <span class="cap-status">${btAvailable ? caps.bluetooth.mode : 'Not Available'}</span>
                                     ${caps.bluetooth?.adapter ? `<span class="cap-detail">${escapeHtml(caps.bluetooth.adapter)}</span>` : ''}
                                 </div>
                                 <div class="cap-detail-item ${rfAvailable ? 'available' : 'unavailable'}">
-                                    <span class="cap-icon">📡</span>
+                                    <span class="cap-icon icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12c0-3 2-6 5-6s4 3 5 6c1 3 2 6 5 6s5-3 5-6"/></svg></span>
                                     <span class="cap-name">RF/SDR Scanning</span>
                                     <span class="cap-status">${rfAvailable ? 'Available' : 'Not Available'}</span>
                                     ${caps.rf?.device_type ? `<span class="cap-detail">${escapeHtml(caps.rf.device_type)}</span>` : ''}