feat: align risk compliance with shared UI foundations

src/govoplan_risk_compliance/backend/manifest.py

@@ -21,6 +21,7 @@ from govoplan_core.core.modules import (
     ModuleManifest,
     NavItem,
     PermissionDefinition,
+    ProductAreaContribution,
     RoleTemplate,
 )
 from govoplan_core.core.sanctions import (
@@ -454,6 +455,17 @@ manifest = ModuleManifest(
                 surface_id="risk_compliance.navigation",
             ),
         ),
+        product_areas=(
+            ProductAreaContribution(
+                id="data-assurance",
+                module_id=MODULE_ID,
+                label="i18n:govoplan-core.product_area.data_assurance",
+                icon="database-zap",
+                description="i18n:govoplan-core.product_area.data_assurance_description",
+                surface_ids=("risk_compliance.navigation", "risk_compliance.workspace"),
+                order=60,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(
                 id="risk_compliance.sanctions.sources",

webui/src/styles/risk-compliance.css

@@ -28,9 +28,9 @@
 
 .risk-count {
   min-width: 18px;
-  border-radius: 9px;
+  border-radius: var(--radius-md);
   background: var(--accent);
-  color: #fff;
+  color: var(--on-dark);
   padding: 1px 5px;
   font-size: 10px;
   text-align: center;
@@ -228,7 +228,7 @@
   min-height: 0;
   flex-direction: column;
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--surface);
   overflow: hidden;
 }
@@ -355,7 +355,7 @@
   flex: 0 0 38px;
   place-items: center;
   border: 1px solid var(--warning-border);
-  border-radius: 4px;
+  border-radius: var(--radius-sm);
   background: var(--warning-soft);
   color: var(--text-strong);
   font-weight: 700;
@@ -452,7 +452,7 @@
   gap: 14px;
 }
 
-@media (max-width: 920px) {
+@media (max-width: 900px) {
   .risk-workspace {
     overflow: auto;
   }