OLD PROFITABILITY PAGE - VISUAL LAYOUT OF COLLAPSED ROW
========================================================

HORIZONTAL LAYOUT (Left to Right):

┌──────────────┬───────────────┬──────────┬────────────────┬──────────────────────────────────────────────────────┬─────────┐
│ Order/Date   │ Product/Cat   │ Supplier │ Channel/Cust   │ Financial Summary (6 Metrics)                        │ Badges  │
├──────────────┼───────────────┼──────────┼────────────────┼──────────────────────────────────────────────────────┼─────────┤
│ #112-695...  │ MB1095120     │ USAuto   │ Amazon         │ [Sale] [Cost] [COGS] [COGS%] [GrossMargin] [Profit%]│ Own     │
│ Aug 31, 2025 │ Bumper Trim   │ TX       │ REBECCA B...   │                                                      │ Stock   │
└──────────────┴───────────────┴──────────┴────────────────┴──────────────────────────────────────────────────────┴─────────┘


FINANCIAL SUMMARY SECTION (Expanded Detail):
─────────────────────────────────────────────

┌─────────┬─────────┬─────────┬──────────┬──────────────┬──────────────┐
│  Sale   │  Cost   │  COGS   │ COGS %   │ Gross Margin │ Gross Profit │
├─────────┼─────────┼─────────┼──────────┼──────────────┼──────────────┤
│$332.95  │$309.14  │$396.51  │ 119.1%   │   $56.71     │   -17.0%     │
│         │         │         │          │   (RED)      │   (RED)      │
└─────────┴─────────┴─────────┴──────────┴──────────────┴──────────────┘

Each financial metric has:
  - Label above (e.g., "Sale", "Cost", "COGS")
  - Single value below (e.g., "$332.95")
  - Color coding for Gross Margin and Gross Profit:
    * RED (#dc3545) for negative values
    * Default/Green for positive values


CRITICAL DETAILS:
─────────────────

1. NO DUAL VALUES
   - Each metric shows ONLY ONE value
   - NO "Standard" label
   - NO "Calculated" label
   - Simple, single-value display

2. EXACT LABELS (case-sensitive):
   - "Sale" (not "Sales" or "Sale Price")
   - "Cost" (not "Buy Price")
   - "COGS" (dollar amount)
   - "COGS %" (percentage)
   - "Gross Margin" (dollar amount with color)
   - "Gross Profit" (percentage with color)

3. VALUE TYPES:
   - Sale: Currency ($XXX.XX)
   - Cost: Currency ($XXX.XX)
   - COGS: Currency ($XXX.XX)
   - COGS %: Percentage (XX.X%)
   - Gross Margin: Currency ($XXX.XX) with color
   - Gross Profit: Percentage (XX.X%) with color

4. LAYOUT:
   - Grid layout (6 columns in the financial section)
   - Each column is a "financial-metric" div
   - Label on top, value below
   - Clean, minimal design


HTML PSEUDO-CODE:
─────────────────

<financial-summary>
  <financial-metric>
    <label>Sale</label>
    <value>$332.95</value>
  </financial-metric>

  <financial-metric>
    <label>Cost</label>
    <value>$309.14</value>
  </financial-metric>

  <financial-metric>
    <label>COGS</label>
    <value>$396.51</value>
  </financial-metric>

  <financial-metric>
    <label>COGS %</label>
    <value>119.1%</value>
  </financial-metric>

  <financial-metric>
    <label>Gross Margin</label>
    <value style="color: #dc3545">$56.71</value>
  </financial-metric>

  <financial-metric>
    <label>Gross Profit</label>
    <value style="color: #dc3545">-17.0%</value>
  </financial-metric>
</financial-summary>


COMPARISON WITH NEW PAGE:
─────────────────────────

If your NEW page shows "Standard" and "Calculated" side by side,
that is DIFFERENT from the OLD page.

The OLD page collapsed view is SIMPLER - just one value per metric.

To match the OLD page exactly, you need:
✓ Single values only (no dual display)
✓ Exact same 6 labels
✓ Same value types ($ for Sale/Cost/COGS/Margin, % for COGS%/Profit)
✓ Color coding only on Gross Margin and Gross Profit
✓ Grid layout with label above value


EXAMPLE OUTPUT FOR REFERENCE:
─────────────────────────────

Order: #112-6957509-5203444 (Aug 31, 2025)
Product: MB1095120 - Bumper Trim
Supplier: USAuto TX
Channel: Amazon - REBECCA BARRAGAN

Financial Metrics:
  Sale:          $332.95
  Cost:          $309.14
  COGS:          $396.51
  COGS %:        119.1%
  Gross Margin:  $56.71  (negative - show in red)
  Gross Profit:  -17.0%  (negative - show in red)

Badges: Own Stock