refactor(ui): separate diff dots with distinct colors, align modal badges

Replace 2 combined dots with 4 individual dots per diff type:
- CUI/TVA (red), Denumire (orange), Adresa (blue), Pret (green)
- Remove redundant price column from dashboard table
- Add --compare design token (orange) for denomination mismatches
- Align modal badge colors with table dot colors (4 separate CSS classes)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

api/app/static/css/style.css

@@ -48,6 +48,10 @@
     --cancelled: #78716C;
     --cancelled-light: #F5F5F4;
 
+    --compare: #EA580C;
+    --compare-light: #FFF7ED;
+    --compare-text: #9A3412;
+
     /* Border radius */
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -93,6 +97,10 @@
 
     --cancelled: #78716C;
     --cancelled-light: rgba(120,113,108,0.15);
+
+    --compare: #EA580C;
+    --compare-light: rgba(234,88,12,0.15);
+    --compare-text: #FB923C;
 }
 
 /* Dark mode overrides for elements with hardcoded colors */
@@ -1179,7 +1187,9 @@ tr.mapping-deleted td {
 /* Diff-type badges (reuses .anaf-badge sizing per DESIGN.md type scale minimum) */
 .diff-badge { display:inline-block; font-family:var(--font-body); font-size:12px; font-weight:500; padding:2px 8px; border-radius:9999px; margin-left:4px; vertical-align:middle; }
 .diff-badge-anaf { background:var(--error-light); color:var(--error-text); }
-.diff-badge-info { background:var(--warning-light); color:var(--warning-text); }
+.diff-badge-denumire { background:var(--compare-light); color:var(--compare-text); }
+.diff-badge-addr { background:var(--info-light); color:var(--info-text); }
+.diff-badge-price { background:var(--success-light); color:var(--success-text); }
 
 /* ── Compact order detail layout ──────────────── */
 .detail-col-label {