fix: validate responsive Stitch cockpit

static/css/pages.css

@@ -260,7 +260,8 @@
 .config-disclosure summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; color: var(--text-muted); }
 .preference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
 .profile-savebar { position: sticky; z-index: 15; bottom: 16px; padding: 9px; border: 1px solid var(--outline); background: color-mix(in srgb, var(--surface-lowest) 92%, transparent); backdrop-filter: blur(16px); }
-.profile-preview { display: grid; gap: 14px; }
+.profile-preview { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 14px; }
+.profile-preview > * { min-width: 0; }
 .preview-panel { border-color: color-mix(in srgb, var(--cyan) 34%, var(--outline)); box-shadow: var(--shadow-signal); }
 .preview-vacancy { margin: 15px 0; padding: 16px; border: 1px solid var(--outline); background: var(--surface-lowest); }
 .profile-index-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@@ -367,6 +368,7 @@
 .automation-kpis strong, .automation-kpis small { display: block; }
 .automation-kpis strong { margin: 15px 0 4px; color: var(--text-strong); font: 650 32px var(--font-headline); }
 .automation-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .5fr); align-items: start; gap: 14px; }
+.automation-layout > * { min-width: 0; }
 .automation-source-table, .technical-log-panel { padding: 18px; border: 1px solid color-mix(in srgb, var(--outline) 42%, transparent); background: var(--surface-container); }
 .technical-log-panel { background: var(--surface-lowest); }
 .live-log { display: grid; max-height: 520px; overflow-y: auto; margin-bottom: 15px; }

static/js/app.js

@@ -11,10 +11,15 @@
     if (storedTheme === "light" || storedTheme === "dark") root.dataset.theme = storedTheme;
   } catch { /* Persistent storage is optional. */ }
 
-  document.querySelector("[data-theme-toggle]")?.addEventListener("click", (event) => {
+  const themeToggle = document.querySelector("[data-theme-toggle]");
+  const updateThemeLabel = () => {
+    themeToggle?.setAttribute("aria-label", root.dataset.theme === "light" ? "Donker thema activeren" : "Licht thema activeren");
+  };
+  updateThemeLabel();
+  themeToggle?.addEventListener("click", () => {
     const next = root.dataset.theme === "light" ? "dark" : "light";
     root.dataset.theme = next;
-    event.currentTarget.setAttribute("aria-label", next === "light" ? "Donker thema activeren" : "Licht thema activeren");
+    updateThemeLabel();
     try { localStorage.setItem("vacatureradar-theme", next); } catch { /* Current page still updates. */ }
   });