GUI: alle Tabs nutzen volle Fensterbreite (kein .wide-Sonderfall mehr)

app/web/src/main.js

@@ -23,7 +23,6 @@ function applyTheme(t) {
 }
 
 function render() {
-  app.classList.toggle('wide', state.tab === 'recordings');
   const theme = document.documentElement.dataset.theme || 'dark';
   app.innerHTML = `
     <header class="topbar">

app/web/src/style.css

@@ -64,10 +64,10 @@ body {
   font: 15px/1.5 system-ui, "Segoe UI", Roboto, sans-serif;
   transition: background .2s, color .2s;
 }
-#app { max-width: 860px; margin: 0 auto; padding: 16px; }
-/* Aufnahmen-Tab: volle Fensterbreite nutzen (Liste bleibt 340px fix, das
-   Detail bekommt den Rest — vorher kappte 1180px auf großen Monitoren). */
-#app.wide { max-width: none; padding: 16px 28px; }
+/* Volle Fensterbreite für ALLE Tabs. Früher war nur „Aufnahmen“ breit (.wide)
+   und der Rest auf 860px zentriert — dadurch sprang die Kopfzeile beim
+   Tabwechsel in die Mitte. */
+#app { max-width: none; margin: 0 auto; padding: 16px 28px; }
 
 /* ---- Topbar / Brand ---- */
 .topbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 6px 0 14px; }
@@ -324,7 +324,7 @@ body.resizing { cursor: col-resize; user-select: none; }
 .lanes { flex: 1 1 100%; }
 
 @media (max-width: 800px) {
-  #app.wide { max-width: 860px; }
+  #app { padding: 16px; }
   .rec-layout { flex-direction: column; }
   .rec-list-pane { flex: none !important; width: 100%; position: static; max-height: 340px; }
   .rec-splitter { display: none; }