Add governed public form intake

webui/src/styles/forms-runtime.css

@@ -124,6 +124,66 @@
   min-width: 0;
 }
 
+.form-public-content {
+  width: min(100%, 900px);
+  margin: 0 auto;
+}
+
+.form-public-content > header {
+  padding-bottom: 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.form-public-content > header h1 {
+  margin: 0;
+  font-size: 1.45rem;
+  letter-spacing: 0;
+}
+
+.form-public-content > header p {
+  max-width: 70ch;
+  margin: 7px 0 0;
+  color: var(--text-soft);
+}
+
+.form-public-attachments {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 16px 0;
+  border-top: 1px solid var(--border);
+}
+
+.form-public-attachments h2 {
+  margin: 0;
+  font-size: 0.98rem;
+  letter-spacing: 0;
+}
+
+.form-public-attachments .file-drop-zone {
+  min-height: 118px;
+}
+
+.form-public-attachment-list {
+  border-top: 1px solid var(--border);
+}
+
+.form-public-attachment-list > div {
+  display: flex;
+  min-height: 42px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  border-bottom: 1px solid var(--border);
+}
+
+.form-public-attachment-list > div > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .form-instance-main > header {
   padding-bottom: 16px;
   border-bottom: 1px solid var(--border);
@@ -230,6 +290,135 @@
   font-size: 0.84rem;
 }
 
+.form-instance-evidence {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px 0;
+  border-top: 1px solid var(--border);
+}
+
+.form-evidence-heading,
+.form-acknowledgement-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.form-evidence-heading h2,
+.form-intake-dialog h3 {
+  margin: 0;
+  font-size: 0.98rem;
+  letter-spacing: 0;
+}
+
+.form-evidence-heading > span,
+.form-acknowledgement-row small {
+  color: var(--text-soft);
+  font-size: 0.78rem;
+}
+
+.form-instance-evidence .file-drop-zone {
+  min-height: 104px;
+}
+
+.form-acknowledgement-row {
+  padding: 12px 0;
+  border-top: 1px solid var(--border);
+}
+
+.form-acknowledgement-row > span {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.form-intake-dialog {
+  width: min(980px, calc(100vw - 40px));
+}
+
+.form-intake-create,
+.form-intake-profiles {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.form-intake-profiles {
+  margin-top: 24px;
+}
+
+.form-intake-create-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  align-items: end;
+  gap: 12px;
+}
+
+.form-intake-create-grid label {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.form-intake-create-grid label > span {
+  color: var(--text-soft);
+  font-size: 0.8rem;
+}
+
+.form-intake-create-button {
+  justify-self: start;
+}
+
+.form-intake-profile-row {
+  display: grid;
+  grid-template-columns: minmax(220px, 1fr) auto auto auto;
+  align-items: center;
+  gap: 10px 14px;
+  min-height: 62px;
+  padding: 10px 0;
+  border-top: 1px solid var(--border);
+}
+
+.form-intake-profile-main {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.form-intake-profile-main strong,
+.form-intake-profile-main small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.form-intake-profile-main small,
+.form-intake-empty {
+  color: var(--text-soft);
+  font-size: 0.78rem;
+}
+
+.form-intake-profile-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 7px;
+}
+
+.form-intake-link {
+  grid-column: 1 / -1;
+  overflow: hidden;
+  color: var(--text-soft);
+  font-size: 0.75rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .form-receipt {
   flex-direction: column;
 }
@@ -385,6 +574,25 @@
     flex-direction: column;
   }
 
+  .form-evidence-heading,
+  .form-acknowledgement-row {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .form-intake-create-grid,
+  .form-intake-profile-row {
+    grid-template-columns: 1fr;
+  }
+
+  .form-intake-profile-actions {
+    justify-content: flex-start;
+  }
+
+  .form-intake-link {
+    grid-column: auto;
+  }
+
   .form-handoff-create,
   .form-handoff-row {
     align-items: stretch;