feat(records): govern lifecycle recovery and transfer evidence

webui/src/styles/records.css

@@ -290,6 +290,106 @@
   line-height: 1.55;
 }
 
+.records-lifecycle-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+  padding: 10px 0;
+  border-bottom: var(--border-line);
+}
+
+.records-lifecycle-evidence {
+  display: grid;
+  gap: 12px;
+  padding-top: 12px;
+}
+
+.records-lifecycle-evidence > dl,
+.records-recovery-result dl {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 1px;
+  overflow: hidden;
+  margin: 0;
+  border: var(--border-line);
+  border-radius: var(--radius-sm);
+  background: var(--line);
+}
+
+.records-lifecycle-evidence > dl > div,
+.records-recovery-result dl > div {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 4px;
+  padding: 9px 10px;
+  background: var(--surface);
+}
+
+.records-lifecycle-evidence dt,
+.records-recovery-result dt {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.records-lifecycle-evidence dd,
+.records-recovery-result dd {
+  overflow-wrap: anywhere;
+  margin: 0;
+  font-weight: 700;
+}
+
+.records-evidence-list {
+  display: grid;
+  gap: 1px;
+  border-bottom: var(--border-line);
+}
+
+.records-evidence-list > strong {
+  color: var(--muted);
+  font-size: 12px;
+  text-transform: uppercase;
+}
+
+.records-evidence-list > div {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 38px;
+  border-top: var(--border-line);
+  padding: 5px 0;
+}
+
+.records-evidence-list > div > span:first-child {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.records-evidence-list small {
+  color: var(--muted);
+  padding-bottom: 7px;
+}
+
+.records-evidence-actions {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 5px;
+}
+
+.records-recovery-result {
+  display: grid;
+  gap: 12px;
+}
+
+.records-recovery-result dl {
+  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
+}
+
 .records-detail-section {
   margin-top: 24px;
 }
@@ -457,6 +557,10 @@
   .records-facts {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+
+  .records-lifecycle-evidence > dl {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
 
 @media (max-width: 900px) {
@@ -503,6 +607,8 @@
   }
 
   .records-facts,
+  .records-lifecycle-evidence > dl,
+  .records-recovery-result dl,
   .records-access-explanation dl,
   .records-dialog-form {
     grid-template-columns: 1fr;