feat: refine transparent brand and widescreen shell

tests/integration/test_views.py

@@ -30,7 +30,9 @@ def test_browser_favicon_and_product_brand_assets_are_local(client):
     wordmark = settings.BASE_DIR / "static" / "img" / "itworx-wordmark.png"
     for signature in ('stroke="#19d3e6"', 'stroke="#7df5ff"', 'fill="#45d69b"'):
         assert signature in favicon
-        assert signature in product_logo
+    assert 'stroke="#19d3e6"' in product_logo
+    assert 'fill="#36c990"' in product_logo
+    assert "<rect" not in product_logo
     assert 'viewBox="0 0 64 64"' in favicon
     assert wordmark.read_bytes().startswith(b"\x89PNG\r\n\x1a\n")
     assert wordmark.stat().st_size < 100_000
@@ -48,6 +50,8 @@ def test_today_loads_for_user(client, user, profile):
     assert "Intelligence cockpit" in body
     assert "Ontwikkeld door" in body
     assert 'aria-label="Ontwikkeld door ITWorx.tech"' in body
+    assert 'class="sidebar-footer"' in body
+    assert 'class="sidebar-account"' not in body
     assert "Dagoverzicht" in body
     assert 'content="VacatureRadar"' in body
 
@@ -57,13 +61,15 @@ def test_premium_layout_uses_one_bounded_ultrawide_grid():
     assert "--content-frame: 1720px" in css
     assert "width: min(100%, var(--content-frame))" in css
     assert ".topbar-inner" in css
+    assert "--content-frame: 2200px" in css
+    assert "--content-frame: 2480px" in css
     assert "@media (min-width: 1800px)" in css
     assert "minmax(650px, 880px) minmax(760px, 1fr)" in css
 
 
 def test_css_imports_share_the_release_cache_version():
     css = (settings.BASE_DIR / "static" / "css" / "app.css").read_text(encoding="utf-8")
-    assert css.count("?v=0.3.9") == 7
+    assert css.count("?v=0.3.11") == 7
 
 
 @pytest.mark.integration