D0 Part 4: settings visual pass + remaining pages; grep gate zero

- settings.html: Aktív/Inaktív rows -> run-blue check / neutral gray
  (Inaktív no longer red), update states -> run/crit/progress with
  sprite check/x/spinner, pencil + cancel buttons -> icons, storage
  badges -> tags, host-disk bar + JS drive capBar -> meters
  (usageColorClass -> nominal/warn/crit), state-text-* consumers on the
  new suffixes incl. JS-built class names.
- debug.html, app_info.html, storage_init/attach.html, logs.html:
  emoji -> sprite icons or plain text in templates AND JS strings.
- catchall.html (standalone, no sprite): v2 token sweep of its inline
  style, status emoji -> inline SVGs; a stopped app renders neutral,
  not red.
- login.html: two-tone H1 (last word blue-bright).
- setup_hub_versions.html: stale var(--border,#30363d) fallback -> v2.
- Test Group F grep gate: all 34 banned patterns at ZERO across
  internal/web + internal/setup; Scenario E test now asserts the
  '--bg-0: #0A1220' token literal.

controller/internal/web/templates/debug.html

@@ -6,7 +6,7 @@
 </div>
 
 <div class="debug-banner">
-    ⚠ Debug mód aktív — ez az oldal csak fejlesztéshez és hibaelhárításhoz
+    <svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg> Debug mód aktív — ez az oldal csak fejlesztéshez és hibaelhárításhoz
 </div>
 
 <!-- Section 1: System Diagnostic -->
@@ -417,7 +417,7 @@ function loadBackupStatus() {
         if (!data.ok) { document.getElementById('backup-status').innerHTML = '<span class="text-muted">Nem elérhető</span>'; return; }
         var d = data.data || {};
         var html = '<div class="debug-kv-grid">';
-        html += '<span>Állapot:</span><span>' + (d.running ? '🔄 Fut' : '✅ Kész') + '</span>';
+        html += '<span>Állapot:</span><span>' + (d.running ? 'Fut...' : 'Kész') + '</span>';
         if (d.last_db_dump) html += '<span>Utolsó DB dump:</span><span>' + fmtTime(d.last_db_dump) + '</span>';
         if (d.last_backup) html += '<span>Utolsó restic:</span><span>' + fmtTime(d.last_backup) + '</span>';
         if (d.snapshot_count !== undefined) html += '<span>Snapshotok:</span><span>' + d.snapshot_count + '</span>';
@@ -512,7 +512,7 @@ function loadSelfUpdateStatus() {
         if (u.last_check) {
             html += '<span>Jelenlegi:</span><span class="mono">' + u.last_check.current_version + '</span>';
             html += '<span>Legújabb:</span><span class="mono">' + u.last_check.latest_version + '</span>';
-            html += '<span>Frissítés:</span><span>' + (u.last_check.update_available ? '<span class="state-text-green">Elérhető</span>' : 'Naprakész') + '</span>';
+            html += '<span>Frissítés:</span><span>' + (u.last_check.update_available ? '<span class="state-text-run">Elérhető</span>' : 'Naprakész') + '</span>';
         }
         html += '</div>';
         document.getElementById('selfupdate-status').innerHTML = html;
@@ -531,7 +531,7 @@ function loadDRStatus() {
             html += '<table class="info-table debug-table"><tr><th>Meghajtó</th><th>Cimke</th><th>Állapot</th><th>Utolsó módosítás</th><th>Fájlok</th></tr>';
             d.drives.forEach(function(dr) {
                 var files = (dr.files || []).join(', ') || '-';
-                html += '<tr><td class="mono">' + dr.path + '</td><td>' + (dr.label||'-') + '</td><td>' + (dr.has_backup ? '✅ Van' : '❌ Nincs') + '</td><td>' + (dr.last_modified ? fmtTime(dr.last_modified) : '-') + '</td><td class="text-muted" style="font-size:.75rem">' + files + '</td></tr>';
+                html += '<tr><td class="mono">' + dr.path + '</td><td>' + (dr.label||'-') + '</td><td>' + (dr.has_backup ? 'Van' : '<span class="state-text-warn">Nincs</span>') + '</td><td>' + (dr.last_modified ? fmtTime(dr.last_modified) : '-') + '</td><td class="text-muted" style="font-size:.75rem">' + files + '</td></tr>';
             });
             html += '</table>';
         } else {
@@ -731,11 +731,11 @@ function renderAppExportStatus(d) {
         return;
     }
     var html = '<div class="debug-kv-grid">';
-    html += '<dt>Debug mód</dt><dd>' + (d.debug_enabled ? '<span class="state-text-green">Aktív</span>' : 'Inaktív') + '</dd>';
+    html += '<dt>Debug mód</dt><dd>' + (d.debug_enabled ? '<span class="state-text-run">Aktív</span>' : 'Inaktív') + '</dd>';
     html += '<dt>Verzió</dt><dd class="mono">' + (d.version||'-') + '</dd>';
     html += '<dt>Csomagok</dt><dd>' + (d.bundle_count||0) + ' db</dd>';
     html += '<dt>Temp fájlok</dt><dd>' + (d.stale_temp_count||0) + ' db';
-    if (d.stale_temp_count > 0) html += ' <span style="color:var(--warn)">⚠</span>';
+    if (d.stale_temp_count > 0) html += ' <span style="color:var(--warn)"><svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg></span>';
     html += '</dd>';
     html += '</div>';
 
@@ -746,7 +746,7 @@ function renderAppExportStatus(d) {
         html += '<div class="debug-kv-grid">';
         html += '<dt>Típus</dt><dd>' + (j.job_type||'-') + '</dd>';
         html += '<dt>Stack</dt><dd>' + (j.display_name || j.stack_name || '-') + '</dd>';
-        html += '<dt>Állapot</dt><dd>' + (j.running ? '🔄 Fut' : j.done ? '✅ Kész' : '⏸ Várakozik') + '</dd>';
+        html += '<dt>Állapot</dt><dd>' + (j.running ? 'Fut...' : j.done ? 'Kész' : 'Várakozik') + '</dd>';
         if (j.error) html += '<dt>Hiba</dt><dd class="debug-result-error">' + escapeHtml(j.error) + '</dd>';
         if (j.output_path) html += '<dt>Kimenet</dt><dd class="mono" style="font-size:.75rem">' + escapeHtml(j.output_path) + '</dd>';
         if (j.output_size) html += '<dt>Méret</dt><dd>' + j.output_size + '</dd>';
@@ -754,7 +754,7 @@ function renderAppExportStatus(d) {
         if (j.steps && j.steps.length > 0) {
             html += '<div style="margin-top:.5rem">';
             j.steps.forEach(function(s) {
-                var icon = s.status === 'done' ? '✓' : s.status === 'running' ? '⟳' : s.status === 'failed' ? '✗' : '○';
+                var icon = s.status === 'done' ? '&#10003;' : s.status === 'running' ? '&#8635;' : s.status === 'failed' ? '&#215;' : '&#9675;';
                 var cls = s.status === 'failed' ? 'color:var(--crit)' : s.status === 'done' ? 'color:var(--blue)' : s.status === 'running' ? 'color:var(--blue)' : 'color:var(--text-3)';
                 html += '<div style="font-size:.85rem;padding:.1rem 0;' + cls + '">' + icon + ' ' + escapeHtml(s.label);
                 if (s.error) html += ' <span style="font-size:.8rem">(' + escapeHtml(s.error) + ')</span>';
@@ -769,7 +769,7 @@ function renderAppExportStatus(d) {
         html += '<h4 style="margin-top:.75rem">Export könyvtárak</h4>';
         html += '<table class="info-table debug-table"><tr><th>Útvonal</th><th>Cimke</th><th>Létezik</th></tr>';
         d.export_dirs.forEach(function(dir) {
-            html += '<tr><td class="mono" style="font-size:.75rem">' + escapeHtml(dir.path) + '</td><td>' + (dir.label||'-') + '</td><td>' + (dir.exists ? '✅' : '❌') + '</td></tr>';
+            html += '<tr><td class="mono" style="font-size:.75rem">' + escapeHtml(dir.path) + '</td><td>' + (dir.label||'-') + '</td><td>' + (dir.exists ? 'igen' : '<span class="state-text-warn">nincs</span>') + '</td></tr>';
         });
         html += '</table>';
     }
@@ -836,8 +836,8 @@ function renderAppBundles(bundles) {
         html += '<td>' + (b.size_human || '-') + '</td>';
         html += '<td>' + escapeHtml(b.drive_label || b.drive_path) + '</td>';
         html += '<td>' + (b.encrypted ? '🔒' : '-') + '</td>';
-        html += '<td>' + (b.has_db ? '✅' : '-') + '</td>';
-        html += '<td>' + (b.needs_hdd ? '✅' : '-') + '</td>';
+        html += '<td>' + (b.has_db ? 'igen' : '-') + '</td>';
+        html += '<td>' + (b.needs_hdd ? 'igen' : '-') + '</td>';
         html += '<td class="mono" style="font-size:.7rem;max-width:200px;overflow:hidden;text-overflow:ellipsis">' + escapeHtml(b.path) + '</td>';
         html += '</tr>';
     });