// ─── MercadoLibre Bulk Publish Modal ───────────────────────────────────

    var meliPreviewData = {};
    var meliCategoryAttrs = [];
    var meliCategorySearchTimeout;
    var meliCatItems = [];
    var meliCatActiveIndex = -1;

    window.openMeliPublishModal = function() {
        if (selectedItems.size === 0) { showToast('Selecciona al menos un producto', 'warn'); return; }
        document.getElementById('meliPublishModal').classList.add('is-open');
        document.getElementById('meliPublishResult').innerHTML = '';
        document.getElementById('meliCategoryId').value = '';
        document.getElementById('meliCategorySearch').value = '';
        document.getElementById('meliCategoryResults').innerHTML = '';
        document.getElementById('meliAttrsSection').style.display = 'none';
        document.getElementById('meliAttrsGrid').innerHTML = '';
        meliCategoryAttrs = [];
        refreshMeliPublishPreview();
    };

    window.closeMeliPublishModal = function() {
        document.getElementById('meliPublishModal').classList.remove('is-open');
    };

    // ==== RESTAURADAS v4 (MELI + descuentos) ====

    window.searchMeliCategories = function() {
        var q = document.getElementById('meliCategorySearch').value.trim();
        var resultsDiv = document.getElementById('meliCategoryResults');
        if (q.length < 2) { resultsDiv.innerHTML = ''; meliCatItems = []; meliCatActiveIndex = -1; return; }
        clearTimeout(meliCategorySearchTimeout);
        resultsDiv.innerHTML = '<div class="meli-cat-dropdown"><div class="meli-cat-loading">Buscando...</div></div>';
        meliCategorySearchTimeout = setTimeout(function() {
            fetch('/pos/api/marketplace-ext/categories?q=' + encodeURIComponent(q), { headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' } })
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    var cats = data.categories || [];
                    meliCatItems = cats.slice(0, 10);
                    meliCatActiveIndex = -1;
                    if (!meliCatItems.length) { resultsDiv.innerHTML = '<div class="meli-cat-dropdown"><div class="meli-cat-empty">Sin resultados</div></div>'; return; }
                    var html = '<div class="meli-cat-dropdown">';
                    meliCatItems.forEach(function(c, idx) {
                        html += '<div class="meli-cat-item" data-idx="' + idx + '" onmouseenter="highlightMeliCat(' + idx + ')" onmousedown="selectMeliCategoryIdx(' + idx + ')">' +
                            '<span>' + esc(c.category_name || c.category_id) + '</span>' +
                            '<span class="cat-id">' + esc(c.category_id) + '</span>' +
                            '</div>';
                    });
                    html += '</div>';
                    resultsDiv.innerHTML = html;
                })
                .catch(function() { resultsDiv.innerHTML = ''; meliCatItems = []; meliCatActiveIndex = -1; });
        }, 300);
    };

    window.handleMeliCatKeydown = function(e) {
        if (!meliCatItems.length) return;
        if (e.key === 'ArrowDown') {
            e.preventDefault();
            meliCatActiveIndex = Math.min(meliCatActiveIndex + 1, meliCatItems.length - 1);
            highlightMeliCat(meliCatActiveIndex);
        } else if (e.key === 'ArrowUp') {
            e.preventDefault();
            meliCatActiveIndex = Math.max(meliCatActiveIndex - 1, -1);
            highlightMeliCat(meliCatActiveIndex);
        } else if (e.key === 'Enter') {
            e.preventDefault();
            if (meliCatActiveIndex >= 0) selectMeliCategoryIdx(meliCatActiveIndex);
        } else if (e.key === 'Escape') {
            document.getElementById('meliCategoryResults').innerHTML = '';
            meliCatItems = [];
            meliCatActiveIndex = -1;
        }
    };

    /* Cerrar dropdown al hacer click fuera */
    document.addEventListener('click', function(e) {
        var field = document.getElementById('meliCategorySearch');
        var results = document.getElementById('meliCategoryResults');
        if (field && results && !field.contains(e.target) && !results.contains(e.target)) {
            results.innerHTML = '';
            meliCatItems = [];
            meliCatActiveIndex = -1;
        }
    });

    window.onMeliShippingChange = function() {
        var mode = document.getElementById('meliShippingMode').value;
        var costField = document.getElementById('meliShippingCostField');
        if (costField) costField.style.display = (mode === 'custom') ? 'block' : 'none';
    };

    // ─── MELI publish helpers ──────────────────────────────────────────────
    // Contrato de `custom_data` esperado por validate_items / publish_items
    // (pos/services/marketplace_external_service.py):
    //   {
    //     titles:     { "<inventory_id>": "Título (<=60)" },
    //     prices:     { "<inventory_id>": 123.45 },
    //     stocks:     { "<inventory_id>": 3 },
    //     attributes: { "<inventory_id>": [{ id: "BRAND", value_name: "Nissan" }] },
    //     shipping_cost: 150          // solo se usa si shipping_mode === 'custom'
    //   }
    // Las claves son el id de inventario como string (el backend consulta con str(inv_id)).
    function _meliAttrValue(attr) {
        // Los atributos con lista cerrada se pintan como <select> + input "Otra (escribir)";
        // el resto como un input de texto libre.
        var selEl = document.getElementById('meliAttrSel-' + attr.id);
        if (selEl) {
            if (selEl.value === '__other__') {
                var otherEl = document.getElementById('meliAttrOther-' + attr.id);
                return otherEl ? otherEl.value.trim() : '';
            }
            return (selEl.value || '').trim();
        }
        var el = document.getElementById('meliAttr-' + attr.id);
        return el ? (el.value || '').trim() : '';
    }

    function _collectMeliCustomData() {
        var ids = Array.from(selectedItems);
        var customData = { titles: {}, prices: {}, stocks: {}, attributes: {} };
        ids.forEach(function(id) {
            var titleEl = document.getElementById('meliTitle-' + id);
            var priceEl = document.getElementById('meliPrice-' + id);
            var stockEl = document.getElementById('meliStock-' + id);
            if (titleEl && titleEl.value.trim()) customData.titles[id] = titleEl.value.trim();
            if (priceEl) {
                var price = parseFloat(priceEl.value);
                if (!isNaN(price)) customData.prices[id] = price;
            }
            if (stockEl) {
                var stock = parseInt(stockEl.value, 10);
                if (!isNaN(stock)) customData.stocks[id] = stock;
            }
            var attrs = [];
            (meliCategoryAttrs || []).forEach(function(attr) {
                var value = _meliAttrValue(attr);
                if (attr.id && value) attrs.push({ id: attr.id, value_name: value });
            });
            if (attrs.length) customData.attributes[id] = attrs;
        });
        // El backend solo lo aplica con shipping_mode === 'custom'; si el campo no
        // existe o está vacío simplemente se omite.
        var shippingCostEl = document.getElementById('meliShippingCost');
        var shippingCost = shippingCostEl ? parseFloat(shippingCostEl.value) : NaN;
        if (!isNaN(shippingCost)) customData.shipping_cost = shippingCost;
        return customData;
    }

    function _renderPublishResult(data, resultEl) {
        if (!resultEl) return;
        data = data || {};
        var successList = data.success || [];
        var failedList = data.failed || [];
        var html = '<div style="margin-bottom:var(--space-2);"><span style="color:var(--color-success);">✅ ' + successList.length + ' publicado(s)</span> · <span style="color:var(--color-error);">❌ ' + failedList.length + ' fallo(s)</span></div>';
        if (successList.length) {
            html += '<ul style="margin:0 0 var(--space-2);padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);">';
            successList.forEach(function(s) {
                var itemId = s.external_item_id || s.item_id;
                var label = 'Item #' + esc(s.inventory_id);
                if (itemId) {
                    label += ' → <a href="' + esc(s.permalink || '#') + '" target="_blank" rel="noopener" style="color:var(--color-primary);">' + esc(itemId) + '</a>';
                }
                html += '<li>' + label + '</li>';
            });
            html += '</ul>';
        }
        if (failedList.length) {
            html += '<ul style="margin:0;padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);">';
            failedList.forEach(function(f) {
                html += '<li>Item #' + esc(f.inventory_id) + ': ' + esc(f.error) + '</li>';
            });
            html += '</ul>';
        }
        resultEl.innerHTML = html;
        if (successList.length > 0) {
            selectedItems.clear();
            updateSelectionUI();
            if (inventoryVS) inventoryVS.refresh();
        }
    }

    function _pollMeliAsync(taskId, resultEl, btn) {
        var attempts = 0;
        var maxAttempts = 60; // ~2 min (una consulta cada 2s)
        var interval = setInterval(function() {
            attempts++;
            fetch('/pos/api/marketplace-ext/listings/async/' + encodeURIComponent(taskId), { headers: { 'Authorization': 'Bearer ' + getToken() } })
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    if (data.error) {
                        clearInterval(interval);
                        if (btn) btn.disabled = false;
                        resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(data.error) + '</span>';
                        return;
                    }
                    if (data.status === 'done') {
                        clearInterval(interval);
                        if (btn) btn.disabled = false;
                        _renderPublishResult(data.result || {}, resultEl);
                        setTimeout(function() { closeMeliPublishModal(); }, 3000);
                    } else if (attempts >= maxAttempts) {
                        clearInterval(interval);
                        if (btn) btn.disabled = false;
                        resultEl.innerHTML = '<span style="color:var(--color-error);">Timeout esperando resultado. Revisa la pestaña Publicaciones más tarde.</span>';
                    } else {
                        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">Publicando en segundo plano... (' + (attempts * 2) + 's)</span>';
                    }
                }).catch(function() {
                    clearInterval(interval);
                    if (btn) btn.disabled = false;
                    resultEl.innerHTML = '<span style="color:var(--color-error);">Error consultando progreso</span>';
                });
        }, 2000);
    }

    window.validateMeliPublish = function() {
        var categoryId = document.getElementById('meliCategoryId').value.trim();
        if (!categoryId) { document.getElementById('meliPublishResult').innerHTML = '<span style="color:var(--color-error);">Selecciona una categoría de MercadoLibre</span>'; return; }
        var listingType = document.getElementById('meliListingType').value;
        var shippingMode = document.getElementById('meliShippingMode').value;
        var ids = Array.from(selectedItems);
        var resultEl = document.getElementById('meliPublishResult');
        var btn = document.getElementById('meliValidateBtn');
        btn.disabled = true;
        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">Validando con MercadoLibre...</span>';
        fetch('/pos/api/marketplace-ext/listings/validate', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({
                inventory_ids: ids,
                category_id: categoryId,
                listing_type: listingType,
                shipping_mode: shippingMode,
                custom_data: _collectMeliCustomData()
            })
        }).then(function(r){ return r.json(); })
          .then(function(data) {
              btn.disabled = false;
              if (data.error) { resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(data.error) + '</span>'; return; }
              var valid = (data.valid || []);
              var invalid = (data.invalid || []);
              var html = '<div style="margin-bottom:var(--space-2);"><span style="color:var(--color-success);">✅ ' + valid.length + ' válido(s)</span> · <span style="color:var(--color-error);">❌ ' + invalid.length + ' inválido(s)</span></div>';

              // Show earnings estimate table for valid items
              if (valid.length > 0) {
                  html += '<div style="margin:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;">';
                  html += '<div style="background:var(--color-surface-2);padding:var(--space-2) var(--space-3);font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);">💰 Estimado de ganancia (después de comisiones ML)</div>';
                  html += '<table style="width:100%;border-collapse:collapse;font-size:var(--text-caption);">';
                  html += '<tr style="background:var(--color-surface-1);"><th style="padding:6px 8px;text-align:left;">Item</th><th style="padding:6px 8px;text-align:right;">Precio</th><th style="padding:6px 8px;text-align:right;">Comisión</th><th style="padding:6px 8px;text-align:right;">Recibes</th></tr>';
                  valid.forEach(function(v) {
                      var price = v.price || 0;
                      var fee = v.fee_amount || 0;
                      var net = v.net_amount || 0;
                      var feePct = v.fee_pct || 0;
                      html += '<tr style="border-top:1px solid var(--color-border);">';
                      html += '<td style="padding:6px 8px;">#' + esc(v.inventory_id) + '</td>';
                      html += '<td style="padding:6px 8px;text-align:right;">$' + price.toFixed(2) + '</td>';
                      html += '<td style="padding:6px 8px;text-align:right;color:var(--color-error);">-$' + fee.toFixed(2) + ' (' + feePct.toFixed(1) + '%)</td>';
                      html += '<td style="padding:6px 8px;text-align:right;color:var(--color-success);font-weight:600;">$' + net.toFixed(2) + '</td>';
                      html += '</tr>';
                  });
                  html += '</table>';
                  if (valid.some(function(v){ return v.fee_source === 'approximation'; })) {
                      html += '<div style="padding:var(--space-2) var(--space-3);font-size:10px;color:var(--color-text-muted);background:var(--color-surface-0);">* Comisión estimada. El monto real puede variar según ML.</div>';
                  }
                  html += '</div>';
              }

              if (invalid.length) {
                  html += '<ul style="margin:0;padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);">';
                  invalid.forEach(function(f) {
                      html += '<li>Item #' + esc(f.inventory_id) + ': ' + esc(f.error) + '</li>';
                  });
                  html += '</ul>';
              }
              resultEl.innerHTML = html;
          }).catch(function(e) { btn.disabled = false; resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(e.message) + '</span>'; });
    };

    window.executeMeliPublish = function() {
        var categoryId = document.getElementById('meliCategoryId').value.trim();
        if (!categoryId) { document.getElementById('meliPublishResult').innerHTML = '<span style="color:var(--color-error);">Selecciona una categoría de MercadoLibre</span>'; return; }
        var listingType = document.getElementById('meliListingType').value;
        var shippingMode = document.getElementById('meliShippingMode').value;
        var ids = Array.from(selectedItems);
        var resultEl = document.getElementById('meliPublishResult');
        var btn = document.getElementById('meliPublishBtn');
        btn.disabled = true;
        var useAsync = ids.length > 3;
        var endpoint = useAsync ? '/pos/api/marketplace-ext/listings/async' : '/pos/api/marketplace-ext/listings';
        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">' + (useAsync ? 'Encolando ' : 'Publicando ') + ids.length + ' producto(s)...</span>';
        fetch(endpoint, {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({
                inventory_ids: ids,
                category_id: categoryId,
                listing_type: listingType,
                shipping_mode: shippingMode,
                custom_data: _collectMeliCustomData()
            })
        }).then(function(r) { return r.json(); })
          .then(function(data) {
              if (data.error) { btn.disabled = false; resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(data.error) + '</span>'; return; }
              if (useAsync && data.task_id) {
                  _pollMeliAsync(data.task_id, resultEl, btn);
              } else {
                  btn.disabled = false;
                  _renderPublishResult(data, resultEl);
                  if ((data.success || []).length > 0) {
                      setTimeout(function() { closeMeliPublishModal(); }, 2500);
                  }
              }
          }).catch(function(e) { btn.disabled = false; resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(e.message) + '</span>'; });
    };

    function refreshMeliPublishPreview() {
        var container = document.getElementById('meliPublishItemsPreview');
        var countEl = document.getElementById('meliPublishSelectedCount');
        countEl.textContent = selectedItems.size + ' producto(s) seleccionado(s)';
        container.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando verificaciones...</p>';

        var ids = Array.from(selectedItems);
        fetch('/pos/api/marketplace-ext/inventory-check', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({ inventory_ids: ids })
        }).then(function(r){ return r.json(); })
          .then(function(data) {
              if (!data.items) { container.innerHTML = '<p style="color:var(--color-error);">Error cargando preview</p>'; return; }
              var html = '';
              data.items.forEach(function(it) {
                  if (!it.exists) {
                      html += '<div class="meli-preview-card" style="opacity:0.6;"><div style="color:var(--color-error);">Item #' + it.inventory_id + ' no encontrado</div></div>';
                      return;
                  }
                  meliPreviewData[it.inventory_id] = it;
                  var checks = '';
                  checks += '<span class="meli-check ' + (it.has_image ? 'ok' : 'fail') + '">' + (it.has_image ? '✅' : '❌') + ' Imagen</span>';
                  checks += '<span class="meli-check ' + (it.has_stock ? 'ok' : 'fail') + '">' + (it.has_stock ? '✅' : '❌') + ' Stock</span>';
                  checks += '<span class="meli-check ' + (it.has_price ? 'ok' : 'fail') + '">' + (it.has_price ? '✅' : '❌') + ' Precio</span>';
                  if (it.already_published) {
                      checks += '<span class="meli-check ok">✅ <a href="' + esc(it.existing_listing.permalink || '#') + '" target="_blank" style="color:var(--color-success);text-decoration:underline;">Ya publicado (' + esc(it.existing_listing.status) + ')</a></span>';
                  }
                  var imgSrc = it.image_url || '';
                  var imgHtml = imgSrc ? '<img src="' + esc(imgSrc) + '" alt="" onerror="this.style.display=\'none\'">' : '<div style="width:56px;height:56px;background:var(--color-surface-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-muted);">Sin img</div>';
                  if (!it.has_image) {
                      imgHtml = '<div class="meli-img-upload" onclick="document.getElementById(\'meliImgUpload-' + it.inventory_id + '\').click()">' +
                          '<div style="font-size:10px;">+ Subir</div>' +
                          '<input type="file" id="meliImgUpload-' + it.inventory_id + '" accept="image/*" onchange="handleMeliImageUpload(' + it.inventory_id + ', this)">' +
                          '</div>';
                  }
                  html += '<div class="meli-preview-card" id="meliCard-' + it.inventory_id + '">' +
                      imgHtml +
                      '<div>' +
                          '<input type="text" class="meli-title-input" id="meliTitle-' + it.inventory_id + '" value="' + esc(it.title) + '" maxlength="60" oninput="updateMeliTitleCount(' + it.inventory_id + ')">' +
                          '<div style="font-size:10px;color:var(--color-text-muted);text-align:right;" id="meliTitleCount-' + it.inventory_id + '">' + it.title.length + '/60</div>' +
                          '<div class="meli-checks-row">' + checks + '</div>' +
                      '</div>' +
                      '<div><label style="font-size:10px;color:var(--color-text-muted);">Precio</label><input type="number" class="meli-num-input" id="meliPrice-' + it.inventory_id + '" value="' + it.price + '" oninput="scheduleMeliFeeEstimates()"></div>' +
                      '<div><label style="font-size:10px;color:var(--color-text-muted);">Stock</label><input type="number" class="meli-num-input" id="meliStock-' + it.inventory_id + '" value="' + it.stock + '"></div>' +
                      '<div id="meliFee-' + it.inventory_id + '" style="font-size:10px;color:var(--color-text-muted);min-width:130px;line-height:1.35;"></div>' +
                      '</div>';
              });
              container.innerHTML = html;
              scheduleMeliFeeEstimates();
          }).catch(function() { container.innerHTML = '<p style="color:var(--color-error);">Error de red</p>'; });
    }

    window.selectMeliCategory = function(id, name) {
        document.getElementById('meliCategoryId').value = id;
        document.getElementById('meliCategorySearch').value = name;
        document.getElementById('meliCategoryResults').innerHTML = '';
        meliCatItems = [];
        meliCatActiveIndex = -1;
        loadCategoryAttributes(id);
        scheduleMeliFeeEstimates();
    };

    window.selectMeliCategoryIdx = function(idx) {
        var c = meliCatItems[idx];
        if (!c) return;
        selectMeliCategory(c.category_id, c.category_name || c.category_id);
    };

    window.highlightMeliCat = function(idx) {
        meliCatActiveIndex = idx;
        var items = document.querySelectorAll('.meli-cat-item');
        items.forEach(function(el, i) { el.classList.toggle('is-active', i === idx); });
    };

    window.loadCategoryAttributes = function(categoryId) {
        var grid = document.getElementById('meliAttrsGrid');
        var section = document.getElementById('meliAttrsSection');
        grid.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando atributos...</p>';
        section.style.display = 'block';
        fetch('/pos/api/marketplace-ext/categories/' + encodeURIComponent(categoryId) + '/attributes', { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function(r){ return r.json(); })
            .then(function(data) {
                meliCategoryAttrs = data.attributes || [];
                if (!meliCategoryAttrs.length) { grid.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">No hay atributos obligatorios adicionales.</p>'; return; }
                var html = '';
                meliCategoryAttrs.forEach(function(attr) {
                    var attrId = esc(attr.id);
                    var attrName = esc(attr.name || attr.id);
                    var inputHtml = '<input type="text" class="meli-title-input" id="meliAttr-' + attrId + '" placeholder="' + attrName + '">';
                    if (attr.values && attr.values.length) {
                        // Some ML attributes (like BRAND) have a closed list but the API still
                        // accepts free-text via value_name. Provide a select + "Other" fallback.
                        var selectId = 'meliAttrSel-' + attrId;
                        var otherId = 'meliAttrOther-' + attrId;
                        inputHtml = '<select class="meli-title-input" id="' + selectId + '" onchange="onMeliAttrSelectChange(\'' + attrId + '\')">' +
                            '<option value="">Selecciona ' + attrName + '</option>' +
                            attr.values.map(function(v) { return '<option value="' + esc(v.name) + '">' + esc(v.name) + '</option>'; }).join('') +
                            '<option value="__other__">Otra marca (escribir)...</option>' +
                            '</select>' +
                            '<input type="text" class="meli-title-input" id="' + otherId + '" placeholder="Escribe la ' + attrName + '" style="display:none;margin-top:6px;">';
                    }
                    html += '<div class="inv-field" id="meliAttrWrap-' + attrId + '"><label>' + attrName + (attr.tags && attr.tags.required ? ' *' : '') + '</label>' + inputHtml + '</div>';
                });
                grid.innerHTML = html;
            }).catch(function() { grid.innerHTML = '<p style="color:var(--color-error);font-size:var(--text-caption);">Error cargando atributos</p>'; });
    };

    window.updateMeliTitleCount = function(id) {
        var el = document.getElementById('meliTitle-' + id);
        var countEl = document.getElementById('meliTitleCount-' + id);
        if (el && countEl) countEl.textContent = el.value.length + '/60';
    };

    window.handleMeliImageUpload = function(itemId, input) {
        if (!input.files || !input.files[0]) return;
        var file = input.files[0];
        var formData = new FormData();
        formData.append('file', file);
        fetch('/pos/api/inventory/items/' + itemId + '/image', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken() },
            body: formData
        }).then(function(r){ return r.json(); })
          .then(function(data) {
              if (data.image_url) {
                  showToast('Imagen subida', 'success');
                  refreshMeliPublishPreview();
                  if (inventoryVS) inventoryVS.refresh();
              } else {
                  showToast(data.error || 'Error subiendo imagen', 'error');
              }
          }).catch(function(){ showToast('Error de red', 'error'); });
    };

    // ─── Estimador de comisiones MeLi (por artículo) ───
    var meliFeeTimeout;
    function fmtMoney(n) {
        return '$' + (parseFloat(n) || 0).toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2});
    }
    function updateMeliFeeEstimates() {
        var categoryId = (document.getElementById('meliCategoryId') || {}).value;
        var listingType = (document.getElementById('meliListingType') || {}).value || 'gold_special';
        var ids = Object.keys(window.meliPreviewData || (typeof meliPreviewData !== 'undefined' ? meliPreviewData : {}));
        if (!ids.length) return;
        ids.forEach(function (id) {
            var feeEl = document.getElementById('meliFee-' + id);
            if (!feeEl) return;
            if (!categoryId) { feeEl.innerHTML = ''; return; }
            var priceEl = document.getElementById('meliPrice-' + id);
            var price = parseFloat(priceEl && priceEl.value) || 0;
            if (price <= 0) { feeEl.innerHTML = '<span style="color:var(--color-text-muted);">Ingresa un precio para estimar comisiones</span>'; return; }
            feeEl.innerHTML = '<span style="color:var(--color-text-muted);">Calculando comisiones...</span>';
            fetch('/pos/api/marketplace-ext/listing-prices?price=' + encodeURIComponent(price) + '&category_id=' + encodeURIComponent(categoryId), { headers: { 'Authorization': 'Bearer ' + getToken() } })
                .then(function (r) { return r.json().then(function (d) { return {ok: r.ok, data: d}; }); })
                .then(function (res) {
                    if (!res.ok || res.data.error) { feeEl.innerHTML = '<span style="color:var(--color-warning);">No se pudo estimar: ' + esc(res.data.error || 'error') + '</span>'; return; }
                    var offers = res.data.listing_prices || [];
                    var offer = null;
                    offers.forEach(function (o) { if (o.listing_type_id === listingType) offer = o; });
                    if (!offer && offers.length) offer = offers[0];
                    if (!offer || !offer.sale_fee_details) { feeEl.innerHTML = ''; return; }
                    var fee = offer.sale_fee_details.gross_amount || 0;
                    var pct = offer.sale_fee_details.percentage_fee || 0;
                    var net = price - fee;
                    feeEl.innerHTML = '💰 Comisión MeLi: <strong style="color:var(--color-warning);">' + fmtMoney(fee) + ' (' + pct + '%)</strong>'
                        + ' · Recibes: <strong style="color:' + (net > 0 ? 'var(--color-success)' : 'var(--color-error)') + ';">' + fmtMoney(net) + '</strong>'
                        + ' <span style="opacity:.65;">(estimado, sin costo de envío)</span>';
                })
                .catch(function () { feeEl.innerHTML = ''; });
        });
    }
    function scheduleMeliFeeEstimates() {
        clearTimeout(meliFeeTimeout);
        meliFeeTimeout = setTimeout(updateMeliFeeEstimates, 500);
    }
    window.scheduleMeliFeeEstimates = scheduleMeliFeeEstimates;

    // =====================================================================
    //  EXPOSE GLOBALS (for onclick handlers in HTML)