feat: align addresses with shared UI foundations

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,