Update app.py

app.py

@@ -1667,7 +1667,7 @@ else:
             if 'ob' in ai_recommendations:
                 st.markdown("### OB HAULER Recommendations")
                 st.markdown(f"""
-                <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: 1px solid #4a5568; border-radius: 8px; padding: 15px; margin: 10px 0; color: white; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.1); height: 150px; display: flex; flex-direction: column; justify-content: space-between;">
+                <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: 1px solid #4a5568; border-radius: 8px; padding: 15px; margin: 10px 0; color: white; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.1); height: 180px; display: flex; flex-direction: column; justify-content: space-between;">
                     <div style="font-weight: bold; font-size: 14px; background: rgba(255,255,255,0.2); padding: 8px; border-radius: 5px; border-left: 4px solid white;">Recommendation</div>
                     <div style="padding-top: 8px; font-size: 14px;">{ai_recommendations['ob']}</div>
                     <div style="font-size: 12px; margin-top: 10px; padding: 8px; background: rgba(255,255,255,0.1); border-radius: 5px; border-left: 3px solid rgba(255,255,255,0.3);">AI Reasoning: {ai_recommendations['ob_reason']}</div>
@@ -1681,7 +1681,7 @@ else:
             if 'coal' in ai_recommendations:
                 st.markdown("### HAULING COAL Recommendations")
                 st.markdown(f"""
-                <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: 1px solid #4a5568; border-radius: 8px; padding: 15px; margin: 10px 0; color: white; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.1); height: 150px; display: flex; flex-direction: column; justify-content: space-between;">
+                <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: 1px solid #4a5568; border-radius: 8px; padding: 15px; margin: 10px 0; color: white; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 4px 15px rgba(0,0,0,0.1); height: 180px; display: flex; flex-direction: column; justify-content: space-between;">
                     <div style="font-weight: bold; font-size: 14px; background: rgba(255,255,255,0.2); padding: 8px; border-radius: 5px; border-left: 4px solid white;">Recommendation</div>
                     <div style="padding-top: 8px; font-size: 14px;">{ai_recommendations['coal']}</div>
                     <div style="font-size: 12px; margin-top: 10px; padding: 8px; background: rgba(255,255,255,0.1); border-radius: 5px; border-left: 3px solid rgba(255,255,255,0.3);">AI Reasoning: {ai_recommendations['coal_reason']}</div>