優化 PPT 產線工作隊列

web/static/css/page-ppt-audit-history.css

@@ -318,6 +318,105 @@
   overflow-wrap: anywhere;
 }
 
+.ppt-action-queue {
+  margin-top: var(--momo-space-4, 16px);
+  padding: var(--momo-space-4, 16px);
+  border: 1px solid var(--obs-line);
+  border-radius: var(--momo-radius-lg, 8px);
+  background:
+    radial-gradient(circle, rgba(45, 40, 32, 0.08) 1px, transparent 1.2px),
+    rgba(255, 255, 255, 0.5);
+  background-size: 10px 10px, auto;
+  box-shadow: var(--momo-shadow-md, 0 16px 38px rgba(70, 46, 28, 0.08));
+}
+
+.ppt-action-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: var(--momo-space-3, 12px);
+}
+
+.ppt-action-lane {
+  display: grid;
+  gap: var(--momo-space-3, 12px);
+  align-content: start;
+  min-height: 246px;
+  padding: var(--momo-space-3, 12px);
+  border: 1px solid var(--obs-line);
+  border-radius: var(--momo-radius-lg, 8px);
+  background: rgba(255, 255, 255, 0.58);
+  border-top: 4px solid var(--obs-blue);
+}
+
+.ppt-action-lane.is-ready {
+  border-top-color: var(--obs-green);
+}
+
+.ppt-action-lane.is-partial,
+.ppt-action-lane.is-planned {
+  border-top-color: var(--obs-amber);
+}
+
+.ppt-action-lane.is-error {
+  border-top-color: var(--obs-red);
+}
+
+.ppt-action-lane-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--momo-space-2, 8px);
+}
+
+.ppt-action-lane-head strong {
+  color: var(--obs-ink);
+  font-size: var(--momo-text-headline, 22px);
+  line-height: 1;
+}
+
+.ppt-action-list {
+  display: grid;
+  gap: var(--momo-space-2, 8px);
+}
+
+.ppt-action-item,
+.ppt-action-empty {
+  padding: var(--momo-space-2, 8px);
+  border: 1px solid rgba(86, 64, 48, 0.12);
+  border-radius: var(--momo-radius-md, 6px);
+  background: rgba(255, 248, 239, 0.54);
+}
+
+.ppt-action-item strong {
+  display: block;
+  color: var(--obs-ink);
+  font-size: var(--momo-text-body, 14px);
+  line-height: 1.35;
+  overflow-wrap: anywhere;
+}
+
+.ppt-action-item small,
+.ppt-action-item p,
+.ppt-action-empty {
+  color: var(--obs-muted);
+  font-size: var(--momo-text-caption, 12px);
+  line-height: 1.5;
+}
+
+.ppt-action-item p {
+  margin: var(--momo-space-1, 4px) 0 0;
+  overflow-wrap: anywhere;
+}
+
+.ppt-action-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--momo-space-2, 8px);
+  flex-wrap: wrap;
+  margin-top: var(--momo-space-2, 8px);
+}
+
 .ppt-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.2fr) minmax(330px, 0.8fr);
@@ -651,6 +750,10 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .ppt-action-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .ppt-deck-rail {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -670,6 +773,7 @@
   .ppt-mini-grid,
   .ppt-deck-rail,
   .ppt-stage-grid,
+  .ppt-action-grid,
   .ppt-coverage-score,
   .ppt-coverage-list {
     grid-template-columns: 1fr;