feat: align addresses with shared UI foundations

src/govoplan_addresses/backend/manifest.py

@@ -26,6 +26,7 @@ from govoplan_core.core.modules import (
     ModuleManifest,
     NavItem,
     PermissionDefinition,
+    ProductAreaContribution,
     RoleTemplate,
 )
 from govoplan_core.core.provider_governance import (
@@ -313,6 +314,17 @@ manifest = ModuleManifest(
         package_name="@govoplan/addresses-webui",
         routes=(FrontendRoute(path="/address-book", component="AddressBookPage", required_any=("addresses:contact:read",), order=80),),
         nav_items=(NavItem(path="/address-book", label="Address Book", icon="book-user", required_any=("addresses:contact:read",), order=80),),
+        product_areas=(
+            ProductAreaContribution(
+                id="people-responsibility",
+                module_id="addresses",
+                label="i18n:govoplan-core.product_area.people_responsibility",
+                icon="users",
+                description="i18n:govoplan-core.product_area.people_responsibility_description",
+                surface_ids=("addresses.nav.address.book", "addresses.route.address.book"),
+                order=70,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(id="addresses.page", module_id="addresses", kind="route", label="Address Book", order=80),
             ViewSurface(id="addresses.sources", module_id="addresses", kind="section", label="Address sources", order=10),

webui/src/styles/addresses.css

@@ -9,7 +9,7 @@
   justify-content: space-between;
   gap: 16px;
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--panel-soft);
   padding: 14px;
 }
@@ -189,7 +189,7 @@
 .address-import-preview > .address-sync-plan-grid > div {
   background: var(--panel-soft);
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   display: grid;
   gap: 2px;
   padding: 9px 10px;
@@ -406,7 +406,7 @@
 .address-tag {
   background: var(--panel-soft);
   border: var(--border-line);
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   color: var(--muted);
   display: inline-flex;
   font-size: 0.75rem;
@@ -553,7 +553,7 @@
 
 .address-member-candidate-list {
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   display: grid;
   max-height: min(460px, calc(100vh - 300px));
   overflow: auto;
@@ -598,7 +598,7 @@
 
 .address-form-section {
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   display: grid;
   gap: 10px;
   padding: 12px;
@@ -678,7 +678,7 @@
 
 .address-quality-list {
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   max-height: 300px;
   overflow: auto;
 }
@@ -809,7 +809,7 @@
   opacity: 0.72;
 }
 
-@media (max-width: 980px) {
+@media (max-width: 1100px) {
   .address-book-workspace,
   .address-form-row-email,
   .address-form-row-phone,