From bc002de22e5913c6147c8251f8afbf0e86df225b Mon Sep 17 00:00:00 2001
From: Marty Bostick <marty@amplifyaiworkshop.com>
Date: Thu, 30 Jul 2026 21:25:18 +0000
Subject: [PATCH] Add 'Their Net Profit' column, rename labels for clarity

Phase table now has 7 columns:
- Their Gross Payout / Their Net Profit / Sponsor's 10% / Sponsor's Cumulative
- Timeline tab: 'Sponsor's Commission/Month' and 'Sponsor's Cumulative'
- Table-wrap overflow-x: auto for mobile scrollability
---
 index.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 05a0bcc..560bccb 100644
--- a/index.html
+++ b/index.html
@@ -635,7 +635,7 @@
     background: var(--card);
     border: 1px solid var(--border);
     border-radius: var(--radius);
-    overflow: hidden;
+    overflow-x: auto;
     margin-bottom: 18px;
   }
   .table-wrap .table-title {
@@ -1294,9 +1294,10 @@
         </div>
         <table><thead><tr>
           <th>Phase</th><th class="num">Cycles</th><th>Timeline</th>
-          <th class="num">Their Payout/Cycle</th>
-          <th class="num referral-col" id="headerYourCut">Your 10% Cut/Cycle</th>
-          <th class="num" id="headerCumulative">Cumulative to You</th>
+          <th class="num">Their Gross Payout</th>
+          <th class="num">Their Net Profit</th>
+          <th class="num referral-col" id="headerYourCut">Sponsor's 10%</th>
+          <th class="num" id="headerCumulative">Sponsor's Cumulative</th>
         </tr></thead><tbody id="overviewBody"></tbody></table>
       </div>
     </div>
@@ -1311,8 +1312,8 @@
         <table><thead><tr>
           <th>Month</th><th>Active Phase</th>
           <th class="num">Their Profit This Month</th>
-          <th class="num referral-col" id="headerTimelineComm">Your 10% Commission/Month</th>
-          <th class="num" id="headerTimelineCum">Your Cumulative</th>
+          <th class="num referral-col" id="headerTimelineComm">Sponsor's Commission/Month</th>
+          <th class="num" id="headerTimelineCum">Sponsor's Cumulative</th>
         </tr></thead><tbody id="timelineBody"></tbody></table>
       </div>
     </div>
@@ -1749,6 +1750,7 @@ ${numPeople > 0 ? `
       <td class="num">${k === '3xL7' ? 'every 19d' : `${cyclesNum}×`}</td>
       <td>${k === '3xL7' ? 'ongoing' : `~${p.months} months`}</td>
       <td class="num">$${p.payout.toFixed(2)}</td>
+      <td class="num">$${p.profit.toFixed(2)}</td>
       <td class="num green-text">$${yourCut.toFixed(2)}</td>
       <td class="num">$${cumRunning.toFixed(2)}</td>
     </tr>`;