feat(platform): separate ops quality as evidence layer

vehicle-data-platform/apps/web/src/styles/global.css

@@ -5624,6 +5624,69 @@ button.vp-realtime-command-item:focus-visible {
   line-height: 32px;
 }
 
+.vp-ops-evidence-layer-card {
+  margin-bottom: 16px;
+}
+
+.vp-ops-evidence-layer-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 14px;
+}
+
+.vp-ops-evidence-path-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.vp-ops-evidence-path-item {
+  min-height: 168px;
+  padding: 14px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  display: grid;
+  gap: 8px;
+  align-content: start;
+}
+
+.vp-ops-evidence-path-item:hover {
+  border-color: var(--vp-primary);
+  box-shadow: 0 10px 24px rgba(21, 101, 216, 0.08);
+}
+
+.vp-ops-evidence-path-title {
+  color: var(--vp-text);
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 22px;
+}
+
+.vp-ops-evidence-path-action {
+  color: var(--vp-primary);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 28px;
+}
+
+.vp-ops-evidence-path-evidence {
+  color: var(--vp-text);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.vp-ops-evidence-path-detail {
+  color: var(--vp-text-muted);
+  font-size: 13px;
+  line-height: 20px;
+}
+
 .vp-risk-runbook {
   margin-top: 12px;
   padding: 12px;
@@ -9865,6 +9928,7 @@ button.vp-realtime-command-item:focus-visible {
   .vp-notification-reachability-grid,
   .vp-sla-summary,
   .vp-risk-grid,
+  .vp-ops-evidence-path-grid,
   .vp-ops-action-grid,
   .vp-alert-ops-grid,
   .vp-stat-workspace,