feat: align portal with shared UI foundations

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",

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;