Add manual critical table cell editor

src/RolemasterDb.App/wwwroot/app.css

@@ -540,6 +540,22 @@ textarea {
     padding: 0;
 }
 
+.critical-table-cell {
+    position: relative;
+}
+
+.critical-table-cell.is-editable {
+    cursor: pointer;
+    transition: background-color 0.16s ease, box-shadow 0.16s ease;
+}
+
+.critical-table-cell.is-editable:hover,
+.critical-table-cell.is-editable:focus-visible {
+    background: rgba(255, 248, 232, 0.98);
+    box-shadow: inset 0 0 0 2px rgba(184, 121, 59, 0.4);
+    outline: none;
+}
+
 .critical-table td .critical-cell {
     display: flex;
     flex-direction: column;
@@ -600,6 +616,111 @@ textarea {
     font-size: 0.95rem;
 }
 
+.critical-editor-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 1050;
+    display: flex;
+    justify-content: center;
+    align-items: stretch;
+    padding: 1.25rem;
+    background: rgba(38, 26, 20, 0.44);
+    backdrop-filter: blur(4px);
+}
+
+.critical-editor-dialog {
+    width: min(1100px, 100%);
+    max-height: 100%;
+    display: flex;
+    flex-direction: column;
+    border-radius: 24px;
+    background: rgba(255, 250, 242, 0.98);
+    border: 1px solid rgba(127, 96, 55, 0.18);
+    box-shadow: 0 28px 60px rgba(41, 22, 11, 0.24);
+}
+
+.critical-editor-header,
+.critical-editor-footer {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 1rem;
+    padding: 1rem 1.25rem;
+    border-bottom: 1px solid rgba(127, 96, 55, 0.12);
+}
+
+.critical-editor-footer {
+    border-top: 1px solid rgba(127, 96, 55, 0.12);
+    border-bottom: none;
+    align-items: center;
+}
+
+.critical-editor-close {
+    white-space: nowrap;
+}
+
+.critical-editor-meta {
+    margin-bottom: 0;
+}
+
+.critical-editor-body {
+    overflow: auto;
+    padding: 1rem 1.25rem 1.25rem;
+    display: grid;
+    gap: 1rem;
+}
+
+.critical-editor-section,
+.critical-editor-subsection {
+    display: grid;
+    gap: 0.85rem;
+}
+
+.critical-editor-section h4,
+.critical-editor-subsection h5 {
+    margin: 0;
+}
+
+.critical-editor-section-header,
+.critical-editor-card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+}
+
+.critical-editor-card {
+    display: grid;
+    gap: 0.85rem;
+    padding: 0.9rem;
+    border-radius: 16px;
+    background: rgba(255, 255, 255, 0.88);
+    border: 1px solid rgba(127, 96, 55, 0.15);
+}
+
+.critical-editor-card.nested {
+    background: rgba(252, 248, 238, 0.96);
+}
+
+.critical-editor-textarea {
+    min-height: 7rem;
+}
+
+.critical-editor-textarea.compact {
+    min-height: 4.5rem;
+}
+
+.critical-editor-textarea.tall {
+    min-height: 10rem;
+}
+
+.critical-editor-checkbox {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #5d4429;
+}
+
 @media (max-width: 640.98px) {
     .content-shell {
         padding: 1rem;
@@ -609,4 +730,18 @@ textarea {
     .panel {
         border-radius: 20px;
     }
+
+    .critical-editor-backdrop {
+        padding: 0.65rem;
+    }
+
+    .critical-editor-dialog {
+        width: 100%;
+    }
+
+    .critical-editor-header,
+    .critical-editor-footer {
+        flex-direction: column;
+        align-items: stretch;
+    }
 }