diff --git a/apps/portal/src/app/features/licensing/components/ApplicationSummary.tsx b/apps/portal/src/app/features/licensing/components/ApplicationSummary.tsx
new file mode 100644
index 000000000..d071e8a42
--- /dev/null
+++ b/apps/portal/src/app/features/licensing/components/ApplicationSummary.tsx
@@ -0,0 +1,88 @@
+import { Divider, Paper, Stack, Table, Text, Title } from "@mantine/core";
+import {
+  conditionHolds,
+  type Attachment,
+  type FormSectionConfig,
+  type LicenseTypeRequirements,
+} from "@ema-platform/api";
+import { DocumentSlots } from "./DocumentSlots";
+
+interface Props {
+  /** Every form section (not just the "review" group) in wizard-step order. */
+  sections: FormSectionConfig[];
+  formData: Record<string, Record<string, unknown>>;
+  localized: (value: { en?: string; am?: string } | undefined) => string;
+  config: LicenseTypeRequirements;
+  attachments: Attachment[];
+  applicationId: string;
+}
+
+/**
+ * Read-only "what was filed" view for a submitted application: every
+ * answered section as a labelled table, then the uploaded documents.
+ *
+ * Shown instead of the wizard once there is nothing left to step through —
+ * the stepper is for filling a form in, not for re-reading one that is
+ * already someone else's decision to make.
+ */
+export function ApplicationSummary({
+  sections,
+  formData,
+  localized,
+  config,
+  attachments,
+  applicationId,
+}: Props) {
+  return (
+    <Paper withBorder p="lg" radius="md">
+      <Stack gap="lg">
+        {sections.map((section) => (
+          <div key={section.key}>
+            <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
+              {localized(section.title)}
+            </Text>
+            <Table withTableBorder withColumnBorders>
+              <Table.Tbody>
+                {(section.fields ?? [])
+                  .filter((f) => conditionHolds(f.showWhen, formData))
+                  .map((field) => (
+                    <Table.Tr key={field.key}>
+                      <Table.Td w="45%">
+                        <Text size="xs" c="dimmed">
+                          {localized(field.label)}
+                        </Text>
+                      </Table.Td>
+                      <Table.Td>
+                        <Text size="sm">
+                          {String(formData[section.key]?.[field.key] ?? "—")}
+                        </Text>
+                      </Table.Td>
+                    </Table.Tr>
+                  ))}
+              </Table.Tbody>
+            </Table>
+          </div>
+        ))}
+
+        <div>
+          <Divider mb="md" />
+          <Title order={5} mb="sm">
+            Documents
+          </Title>
+          <DocumentSlots
+            requirements={config.documentRequirements}
+            attachments={attachments}
+            formData={formData}
+            ownerType="APPLICATION"
+            ownerId={applicationId}
+            readOnly
+            onUploaded={() => {
+              // Read-only here — nothing to react to, but DocumentSlots
+              // requires the callback.
+            }}
+          />
+        </div>
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx b/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx
index 3c95453c2..827fdbc8f 100644
--- a/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx
+++ b/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx
@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useState } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useEffect, useMemo, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
 import {
   ActionIcon,
   Alert,
@@ -20,16 +20,16 @@ import {
   Text,
   TextInput,
   Title,
-} from '@mantine/core';
+} from "@mantine/core";
 import {
   IconAlertTriangle,
   IconCheck,
   IconInfoCircle,
   IconPlus,
   IconTrash,
-} from '@tabler/icons-react';
-import { notifications } from '@mantine/notifications';
-import { useTranslation } from 'react-i18next';
+} from "@tabler/icons-react";
+import { notifications } from "@mantine/notifications";
+import { useTranslation } from "react-i18next";
 import {
   buildWizardSteps,
   conditionHolds,
@@ -37,6 +37,8 @@ import {
   extractValidationIssues,
   useLocalized,
   validateSections,
+  STATUS_COLORS,
+  STATUS_LABELS,
   useAddStaffMutation,
   useCreateApplicationMutation,
   useGetApplicationQuery,
@@ -52,17 +54,34 @@ import {
   type FormFieldConfig,
   type ValidationIssue,
   type Vessel,
-} from '@ema-platform/api';
-import { getCountryCode, getCountryName, ModalFooter } from '@ema-platform/ui';
+} from "@ema-platform/api";
+import { getCountryCode, getCountryName, ModalFooter } from "@ema-platform/ui";
 import {
   LICENSE_PERMISSIONS,
   PORTAL_PERMISSIONS,
   RequirePermission,
   useCurrentProfile,
-} from '@ema-platform/auth';
-import { ConfigDrivenSection, fillFromVessel } from '../components/ConfigDrivenSection';
-import { DocumentSlots } from '../components/DocumentSlots';
-import { StaffEvidence } from '../components/StaffEvidence';
+} from "@ema-platform/auth";
+import { ApplicationSummary } from "../components/ApplicationSummary";
+import {
+  ConfigDrivenSection,
+  fillFromVessel,
+} from "../components/ConfigDrivenSection";
+import { DocumentSlots } from "../components/DocumentSlots";
+import { StaffEvidence } from "../components/StaffEvidence";
+
+/** Resolves a dot path (e.g. "profile.address.nationality") against a plain object. */
+function readSourcePath(context: Record<string, unknown>, path: string): unknown {
+  return path
+    .split(".")
+    .reduce<unknown>(
+      (acc, key) =>
+        acc && typeof acc === "object"
+          ? (acc as Record<string, unknown>)[key]
+          : undefined,
+      context,
+    );
+}
 
 /**
  * The applicant wizard, rendered entirely from the license type's
@@ -70,7 +89,7 @@ import { StaffEvidence } from '../components/StaffEvidence';
  * `typeCode` decides which configuration is loaded.
  */
 export function LicenseApplicationPage() {
-  const { typeCode = 'FREIGHT_FORWARDER', applicationId } = useParams();
+  const { typeCode = "FREIGHT_FORWARDER", applicationId } = useParams();
   const navigate = useNavigate();
   const { i18n } = useTranslation();
   const localized = useLocalized();
@@ -93,8 +112,8 @@ export function LicenseApplicationPage() {
       .then((app) => setAppId(app.id))
       .catch((err) =>
         notifications.show({
-          color: 'red',
-          title: 'Could not start application',
+          color: "red",
+          title: "Could not start application",
           message: extractErrorMessage(err),
         }),
       );
@@ -105,23 +124,37 @@ export function LicenseApplicationPage() {
   });
   const { data: attachments = [], refetch: refetchAttachments } =
     useGetAttachmentsQuery(
-      { ownerType: 'APPLICATION', ownerId: appId as string },
+      { ownerType: "APPLICATION", ownerId: appId as string },
       { skip: !appId },
     );
 
   const [patchSection] = usePatchSectionMutation();
-  const [submitApplication, { isLoading: submitting }] = useSubmitApplicationMutation();
-  const [resubmitApplication, { isLoading: resubmitting }] = useResubmitApplicationMutation();
+  const [submitApplication, { isLoading: submitting }] =
+    useSubmitApplicationMutation();
+  const [resubmitApplication, { isLoading: resubmitting }] =
+    useResubmitApplicationMutation();
   const [resolveRemark] = useResolveRemarkMutation();
   const [addStaff] = useAddStaffMutation();
   const [removeStaff] = useRemoveStaffMutation();
 
   const [active, setActive] = useState(0);
-  const [draft, setDraft] = useState<Record<string, Record<string, unknown>>>({});
+  // A submitted (or otherwise non-draft) application opens straight to a
+  // read-only summary — status up top, everything the applicant filled below
+  // — instead of the entry step of a stepper there is nothing left to step
+  // through. RESUBMIT_REQUIRED is still summary-first, but "Edit details"
+  // drops into the ordinary wizard on the flagged sections.
+  const [viewingSummary, setViewingSummary] = useState(true);
+  const [draft, setDraft] = useState<Record<string, Record<string, unknown>>>(
+    {},
+  );
   const [issues, setIssues] = useState<ValidationIssue[]>([]);
   const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});
   const [staffModal, setStaffModal] = useState<string | null>(null);
-  const [newStaff, setNewStaff] = useState({ fullName: '', position: '', yearsOfExperience: 0 });
+  const [newStaff, setNewStaff] = useState({
+    fullName: "",
+    position: "",
+    yearsOfExperience: 0,
+  });
 
   // Seed local edits from the server copy once it arrives.
   useEffect(() => {
@@ -145,10 +178,18 @@ export function LicenseApplicationPage() {
       ) => {
         for (const section of config.licenseType.formSchema.sections) {
           // English-pinned: matched against English substrings below ('nationality', 'fayda').
-          const field = section.fields.find((f) => matchField((f.label.en ?? '').toLowerCase(), f.key));
+          const field = section.fields.find((f) =>
+            matchField((f.label.en ?? "").toLowerCase(), f.key),
+          );
           if (!field) continue;
           if (next[section.key]?.[field.key]) return; // already set — leave it
-          next = { ...next, [section.key]: { ...next[section.key], [field.key]: toFieldValue(field) } };
+          next = {
+            ...next,
+            [section.key]: {
+              ...next[section.key],
+              [field.key]: toFieldValue(field),
+            },
+          };
           return;
         }
       };
@@ -158,15 +199,19 @@ export function LicenseApplicationPage() {
         // a CountrySelect (see ConfigDrivenSection), which takes alpha-2
         // codes regardless of the backend's configured field type.
         fill(
-          (label, key) => key === 'nationality' || label.includes('nationality'),
+          (label, key) =>
+            key === "nationality" || label.includes("nationality"),
           () => getCountryCode(address.nationality) ?? address.nationality,
         );
       }
-      if (address.idType === 'NID' && address.idNumber) {
+      if (address.idType === "NID" && address.idNumber) {
         fill(
           (label, key) =>
-            key === 'idNumber' || key === 'nationalId' || key === 'faydaNumber' ||
-            label.includes('fayda') || label.includes('national id'),
+            key === "idNumber" ||
+            key === "nationalId" ||
+            key === "faydaNumber" ||
+            label.includes("fayda") ||
+            label.includes("national id"),
           () => address.idNumber,
         );
       }
@@ -175,23 +220,59 @@ export function LicenseApplicationPage() {
     // Also re-run after the server seed effect (above) replaces `draft`
     // wholesale — that effect can resolve after this one, wiping the
     // prefill back out since the server's own draft has none of this yet.
-  }, [profile?.address, config, detail?.application?.id, detail?.application?.formData]);
+  }, [
+    profile?.address,
+    config,
+    detail?.application?.id,
+    detail?.application?.formData,
+  ]);
+
+  // Generic fill for every field the config marks `readOnly` with a
+  // `source` — e.g. seafarer registration's read-only Identity Details step,
+  // which shows what's already on the profile instead of asking again.
+  // `readOnly` fields are never sent by the applicant and the server skips
+  // them at validation, so this is display-only; the profile itself is what
+  // an edit has to go through.
+  useEffect(() => {
+    if (!profile || !config) return;
+    const context = { user: profile.user, profile };
+
+    setDraft((prev) => {
+      let changed = false;
+      const next = { ...prev };
+      for (const section of config.licenseType.formSchema.sections) {
+        for (const field of section.fields) {
+          if (!field.readOnly || !field.source) continue;
+          const value = readSourcePath(context, field.source);
+          if (value === undefined || value === null || value === "") continue;
+          if (next[section.key]?.[field.key] === value) continue;
+          next[section.key] = { ...next[section.key], [field.key]: value };
+          changed = true;
+        }
+      }
+      return changed ? next : prev;
+    });
+  }, [profile, config, detail?.application?.id, detail?.application?.formData]);
 
   const application = detail?.application;
-  const isAdjusting = application?.status === 'RESUBMIT_REQUIRED';
+  const isAdjusting = application?.status === "RESUBMIT_REQUIRED";
   const openRemarks = detail?.openRemarks ?? [];
 
   const flaggedSections = useMemo(
     () =>
       Object.fromEntries(
-        openRemarks.filter((r) => r.targetType === 'FORM_SECTION').map((r) => [r.targetKey, r.remark]),
+        openRemarks
+          .filter((r) => r.targetType === "FORM_SECTION")
+          .map((r) => [r.targetKey, r.remark]),
       ),
     [openRemarks],
   );
   const flaggedDocuments = useMemo(
     () =>
       Object.fromEntries(
-        openRemarks.filter((r) => r.targetType === 'DOCUMENT').map((r) => [r.targetKey, r.remark]),
+        openRemarks
+          .filter((r) => r.targetType === "DOCUMENT")
+          .map((r) => [r.targetKey, r.remark]),
       ),
     [openRemarks],
   );
@@ -219,7 +300,11 @@ export function LicenseApplicationPage() {
     );
   }
 
-  const readOnly = !['DRAFT', 'RESUBMIT_REQUIRED'].includes(application.status);
+  const readOnly = !["DRAFT", "RESUBMIT_REQUIRED"].includes(application.status);
+  // A DRAFT has nothing worth summarising yet, so it always opens straight
+  // into the wizard; every later status (including RESUBMIT_REQUIRED) opens
+  // to the summary first.
+  const showSummary = application.status !== "DRAFT" && viewingSummary;
 
   // Vessel Information and Current Ownership are separate form sections, so
   // ConfigDrivenSection (one instance per section) can't fill both itself —
@@ -245,9 +330,15 @@ export function LicenseApplicationPage() {
     const nationalityField = config?.licenseType.formSchema.sections
       .find((s) => s.key === sectionKey)
       // English-pinned: same reasoning as the fill() matcher above.
-      ?.fields.find((f) => f.key === 'nationality' || (f.label.en ?? '').toLowerCase().includes('nationality'));
+      ?.fields.find(
+        (f) =>
+          f.key === "nationality" ||
+          (f.label.en ?? "").toLowerCase().includes("nationality"),
+      );
     if (nationalityField && values[nationalityField.key]) {
-      values[nationalityField.key] = getCountryName(values[nationalityField.key] as string) || values[nationalityField.key];
+      values[nationalityField.key] =
+        getCountryName(values[nationalityField.key] as string) ||
+        values[nationalityField.key];
     }
     try {
       await patchSection({
@@ -257,8 +348,8 @@ export function LicenseApplicationPage() {
       }).unwrap();
     } catch (err) {
       notifications.show({
-        color: 'red',
-        title: 'Could not save',
+        color: "red",
+        title: "Could not save",
         message: extractErrorMessage(err),
       });
     }
@@ -267,13 +358,17 @@ export function LicenseApplicationPage() {
   async function handleSubmit() {
     setIssues([]);
     if (!readOnly && currentStep?.sections?.length) {
-      const errors = validateSections(currentStep.sections, draft, i18n.language);
+      const errors = validateSections(
+        currentStep.sections,
+        draft,
+        i18n.language,
+      );
       setFieldErrors(errors);
       if (Object.keys(errors).length) {
         notifications.show({
-          color: 'red',
-          title: 'Incomplete',
-          message: 'Complete the highlighted fields before submitting.',
+          color: "red",
+          title: "Incomplete",
+          message: "Complete the highlighted fields before submitting.",
         });
         return;
       }
@@ -282,29 +377,32 @@ export function LicenseApplicationPage() {
     try {
       if (isAdjusting) {
         for (const remark of openRemarks) {
-          await resolveRemark({ id: appId as string, remarkId: remark.id }).unwrap();
+          await resolveRemark({
+            id: appId as string,
+            remarkId: remark.id,
+          }).unwrap();
         }
         await resubmitApplication(appId as string).unwrap();
         notifications.show({
-          color: 'teal',
-          title: 'Resubmitted',
-          message: 'Your corrections were sent back to the reviewing officer.',
+          color: "teal",
+          title: "Resubmitted",
+          message: "Your corrections were sent back to the reviewing officer.",
         });
       } else {
         await submitApplication(appId as string).unwrap();
         notifications.show({
-          color: 'teal',
-          title: 'Application submitted',
-          message: 'You will be notified as it progresses.',
+          color: "teal",
+          title: "Application submitted",
+          message: "You will be notified as it progresses.",
         });
       }
-      navigate('/licensing/applications');
+      navigate("/licensing/applications");
     } catch (err) {
       const found = extractValidationIssues(err);
       setIssues(found);
       notifications.show({
-        color: 'red',
-        title: 'Application incomplete',
+        color: "red",
+        title: "Application incomplete",
         message: found.length
           ? `${found.length} item(s) still need attention.`
           : extractErrorMessage(err),
@@ -326,57 +424,62 @@ export function LicenseApplicationPage() {
     // is declared above that guard, so narrow it here too.
     if (!currentStep || !config) return true;
 
-    if (currentStep.kind === 'sections') {
-      const errors = validateSections(currentStep.sections, draft, i18n.language);
+    if (currentStep.kind === "sections") {
+      const errors = validateSections(
+        currentStep.sections,
+        draft,
+        i18n.language,
+      );
       setFieldErrors(errors);
       const count = Object.keys(errors).length;
       if (count > 0) {
         notifications.show({
-          color: 'red',
-          title: 'Incomplete',
-          message: `Complete ${count} required field${count > 1 ? 's' : ''} to continue.`,
+          color: "red",
+          title: "Incomplete",
+          message: `Complete ${count} required field${count > 1 ? "s" : ""} to continue.`,
         });
         return false;
       }
       return true;
     }
 
-    if (currentStep.kind === 'staff') {
+    if (currentStep.kind === "staff") {
       const missing = config.staffRoleRequirements
         .filter(
           (role) =>
-            (detail?.staff ?? []).filter((m) => m.roleKey === role.roleKey).length <
-            role.minCount,
+            (detail?.staff ?? []).filter((m) => m.roleKey === role.roleKey)
+              .length < role.minCount,
         )
         .map((role) => `${localized(role.name)} (${role.minCount} required)`);
       if (missing.length) {
         notifications.show({
-          color: 'red',
-          title: 'Staff incomplete',
-          message: `Still needed: ${missing.join(', ')}.`,
+          color: "red",
+          title: "Staff incomplete",
+          message: `Still needed: ${missing.join(", ")}.`,
         });
         return false;
       }
       return true;
     }
 
-    if (currentStep.kind === 'documents') {
+    if (currentStep.kind === "documents") {
       const supplied = new Set(
         attachments.filter((a) => a.files?.length).map((a) => a.documentKey),
       );
       const missing = config.documentRequirements
         .filter(
           (req) =>
-            req.mode === 'ALWAYS' ||
-            (req.mode === 'CONDITIONAL' && conditionHolds(req.conditionExpression, draft)),
+            req.mode === "ALWAYS" ||
+            (req.mode === "CONDITIONAL" &&
+              conditionHolds(req.conditionExpression, draft)),
         )
         .filter((req) => !supplied.has(req.key))
         .map((req) => localized(req.name));
       if (missing.length) {
         notifications.show({
-          color: 'red',
-          title: 'Documents missing',
-          message: `Upload: ${missing.slice(0, 3).join(', ')}${missing.length > 3 ? ` and ${missing.length - 3} more` : ''}.`,
+          color: "red",
+          title: "Documents missing",
+          message: `Upload: ${missing.slice(0, 3).join(", ")}${missing.length > 3 ? ` and ${missing.length - 3} more` : ""}.`,
         });
         return false;
       }
@@ -389,8 +492,9 @@ export function LicenseApplicationPage() {
   async function handleContinue() {
     // A locked step during an adjustment round has nothing to validate.
     if (!readOnly && !(await validateCurrentStep())) return;
-    if (currentStep?.kind === 'sections') {
-      for (const section of currentStep.sections) await saveSection(section.key);
+    if (currentStep?.kind === "sections") {
+      for (const section of currentStep.sections)
+        await saveSection(section.key);
     }
     setFieldErrors({});
     setActive((s) => Math.min(steps.length - 1, s + 1));
@@ -403,8 +507,9 @@ export function LicenseApplicationPage() {
       return;
     }
     if (!readOnly && !(await validateCurrentStep())) return;
-    if (currentStep?.kind === 'sections') {
-      for (const section of currentStep.sections) await saveSection(section.key);
+    if (currentStep?.kind === "sections") {
+      for (const section of currentStep.sections)
+        await saveSection(section.key);
     }
     setFieldErrors({});
     setActive(active + 1);
@@ -412,19 +517,36 @@ export function LicenseApplicationPage() {
 
   return (
     <Container size="lg" py="md">
-      <Group justify="space-between" mb="xs">
+      <Group justify="space-between" mb="xs" align="flex-start">
         <div>
           <Title order={3}>{localized(config.licenseType.name)}</Title>
-          <Text size="sm" c="dimmed">
-            {application.applicationNumber} ·{' '}
-            <Badge size="sm" variant="light">
-              {application.status.replace(/_/g, ' ')}
+          <Group gap="xs" mt={4}>
+            <Text size="sm" c="dimmed">
+              {application.applicationNumber}
+            </Text>
+            <Badge
+              size="sm"
+              variant="light"
+              color={STATUS_COLORS[application.status]}
+            >
+              {STATUS_LABELS[application.status]}
             </Badge>
-          </Text>
+          </Group>
         </div>
-        <Text size="sm" c="dimmed">
-          Fee: {config.fee ?? '—'} {config.feeCurrency}
-        </Text>
+        <Group gap="md" align="center">
+          <Text size="sm" c="dimmed">
+            Fee: {config.fee ?? "—"} {config.feeCurrency}
+          </Text>
+          {showSummary && isAdjusting && (
+            <Button
+              size="xs"
+              variant="default"
+              onClick={() => setViewingSummary(false)}
+            >
+              Edit details
+            </Button>
+          )}
+        </Group>
       </Group>
 
       {isAdjusting && (
@@ -448,7 +570,12 @@ export function LicenseApplicationPage() {
       )}
 
       {issues.length > 0 && (
-        <Alert color="red" icon={<IconAlertTriangle size={16} />} title="Still missing" mb="md">
+        <Alert
+          color="red"
+          icon={<IconAlertTriangle size={16} />}
+          title="Still missing"
+          mb="md"
+        >
           <Stack gap={2}>
             {issues.map((issue, i) => (
               <Text size="sm" key={i}>
@@ -459,42 +586,213 @@ export function LicenseApplicationPage() {
         </Alert>
       )}
 
-      <Paper withBorder p="lg" radius="md">
-        <Stepper active={active} onStepClick={goToStep} size="sm" mb="lg">
-          {steps.map((step) => (
-            <Stepper.Step key={step.key} label={step.label} />
-          ))}
-        </Stepper>
+      {showSummary && (
+        <ApplicationSummary
+          sections={sections}
+          formData={application.formData}
+          localized={localized}
+          config={config}
+          attachments={attachments}
+          applicationId={appId as string}
+        />
+      )}
 
-        {currentStep?.kind === 'sections' && (
-          <Stack gap="lg">
-            {currentStep.sections.map((section, index) => {
-              const locked = isAdjusting && !flaggedSections[section.key];
-              return (
+      {!showSummary && (
+        <Paper withBorder p="lg" radius="md">
+          <Stepper active={active} onStepClick={goToStep} size="sm" mb="lg">
+            {steps.map((step) => (
+              <Stepper.Step key={step.key} label={step.label} />
+            ))}
+          </Stepper>
+
+          {currentStep?.kind === "sections" && (
+            <Stack gap="lg">
+              {currentStep.sections.map((section, index) => {
+                const locked = isAdjusting && !flaggedSections[section.key];
+                return (
+                  <div key={section.key}>
+                    {index > 0 && <Divider mb="lg" />}
+                    <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
+                      {localized(section.title)}
+                    </Text>
+                    {locked && (
+                      <Alert
+                        color="gray"
+                        icon={<IconInfoCircle size={16} />}
+                        mb="md"
+                      >
+                        This section was accepted and is locked for this round.
+                      </Alert>
+                    )}
+                    <ConfigDrivenSection
+                      section={section}
+                      values={draft[section.key] ?? {}}
+                      formData={draft}
+                      onVesselSelected={handleVesselSelected}
+                      errors={fieldErrors}
+                      vessels={vessels}
+                      disabled={readOnly || locked}
+                      onChange={(key, value) => {
+                        setDraft((prev) => ({
+                          ...prev,
+                          [section.key]: {
+                            ...(prev[section.key] ?? {}),
+                            [key]: value,
+                          },
+                        }));
+                        // Clear the error as soon as the applicant addresses it.
+                        setFieldErrors((prev) => {
+                          const next = { ...prev };
+                          delete next[`${section.key}.${key}`];
+                          return next;
+                        });
+                      }}
+                    />
+                  </div>
+                );
+              })}
+            </Stack>
+          )}
+
+          {currentStep?.kind === "staff" && (
+            <Stack>
+              {config.staffRoleRequirements.map((role) => {
+                const members = (detail?.staff ?? []).filter(
+                  (s) => s.roleKey === role.roleKey,
+                );
+                return (
+                  <Card withBorder key={role.roleKey} padding="md">
+                    <Group justify="space-between" mb="xs">
+                      <div>
+                        <Text fw={600} size="sm">
+                          {localized(role.name)}
+                        </Text>
+                        <Text size="xs" c="dimmed">
+                          {members.length} of {role.minCount} required
+                          {role.requiredEvidence.length > 0 &&
+                            ` · each needs ${role.requiredEvidence
+                              .filter((e) => e.mandatory)
+                              .map((e) => localized(e.label))
+                              .join(", ")}`}
+                        </Text>
+                      </div>
+                      <Group gap="xs">
+                        {members.length >= role.minCount && (
+                          <Badge
+                            color="teal"
+                            size="sm"
+                            leftSection={<IconCheck size={10} />}
+                          >
+                            complete
+                          </Badge>
+                        )}
+                        {!readOnly && (
+                          <Button
+                            size="xs"
+                            variant="light"
+                            leftSection={<IconPlus size={14} />}
+                            onClick={() => setStaffModal(role.roleKey)}
+                          >
+                            Add
+                          </Button>
+                        )}
+                      </Group>
+                    </Group>
+
+                    <Stack gap="xs">
+                      {members.map((member) => (
+                        <Card
+                          withBorder
+                          key={member.id}
+                          padding="sm"
+                          radius="sm"
+                        >
+                          <Group
+                            justify="space-between"
+                            mb={member.id ? "xs" : 0}
+                          >
+                            <div>
+                              <Text size="sm" fw={500}>
+                                {member.fullName}
+                              </Text>
+                              <Text size="xs" c="dimmed">
+                                {member.position ?? "—"}
+                                {member.yearsOfExperience
+                                  ? ` · ${member.yearsOfExperience} yrs`
+                                  : ""}
+                              </Text>
+                            </div>
+                            {!readOnly && (
+                              <ActionIcon
+                                variant="subtle"
+                                color="red"
+                                onClick={async () => {
+                                  await removeStaff({
+                                    id: appId,
+                                    staffId: member.id,
+                                  });
+                                  refetch();
+                                }}
+                              >
+                                <IconTrash size={16} />
+                              </ActionIcon>
+                            )}
+                          </Group>
+                          <StaffEvidence
+                            staffId={member.id}
+                            evidence={role.requiredEvidence}
+                            readOnly={readOnly}
+                            onUploaded={refetch}
+                          />
+                        </Card>
+                      ))}
+                    </Stack>
+                  </Card>
+                );
+              })}
+            </Stack>
+          )}
+
+          {currentStep?.kind === "documents" && (
+            <DocumentSlots
+              requirements={config.documentRequirements}
+              attachments={attachments}
+              formData={draft}
+              ownerType="APPLICATION"
+              ownerId={appId}
+              flagged={flaggedDocuments}
+              restrictToFlagged={isAdjusting}
+              readOnly={readOnly}
+              onUploaded={() => {
+                refetchAttachments();
+                refetch();
+              }}
+            />
+          )}
+
+          {currentStep?.kind === "review" && (
+            <Stack>
+              {currentStep.sections.map((section) => (
                 <div key={section.key}>
-                  {index > 0 && <Divider mb="lg" />}
                   <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
                     {localized(section.title)}
                   </Text>
-                  {locked && (
-                    <Alert color="gray" icon={<IconInfoCircle size={16} />} mb="md">
-                      This section was accepted and is locked for this round.
-                    </Alert>
-                  )}
                   <ConfigDrivenSection
                     section={section}
+                    onVesselSelected={handleVesselSelected}
                     values={draft[section.key] ?? {}}
                     formData={draft}
-                    onVesselSelected={handleVesselSelected}
                     errors={fieldErrors}
                     vessels={vessels}
-                    disabled={readOnly || locked}
+                    disabled={readOnly}
                     onChange={(key, value) => {
                       setDraft((prev) => ({
                         ...prev,
-                        [section.key]: { ...(prev[section.key] ?? {}), [key]: value },
+                        [section.key]: {
+                          ...(prev[section.key] ?? {}),
+                          [key]: value,
+                        },
                       }));
-                      // Clear the error as soon as the applicant addresses it.
                       setFieldErrors((prev) => {
                         const next = { ...prev };
                         delete next[`${section.key}.${key}`];
@@ -502,204 +800,73 @@ export function LicenseApplicationPage() {
                       });
                     }}
                   />
+                  <Divider my="lg" />
                 </div>
-              );
-            })}
-          </Stack>
-        )}
-
-        {currentStep?.kind === 'staff' && (
-          <Stack>
-            {config.staffRoleRequirements.map((role) => {
-              const members = (detail?.staff ?? []).filter((s) => s.roleKey === role.roleKey);
-              return (
-                <Card withBorder key={role.roleKey} padding="md">
-                  <Group justify="space-between" mb="xs">
-                    <div>
-                      <Text fw={600} size="sm">
-                        {localized(role.name)}
-                      </Text>
-                      <Text size="xs" c="dimmed">
-                        {members.length} of {role.minCount} required
-                        {role.requiredEvidence.length > 0 &&
-                          ` · each needs ${role.requiredEvidence
-                            .filter((e) => e.mandatory)
-                            .map((e) => localized(e.label))
-                            .join(', ')}`}
-                      </Text>
-                    </div>
-                    <Group gap="xs">
-                      {members.length >= role.minCount && (
-                        <Badge color="teal" size="sm" leftSection={<IconCheck size={10} />}>
-                          complete
-                        </Badge>
-                      )}
-                      {!readOnly && (
-                        <Button
-                          size="xs"
-                          variant="light"
-                          leftSection={<IconPlus size={14} />}
-                          onClick={() => setStaffModal(role.roleKey)}
-                        >
-                          Add
-                        </Button>
-                      )}
-                    </Group>
-                  </Group>
-
-                  <Stack gap="xs">
-                    {members.map((member) => (
-                      <Card withBorder key={member.id} padding="sm" radius="sm">
-                        <Group justify="space-between" mb={member.id ? 'xs' : 0}>
-                          <div>
-                            <Text size="sm" fw={500}>
-                              {member.fullName}
-                            </Text>
-                            <Text size="xs" c="dimmed">
-                              {member.position ?? '—'}
-                              {member.yearsOfExperience
-                                ? ` · ${member.yearsOfExperience} yrs`
-                                : ''}
-                            </Text>
-                          </div>
-                          {!readOnly && (
-                            <ActionIcon
-                              variant="subtle"
-                              color="red"
-                              onClick={async () => {
-                                await removeStaff({ id: appId, staffId: member.id });
-                                refetch();
-                              }}
-                            >
-                              <IconTrash size={16} />
-                            </ActionIcon>
-                          )}
-                        </Group>
-                        <StaffEvidence
-                          staffId={member.id}
-                          evidence={role.requiredEvidence}
-                          readOnly={readOnly}
-                          onUploaded={refetch}
-                        />
-                      </Card>
-                    ))}
-                  </Stack>
-                </Card>
-              );
-            })}
-          </Stack>
-        )}
-
-        {currentStep?.kind === 'documents' && (
-          <DocumentSlots
-            requirements={config.documentRequirements}
-            attachments={attachments}
-            formData={draft}
-            ownerType="APPLICATION"
-            ownerId={appId}
-            flagged={flaggedDocuments}
-            restrictToFlagged={isAdjusting}
-            readOnly={readOnly}
-            onUploaded={() => {
-              refetchAttachments();
-              refetch();
-            }}
-          />
-        )}
-
-        {currentStep?.kind === 'review' && (
-          <Stack>
-            {currentStep.sections.map((section) => (
-              <div key={section.key}>
-                <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
-                  {localized(section.title)}
-                </Text>
-                <ConfigDrivenSection
-                  section={section}
-                  onVesselSelected={handleVesselSelected}
-                  values={draft[section.key] ?? {}}
-                  formData={draft}
-                  errors={fieldErrors}
-                  vessels={vessels}
-                  disabled={readOnly}
-                  onChange={(key, value) => {
-                    setDraft((prev) => ({
-                      ...prev,
-                      [section.key]: { ...(prev[section.key] ?? {}), [key]: value },
-                    }));
-                    setFieldErrors((prev) => {
-                      const next = { ...prev };
-                      delete next[`${section.key}.${key}`];
-                      return next;
-                    });
-                  }}
-                />
-                <Divider my="lg" />
-              </div>
-            ))}
-            <Title order={5}>Review</Title>
-            {sections.map((section) => (
-              <div key={section.key}>
-                <Text fw={600} size="sm" mb={4}>
-                  {localized(section.title)}
-                </Text>
-                <Table withTableBorder withColumnBorders>
-                  <Table.Tbody>
-                    {(section.fields ?? [])
-                      .filter((f) => conditionHolds(f.showWhen, draft))
-                      .map((field) => (
-                        <Table.Tr key={field.key}>
-                          <Table.Td w="45%">
-                            <Text size="xs" c="dimmed">
-                              {localized(field.label)}
-                            </Text>
-                          </Table.Td>
-                          <Table.Td>
-                            <Text size="sm">
-                              {String(draft[section.key]?.[field.key] ?? '—')}
-                            </Text>
-                          </Table.Td>
-                        </Table.Tr>
-                      ))}
-                  </Table.Tbody>
-                </Table>
-                <Divider my="sm" />
-              </div>
-            ))}
-          </Stack>
-        )}
-
-        <Group justify="space-between" mt="xl">
-          <Button
-            variant="default"
-            onClick={() => setActive((s) => Math.max(0, s - 1))}
-            disabled={active === 0}
-          >
-            Back
-          </Button>
-          {active < steps.length - 1 ? (
-            <Button onClick={handleContinue}>Continue</Button>
-          ) : (
-            <RequirePermission
-              anyOf={
-                isAdjusting
-                  ? [PORTAL_PERMISSIONS.RESUBMIT_APPLICATION]
-                  : [LICENSE_PERMISSIONS.SUBMIT_APPLICATION]
-              }
-              hideOnly
-            >
-              <Button
-                color="teal"
-                loading={submitting || resubmitting}
-                disabled={readOnly}
-                onClick={handleSubmit}
-              >
-                {isAdjusting ? 'Resubmit corrections' : 'Submit application'}
-              </Button>
-            </RequirePermission>
+              ))}
+              <Title order={5}>Review</Title>
+              {sections.map((section) => (
+                <div key={section.key}>
+                  <Text fw={600} size="sm" mb={4}>
+                    {localized(section.title)}
+                  </Text>
+                  <Table withTableBorder withColumnBorders>
+                    <Table.Tbody>
+                      {(section.fields ?? [])
+                        .filter((f) => conditionHolds(f.showWhen, draft))
+                        .map((field) => (
+                          <Table.Tr key={field.key}>
+                            <Table.Td w="45%">
+                              <Text size="xs" c="dimmed">
+                                {localized(field.label)}
+                              </Text>
+                            </Table.Td>
+                            <Table.Td>
+                              <Text size="sm">
+                                {String(draft[section.key]?.[field.key] ?? "—")}
+                              </Text>
+                            </Table.Td>
+                          </Table.Tr>
+                        ))}
+                    </Table.Tbody>
+                  </Table>
+                  <Divider my="sm" />
+                </div>
+              ))}
+            </Stack>
           )}
-        </Group>
-      </Paper>
+
+          <Group justify="space-between" mt="xl">
+            <Button
+              variant="default"
+              onClick={() => setActive((s) => Math.max(0, s - 1))}
+              disabled={active === 0}
+            >
+              Back
+            </Button>
+            {active < steps.length - 1 ? (
+              <Button onClick={handleContinue}>Continue</Button>
+            ) : (
+              <RequirePermission
+                anyOf={
+                  isAdjusting
+                    ? [PORTAL_PERMISSIONS.RESUBMIT_APPLICATION]
+                    : [LICENSE_PERMISSIONS.SUBMIT_APPLICATION]
+                }
+                hideOnly
+              >
+                <Button
+                  color="teal"
+                  loading={submitting || resubmitting}
+                  disabled={readOnly}
+                  onClick={handleSubmit}
+                >
+                  {isAdjusting ? "Resubmit corrections" : "Submit application"}
+                </Button>
+              </RequirePermission>
+            )}
+          </Group>
+        </Paper>
+      )}
 
       <Modal
         opened={Boolean(staffModal)}
@@ -711,17 +878,23 @@ export function LicenseApplicationPage() {
             label="Full name"
             withAsterisk
             value={newStaff.fullName}
-            onChange={(e) => setNewStaff({ ...newStaff, fullName: e.currentTarget.value })}
+            onChange={(e) =>
+              setNewStaff({ ...newStaff, fullName: e.currentTarget.value })
+            }
           />
           <TextInput
             label="Position"
             value={newStaff.position}
-            onChange={(e) => setNewStaff({ ...newStaff, position: e.currentTarget.value })}
+            onChange={(e) =>
+              setNewStaff({ ...newStaff, position: e.currentTarget.value })
+            }
           />
           <NumberInput
             label="Years of experience"
             value={newStaff.yearsOfExperience}
-            onChange={(v) => setNewStaff({ ...newStaff, yearsOfExperience: Number(v) || 0 })}
+            onChange={(v) =>
+              setNewStaff({ ...newStaff, yearsOfExperience: Number(v) || 0 })
+            }
             min={0}
           />
           <ModalFooter>
@@ -729,7 +902,11 @@ export function LicenseApplicationPage() {
               onClick={async () => {
                 if (!newStaff.fullName.trim() || !staffModal) return;
                 await addStaff({ id: appId, roleKey: staffModal, ...newStaff });
-                setNewStaff({ fullName: '', position: '', yearsOfExperience: 0 });
+                setNewStaff({
+                  fullName: "",
+                  position: "",
+                  yearsOfExperience: 0,
+                });
                 setStaffModal(null);
                 refetch();
               }}