Show critical curation state in the editor and tables

src/RolemasterDb.App/wwwroot/app.css

@@ -314,6 +314,37 @@ textarea {
     min-height: 100%;
 }
 
+.critical-cell-status-row {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.critical-cell-status-chip,
+.critical-editor-curation-badge {
+    display: inline-flex;
+    align-items: center;
+    border-radius: 999px;
+    padding: 0.18rem 0.55rem;
+    font-size: 0.72rem;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    border: 1px solid transparent;
+}
+
+.critical-cell-status-chip.is-curated,
+.critical-editor-curation-badge.is-curated {
+    background: rgba(102, 138, 83, 0.16);
+    border-color: rgba(102, 138, 83, 0.34);
+    color: #45613a;
+}
+
+.critical-cell-status-chip.needs-curation,
+.critical-editor-curation-badge.needs-curation {
+    background: rgba(184, 121, 59, 0.16);
+    border-color: rgba(184, 121, 59, 0.34);
+    color: #8a5b21;
+}
+
 .critical-cell-footer {
     margin-top: auto;
     display: flex;
@@ -629,6 +660,18 @@ textarea {
     outline: none;
 }
 
+.critical-table-cell.is-curated {
+    background:
+        linear-gradient(135deg, rgba(102, 138, 83, 0.16), transparent 34%),
+        rgba(255, 255, 255, 0.85);
+}
+
+.critical-table-cell.needs-curation {
+    background:
+        linear-gradient(135deg, rgba(184, 121, 59, 0.18), transparent 34%),
+        rgba(255, 255, 255, 0.85);
+}
+
 .critical-table td .critical-cell {
     display: flex;
     flex-direction: column;
@@ -763,6 +806,13 @@ textarea {
     margin-bottom: 0;
 }
 
+.critical-editor-status-row {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-top: 0.55rem;
+}
+
 .critical-editor-body {
     flex: 1 1 auto;
     min-height: 0;
@@ -778,6 +828,34 @@ textarea {
     gap: 0.85rem;
 }
 
+.critical-editor-source-grid {
+    display: grid;
+    gap: 0.85rem;
+    grid-template-columns: minmax(240px, 0.8fr) minmax(320px, 1.2fr);
+}
+
+.critical-editor-status-card,
+.critical-editor-source-card {
+    align-content: start;
+}
+
+.critical-editor-curation-toggle {
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+    font-family: var(--font-heading);
+    color: #5b4327;
+}
+
+.critical-editor-source-image {
+    width: 100%;
+    max-height: 340px;
+    object-fit: contain;
+    border-radius: 14px;
+    border: 1px solid rgba(127, 96, 55, 0.14);
+    background: rgba(255, 255, 255, 0.96);
+}
+
 .critical-editor-section h4,
 .critical-editor-subsection h5 {
     margin: 0;
@@ -1164,7 +1242,8 @@ textarea {
     }
 
     .critical-editor-effect-row-main,
-    .critical-editor-branch-line {
+    .critical-editor-branch-line,
+    .critical-editor-source-grid {
         grid-template-columns: 1fr;
     }