Add governed bathymetry profile workflow

frontend/src/styles/app.css

@@ -5966,6 +5966,11 @@ section {
   background: rgba(38, 118, 168, 0.24);
 }
 
+.geo-map-legend .geo-legend-layer-bathymetry {
+  background: #0e7490;
+  border-color: #164e63;
+}
+
 .geo-map-legend .geo-legend-layer-soil {
   border-color: #6f4c27;
   background: rgba(154, 112, 64, 0.24);
@@ -6036,6 +6041,60 @@ section {
 .geo-legend-ramp-population { background: linear-gradient(90deg, #eee7f6, #673a97); }
 .geo-legend-ramp-accessibility { background: linear-gradient(90deg, #e9f1f4, #0f766e); }
 .geo-legend-ramp-services { background: linear-gradient(90deg, #fff4bf, #b66d16); }
+.geo-legend-ramp-bathymetry { background: linear-gradient(90deg, #cffafe, #0e7490); }
+
+.bathymetry-profile-summary {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.65rem;
+  margin-bottom: 0.9rem;
+  padding: 0.8rem;
+  border: 1px solid #a5d8e6;
+  border-radius: 6px;
+  background: #effbff;
+}
+
+.bathymetry-profile-summary > div {
+  display: grid;
+  gap: 0.2rem;
+  min-width: 0;
+}
+
+.bathymetry-profile-summary span,
+.bathymetry-profile-summary small {
+  color: #46646f;
+  font-size: 0.75rem;
+}
+
+.bathymetry-profile-summary strong {
+  overflow-wrap: anywhere;
+  color: #113d4b;
+}
+
+.bathymetry-profile-summary a,
+.bathymetry-profile-summary p,
+.bathymetry-profile-summary small {
+  grid-column: 1 / -1;
+}
+
+.bathymetry-profile-summary a {
+  width: fit-content;
+  color: #075985;
+  font-weight: 700;
+}
+
+.bathymetry-profile-summary p {
+  margin: 0;
+  color: #315867;
+  font-size: 0.78rem;
+  line-height: 1.45;
+}
+
+@media (max-width: 760px) {
+  .bathymetry-profile-summary {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 
 .geo-map-legend .geo-legend-added {
   border-color: #15803d;