{
  "new_page": {
    "type": "new",
    "orderCardsFound": 5,
    "sampleCard": "<div class=\"order-item-card negative-profit own-stock\" data-order-id=\"230697\">\n                    <!-- Compact Summary Row -->\n                    <div class=\"order-summary\" onclick=\"toggleOrderDetails(230697)\">\n                        <div class=\"order-summary-grid\">\n                            <!-- Order Info -->\n                            <div class=\"summary-item order-info\">\n                                <div class=\"summary-label\">Order / Date</div>\n                                <div class=\"summary-value\">#112-6957509-5203444</div>\n                                <div class=\"summary-subvalue\">Aug 31, 2025</div>\n                            </div>\n\n                            <!-- Product Info -->\n                            <div class=\"summary-item\">\n                                <div class=\"summary-label\">Product / Category</div>\n                                <div class=\"summary-value\">MB1095120</div>\n                                <div class=\"summary-subvalue\">Bumper Trim</div>\n                            </div>\n\n                            <!-- Supplier -->\n                            <div class=\"summary-item\">\n                                <div class=\"summary-label\">Supplier</div>\n                                <div class=\"summary-value\">USAuto TX</div>\n                            </div>\n\n                            <!-- Channel & Customer -->\n                            <div class=\"summary-item\">\n                                <div class=\"summary-label\">Channel</div>\n                                <div class=\"summary-value\">Amazon</div>\n                            </div>\n\n                            <!-- Financial Summary -->\n                            <div class=\"summary-item financial\">\n                                <div class=\"financial-summary\">\n                                    <div class=\"financial-metric\">\n                                        <div class=\"label\">Sale</div>\n                                        <div class=\"valu",
    "classes": [
      "order-item-card negative-profit own-stock",
      "order-summary",
      "order-summary-grid",
      "summary-item order-info",
      "summary-item profit",
      "order-details",
      "net-margin-banner",
      "order-item-card positive-profit",
      "order-item-card positive-profit own-stock",
      "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300",
      "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-blue-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300",
      "relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600",
      "relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600",
      "relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800",
      "relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300",
      "relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800",
      "order-items-section",
      "order-items order-items-list",
      "order-notes-content-section",
      "order-item-wrapper",
      "order-item-box",
      "order-item-content",
      "' + supplierClass + ' supplier-price-badge oos-supplier-' + item.order_item_id + additionalClasses + '",
      "ship-backorder"
    ],
    "colors": [
      "#2299dd",
      "var(--livewire-progress-bar-color, #29d)",
      "#ffffff !important",
      "#100c0c !important",
      "rgb(156, 163, 175) !important",
      "rgb(17, 24, 39) !important",
      "rgb(255, 255, 255) !important",
      "rgb(59, 130, 246) !important",
      "rgb(59, 130, 246)",
      "white",
      "#f8f9fa",
      "#495057",
      "#6c757d",
      "#3b82f6",
      "#007bff",
      "#fff",
      "#e9ecef",
      "#1f2937",
      "#6b7280",
      "#9ca3af",
      "#212529",
      "#fff5f5",
      "#e8f5e9",
      "#ffebee !important",
      "rgba(255,255,255,0.7)",
      "rgba(255,255,255,0.9)",
      "#0d6e0d",
      "#dc3545",
      "#fff3cd",
      "#f8d7da"
    ]
  },
  "old_page": {
    "type": "old",
    "orderRowsFound": 0,
    "sampleRow": "None",
    "classes": [
      "profitability profitability-indexImproved",
      "profit-card",
      "profit-card-header",
      "profit-card-body",
      "profit-pill positive",
      "order-item-card negative-profit own-stock",
      "order-summary",
      "order-summary-grid",
      "summary-item order-info",
      "order-details",
      "order-body",
      "order-item-card positive-profit high-confidence",
      "order-item-card positive-profit medium-confidence",
      "order-item-card positive-profit own-stock",
      "order-item-card positive-profit low-confidence"
    ],
    "colors": [
      "rgb(0, 0, 0) transparent",
      "rgba(0,0,0,0.6)",
      "white",
      "rgb(31, 181, 173)",
      "#333",
      "#fff",
      "#444",
      "#1a1a1a",
      "#e0e0e0",
      "#ffd700",
      "#ffed4a",
      "transparent",
      "#2d2d2d",
      "#252525",
      "#b0b0b0",
      "#3a1a1a",
      "#1a2a1a",
      "#3a1a1a !important",
      "#2e2e2e",
      "#2f2e2d",
      "rgba(45,45,45,0.7)",
      "rgba(45,45,45,0.9)",
      "#999",
      "#f0f0f0",
      "#3a3a1a",
      "#555",
      "#1a3a3a",
      "#3a3a3a",
      "#9ca3af",
      "#f3f4f6"
    ]
  },
  "comparison": {
    "both_have_order_elements": false
  }
}