Update app.py

app.py

@@ -771,7 +771,7 @@ def export_calculations_wrapper():
 
 
 # ============================================================
-# FEED CALCULATION
+# FEED CALCULATION - CLEAN FORMATTED RESULTS
 # ============================================================
 
 def calculate_feed(birds, weeks, days, bag_size, price_per_bag, email, country_code, breed, request: gr.Request):
@@ -836,47 +836,47 @@ def calculate_feed(birds, weeks, days, bag_size, price_per_bag, email, country_c
     html = f"""
     <div class="results-shell">
 
-      <section class="buy-card">
+      <div class="buy-card">
         <div class="eyebrow">YOUR FEED RESULT</div>
         <div class="buy-label">BUY</div>
         <div class="buy-number">{rounded_bags}</div>
         <div class="buy-unit">BAGS</div>
         <div class="buy-note">Recommended amount, rounded up to the next whole bag.</div>
-      </section>
+      </div>
 
       <div class="result-context">
         <strong>{birds:,} {breed} broilers</strong> · {age_text} ({total_days} days)
       </div>
 
-      <p class="plain-answer">
+      <div class="plain-answer">
         You need <strong>{total_feed_kg:,.1f} kg</strong> of feed, equal to about
         <strong>{total_bags:.1f} bags</strong> of {bag_size:g} kg feed.
-      </p>
+      </div>
 
       <div class="metric-grid">
         <div class="metric-card">
-          <span class="metric-icon">⚖️</span>
-          <span class="metric-label">Feed needed</span>
+          <div class="metric-icon">⚖️</div>
+          <div class="metric-label">Feed needed</div>
           <strong>{total_feed_kg:,.1f} kg</strong>
         </div>
         <div class="metric-card">
-          <span class="metric-icon">✓</span>
-          <span class="metric-label">Exact amount</span>
+          <div class="metric-icon">✓</div>
+          <div class="metric-label">Exact amount</div>
           <strong>{total_bags:.1f} bags</strong>
         </div>
         <div class="metric-card">
-          <span class="metric-icon">₦</span>
-          <span class="metric-label">Estimated cost</span>
+          <div class="metric-icon">₦</div>
+          <div class="metric-label">Estimated cost</div>
           <strong>{currency_symbol}{total_cost:,.0f}</strong>
         </div>
         <div class="metric-card">
-          <span class="metric-icon">📅</span>
-          <span class="metric-label">Growing period</span>
+          <div class="metric-icon">📅</div>
+          <div class="metric-label">Growing period</div>
           <strong>{total_days} days</strong>
         </div>
       </div>
 
-      <section class="result-section">
+      <div class="result-section">
         <div class="section-title">🌾 Feed Breakdown</div>
         <div class="table-wrap">
           <table class="feed-table">
@@ -888,23 +888,22 @@ def calculate_feed(birds, weeks, days, bag_size, price_per_bag, email, country_c
             </tbody>
           </table>
         </div>
-      </section>
+      </div>
 
-      <section class="cost-card">
+      <div class="cost-card">
         <div class="section-title">💰 Feed Cost Estimate</div>
         <div class="cost-main">{currency_symbol}{total_cost:,.0f}</div>
         <div class="cost-note">Based on {rounded_bags} bags × {currency_symbol}{price_per_bag:,.0f} per bag.</div>
-      </section>
+      </div>
 
-      <section class="result-section performance-section">
+      <div class="result-section performance-section">
         <div class="section-title">📈 Expected Performance</div>
         <div class="performance-grid">
           <div><span>Body weight per bird</span><strong>{expected_weight:.3f} kg</strong></div>
-          <div><span>Flock live weight</span><strong>{flock_weight:,.1f} kg</strong></div>
         </div>
-      </section>
+      </div>
 
-      <section class="result-section share-section">
+      <div class="result-section share-section">
         <div class="section-title">📤 Share Result</div>
         <div class="share-grid">
           <a class="share-btn whatsapp" href="{share_links['whatsapp']}" target="_blank">WhatsApp</a>
@@ -912,7 +911,7 @@ def calculate_feed(birds, weeks, days, bag_size, price_per_bag, email, country_c
           <a class="share-btn facebook" href="{share_links['facebook']}" target="_blank">Facebook</a>
           <a class="share-btn twitter" href="{share_links['twitter']}" target="_blank">X</a>
         </div>
-      </section>
+      </div>
 
       <div class="result-disclaimer">
         ⚠️ This is an estimate based on the selected {breed} benchmark. Actual feed use can vary with feed quality, management, environment and bird performance.
@@ -929,7 +928,7 @@ def calculate_feed(birds, weeks, days, bag_size, price_per_bag, email, country_c
 
 CSS = """
 /* ============================================================
-   FORCE LIGHT THEME - NO DARK MODE
+   FORCE LIGHT THEME - NO DARK MODE - NO FLOATER
    ============================================================ */
 :root {
   color-scheme: light !important;
@@ -940,11 +939,6 @@ CSS = """
   --brand-accent-yellow: #ffb800;
   --ui-border-muted: #d6e0db;
   --text-helper: #5a6e65;
-  --mint: #00a86b;
-  --mint-dark: #0b3022;
-  --mint-soft: #eaf8f1;
-  --yellow: #ffb800;
-  --yellow-soft: #fff7db;
 }
 
 /* Force light on everything */
@@ -954,7 +948,7 @@ html, body, .gradio-container, .gradio-container * {
   color: #0b3022 !important;
 }
 
-/* Remove Hugging Face Space header/GoogleCalc floater */
+/* REMOVE GOOGLECALC FLOATER - Ultimate Fix */
 #huggingface-space-header,
 #huggingface-space-header *,
 .hf-header,
@@ -966,7 +960,17 @@ html, body, .gradio-container, .gradio-container * {
 .space-header,
 .space-header *,
 .duplicated-from-banner,
-.duplicated-from-banner * {
+.duplicated-from-banner *,
+.flex.items-center.gap-2,
+.flex.items-center.gap-2 *,
+.absolute.top-4.left-4,
+.absolute.top-4.left-4 *,
+[class*="duplicated"],
+[class*="Duplicated"],
+[class*="origin"],
+[class*="Origin"],
+.p-2.rounded-lg.border,
+.p-2.rounded-lg.border * {
   display: none !important;
   opacity: 0 !important;
   height: 0 !important;
@@ -977,12 +981,16 @@ html, body, .gradio-container, .gradio-container * {
   border: 0 !important;
   pointer-events: none !important;
   visibility: hidden !important;
+  position: absolute !important;
+  clip: rect(0,0,0,0) !important;
+  overflow: hidden !important;
 }
 
 /* Kill any dark mode */
 .dark, .dark *,
 [data-theme="dark"], [data-theme="dark"] *,
-.dark-mode, .dark-mode * {
+.dark-mode, .dark-mode *,
+[class*="dark"] {
   background-color: #f4f7f5 !important;
   color: #0b3022 !important;
   color-scheme: light !important;
@@ -1088,7 +1096,7 @@ body, .gradio-container, .gradio-container .block, .gradio-container .gr-group {
 }
 .calculate-btn button:hover { background: #008F5A !important; }
 
-/* RESULTS */
+/* RESULTS - Clean Formatting */
 .results-shell { width: 100%; box-sizing: border-box; color: #0b3022; }
 .buy-card {
   background: linear-gradient(145deg, #F1FBF6 0%, #FFFFFF 100%);
@@ -1374,13 +1382,13 @@ with gr.Blocks(title=APP_NAME, analytics_enabled=False) as demo:
     result = gr.HTML(
         value="""
         <div class="results-shell">
-          <section class="buy-card">
+          <div class="buy-card">
             <div class="eyebrow">YOUR FEED RESULT</div>
             <div class="buy-label">BUY</div>
             <div class="buy-number">—</div>
             <div class="buy-unit">BAGS</div>
             <div class="buy-note">Enter your flock details above to calculate.</div>
-          </section>
+          </div>
         </div>
         """,
         elem_classes=["answer-box"],