From a15f59975619eb6b1b543ef872720f81beeafbfa Mon Sep 17 00:00:00 2001
From: Albrecht Degering <albrecht@degering.name>
Date: Tue, 18 Aug 2026 21:32:42 +0200
Subject: [PATCH] feat: align portal with shared UI foundations

---
 src/govoplan_portal/backend/manifest.py | 12 ++++++++++++
 webui/src/styles/portal.css             |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/govoplan_portal/backend/manifest.py b/src/govoplan_portal/backend/manifest.py
index 847ba95..441e02f 100644
--- a/src/govoplan_portal/backend/manifest.py
+++ b/src/govoplan_portal/backend/manifest.py
@@ -18,6 +18,7 @@ from govoplan_core.core.modules import (
     ModuleManifest,
     NavItem,
     PermissionDefinition,
+    ProductAreaContribution,
     RoleTemplate,
 )
 from govoplan_core.core.provider_governance import (
@@ -146,6 +147,17 @@ manifest = ModuleManifest(
                 order=25,
             ),
         ),
+        product_areas=(
+            ProductAreaContribution(
+                id="services-cases",
+                module_id=MODULE_ID,
+                label="i18n:govoplan-core.product_area.services_cases",
+                icon="landmark",
+                description="i18n:govoplan-core.product_area.services_cases_description",
+                surface_ids=("portal.nav.portal", "portal.route.portal"),
+                order=20,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(
                 id="portal.navigation",
diff --git a/webui/src/styles/portal.css b/webui/src/styles/portal.css
index 3ab60fe..82d7f8e 100644
--- a/webui/src/styles/portal.css
+++ b/webui/src/styles/portal.css
@@ -58,7 +58,7 @@
   min-height: 56px;
   padding: 9px 12px;
   border: 1px solid var(--border);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--surface-raised);
   color: var(--text);
   text-align: left;
@@ -95,7 +95,7 @@
   padding: 16px;
   border: 1px solid var(--border);
   border-left: 3px solid var(--accent);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--surface-raised);
 }
 
@@ -132,7 +132,7 @@
 
 .portal-service-metadata span {
   padding: 3px 7px;
-  border-radius: 4px;
+  border-radius: var(--radius-sm);
   background: var(--surface-muted);
   color: var(--text-soft);
   font-size: 0.78rem;