feat: align risk compliance with shared UI foundations

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;
   }