feat: align templates with shared UI foundations

src/govoplan_templates/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 declared_module_architecture
@@ -284,6 +285,17 @@ manifest = ModuleManifest(
                 order=75,
             ),
         ),
+        product_areas=(
+            ProductAreaContribution(
+                id="records-documents",
+                module_id=MODULE_ID,
+                label="i18n:govoplan-core.product_area.records_documents",
+                icon="folder",
+                description="i18n:govoplan-core.product_area.records_documents_description",
+                surface_ids=("templates.nav.templates", "templates.route.templates"),
+                order=30,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(id="templates.page", module_id=MODULE_ID, kind="route", label="Templates", order=75),
             ViewSurface(id="templates.library", module_id=MODULE_ID, kind="section", label="Template library", order=10),

webui/src/styles/templates.css

@@ -41,7 +41,7 @@
 .templates-history-badges { display: flex; align-items: center; gap: 6px; }
 .templates-dialog-form { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(180px, .7fr); gap: 12px; min-width: min(560px, 80vw); }
 
-@media (max-width: 980px) {
+@media (max-width: 1100px) {
   .templates-definition-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .templates-definition-fields .form-field:nth-child(5) { grid-column: auto; }
   .templates-layout-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@@ -49,7 +49,7 @@
   .templates-render-result dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 760px) {
   .templates-page { height: auto; min-height: calc(100vh - 100px); overflow: visible; }
   .templates-workspace-toolbar { align-items: flex-start; flex-wrap: wrap; }
   .templates-toolbar-actions { flex-wrap: wrap; }