feat: integrate ITWorx branding and refine cockpit UX

docs/ai/BACKLOG.yaml

@@ -1880,6 +1880,120 @@ tasks:
       fail-fast deployhelper toegevoegd. Interactieve lokale SVG-radar met pointerparallax, dark/light en reduced-motionfallback
       toegevoegd. Browsermatrix 390/1280 zonder overflow of consolefouten; 265 tests groen. Live image sha256:4d30e01e778777d5a2cde4339a9b2ad006edb25cae387293737420152d65069d
       healthy en readiness/CSS/JS HTTP 200.
+- id: VR-218
+  title: Personaliseer merkidentiteit en verfijn de globale UX
+  status: done
+  priority: P1
+  requirement_ids:
+  - NFR-004
+  - NFR-008
+  - NFR-009
+  depends_on:
+  - VR-217
+  summary: Vervang het generieke favicon door een herkenbaar radarsymbool, voeg configureerbare eigenaarssignatuur
+    toe en verfijn shell, oriëntatie, navigatie en micro-interacties tot een coherente persoonlijke premiumervaring.
+  acceptance_criteria:
+  - Favicon en hoofdlogo delen één scherp, lokaal en op 16 px herkenbaar radarsymbool met passende light/dark browsermetadata
+    en zonder externe assets.
+  - De shell en authenticatieschermen tonen VacatureRadar als product en een configureerbare eigenaarssignatuur
+    met veilige standaardwaarde Jens; deze branding wordt niet uit gebruikersdata of nepdata afgeleid.
+  - De topbar geeft compacte paginaoriëntatie, navigatie-/zoekinteracties hebben duidelijkere focus- en hoverstates
+    en mobiele bruikbaarheid blijft intact zonder extra bediening of JavaScriptafhankelijkheid.
+  - Browsercontrole op dashboard, verkenner, profiel en login bij 390 en 1280 px in donker en licht thema toont
+    geen overflow, consolefout of onduidelijke hiërarchie; live container en assets zijn healthy na deployment.
+  verification:
+  - uv run pytest tests/e2e/test_vr114_browser_and_accessibility.py tests/integration/test_auth_login.py tests/integration/test_views.py
+  - Browsermatrix 390x844 en 1280x800 in donker en licht thema
+  - Live favicon-, logo-, readiness- en containerhealth-smoke
+  - ./scripts/codex_verify.sh
+  primary_paths:
+  - apps/core/context_processors.py
+  - static/favicon.svg
+  - static/img/vacatureradar-logo.svg
+  - templates/base.html
+  - templates/registration
+  - static/css/premium.css
+  - static/css/auth.css
+  result:
+    completed_at: '2026-07-26'
+    note: Persoonlijke Jens-branding, vernieuwd radarbeeldmerk en favicon, contextuele bovenbalk en verfijnde navigatie/zoekfocus
+      zijn regressiegedekt, responsief in de browser gevalideerd en live uitgerold als healthy image sha256:5f25f00c9b7efb166587901ff39b02c56c98fb9946ddef0a4546a22f18dc0802.
+- id: VR-219
+  title: Herstel ultrawide uitlijning en versterk persoonlijke merklock-up
+  status: done
+  priority: P1
+  requirement_ids:
+  - NFR-004
+  - NFR-008
+  depends_on:
+  - VR-218
+  summary: Breng de cockpit op brede schermen terug naar één voorspelbaar horizontaal grid en maak de persoonlijke
+    Jens-signatuur tot een herkenbaar onderdeel van de productbranding in plaats van losse metadata.
+  acceptance_criteria:
+  - Header, filters, hoofdpanelen en onderliggende secties delen op desktop en ultrawide hetzelfde startpunt en
+    dezelfde contentbreedte; er ontstaat geen grote toevallige lege linkerkolom.
+  - Verkenner en automatisering benutten 1920- en 3840-pixelbreedtes evenwichtig zonder uitgerekte leesregels, losgekoppelde
+    panelen of documentoverflow.
+  - Sidebar en bovenbalk tonen één consistente VacatureRadar-by-Jens-merklock-up; authenticatie en mobiele shell
+    behouden dezelfde eigenaarssignatuur zonder gebruikersnaam als merk te presenteren.
+  - Browsercontrole op 390, 1280, 1920 en 3840 px bevestigt consistente ankers, bruikbare paneelverhoudingen, schone
+    console en intacte toetsenbord-/mobiele flows.
+  verification:
+  - Browsermatrix dashboard, verkenner, automatisering en login op 390/1280/1920/3840 px
+  - uv run pytest tests/integration/test_auth_login.py tests/integration/test_views.py
+  - ./scripts/codex_verify.sh
+  primary_paths:
+  - templates/base.html
+  - static/css/layout.css
+  - static/css/premium.css
+  - static/css/responsive.css
+  result:
+    completed_at: '2026-07-26'
+    note: Ultrawide hoofdsecties delen één links verankerd 2800px-grid; explorer- en automationverhoudingen zijn
+      begrensd en Personal intelligence by Jens is de consistente lock-up. Browsermatrix 390/1280/1920/3840 schoon;
+      267 tests groen; live image sha256:86836f82cc543a7adb414e47b9667e9123bb9ceba10d629a53086273aaaae03f healthy
+      met readiness en asset-smokes.
+- id: VR-220
+  title: Integreer de officiële ITWorx-merkidentiteit
+  status: done
+  priority: P1
+  requirement_ids:
+  - NFR-004
+  - NFR-008
+  - NFR-009
+  depends_on:
+  - VR-219
+  summary: Vervang de tijdelijke tekstuele Jens-branding door de door de eigenaar aangeleverde officiële ITWorx.tech-wordmark
+    en cloud-check-identiteit, met VacatureRadar herkenbaar als product binnen dat merk.
+  acceptance_criteria:
+  - Sidebar, login en herstelpagina's gebruiken de transparante officiële ITWorx.tech-wordmark uit het aangeleverde
+    asset pack; VacatureRadar blijft duidelijk als productnaam aanwezig.
+  - Browserfavicon en app-/Dockericoon gebruiken de officiële cloud-check-symboliek in een compacte transparante,
+    lokaal gehoste en voor klein formaat geoptimaliseerde variant.
+  - Merkassets hebben betekenisvolle alt-/toegankelijkheidslabels, laden zonder externe runtimebron en blijven scherp
+    en leesbaar in donker/licht thema en op mobiel.
+  - Browsercontrole op login, dashboard en verkenner bij 390, 1280 en 1920 px toont correcte assets, geen overflow
+    of consolefouten; de live container levert brandingassets en readiness met HTTP 200.
+  verification:
+  - Controleer afmetingen, transparantie en bestandsgrootte van de afgeleide merkassets
+  - uv run pytest tests/integration/test_auth_login.py tests/integration/test_views.py tests/unit/test_deployment_configuration.py
+  - Browsermatrix 390/1280/1920 voor login, dashboard en verkenner
+  - Live asset-, favicon-, readiness- en containerhealth-smoke
+  - ./scripts/codex_verify.sh
+  primary_paths:
+  - static/img/itworx-wordmark.png
+  - static/img/itworx-app-icon.png
+  - static/img/vacatureradar-docker.png
+  - templates/base.html
+  - templates/registration
+  - static/css/premium.css
+  - static/css/auth.css
+  result:
+    completed_at: '2026-07-26'
+    note: Officiële aangeleverde ITWorx.tech-wordmark geïntegreerd in sidebar, topbar, login en herstel; cloud-check
+      exact afgeleid voor 512px favicon/app-icon en 256px Dockermanicoon. Browsermatrix 390/1280/1920 schoon, 267
+      tests groen en live image sha256:daf34407813b37cdf2d0fc65a482ded65375f89eedd3f0144a8c0ce206d41565 healthy
+      met readiness/PNG-smokes.
 - id: VR-301
   title: Multi-tenant SaaS, teams en billing
   status: deferred