feat: align forms runtime with shared UI foundations

src/govoplan_forms_runtime/backend/manifest.py

@@ -28,6 +28,7 @@ from govoplan_core.core.modules import (
     ModuleManifest,
     NavItem,
     PermissionDefinition,
+    ProductAreaContribution,
     PublicFrontendRoute,
     RoleTemplate,
 )
@@ -271,6 +272,21 @@ manifest = ModuleManifest(
                 order=37,
             ),
         ),
+        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=(
+                    "forms_runtime.nav.forms.runtime",
+                    "forms_runtime.route.forms.runtime",
+                    "forms_runtime.route.forms.runtime.instanceid",
+                ),
+                order=20,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(
                 id="forms_runtime.navigation",

webui/src/styles/forms-runtime.css

@@ -466,7 +466,7 @@
   font-size: 0.78rem;
 }
 
-@media (max-width: 860px) {
+@media (max-width: 900px) {
   .form-instance-content {
     grid-template-columns: 1fr;
   }