╔═══════════════════════════════════════════════════════════════════════╗
║          OLD PROFITABILITY PAGE - QUICK REFERENCE CARD                ║
║                     Collapsed Row Structure                           ║
╚═══════════════════════════════════════════════════════════════════════╝

┌─────────────────────────────────────────────────────────────────────┐
│ CRITICAL ANSWER: Does OLD page show Standard AND Calculated?       │
│                                                                     │
│ ╔═══════════════════════════════════════════════════════════╗      │
│ ║  NO - Shows ONLY ONE set of values (single value mode)   ║      │
│ ╚═══════════════════════════════════════════════════════════╝      │
│                                                                     │
│ • NO "Standard" label in collapsed view                            │
│ • NO "Calculated" label in collapsed view                          │
│ • Each metric shows ONE value only                                 │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ 6 FINANCIAL METRICS (Left to Right)                                │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  1. Sale          →  $332.95         (currency, no color)          │
│  2. Cost          →  $309.14         (currency, no color)          │
│  3. COGS          →  $396.51         (currency, no color)          │
│  4. COGS %        →  119.1%          (percentage, no color)        │
│  5. Gross Margin  →  $56.71          (currency, RED if negative)   │
│  6. Gross Profit  →  -17.0%          (percentage, RED if negative) │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ EXACT LABELS TO USE                                                 │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  ✓ "Sale"            NOT "Sales" or "Sale Price"                   │
│  ✓ "Cost"            NOT "Buy Price"                               │
│  ✓ "COGS"            NOT "Cost of Goods Sold"                      │
│  ✓ "COGS %"          NOT "COGS Percent"                            │
│  ✓ "Gross Margin"    NOT "Margin" or "GM"                          │
│  ✓ "Gross Profit"    NOT "Profit" or "GP"                          │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ VALUE TYPES                                                         │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  Sale, Cost, COGS, Gross Margin  →  Currency ($XXX.XX)             │
│  COGS %, Gross Profit            →  Percentage (XX.X%)             │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ COLOR CODING                                                        │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  Applied to: Gross Margin & Gross Profit ONLY                      │
│  Negative:   #dc3545 (Bootstrap red)                               │
│  Positive:   Default color                                         │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ HTML STRUCTURE                                                      │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  <div class="financial-summary">                                   │
│    <div class="financial-metric">                                  │
│      <div class="label">Sale</div>                                 │
│      <div class="value">$332.95</div>                              │
│    </div>                                                           │
│    <!-- Repeat for all 6 metrics -->                               │
│  </div>                                                             │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ FULL ROW SECTIONS (Left to Right)                                  │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  1. Order / Date                                                    │
│  2. Product / Category                                              │
│  3. Supplier                                                        │
│  4. Channel / Customer                                              │
│  5. Financial Summary (6 metrics) ← THE IMPORTANT PART              │
│  6. Badges                                                          │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────────────────┐
│ CHECKLIST FOR NEW PAGE                                             │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  [ ] Shows 6 financial metrics                                      │
│  [ ] Single value per metric (NO dual display)                     │
│  [ ] Uses exact label names (Sale, Cost, COGS, etc.)               │
│  [ ] Label above, value below layout                               │
│  [ ] Color coding on Gross Margin & Gross Profit only              │
│  [ ] Red color (#dc3545) for negative values                       │
│  [ ] Currency format: $XXX.XX (2 decimals)                         │
│  [ ] Percentage format: XX.X% (1 decimal)                          │
│  [ ] NO "Standard" or "Calculated" labels                          │
│  [ ] Grid layout for all 6 metrics                                 │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

═══════════════════════════════════════════════════════════════════════

FILES CREATED:
  • OLD_PAGE_EXACT_LAYOUT.md        - Detailed analysis
  • old-page-exact-data.json         - Structured data
  • OLD_PAGE_VISUAL_GUIDE.txt        - Visual reference
  • old-page-exact-collapsed-row.png - Screenshot
  • ANALYSIS_SUMMARY_OLD_PAGE.md     - Executive summary
  • QUICK_REFERENCE_OLD_PAGE.txt     - This file

LOCATION:
  /home/centralgoparts/public_html/

═══════════════════════════════════════════════════════════════════════