var MargenArticulo = Object.assign({}, TablaGenerica);

MargenArticulo._fmtMiles = function(val, dec) {
    dec = dec !== undefined ? dec : 2;
    var num = parseFloat(val) || 0;
    return num.toLocaleString('es-PE', { minimumFractionDigits: dec, maximumFractionDigits: dec });
};

var _maMostrarVista = MargenArticulo.mostrarVista;
MargenArticulo.mostrarVista = function() {
    var self = this;

    var _origCargar = this.cargarTabla;
    var skipFirst = true;
    this.cargarTabla = function() {
        if (skipFirst) { skipFirst = false; return Promise.resolve(); }
        return _origCargar.apply(this, arguments);
    };
    _maMostrarVista.call(this);
    this.cargarTabla = _origCargar;

    var wrap = document.getElementById(self.elementId + 'TablaWrap');
    if (!wrap) return;

    var oldBar = document.getElementById('maExtraBar');
    if (oldBar) oldBar.remove();

    var toolbar = document.querySelector('#' + self.elementId + ' .prov-toolbar');
    if (toolbar) {
        var bar = document.createElement('div');
        bar.id = 'maExtraBar';
        bar.style.cssText = 'display:flex;align-items:center;gap:12px;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:0.82rem;flex-wrap:wrap';

        bar.innerHTML =
            '<label style="display:flex;align-items:center;gap:4px;font-weight:600;color:#475569;font-size:0.78rem">' +
            '<input type="checkbox" id="maConStock" checked> Solo con stock</label>';
        toolbar.parentNode.insertBefore(bar, toolbar.nextSibling);

        document.getElementById('maConStock').addEventListener('change', function() {
            self.paginaActual = 1;
            self.cargarTabla();
        });
    }

    self.cargarTabla();
};

MargenArticulo.obtenerParamsExtra = function() {
    var self = this;
    var stockEl = document.getElementById('maConStock');
    var s = '';
    if (self.sesion && self.sesion.id_sucursal) s += '&id_sucursal=' + self.sesion.id_sucursal;
    if (stockEl && stockEl.checked) s += '&con_stock=true';
    return s;
};

MargenArticulo._lastTotales = {
    total_articulos: 0, valor_venta_total: 0, valor_stock_total: 0,
    margen_total: 0, margen_porc: 0, con_precio: 0, sin_precio: 0
};

var _maCargarTabla = MargenArticulo.cargarTabla;
MargenArticulo.cargarTabla = function() {
    var self = this;
    self._cargarTotales().then(function() {
        return _maCargarTabla.call(self);
    }).then(function() {
        self._agregarTotales();
        self._bindDblClick();
    }).catch(function(e) {
        console.error('[MA] cargarTabla error:', e);
    });
};

MargenArticulo._bindDblClick = function() {
    var self = this;
    var wrap = document.getElementById(self.elementId + 'TablaWrap');
    if (!wrap) return;
    var tbody = wrap.querySelector('table tbody');
    if (!tbody) return;
    var trs = tbody.querySelectorAll('tr');
    trs.forEach(function(tr, idx) {
        tr.addEventListener('dblclick', function(e) {
            var rowData = self.currentData[idx];
            if (rowData) self._verDetalleArticulo(rowData);
        });
    });
};

MargenArticulo._verDetalleArticulo = function(row) {
    var self = this;
    self.ensureSesion();
    if (!row.id_articulo || !self.sesion) return;
    fetch(self.API_URL + '/articulos/' + row.id_articulo + '?id_empresa=' + self.sesion.id_empresa)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (!res.ok) { Mensaje.error({ titulo: 'Error', texto: 'Artículo no encontrado' }); return; }
            var a = res.data;
            var html = '<div style="padding:4px 0"><div style="display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:0.82rem">';
            html += '<span style="font-weight:600;color:#475569">Código:</span><span>' + (a.cod_articulo || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Cód. Venta:</span><span>' + (a.cod_vta || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Nombre:</span><span>' + (a.nombre || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Familia:</span><span>' + (a.familia_nombre || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Subfamilia:</span><span>' + (a.subfamilia_nombre || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Unidad:</span><span>' + (a.unidad_nombre || '-') + ' (' + (a.unidad_codigo || '') + ')</span>';
            html += '<span style="font-weight:600;color:#475569">Proveedor:</span><span>' + (a.proveedor_razon_social || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Stock Actual:</span><span style="font-weight:700">' + MargenArticulo._fmtMiles(a.stock_actual) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Stock Mínimo:</span><span>' + MargenArticulo._fmtMiles(a.stock_minimo) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Stock Máximo:</span><span>' + MargenArticulo._fmtMiles(a.stock_maximo) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Precio Venta:</span><span>S/ ' + MargenArticulo._fmtMiles(a.precio_venta) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Precio Compra:</span><span>S/ ' + MargenArticulo._fmtMiles(a.precio_compra) + '</span>';
            html += '</div></div>';
            Modal.abrir({ titulo: 'Detalle de Artículo — ' + (a.cod_articulo || ''), ancho: '600px', contenido: html, botones: [{ texto: 'Cerrar', tipo: 'primario', accion: function() { Modal.cerrar(); } }] });
        }).catch(function() { Mensaje.error({ titulo: 'Error', texto: 'Error al cargar artículo' }); });
};

MargenArticulo._cargarTotales = function() {
    var self = this;
    self.ensureSesion();
    if (!self.sesion || !self.sesion.id_empresa) return Promise.resolve();
    var url = self.API_URL + '/margen-articulo/totales?id_empresa=' + self.sesion.id_empresa;
    if (typeof self.obtenerParamsExtra === 'function') url += self.obtenerParamsExtra();
    var filtrosStr = Object.keys(self.filtrosColumna).length > 0 ? '&filtros=' + encodeURIComponent(JSON.stringify(self.filtrosColumna)) : '';
    url += filtrosStr;
    return fetch(url).then(function(r) { return r.json(); }).then(function(res) {
        if (res.ok) {
            self._lastTotales = {
                total_articulos: res.total_articulos || 0,
                valor_venta_total: res.valor_venta_total || 0,
                valor_stock_total: res.valor_stock_total || 0,
                margen_total: res.margen_total || 0,
                margen_porc: res.margen_porc || 0,
                con_precio: res.con_precio || 0,
                sin_precio: res.sin_precio || 0
            };
        }
    }).catch(function() {});
};

MargenArticulo._agregarTotales = function() {
    var self = this;
    var wrap = document.getElementById(self.elementId + 'TablaWrap');
    if (!wrap) return;

    var oldResumen = document.getElementById('maResumen');
    if (oldResumen) oldResumen.remove();

    var pag = document.getElementById(self.elementId + 'Paginacion');
    if (pag) {
        var t = self._lastTotales;
        var resumen = document.createElement('div');
        resumen.id = 'maResumen';
        resumen.className = 'ma-resumen';
        resumen.innerHTML =
            '<div class="sv-resumen-item"><span class="sv-resumen-label">Artículos:</span> <span class="sv-resumen-value">' + MargenArticulo._fmtMiles(t.total_articulos) + '</span></div>' +
            '<div class="sv-resumen-item"><span class="sv-resumen-label">V. Venta:</span> <span class="sv-resumen-value" style="color:#1A4480">S/ ' + MargenArticulo._fmtMiles(t.valor_venta_total) + '</span></div>' +
            '<div class="sv-resumen-item"><span class="sv-resumen-label">V. Costo:</span> <span class="sv-resumen-value" style="color:#dc2626">S/ ' + MargenArticulo._fmtMiles(t.valor_stock_total) + '</span></div>' +
            '<div class="sv-resumen-item"><span class="sv-resumen-label">Margen:</span> <span class="sv-resumen-value" style="color:#16a34a">S/ ' + MargenArticulo._fmtMiles(t.margen_total) + '</span></div>' +
            '<div class="sv-resumen-item"><span class="sv-resumen-label">Margen %:</span> <span class="sv-resumen-value" style="color:#16a34a">' + MargenArticulo._fmtMiles(t.margen_porc) + '%</span></div>';
        pag.parentNode.insertBefore(resumen, pag);
    }
};

MargenArticulo.imprimir = async function() {
    var self = this;
    var di = await TablaGenerica._obtenerDatosImpresion();
    var ahora = new Date();
    var fechaStr = ahora.toLocaleDateString('es-PE', { day: '2-digit', month: '2-digit', year: 'numeric' }) + ' ' + ahora.toLocaleTimeString('es-PE', { hour: '2-digit', minute: '2-digit' });

    var filtros = [];
    var stockEl = document.getElementById('maConStock');
    if (stockEl && stockEl.checked) filtros.push('Solo con stock');

    var datos = await self.obtenerTodosDatos();
    if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'Imprimir', texto: 'No hay datos' }); return; }

    var t = self._lastTotales || {};

    var html = '<!DOCTYPE html><html><head><meta charset="UTF-8"><style>';
    html += '*{margin:0;padding:0;outline:none}';
    html += 'body{font-family:Arial,sans-serif;font-size:11px;margin:20px;color:#1E293B}';
    html += '.ma-phf{font-size:9px;color:#475569;background:#F1F5F9;padding:4px 8px;border-radius:4px;margin-bottom:8px;display:inline-block}';
    html += 'table{width:100%;border-collapse:collapse;font-size:10px}';
    html += 'th{background:#1A4480;color:#fff;padding:8px 10px;text-align:left;font-weight:700;text-transform:uppercase;font-size:9px;border:1px solid rgba(255,255,255,0.4);white-space:nowrap}';
    html += 'td{padding:6px 10px;border:0;border-bottom:1px solid #E2E8F0;color:#334155}';
    html += '.right{text-align:right}.center{text-align:center}.bold{font-weight:700}';
    html += 'thead{display:table-header-group}';
    html += '@page{margin:10mm;@bottom-center{content:counter(page);font-family:Arial,sans-serif;font-size:9px;color:#64748B}}';
    html += '</style></head><body>';
    if (filtros.length > 0) html += '<div class="ma-phf">' + filtros.join(' | ') + '</div>';
    html += '<table>';
    html += '<thead>';
    html += '<tr><th colspan="12" style="text-align:left;padding:0 0 10px 0;border:0;background:none;color:#1E293B;font-size:14px;text-transform:uppercase"><div style="display:flex;justify-content:space-between;align-items:flex-start;width:100%"><div>' + di.logoHtml + '<span style="display:inline-block;vertical-align:middle"><span style="font-weight:800;color:#1A4480">Margen por Artículo</span>' + (di.empresa ? '<br><span style="font-size:0.8rem;color:#1A4480;font-weight:600">' + di.empresa + '</span>' : '') + (di.sucursal ? '<br><span style="font-size:0.7rem;color:#64748B;font-weight:400">' + di.sucursal + '</span>' : '') + '</span></div><span style="font-size:0.65rem;color:#64748B;text-transform:none">' + fechaStr + '</span></div></th></tr>';
        html += '<tr><th style="width:7%;border-radius:6px 0 0 0">Código</th><th style="width:9%">Cod Venta</th><th style="width:18%">Artículo</th><th style="width:11%">Familia</th><th class="right" style="width:7%">P. Venta</th><th class="right" style="width:8%">Costo</th><th class="right" style="width:8%">Marg. Unit.</th><th class="right" style="width:7%">Marg. %</th><th class="right" style="width:7%">Stock</th><th class="right" style="width:9%">V. Venta</th><th class="right" style="width:9%">V. Costo</th><th class="right" style="width:9%;border-radius:0 6px 0 0">Marg. Total</th></tr>';
        html += '</thead><tbody>';

        datos.forEach(function(a) {
            var mp = parseFloat(a.margen_porc) || 0;
            var mt = parseFloat(a.margen_total) || 0;
            var mpColor = mp >= 30 ? '#16a34a' : mp >= 15 ? '#d97706' : mp > 0 ? '#f59e0b' : '#dc2626';
            var mtColor = mt > 0 ? '#16a34a' : mt < 0 ? '#dc2626' : '#64748b';
            html += '<tr><td>' + (a.cod_articulo || '') + '</td><td>' + (a.cod_vta || '') + '</td><td>' + (a.nom_art || '') + '</td><td>' + (a.nom_fam || '') + '</td><td class="right">S/ ' + MargenArticulo._fmtMiles(a.precio_venta) + '</td><td class="right">S/ ' + MargenArticulo._fmtMiles(a.costo_promedio) + '</td><td class="right">S/ ' + MargenArticulo._fmtMiles(a.margen_unit) + '</td><td class="right bold" style="color:' + mpColor + '">' + MargenArticulo._fmtMiles(mp) + '%</td><td class="right">' + MargenArticulo._fmtMiles(a.stock) + '</td><td class="right bold">S/ ' + MargenArticulo._fmtMiles(a.valor_venta) + '</td><td class="right">S/ ' + MargenArticulo._fmtMiles(a.valor_stock) + '</td><td class="right bold" style="color:' + mtColor + '">S/ ' + MargenArticulo._fmtMiles(mt) + '</td></tr>';
        });

        html += '</tbody></table>';
        html += '<div style="display:flex;gap:16px;margin-top:14px;padding:8px 12px;background:#F8FAFC;border-radius:6px;font-size:9px;flex-wrap:wrap;border:1px solid #E2E8F0">';
        html += '<span style="font-weight:700;color:#334155">Artículos: <span style="color:#1A4480">' + MargenArticulo._fmtMiles(t.total_articulos) + '</span></span>';
        html += '<span style="font-weight:700;color:#334155">V. Venta: <span style="color:#1A4480">S/ ' + MargenArticulo._fmtMiles(t.valor_venta_total) + '</span></span>';
        html += '<span style="font-weight:700;color:#334155">V. Costo: <span style="color:#dc2626">S/ ' + MargenArticulo._fmtMiles(t.valor_stock_total) + '</span></span>';
        html += '<span style="font-weight:700;color:#334155">Margen: <span style="color:#16a34a">S/ ' + MargenArticulo._fmtMiles(t.margen_total) + ' (' + MargenArticulo._fmtMiles(t.margen_porc) + '%)</span></span>';
        html += '</div>';
        html += '</body></html>';

        var iframe = document.createElement('iframe');
        iframe.style.cssText = 'position:fixed;top:-9999px;width:1px;height:1px';
        document.body.appendChild(iframe);
        var win = iframe.contentWindow;
        win.document.open();
        win.document.write(html);
        win.document.close();
    setTimeout(function() { win.print(); }, 300);
    setTimeout(function() { document.body.removeChild(iframe); }, 1500);
};

MargenArticulo.exportarExcel = function() {
    var self = this;
    self.cerrarExportDD();
    self.obtenerTodosDatos().then(function(datos) {
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'Excel', texto: 'No hay datos para exportar' }); return; }
        function go() {
            var wb = new ExcelJS.Workbook();
            var ws = wb.addWorksheet('Margen por Artículo');
            ws.columns = [
                { header: 'Código', key: 'cod', width: 10 }, { header: 'Cod. Venta', key: 'codvta', width: 12 },
                { header: 'Artículo', key: 'nombre', width: 35 }, { header: 'Familia', key: 'familia', width: 16 },
                { header: 'P. Venta', key: 'pventa', width: 12 }, { header: 'Costo', key: 'costo', width: 12 },
                { header: 'Marg. Unit.', key: 'munit', width: 12 }, { header: 'Marg. %', key: 'mporc', width: 10 },
                { header: 'Stock', key: 'stock', width: 10 }, { header: 'V. Venta', key: 'vventa', width: 14 },
                { header: 'V. Costo', key: 'vcosto', width: 14 }, { header: 'Marg. Total', key: 'mtotal', width: 14 }
            ];
            ws.getRow(1).font = { bold: true, color: { argb: 'FFFFFFFF' } };
            ws.getRow(1).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF1A4480' } };
            ws.getRow(1).alignment = { horizontal: 'center' };
            datos.forEach(function(a) {
                ws.addRow({ cod: a.cod_articulo || '', codvta: a.cod_vta || '', nombre: a.nom_art || '', familia: a.nom_fam || '', pventa: parseFloat(a.precio_venta) || 0, costo: parseFloat(a.costo_promedio) || 0, munit: parseFloat(a.margen_unit) || 0, mporc: parseFloat(a.margen_porc) || 0, stock: parseFloat(a.stock) || 0, vventa: parseFloat(a.valor_venta) || 0, vcosto: parseFloat(a.valor_stock) || 0, mtotal: parseFloat(a.margen_total) || 0 });
            });
            ['pventa', 'costo', 'munit', 'vventa', 'vcosto', 'mtotal'].forEach(function(k) { ws.getColumn(k).numFmt = '#,##0.00'; });
            ws.getColumn('mporc').numFmt = '#,##0.00';
            wb.xlsx.writeBuffer().then(function(buf) {
                var a = document.createElement('a');
                a.href = URL.createObjectURL(new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }));
                a.download = 'margen_articulo_' + new Date().toISOString().slice(0, 10) + '.xlsx';
                a.click();
            });
        }
        if (typeof ExcelJS === 'undefined') { var s = document.createElement('script'); s.src = 'https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js'; s.onload = go; document.head.appendChild(s); } else { go(); }
    });
};

MargenArticulo.exportarCSV = function() {
    var self = this;
    self.cerrarExportDD();
    self.obtenerTodosDatos().then(function(datos) {
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'CSV', texto: 'No hay datos para exportar' }); return; }
        var bom = '\uFEFF', rows = [];
        rows.push(['Codigo', 'Cod.Venta', 'Articulo', 'Familia', 'P. Venta', 'Costo', 'Marg. Unit.', 'Marg. %', 'Stock', 'V. Venta', 'V. Costo', 'Marg. Total'].join(';'));
        datos.forEach(function(a) {
            rows.push(['"'+(a.cod_articulo||'')+'"','"'+(a.cod_vta||'')+'"','"'+(a.nom_art||'').replace(/"/g,'""')+'"','"'+(a.nom_fam||'').replace(/"/g,'""')+'"',(parseFloat(a.precio_venta)||0).toFixed(2).replace('.',','),(parseFloat(a.costo_promedio)||0).toFixed(2).replace('.',','),(parseFloat(a.margen_unit)||0).toFixed(2).replace('.',','),(parseFloat(a.margen_porc)||0).toFixed(2).replace('.',','),(parseFloat(a.stock)||0).toFixed(2).replace('.',','),(parseFloat(a.valor_venta)||0).toFixed(2).replace('.',','),(parseFloat(a.valor_stock)||0).toFixed(2).replace('.',','),(parseFloat(a.margen_total)||0).toFixed(2).replace('.',',')].join(';'));
        });
        var a = document.createElement('a');
        a.href = URL.createObjectURL(new Blob([bom + rows.join('\n')], { type: 'text/csv;charset=utf-8' }));
        a.download = 'margen_articulo_' + new Date().toISOString().slice(0, 10) + '.csv';
        a.click();
    });
};

MargenArticulo.exportarPDF = function() { this.cerrarExportDD(); this.imprimir(); };

MargenArticulo.exportarTXT = function() {
    var self = this;
    self.cerrarExportDD();
    self.obtenerTodosDatos().then(function(datos) {
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'TXT', texto: 'No hay datos para exportar' }); return; }
        var rows = [];
        rows.push(['Codigo', 'Cod.Venta', 'Articulo', 'Familia', 'P. Venta', 'Costo', 'Marg. Unit.', 'Marg. %', 'Stock', 'V. Venta', 'V. Costo', 'Marg. Total'].join('\t'));
        datos.forEach(function(a) {
            rows.push([a.cod_articulo||'',a.cod_vta||'',a.nom_art||'',a.nom_fam||'',(parseFloat(a.precio_venta)||0).toFixed(2),(parseFloat(a.costo_promedio)||0).toFixed(2),(parseFloat(a.margen_unit)||0).toFixed(2),(parseFloat(a.margen_porc)||0).toFixed(2),(parseFloat(a.stock)||0).toFixed(2),(parseFloat(a.valor_venta)||0).toFixed(2),(parseFloat(a.valor_stock)||0).toFixed(2),(parseFloat(a.margen_total)||0).toFixed(2)].join('\t'));
        });
        var a = document.createElement('a');
        a.href = URL.createObjectURL(new Blob([rows.join('\n')], { type: 'text/plain;charset=utf-8' }));
        a.download = 'margen_articulo_' + new Date().toISOString().slice(0, 10) + '.txt';
        a.click();
    });
};

MargenArticulo.init({
    title: 'Margen por Artículo',
    icon: 'fa-percent',
    idSingular: 'Artículo',
    idField: 'cod_articulo',
    endpoint: '/margen-articulo',
    sortDefault: 'margen_porc',
    limite: 50,
    searchPlaceholder: 'Buscar por codigo, nombre...',
    filtroEstado: false,
    showEstado: false,
    showAcciones: false,
    showCrear: false,
    exportFileName: 'MargenArticulo',
    elementId: 'pageMargenArticulo',
    menuPage: 'MargenArticulo',
    columnFilters: {},
    columns: [
        { field: 'cod_articulo', label: 'Código', sortable: true, filterable: true, width: '7%' },
        { field: 'cod_vta', label: 'Cod Venta', sortable: true, filterable: true, width: '9%',
            render: function(row) { return row.cod_vta || ''; }
        },
        { field: 'nom_art', label: 'Artículo', sortable: true, filterable: true, width: '18%' },
        { field: 'nom_fam', label: 'Familia', sortable: true, filterable: true, width: '11%',
            render: function(row) { return '<span style="color:#64748b">' + (row.nom_fam || '') + '</span>'; }
        },
        { field: 'precio_venta', label: 'P. Venta', sortable: true, filterable: false, width: '7%',
            render: function(row) {
                return '<span style="display:block;text-align:right">S/ ' + MargenArticulo._fmtMiles(row.precio_venta) + '</span>';
            }
        },
        { field: 'costo_promedio', label: 'Costo', sortable: true, filterable: false, width: '8%',
            render: function(row) {
                return '<span style="display:block;text-align:right">S/ ' + MargenArticulo._fmtMiles(row.costo_promedio) + '</span>';
            }
        },
        { field: 'margen_unit', label: 'Marg. Unit.', sortable: true, filterable: false, width: '8%',
            render: function(row) {
                var val = parseFloat(row.margen_unit) || 0;
                var color = val > 0 ? '#16a34a' : val < 0 ? '#dc2626' : '#64748b';
                return '<span style="display:block;text-align:right;color:' + color + '">S/ ' + MargenArticulo._fmtMiles(val) + '</span>';
            }
        },
        { field: 'margen_porc', label: 'Marg. %', sortable: true, filterable: false, width: '7%',
            render: function(row) {
                var val = parseFloat(row.margen_porc) || 0;
                var color = val >= 30 ? '#16a34a' : val >= 15 ? '#d97706' : val > 0 ? '#f59e0b' : '#dc2626';
                return '<span style="display:block;text-align:center;font-weight:700;color:' + color + '">' + MargenArticulo._fmtMiles(val) + '%</span>';
            }
        },
        { field: 'stock', label: 'Stock', sortable: true, filterable: false, width: '7%',
            render: function(row) {
                return '<span style="display:block;text-align:right">' + MargenArticulo._fmtMiles(row.stock) + '</span>';
            }
        },
        { field: 'valor_venta', label: 'V. Venta', sortable: true, filterable: false, width: '9%',
            render: function(row) {
                return '<span style="display:block;text-align:right;font-weight:700">S/ ' + MargenArticulo._fmtMiles(row.valor_venta) + '</span>';
            }
        },
        { field: 'valor_stock', label: 'V. Costo', sortable: true, filterable: false, width: '9%',
            render: function(row) {
                return '<span style="display:block;text-align:right">S/ ' + MargenArticulo._fmtMiles(row.valor_stock) + '</span>';
            }
        },
        { field: 'margen_total', label: 'Marg. Total', sortable: true, filterable: false, width: '9%',
            render: function(row) {
                var val = parseFloat(row.margen_total) || 0;
                var color = val > 0 ? '#16a34a' : val < 0 ? '#dc2626' : '#64748b';
                return '<span style="display:block;text-align:right;font-weight:700;color:' + color + '">S/ ' + MargenArticulo._fmtMiles(val) + '</span>';
            }
        }
    ],
    onEliminar: null
});
