snapshot: preserve custom field parity across forms timeline and pdf

backend/workflows/static/workflows/css/home.css

@@ -149,6 +149,114 @@
       line-height: 1.55;
     }
 
+    .ops-overview-card {
+      margin-bottom: 20px;
+      border: 1px solid var(--line);
+      border-radius: 18px;
+      background:
+        radial-gradient(120% 120% at 100% 0%, rgba(0, 0, 120, 0.08), rgba(0, 0, 120, 0)),
+        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,250,255,0.95));
+      padding: 18px;
+      box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
+    }
+
+    .ops-overview-head h2 {
+      margin: 0;
+      color: #17345e;
+      font-size: 20px;
+    }
+
+    .ops-overview-head p {
+      margin: 4px 0 0;
+      color: var(--muted);
+      font-size: 14px;
+    }
+
+    .ops-overview-grid {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(180px, 1fr));
+      gap: 12px;
+      margin-top: 14px;
+    }
+
+    .ops-stat-card {
+      border: 1px solid #dce6f2;
+      border-radius: 16px;
+      background: rgba(255,255,255,0.86);
+      padding: 14px;
+      display: grid;
+      gap: 6px;
+    }
+
+    .ops-stat-label {
+      color: #60738d;
+      font-size: 12px;
+      font-weight: 700;
+    }
+
+    .ops-stat-card strong {
+      color: #17345e;
+      font-size: 22px;
+      line-height: 1.1;
+    }
+
+    .ops-stat-card strong.is-error {
+      color: #a32020;
+    }
+
+    .ops-failure-list {
+      margin-top: 16px;
+      display: grid;
+      gap: 10px;
+    }
+
+    .ops-failure-head {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 10px;
+      flex-wrap: wrap;
+    }
+
+    .ops-failure-head h3 {
+      margin: 0;
+      color: #17345e;
+      font-size: 16px;
+    }
+
+    .ops-failure-items {
+      display: grid;
+      gap: 10px;
+    }
+
+    .ops-failure-item {
+      border: 1px solid #ead9d9;
+      border-radius: 14px;
+      background: rgba(255,248,248,0.92);
+      padding: 12px;
+      display: grid;
+      gap: 4px;
+    }
+
+    .ops-failure-item strong {
+      color: #7f1d1d;
+      font-size: 14px;
+    }
+
+    .ops-failure-item span {
+      color: #6f5b5b;
+      font-size: 13px;
+    }
+
+    .ops-failure-item code {
+      color: #6a1f1f;
+      background: rgba(255,255,255,0.6);
+      border-radius: 8px;
+      padding: 6px 8px;
+      font-size: 12px;
+      overflow-wrap: anywhere;
+    }
+
     .status-row {
       margin-top: 16px;
       display: flex;
@@ -605,6 +713,7 @@
 
     @media (max-width: 1080px) {
       .hero-grid { grid-template-columns: 1fr; }
+      .ops-overview-grid { grid-template-columns: 1fr 1fr; }
       .apps-grid { grid-template-columns: 1fr 1fr; }
       .admin-grid { grid-template-columns: 1fr 1fr; }
     }