Add issue resolution confirmation workflow

frontend/app/ops-redesign.css

@@ -2863,6 +2863,80 @@ button:disabled,
   color: var(--request-green);
 }
 
+.issue-confirmation-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
+  padding: 18px;
+  border: 1px solid rgba(126, 215, 255, 0.34);
+  border-radius: var(--ops-radius-lg);
+  background: linear-gradient(120deg, rgba(14, 165, 233, 0.1), rgba(79, 70, 229, 0.07));
+}
+.issue-confirmation-card > div:first-child { display: grid; gap: 6px; }
+.issue-confirmation-card h3,
+.issue-confirmation-card p { margin: 0; }
+.issue-confirmation-card p,
+.issue-confirmation-card small { color: var(--ops-muted); line-height: 1.5; }
+.issue-confirmation-actions { display: flex; flex: 0 0 auto; gap: 8px; }
+.issue-activity-block {
+  display: grid;
+  gap: 12px;
+  padding: 16px;
+  border: 1px solid var(--ops-line-soft);
+  border-radius: var(--ops-radius-lg);
+  background: rgba(255, 255, 255, 0.018);
+}
+.issue-activity-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.issue-activity-heading h3 { margin: 0; }
+.issue-activity-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
+.issue-activity-list li {
+  display: grid;
+  grid-template-columns: 12px minmax(0, 1fr) auto;
+  align-items: start;
+  gap: 10px;
+  padding: 12px 0;
+  border-top: 1px solid var(--ops-line-soft);
+}
+.issue-activity-list li:first-child { border-top: 0; }
+.issue-activity-list i {
+  width: 9px;
+  height: 9px;
+  margin-top: 4px;
+  border: 2px solid rgba(126, 215, 255, 0.52);
+  border-radius: 50%;
+  background: rgba(14, 165, 233, 0.18);
+}
+.issue-activity-list li > div { display: grid; gap: 3px; min-width: 0; }
+.issue-activity-list strong { color: var(--ops-text); font-size: 0.78rem; line-height: 1.45; }
+.issue-activity-list span,
+.issue-activity-list time { color: var(--ops-muted); font-size: 0.67rem; }
+.issue-activity-list time { white-space: nowrap; }
+
+@media (max-width: 640px) {
+  .issue-confirmation-card {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .issue-confirmation-actions {
+    display: grid;
+  }
+
+  .issue-confirmation-actions button {
+    width: 100%;
+  }
+
+  .issue-activity-list li {
+    grid-template-columns: 12px minmax(0, 1fr);
+  }
+
+  .issue-activity-list time {
+    grid-column: 2;
+    white-space: normal;
+  }
+}
+
 .issue-media-poster {
   display: grid;
   place-items: center;