feat: complete TASK-WP2-05 generation submission

apps/web/src/project-pages.css

@@ -370,6 +370,93 @@
   font-size: 13px;
 }
 
+.current-task-active {
+  display: grid;
+  gap: 22px;
+  align-content: start;
+  margin-top: 28px;
+  padding-top: 18px;
+  border-top: 1px solid #a6a6a0;
+}
+
+.current-task-active .task-state {
+  justify-self: start;
+  padding: 7px 10px;
+  border: 1px solid #111111;
+  background: #f2f500;
+  font-family: Consolas, monospace;
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.current-task-active > strong {
+  overflow-wrap: anywhere;
+  font-size: 20px;
+  line-height: 1.4;
+}
+
+.current-task-active dl {
+  display: grid;
+  gap: 0;
+  margin: 0;
+  border-top: 1px solid #b6b6b0;
+}
+
+.current-task-active dl > div {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 11px 0;
+  border-bottom: 1px solid #b6b6b0;
+}
+
+.current-task-active dt {
+  color: #65655f;
+}
+
+.current-task-active dd {
+  margin: 0;
+  font-weight: 800;
+}
+
+.current-task-active a {
+  color: #111111;
+  font-weight: 800;
+}
+
+.capacity-critical,
+.generation-notice {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  margin-top: 12px;
+  padding: 12px 14px;
+  border: 1px solid #111111;
+}
+
+.capacity-critical {
+  background: #ffdf66;
+}
+
+.capacity-critical span,
+.generation-notice span {
+  font-size: 13px;
+}
+
+.generation-notice {
+  background: #ffffff;
+}
+
+.generation-notice button {
+  flex: 0 0 auto;
+  min-height: 38px;
+  padding: 7px 12px;
+  border: 1px solid #111111;
+  background: #f2f500;
+  font-weight: 800;
+}
+
 .recent-projects {
   grid-column: 1;
   margin-top: 28px;
@@ -1167,6 +1254,12 @@
     text-align: left;
   }
 
+  .capacity-critical,
+  .generation-notice {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
   .projects-title {
     display: grid;
   }